/*  
#nombreID {color: red;}
.nombreClase {color: blue;}

Ayuda de
http://stackoverflow.com/questions/7228753/centering-a-fixed-header-and-sidebar

*/
@font-face { 
/*Insertamos la ruta donde se encuentra el archivo de la tipografia y el formato de la tipografia 
font-family: 'calibri'; src: url(http://www.ardanjela.com/tipografias/calibri.ttf) 
format("truetype"); */
font-family: 'calibri';
    src: url('fonts/calibri/calibri.eot'); /* Para Internet Explorer */
    src: local('calibri'), /* Para el resto de navegadores */
         url('fonts/calibri/calibri.ttf') format('truetype'),
         url('fonts/calibri/calibri.woff') format('woff'),
         url('fonts/calibri/calibri.svg') format('svg')
} 

body {
margin:0; 
padding:0; 
}

#wrapper {
margin: 0 auto 0 auto;
width:900px;
min-height:600px;
height:auto;
background-color:#FFF;
}

#header {
position: fixed;
width: 900px; 
height: 185px;
background-color: #FFF;
z-index: 100;
}


#content {
position:absolute;
top:185px;/* 185 viene del espacio que hay que dejar en la parte superior para el encabezado fijo*/
bottom:45px;/*45 viene del alto del pie mas 5 que se deja como margen*/
margin-left:255px;
overflow: auto;
width:615px;  /* (ancho-menu-borde) 900px - 255px -20 = 645px */
background-color:#FFF;
border-style: solid;
border-width: 10px; 
border-color: #d4d4d4; 
padding: 5px;
color: #004982; /* Color de la letra*/
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 14px;

}

#sidebar {
position: fixed;
top:185px;/* 185 viene del espacio que hay que dejar en la parte superior para el encabezado fijo*/
width: 255px;/* ancgo del menu*/
bottom:45px;/*45 viene del alto del pie mas 5 que se deja como margen*/
min-height:200px; /* just do simulate content */
z-index: 100;
background-color:#FFF;
}

#footer {
position: fixed;
width: 900px; 
height: 40px;
background-color: #2e557e;
color:#FFF;
z-index: 100;
bottom:0%;
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 14px;
}

#content_home {
position:absolute;
top:185px;/* 185 viene del espacio que hay que dejar en la parte superior para el encabezado fijo*/
bottom:45px;/*45 viene del alto del pie mas 5 que se deja como margen*/
margin-left:255px;
overflow: auto;
width:645px;  /* (ancho-menu-borde) 900px - 255px -20 = 645px */
background-color:#FFF;
color: #004982; /* Color de la letra*/
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 14px;
}




	
/* 

INICIO SLIDER ENCABEZADO
*/
#myController {position: absolute; top: 10px; left: 700px; }

.jFlowControl { background:url("../images/bullet.png") no-repeat scroll 0px 0px transparent;  float: left; width: 15px; height: 15px;}

.jFlowControl:hover { background-position: -32px 0px; cursor: pointer; }

.jFlowSelected, .jFlowSelected:hover {background-position: -15px 0px;   }


#myControllercuerpo {position: absolute;  }

.jFlowControlcuerpo { background:url("../images/bullet.png") no-repeat scroll 0px 0px transparent;  float: left; width: 15px; height: 15px;}

.jFlowControlcuerpo:hover { background-position: -32px 0px; cursor: pointer; }



/* 

FIN SLIDER ENCABEZADO
*/



/* INICIO EFECTO BOTONES MENU HOME*/
#page {padding:0px 0px 0px; width:255px;}

.menus {width:255px;border:0;}

.menus div {left: -5px;border:0;}/*esto lo agregue porque el jqdock le esta dando un left y hacia que quede corrido el menu*/
	
/*...hovered menu: above other menus and below loader...*/
.menuHover {z-index:20;}

/*dock styling...*/
/*...centre the dock...*/
.menus div.jqDockWrap {margin:0 auto;}

/*...space out the images slightly...*/
.menus img {padding-top: 3px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;
border:0;}
	
/*...set the cursor...*/
.menus div.jqDock {cursor:pointer;}
/* FIN EFECTO BOTONES MENU HOME*/


/* INICIO EFECTO BOTONES MENU*/
#container_gral {
	clear: both;
	width: 250px;
	margin: 0 auto;
}

#gral img{
	border:0;
    height: 45px;
    width: 240px;
    margin: 3px 0;/*distancia entre los botones*/
    -webkit-transition: all  0.3s ease;
    -moz-transition: all  0.3s ease;
    -o-transition: all  0.3s ease;
}

#gral img:hover {
	border:0;
	height: 60px;
	width: 280px;
	margin-left: -20px;	
}
/* FIN EFECTO BOTONES MENU*/


/* INICIO EFECTO BOTONES ENCABEZADO*/
#encab1 img{
	border:0;
    height: 122px;
    width: 144px;
    -webkit-transition: all  0.3s ease;
    -moz-transition: all  0.3s ease;
    -o-transition: all  0.3s ease;
}

#encab1 img:hover {
	border:0;
	height: 132px;/*sumo 10 de alto*/
	width: 154px;/*sumo 10 de ancho*/
	margin-left: -5px;/*resto 10 a la izq para que se estire por igual de ambos lados*/
	z-index:0;
}

#encab2 img{
	border:0;
    height: 44px;
    width: 144px;
    -webkit-transition: all  0.3s ease;
    -moz-transition: all  0.3s ease;
    -o-transition: all  0.3s ease;
}

#encab2 img:hover {
	border:0;
	height: 54px;
	width: 156px;
	margin-left: -5px;
	z-index:0;
}

#btn_sistema {
	border:0;
    height: 63px;
    width: 144px;
    background-image: url(../images/sistema_online.png) ;
     margin: 0px 0px 6px 0px;
}

#btn_sistema:hover {
  background-image: url(../images/sistema_online_hover.png);
   border:0;
}

#btn_farmacia {
	border:0;
    height: 51px;
    width: 144px;
    background-image: url(../images/farmacia.png) ;
     margin: 0px 0px 6px 0px;
}

#btn_farmacia:hover {
  background-image: url(../images/farmacia_hover.png);
   border:0;
}

#btn_contacto {
	border:0;
 height: 51px;
	width: 144px;
    background-image: url(../images/btn_contacto.png) ;
     
}

#btn_contacto:hover {
  background-image: url(../images/btn_contacto_hover.png);
   border:0;
}


/* FIN EFECTO BOTONES */



#cuerpo_justificado{
 text-align:justify;
} 

div.titulo_pmi{
padding-top:15px;
color:#004982; /*azul*/
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}

div.subtitulo_pmi{
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}

h1.titulo1 {
color:#004982; /*azul*/
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
text-align:center;
margin-bottom: 0;
}

h1.titulo1a {
color:#004982; /*azul*/
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
text-align:center;
margin-bottom: 0;
text-decoration: underline;
}

h2.titulo2{
color:#ef7c00; /*anaranjado*/
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
text-align:center;
margin-bottom: 0;
}

h2.titulo2a{
color:#ef7c00; /*anaranjado*/
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
text-align:center;
margin-bottom: 0;
}

p.texto1{
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:justify;
}

div.div_inst{
	padding: 4px;
}
	
img.img_home1{
border:0;
cursor: pointer;/* mano del puntero*/
}

/*

INICIO TABS

*/	
#container_tab {
 background: #d4d4d4;
}

#container_tab input {
 visibility: hidden;/* oculta el radio buttom*/
 height: 1.6em;
}

#container_tab input[type="radio"] {
margin: 1px 1px 0px 1px;
width:1px;
}

#container_tab label {
 background: #d4d4d4; /* Fondo de las pestaņas cuando no son seleccionadas*/
 color: #000; /* Color del texto de las pestaņas cuando no estan seleccionadas */
 cursor: pointer;/* mano del puntero*/
 float: left;
 font-size: 0.7em; /* Tamaņo del texto de las pestaņas */
 height: 2.5em;
 line-height: 2.5em;
 padding: 0 5px;
 text-align: center;
 font-weight:bold;
}
#container_tab input:hover + label {
 background: #004982; /* Fondo de las pestaņas al pasar el cursor por encima */
 color: #FFF; /* Color del texto de las pestaņas al pasar el cursor por encima */
}
#container_tab input:checked + label {
 background: #FFF; /* Fondo de las pestaņas al presionar */
 color: #004982; /* Color de las pestaņas al presionar */
}

#content_tab {
 background: #FFF; /* Fondo del contenido */
 color: #004982; /* Color de la letra*/
}

#content_tab div {
 opacity: 0;
 padding-right: 8px;
 position: absolute;
 text-align:justify;
  margin: 0;
}
#content_tab-1 p {
 clear: both;
 margin-bottom: 1em;
}
#content_tab-1 p.left img {
border:0;
 float: left;
 margin-right: 1em;
}
#content_tab-1 p.last {
 margin-bottom: 0;
}
#content_tab-2 p {
 float: left;
 width: 48.5%;
}
#content_tab-2 p.column-right {
 margin-left: 3%;
}
#content_tab-2 p img {
border:0;
 display: block;
 margin: 0 auto 1em auto;
}
#content_tab-3 p,
#content_tab-3 ul {
 margin-bottom: 1em;
}
#content_tab-3 ul {
 margin-left: 2em;
}
#content_tab-4 p,
#content_tab-4 ul {
 margin-bottom: 1em;
}
#content_tab-4 ul {
 margin-left: 2em;
}
#container_tab input#tab-1:checked ~ #content_tab #content_tab-1,
#container_tab input#tab-2:checked ~ #content_tab #content_tab-2,
#container_tab input#tab-3:checked ~ #content_tab #content_tab-3,
#container_tab input#tab-4:checked ~ #content_tab #content_tab-4 {
 opacity: 1;
}	
/* FIN TABS */




/*--- INICIO CONTACTO---*/
contact_form {     
}

h2.contacto_titulo {
	color:#004982; 
	text-align: center;
}

#mail_contacto {
color:#004982; 
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}

/*--- estilos para los ul y li del formulario ---*/
.contact_form ul {
    list-style-type:none;
	width:90%;
}

/*--- estilos para los ul y li del formulario ---*/
.contact_form ul.afilia{
    list-style-type:none;
	width:98%;
	padding:5px;
}

.contact_form label {
	letter-spacing:2px;
	display: inline-block;
    float: left;
    font-family: 'calibri', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
	margin-left: 10px;
    padding: 5px;
    width: 90px;
	color:#ef7c00;
	font-weight: bold;
	height:20px;
}

.contact_form label.afilia {
	letter-spacing:2px;
	display: inline-block;
    float: left;
    font-family: 'calibri', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
	margin-left: 10px;
    padding: 5px;
    width: 90px;
	color:#ef7c00;
	font-weight: bold;
	height:20px;
}


.contact_form input, textarea {
	width:70%;
	height:20px;
	background:#efefef;
	font-family: 'calibri', Arial, Helvetica, sans-serif;
	border:1px solid #ececec;
	padding:5px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
}

.contact_form input.tel {
	width:30%;
	height:20px;
	background:#efefef;
	font-family: 'calibri', Arial, Helvetica, sans-serif;
	border:1px solid #ececec;
	padding:5px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
	float: left;
}

.contact_form input.empr {
	width:70%;
	height:20px;
	background:#efefef;
	font-family: 'calibri', Arial, Helvetica, sans-serif;
	border:1px solid #ececec;
	padding:5px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
	float: left;
}

.contact_form input.fnac {
	width:20%;
	height:20px;
	background:#efefef;
	font-family: 'calibri', Arial, Helvetica, sans-serif;
	border:1px solid #ececec;
	padding:5px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
	float: left;
}

.contact_form textarea {
	height:100px;
	background:url(images/textarea-bg.jpg) right no-repeat #efefef;
}
.contact_form button {
    margin-right:10%;
	float: right;
}

/* === Estilos del boton de Envio === */
button.submit {
    padding: 9px 17px;
   font-family: 'calibri', Arial, Helvetica, sans-serif;
   line-height: 1;
   color: #fff;
   border: none;
   margin-top:3px;
   margin-bottom:3px;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ef7c00), to(#f49537));
   background-image: -moz-linear-gradient(0% 100% 90deg, #f49537, #ef7c00 );
   background-color: #f49537;
   border: 1px solid #f1f1f1;
   border-radius: 8px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
    opacity:.75;
    cursor: pointer;
    color: #444;
}
button.submit:active {
    border: 1px solid #222;
    box-shadow: 0 0 10px 5px #444 inset;
}
/*--- FIN CONTACTO---*/

/* ERRORES*/

#errors {
	border:solid 1px #E58E8E;
	padding:10px;
	margin:25px 0px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center;
	display:none;
}

#errors li {
	padding:2px;
	list-style:none;	
}

#errors li:before {
	content: ' - ';	
}

#errors #info {
	font-weight:bold;
}

#errors #info:before {
	content: '';	
}

#success {
	border:solid 1px #83D186;
	padding:25px 10px;
	margin:25px 0px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;
	font-weight:bold;
	display:none;
}

#errors.visible, #success.visible {
	display:block;	
}

/*--- INICIO PREAFILIACION---*/

#Checkboxlist1 tr{
    display:inline-block;
}

.contact_form input[type=checkbox] {
	width:25px;
	height:20px;
	background:#efefef;
	font-family: 'calibri', Arial, Helvetica, sans-serif;
	border:1px solid #ececec;
	font-size:0.9em;
	color:#3a3a3a;
}

#divencab1 {
background-color: #2e557e;/*azul footer*/
color:#FFF;
padding:3px;
position: relative;
}  

#divencab2 {
background-color: #2e557e;/*azul footer*/
color:#FFF;
margin-top:3px;
margin-bottom:3px;
height:2px;
position: relative;
}  

p.tituloenc1{
color:#FFF;
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
}

p.pplanes{
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 40px;
font-weight:bold;
color:#004982; 
padding-bottom: 5px;
} 


#div_notaplan {
padding:3px;
font-weight: normal;
}

#div_notaplan_sub {
padding:3px;
text-decoration: underline;
font-weight: normal;
}  

#td_cursor{
 cursor: pointer;
 padding-top:13px;
 padding-bottom:13px;
 width:33%;
 border:0;
 height: 100%;
 font-size: 18px;
font-weight:bold;
}

#td_cursor a{
color:#004982; /*azul*/
text-decoration:none;
 font-size: 18px;
font-weight:bold;
-webkit-transition: all  0.3s ease;
    -moz-transition: all  0.3s ease;
    -o-transition: all  0.3s ease;
}


#td_cursor a:hover{
 font-size: 22px;
font-weight:bold;
}

#td_cursor img{
	border:0;
    height: 95%;
    -webkit-transition: all  0.3s ease;
    -moz-transition: all  0.3s ease;
    -o-transition: all  0.3s ease;
}

#td_cursor img:hover {
	border:0;
	height: 100%;
}

#td_cob_plan{
background:#004982;
color:#FFF;
text-align: center;
}

h2.table_titulo{
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 18px;
color:#000000; 
padding-bottom: 5px;
}

div.fondoplanes{
margin:15px;
background:url(../images/vinieta-bg.png) center no-repeat #FFF;
}

div.cuerpo_afil{
height: 300px;
}
/*--- FIN PREAFILIACION---*/

/*--- INICIO CARTILLA---*/

td.tdcartilla{
color:#000000;
font-weight: bold; 
font-size: 13px;
text-decoration:none;
border-bottom:1pt solid  #B4B5B0;
}

td.td_menucartil a{
text-decoration:none;
color:#004982; /*azul*/
font-size: 18px;
}

td.td_menucartil_sel a{
text-decoration:none;
color:#ef7c00; /*anaranjado*/
font-size: 18px;
}

ul.ul_cart{
padding:0px;
margin:0px;
}

a.opc_cart{
text-decoration:none;
color:#004982; /*azul*/
font-size: 18px;
float:left;
}

a.opc_cart_sel{
float:left;
text-decoration:none;
color:#ef7c00; /*anaranjado*/
font-size: 18px;
}

div.p_cart{
float:left;
color:#ef7c00; /*anaranjado*/
font-size: 13px;
margin-right:3px;
margin-left:3px;
}


.tabs input[type=radio] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tabs {
width: 100%;
float: none;
list-style: none;
padding: 0;
}
ul.tabs{
padding:0px;
margin:0px;
}
.tabs li{
float: left;
display: inline-block;
}
.tabs label {
  display: inline-block;
  margin-top:-5px;
  margin-left:-5px;
  margin-right:7px;
  margin-bottom:5px;
  padding: 5px 10px;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  background: #d4d4d4;
  color:#000000;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tabs label a{
  color:#000000;
}
.tabs label:hover {
background: rgba(255,255,255,0.5);
}

[id^=tab]:checked + label {
background: #FFFFFF;
color: white;
}

[id^=tab]:checked ~ [id^=tab-content] {
  display: block;
}


/*--- FIN CARTILLA---*/

/*--- INICIO COBERTURA---*/

div.titulo_cob_int{
font-weight: bold;
font-size: 35px;
font-family: 'calibri', Arial, Helvetica, sans-serif;
}

div.titulo2_cob_int{
font-weight: bold;
font-size: 22px;
font-family: 'calibri', Arial, Helvetica, sans-serif;
}

div.titulo3_cob_int{
font-weight: bold;
font-size: 25px;
font-family: 'calibri', Arial, Helvetica, sans-serif;
color:#004982; /*azul*/
}

div.subtitulo_cob_int{
font-size: 15px;
font-family: 'calibri', Arial, Helvetica, sans-serif;
text-align:justify;
}

div.subtitulo3_cob_int{
font-weight: bold;
font-size: 15px;
font-family: 'calibri', Arial, Helvetica, sans-serif;
color:#004982; /*azul*/
}

div.contenido_cob_int{
font-size: 15px;
font-family: 'calibri', Arial, Helvetica, sans-serif;
text-align:justify;
}


/*--- FIN COBERTURA---*/


/* INICIO FOOTER */
a.footer_second { 
color: #FFFFFF;
margin: 0 auto 0 auto;
}  

p.footer_first{ 
text-align: center;
margin-top: 5px;
margin-bottom:0;
}

p.footer_second{ 
font-size: 10px; 
margin: 0 auto 0 auto;
text-align: center;
}
/* FIN FOOTER */