/* General layout #e0e0e0         url(images/bgd.gif) repeat-x;       url(images/bgd.gif) repeat-x*/
body {
    /*background:#A7CBF2; */
	margin: 0;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}
#container {
    background: #fff;
/*border: 1px solid #d8d8d8;*/    margin: 0 auto 0px auto;
    margin-top: 0px;
    padding: 5px 10px 0px 10px;
    width: 800px;
    height: auto;
}
.anuncios
{
    width: 200px;
    height: 225px;
    float: left;
    margin-top: 35px;
    margin-left: -5px;
}
#aviso
{
    background-color:Red;
    color:White;
    }
#aviso a
{
    background-color:Red;
    color:White;
    }
#forma_pago
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 35px;
    background-image: url('images/forma_pago.jpg');
    width: 205px;
    color: #606060;
    height: 450px;
    margin-bottom: 10px;
}
#datospersonales
{    height: 845px;
    width: 696px;
}
#rightbar
{
    float: right;
    width: 235px;
    height:auto;
    margin-left:5px;
}
#autorizando
{
    width: 545px;
    background-image: url('images/autorizando.jpg');
    height: 450px;
    padding-right: 10px;
    padding-top: 35px;
    padding-left: 10px;
    color: #606060;
    margin-bottom: 10px;
} 
#tratamientos
{
    float: right;
    width: 225px;
    margin-bottom: 10px;
    height: 125px;
    background-image: url('images/tratamientos.jpg');
    padding-top: 25px;
    padding-left: 10px;
    color: #808080;
}
#datos_personales
        {
    float: left;
    width: 390px;
    margin-bottom: 10px;
    height: 275px;
    background-image: url('images/datos_personales.jpg');
    margin-left: 0px;
    padding-top: 35px;
    color: #808080;
}
#estudios
{
    float: left;
    height: 265px;
    width: 380px;
    margin-bottom: 10px;
    background-image: url('images/estudios_realizados.jpg');
    padding-top: 35px;
    padding-left: 10px;
    color: #808080;
}    
#sociedades
{
    float: right;
    width: 225px;
    margin-bottom: 10px;
    height: 125px;
    background-image: url('images/sociedades.jpg');
    padding-top: 25px;
    padding-left: 10px;
    color: #808080;
}    
    
#lugares_labora
{
    float: right;
    width: 225px;
    height: 276px;
    margin-bottom: 10px;
    background-image: url('images/lugares_consulta.jpg');
    padding-left: 10px;
    padding-top: 25px;
    color: #808080;
}
#desc_trm
{
    background-image: url('images/descripcion_trm.jpg');
    height: 430px;
    width: 780px;
    color: #808080;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: justify;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
}
#benefic
{
    height: 460px;
    width: 780px;
    color: #808080;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: justify;
    padding-top: 40px;
    padding-right: 10px;
    padding-left: 10px;
    background-image: url('images/beneficios.jpg');
    margin-bottom: 10px;
}
.western
{
    padding-left: 5px;
    }
    .western2
    {
        height:27px;   
         margin-left: 20px;
        }
/* Site title */
#logo {
    height: 130px;
}
#logo2 {
    height: 130px;
}
#logo h1 a {border:none; color:#505050;}
#logo h1 a:hover {border:none; color:#303030; text-decoration:none;}
#logo p {font-size:1.3em;  color:#505050; margin:0 0 20px 0;}

/* Tags *
a {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
a img {border:0;}
*/

h1 { color:#42B4AC; font-size: 45px; font-weight:400; margin:0 0 5px; padding:0;}
/*
h1 {
	text-align: center;
	font-size: 65px;
	padding: 20px 0 20px 0;
	margin: 0 20px 0 20px;
}
*/
h2 {font-size:1.8em; color:#42B4AC; font-weight:400; margin:0 0 12px;}
h3 {
    font-size: 1.4em;
    font-weight: 400;
    margin: 0 0 10px;
}
.h4 
{
    font-size: 13pt;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    height: 22px;
}
.h5 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1px;
    margin-left: 10px;
}
blockquote{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 18px;
    height: 12px;
    width: 309px;
}
p {line-height:1.5em; margin:0 0 15px; text-align:left;}
ul,ol {margin:0 0 15px 15px; padding:0;}
li {margin:0 0 3px 0;}

/* Toptabs menu */
#toptabs {font-size:.8em; margin:10px auto -13px; width:760px;}
#toptabs p {color:gray; text-align:right;}
.toptab {background:#f0f0f0 url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#fafafa url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}
.activetoptab {background:#fff url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #fff; color:#505050; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;}

/* Navitabs menu */
#navitabs {clear:both;}
.navitab {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px; text-decoration:none;}
.navitab:hover {background:#d0d0d0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;}
.activenavitab {background:#505050 url(images/corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
.activenavitab:hover {color:#fff; text-decoration:none;}

/* Header description area */
#desc {background:#505050 url(images/front.jpg) bottom left repeat-y; clear:both; color:#fff; /* height:200px; */ margin:5px 0 15px; padding:0 0 5px 0;}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:700px;}
#desc h2 {color:#fff; padding:15px 15px 0;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}

/*Fieldset*/
fieldset { -moz-border-radius: 8px; border-radius: px; }

/* Main content */
#main {
    float: right;
    width: 635px;
}
#datos
{
    float:right;
    display:table;
    
    }
/* Main content */
#main1 {
	float:left;
	margin:0;
	width:540px;
	padding-top: 0;
	padding-left: 0px;
	padding-bottom: 0;
	padding-right: 15px;
}
#main2 {
    float: left;
    margin: 0;
    width: 565px;
    padding-top: 0;
    padding-left: 0px;
    padding-bottom: 0;
	/*background:#F2FAFD;
	border:1px solid #d8d8d8;*/
}
#columna {
	float:left;
	margin:0;
	width:150px;
	padding-top: 0;
	padding-left: 15px;
	padding-bottom: 0;
	padding-right: 15px;
	}
#info_pac 
{
    border: 1px #C0C0C0 solid;
    padding: 10px 5px 8px 5px;
    margin: 0 0 10px 0;
    width: 145px;
}
/* Sidebar */
#sidebar {
    border-style: none;
    border-width: 0px;
    float: left;
    width: 155px;
    font: bold 12px Arial;
    color:White;
    text-decoration:none;
    
}

#inf_paciente
{
    width:155px;
    }
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 5px;}
#sidebar ul {margin:0 5px 0 0; padding:0; width: 155px;
}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{
    background: url(images/00.jpg) repeat-x center left;
    color: White;
    border: none;
    display: block;
    margin: 5px 0 5px 0;
    padding: 3px 4px 3px 8px;
    text-align: left;
    width: 145px;
}
ul.sidelink li a:hover {background:url(images/11.jpg) repeat-x center left; color:White; border:none; text-decoration:none;}

/* Rightbar */
#rightbar {
    border-style: none;
    border-width: 0px;
    float: right;
    width: 225px;
}
#rightbar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#rightbar ul {margin:0 0 15px 0; padding:0;}
#rightbar li {
    background: url(images/checkmark_even.gif) no-repeat left top;
    list-style: none;
}


/* Footer */
#footer 
{
    background-image:url('images/bottom.jpg');
    margin-top:10px; 
    /*border-top:1px solid #d8d8d8; */
    height:30px;
    clear:both; 
    margin:0; 
    padding:0;
    width: 800px;
}
#footer a {color:Blue;}
#footer a:hover {color:Blue;}
#footer p {color:gray; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0;}

/* Additional classes */
.photo {background-color:#ffffff; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {background:#CAE5FA; }
.buscar {background:#63A4CE; height:inherit; margin-top:1px; margin-bottom:10px;
    width: 635px;
}
.titulo{background:#42B4AC; color:#FFFFFF; height:inherit; margin-top:1px; }

.bus {font:bold 11px Arial, Verdana, sans-serif; color:White; text-transform:uppercase;
    text-align: left;
}
.hide {display:none;}
.columna {
	background: url(images/ciencia_hipocratica.jpg) no-repeat left top;
	padding-left:5px;
	margin-bottom:10px;
	width:200px;
	float: left;
	color:Gray;	
}
a:link {color: #707070}
a:visited {color: #707070}
a:hover {color:#606060}
a:active {color: #707070}

.columna2 {
    background: url(images/funcionalidades.jpg) no-repeat left top;
    margin-bottom: 10px;
    width: 351px;
    margin-left: 0px;
    float: right;
    padding-top: 40px;
    color: Gray;
    height: 344px;
}
.columna3 {
    margin-bottom: 10px;
    width: 350px;
    margin-left: 0px;
    float: right;
    margin-top: 0px;
}
.columna2 ul li {
	margin-bottom:10px;
	width:318px;
	margin-left:0px;
	float: right;
	list-style:none;
	display:inline;
	margin-top: 0px;
	padding-left:17px;
	background: url(images/checkmark_even.gif) no-repeat left top;
	}
	
	#beneficios ul li 
	{
	font-size:13px;
	margin-bottom:15px;
	width:176px;
	margin-left:0px;
	float: right;
	list-style:none;
	display:inline;
	margin-top: 0px;
	padding-left:17px;
	background: url(images/checkmark_even.gif) no-repeat left top;
    height: 28px;
}
img.pic { border: 1px solid #7fbdfa ; }
.loading { margin-top:200px; margin-left:30px; position:relative; text-align:center;}

.nosotros {
    background: url(images/bienvenidos.jpg) no-repeat left top;
    margin-bottom: 10px;
    width: 560px;
    padding-left:10px;
    padding-right:10px;
    color:Gray;
    font-size:13px;
}
#asistencia {
    background: url(images/para_asistencia.jpg) no-repeat left top;
    width: 215px;
    height: 253px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-top: 30px;
}

.login {background: url(images/inicio_sesion.jpg) no-repeat left top; width:225px; height:191px; margin-bottom:10px;}
#noticias {
    background: url(images/noticias.jpg) no-repeat left top;
    width: 205px;
    height: 293px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 35px;
    padding-bottom: 20px;
}
.login2  
{
     background-image: url('images/login-asistente.jpg'); 
     color:#62A2CE;       
      font: bold 11px Arial, Verdana, sans-serif;
            text-transform: uppercase;
                   
            text-align: left; 
            height:199px;
             margin-top:1px; 
             margin-bottom:10px;
             width:145px;
              padding-left: 5px; 
              padding-right: 5px;
              }
.foto{
	width:140px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding: 2px;
	border: medium solid #7fbdfa;
}
/*************************MENU***url(images/buscarbg.gif) repeat-x**************************/

#ddcolortabs{
margin-right: 4px;
width: 99%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-right: 5px;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#ddcolortabs ul{
font:bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:right;
color: white;
background: #7fbdfa url(images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;

}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #42B4AC;
color:white;
}

#ddcolortabs a:hover span{
background-color: #42B4AC;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #42B4AC;
color:white;
}

#ddcolortabsline{
clear: both;/*
padding: 0;*/
width: 100%;
/*
float:right;
width: 450px;*/
height: 4px;
line-height: 5px;
background: #42B4AC;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}
#ddcolortabsline_d{
clear: both;/*
padding: 0;*/
width: 100%;
/*
float:right;
width: 450px;*/
height: 5px;
line-height: 5px;
background: #42B4AC;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
margin-bottom:10px;
}
#banner{
    margin: 0 0 0 0;
    clear: both;
    padding: 0;
    width: 800px;
    border-top: 1px solid #fff;
/*Remove this to remove border between bar and tabs*/    background-image: url('images/banner9.jpg');
    height: 179px;
}
#banner_m{
clear: both;
padding: 0;

border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
border-bottom:1px solid #fff;
background-image:url(images/laptop.jpg);
height:150px;
}

#margin{
height:200px;
}
.myheader
{
    background-image: url('images/22.jpg');
    background-repeat: repeat-x;
}
    
#bannerconsult{
clear: both;
padding: 0;
width: 100%;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
height:188px;
}
#bannerdoc{
clear: both;
padding: 0;
width: 100%;
border-top: 1px solid #fff;
height:150px;
}
#bannerdocimg{
clear: both;
padding: 0;
width:670px;
padding-left:150px;
}

#header
{
    clear: both;
    padding: 0;
    width: 100%;
    height: 158px;
    background-image:url('images/header.jpg');
}
.dirmed
{
    background-image:url('images/directorio_medico.jpg');
    }
/*********************BOTONES********************************/
a.ovalbutton{
background: transparent url('images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/****************************MENU VERTICAL******************************************/


.arrowlistmenu{
    width: 155px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background:url(images/00.jpg) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/11.jpg);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
/*color: #A70303;*/
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
/*font-weight: bold;*/
border-bottom: 1px solid #e0ecff;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
/*color: #A70303;*/
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
/*color: #A70303;*/
background-color: #e0ecff;
/*}
: #A70303;*/
background-color: #e0ecff;
}




/*MENU*/

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
border: 1px solid #fff;
border-width: 1px 0;
background:url(images/00.jpg) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(images/11.jpg) center center repeat-x;
}