@charset "utf-8";
@font-face {
font-family: 'gotham_lightregular';
src: url('fonts/gotham_light-webfont.eot');
src: url('fonts/gotham_light-webfont.eot?#iefix') format('embedded-opentype'),
 url('fonts/gotham_light-webfont.woff') format('woff'),
 url('fonts/gotham_light-webfont.ttf') format('truetype'),
 url('fonts/gotham_light-webfont.svg#gotham_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'proxima_novalight';
src: url('fonts/proximanova-light-webfont.eot');
src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
 url('fonts/proximanova-light-webfont.woff') format('woff'),
 url('fonts/proximanova-light-webfont.ttf') format('truetype'),
 url('fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Gotham Bold";
src:url('fonts/Gotham-Bold.otf') format('otf')
}
body{
font-family: 'gotham_lightregular';
background-image: url(../images/fondoweb.jpg);
background-size: 1900px;
min-width: 600px;
background-repeat: no-repeat;
}
a{ text-decoration:none;}
#container{
width:1000px;
margin:0 auto;

}
#barSuperior{
color: #a5a5a5;
font-size:12px;
}
#imgHome{margin-top:3px;}
#imgContacto{margin-left: 2%;margin-top:3px;}
.reds {
width: 30%;
display: inline;
float: right;
margin-top:-2px;
text-align: right;
margin-right: 3%;
}
.opcionMenu{ width:75px;
word-break:break-all;}
.main {
width: 74%;
margin-right:6px;
padding-right:4px;
background-image: url(../images/Menu1.jpg);
float: right;
display: inline;
margin-top: 1px;
height:133px;
}
#header {
clear: both;

}
#header ul li {
display: inline-block;
list-style: none;
}
#header ul{	display:inline-block;}
#header ul li a{ text-decoration:none;
color:#fafafa;}
/**PARA COLOCAR EL TEXTO DE LAS OPCIONES DEL MENU CORRECTAMENTE**/
#conocenos {
margin-top: 43px;
margin-left:-12px;
}
#medicos {
margin-left: 72PX;
}
#noticias {
margin-left: 68PX;
}
#aseguradoras {
margin-left: 56PX;
}
#centros {
margin-left: 62PX;
text-align: center;
}
img#logo{margin-top:25px;}
.mainServices {
background-color: #D1EFF9;
width: 24.9%;
height:322px;
float: left;
}
.mainServices ul{ display:inline;}
.mainServices ul li{ list-style: url(../images/icon_list.png); color:#0099FF; margin-left:30px; padding:8px 0px;}
.mainServices ul li a{ color:#0099FF; text-decoration:none; font-size:15px;}
.mainServices ul li:last-child{ padding:4px 0px;}
.slider-container {
width: 74.8%;
position: relative;
float: right;
}
.body-container {
clear: both;
background-color: #fafafa;
height: 980px;
width: 99.2%;
}
.contene2{background-color: #fafafa;
width: 99.2%;
/*margin-top:-4px;*/}
.nav {
width: 24.1%;
padding-left: 1%;
padding-top: 1%;
float: left;
clear: left;
padding-bottom: 1%;
}
.nav img{margin-bottom:10px;}
.news{
position:relative;
float:right;
padding-top:1%;
width:72%;
margin-right:10px;}
.welcome{
font-size: 26px;
color:#00a3e0;
}
.welcome b{	font-weight:900;}
.news p {
font-size:12px;
color: #9b9896;
text-align:justify;
}
.line1{
height:1px;
border:none;
background: -webkit-linear-gradient(left, white , #d6cfca); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #d6cfca, white ); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #d6cfca, white ); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #d6cfca, white ); /* Standard syntax (must be last) */
}

.vermas{
color:#80b52a;
float:right;
font-size:12px;
}
.actual{
color:#80b52a;
font-size:24px;
}
.noticia{margin-top:30px; margin-bottom:15px;}
.noticia img{float:left;}
.infonews{
float:left;
width:60%;
margin-left:2%;
}
.fecha-news{
font-size:13px;
color:orange;
font-weight:900;
}
.tittle-news{
color:#00a3e0;
font-weight:900;
font-size:16px;
}
.vermas-news{
color:#e1a675;
}
#footer {
clear: both;
margin-top: 15px;
background-color: #ededed;
width: 99.2%;
padding: 15px 0px;
}
.dir{
font-size:14px;
color: #9b9896;
}
#footer td {
color: #9b9896;
padding-right: 30px;
padding-left: 30px;
}
.celdalogo{	border-right: 1px solid #C9C9C9;}
.celdadir{ border-right: 1px solid #C9C9C9; font-size:14px;}
.avisos{ font-size:12px; }
.body-news{
background-color: #fafafa;

width: 99.1%;	
}
.body-news .mainServices{
background-color: #D1EFF9;
width: 25.3%;
float: left;
}
.CABactual{ margin-left:3px;}	
.contacto{
position:relative;
float:right;
padding-top:1%;
width:70%;
margin-right:10px;}	
#contacto ul {
display: block;
text-align: center;
margin-top: 0px;
background-color: #e5eef7;
}
#contacto ul li {
list-style:none;
display:inline-block;
margin: 0px 20px;
padding: 10px;
}
#contacto ul li:hover { background-color:#d8eef7; cursor:pointer;}
#contacto ul li a{color:#d57c32; text-decoration:none;}
div#formulario{
float: right;
width: 72%;
font-size:13px;
color: #33BCFF;
}
#formulario input{
border-radius:2px;
font-family: 'gotham_lightregular';
border: 1px solid #ccc;
padding:3px;

}
#formulario textarea{ font-family: 'gotham_lightregular'; border: 1px solid #ccc; padding:3px; color:#636363;}
.opcionPacientes{border-top-left-radius:5px;border-top-right-radius:5px;}
#formulario select{ font-family: 'gotham_lightregular'; border: 1px solid #ccc; padding:3px; color:#aaa;}
.centros{
margin-top:10px; 
width:72%;
float:right;
}
.centros img{margin-bottom:15px;}
.centro-left {
width: 48%;
float: left;
margin-right: 20px;
margin-left: -10px;
background-color: #D1EFF9;
padding-bottom: 1%;
margin-bottom:15px;
}
.centro-right {
width: 48%;
float: left;
background-color: #D1EFF9;
padding-bottom: 1%;
}
 .nombre{
	 margin-left: 15px;
	color: #0099FF;
	font-size:20px;}
.ciudad{
	margin-left: 15px;
	font-size:18px;
	font-weight:900;
	color: #636363;
}
.vercentro{
	margin-top:10px;
	margin-left: 35px;
	font-size:12px;
	color:#80b52a;
	text-decoration:none;
}
.imgHospital{float:left;margin-top: -5px;}
.info{
margin-top:10px;
width:72%;
float:left;}
.titulo-apartado{color:#77b413; font-size:16px; margin-top:5px; font-weight:500; display:inline-block;}
.info p { font-size:12px; color:#636363; text-align:justify;}
.main-centros {
float: right;
width: 74.6%;
margin-right: 2px;
}
.main-centros ul {
margin-top: 5px;
padding: 0px;
margin-left: 1px;
}
.main-centros ul li {
display: inline;
list-style: none;
padding: 5px 21px;
color: #fafafa;
margin: 0px;
margin-right: -3px;
}
#description{
	background-color:#3a97d1;
	}
#localizacion{background-color:#4da1d5;}
#horario{background-color:#61abd9;}
#galeria{ background-color:#74b6de;}
.texto{
	font-size:12px;
	text-align:justify;
	color:#9b9896;
}
.texto ul{list-style: url(../images/icon_list.png);}
.des-new{
		float: right;
		text-align:justify;
		width:63%;	
}
.compartir span{
	color:#21C047;
	float:left;
	margin-top:15px;
	}
.compartir table{
	float:left;
	margin-left:15px;
	margin-top:5px;}

/**ESTILO DEL MENU EDITAR LAS OPCIONES QUE TIENE POR DEFECTO EL SELECTOR UL*/

/* *********************pagina aseguradora********************* */
.selectAseg{ background-color:#e6e2df;
			 width: 99.4%;
			 margin-top:-3px;
			 padding-bottom: 5px;
padding-top: 5px;}
.selectSpan{font-size: 11px;
			margin-left:25px;}
.aseg {
width: 73.9%;
margin-right: 6px;
float: right;
height: auto;
background-color: #fff;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
}
.cuadroAseg {
background-color: #d3effa;
width: 23%;
height: 166px;
margin-left: 12px;
margin-top: 5px;
margin-bottom: 5px;
float: left;
}

.imagenCuadro img{ display: block;
				   margin-left: auto;
				   margin-right: auto;
				   margin-top:10px;
				   }
.textoCuadro p{ color:#1494c8;
				   font-weight:bold;
				   text-align:center;

				   }
.bloques{background-color: #fff;
		width: 100%;
		height: auto;
		float: left;
		margin-top: -1px; 
		padding-top:10px;
		
		}
.bloques img{margin-bottom:10px; padding-left: 12px;}

.paginacion{
	padding-top: 30px;
padding-bottom: 35px;
	height:auto;
	margin-right: 35px;
	text-align:center;
	clear:both;}


ul.ulbotones{
	
	list-style-type:none;
	color:#222222;
	
	}
ul.ulbotones a{
	color: #FFF;
	padding: 7px 12px;
	background-color: #d6dbdf;
	text-decoration:none;	
	}

ul.ulbotones li{
	display:inline;
	margin-left: -3px;
	}
	

ul.ulbotones a:hover{
	background:#4bad00;
	display:inline;
	}
#botonesEsquinaI{
	border-radius:0px 2px 2px 0px;
	}
#botonesEsquinaD{
	border-radius:2px 0px 0px 2px;
	margin-right:6px;
	}
/*************conocenos*************/

.listaConocenos{
position:relative;
float:right;
padding-top:1%;
width:70%;
margin-right:10px;}	
#listaConocenos ul {
display: block;
text-align: center;
margin-top: 0px;
background-color: #e5eef7;
}
#listaConocenos ul li {
list-style:none;
display:inline-block;
margin: 0px 20px;
padding: 10px;
}
#listaConocenos ul li:hover { background-color:#d8eef7; cursor:pointer;}
#listaConocenos ul li a{color:#d57c32; text-decoration:none;}

div#campoTexto{
float: right;
width: 72%;
font-size:13px;
color: #4F4F4F;
}
.listas{ display:inline;
background-color: #fafafa !important;}
.listas ul{
			text-align: left !important;}
.listas ul li{
			display:block !important; 
			margin: 0px 0px; 
			 }
.lineaGris{ width:650px;}


/**************** cuadro medico **************************/

.cuadroMedico{ width: 73.5%;
		margin-right: 6px;
		float: right;
		height: auto;
		background-color: #fafafa;
		padding-top:10px;
		margin-bottom:10px;
		margin-top: -3px;
		}
.tituloMedicos span{ margin-left:18px; color:#77b413; font-size:16px;}
.bodyMedicos{ color: #9b9896;}

/**********************/
.columnas li{
	padding-left: 7px;
	list-style:url(../images/icon_list.png);
	font-size: 13px;
	color: #9b9896;}
.columnas{
   column-count:3;
   column-gap:20px;
   
   line-style:none;
    
   -webkit-column-count:3;
   -webkit-column-gap:20px;
  

   -moz-column-count:3;
   -moz-column-gap:20px;
   

   -o-column-count:3;
   -o-column-gap:20px;
  
}

/********************/
.infoEspec {
width: 71%;
margin-right: 6px;
float: right;
font-size:13px;
height: auto;
background-color: #fafafa;
padding-right: 25px;
padding-bottom: 16px;
margin-bottom: 10px;
margin-top: 10px;
}
.formEspec{
	background-color:#ECECEC;
	border:1px solid #f8f8f8;
	border-radius:10px;
	box-shadow: 2px 2px 5px #999;
	margin-left: 18px;
	padding-bottom:10px;
}
.formEspec p{ margin-left:10px;}
.fondoGris{
width:96%;
padding: 4px 0 4px 10px;
background-color: #f8f8f8;
border-bottom: 2px dotted #77b413;;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.desplegar{	width:12px;}
.mano{ cursor:pointer;}
#con-servicios{ display:none;padding-left: 15px;}
#con-equipo{ display:none;padding-left: 15px;}
#con-conCita{ display:none;padding-left: 15px;}
.formEspec ul li {
list-style: url(../images/icon_list.png);
}
.formEspec ul {
margin: 0;
}

/*paginacion*/

.pagelinks{padding-top: 30px;
padding-bottom: 35px;
	height:auto;
	margin-right: 35px;
	text-align:center;
	clear:both;
	
	}
.pagelinks a{text-decoration:none;
			border:1 solid #8C8989;
			padding:5px;
			margin:1px;
			color:#4bad00;
			border-radius:5px;}
.pageprevlink{list-style-type:none;
	color:#222222;
	background:#B7B7B7;
	display:inline;
	padding-top: 20px;
padding-bottom: 20px;}
.pagenumlink{list-style-type:none;
	
	background:#B7B7B7;
	display:inline;
	padding-top: 20px;
padding-bottom: 20px;}
.pagenextlink{list-style-type:none;
	color:#222222;
	background:#B7B7B7;
	display:inline;
	padding-top: 20px;
padding-bottom: 20px;
}
.pagenumdead{background:#4bad00;
			padding:5px;
			margin:1px;
			border:1 solid #8C8989;
			color:#fff;
			border-radius:5px;}
.pagenextdead{background:#D7D7D7;
			padding:5px;
			margin:1px;
			border:1 solid #8C8989;
			border-radius:5px;}
.pageprevdead{background:#D7D7D7;
			padding:5px;
			margin:1px;
			border:1 solid #8C8989;
			border-radius:5px;}
			
		.volver{
			float:left;
			clear:left;
			margin-top:20px;
			margin-left:60px;
			color:#3a97d1;}
			.volver a{
				color:#3a97d1;}
			
/***********Galeria***********/


.galeria { margin:50px 15px 15px 15px;}
.titulogaleria{
	margin-left:50px;
	margin-bottom:15px;}
.section{
/* margin-top:250px;*/
width:104%;
 }
 .article{
 display: inline-block;
 width: 210px;
 position: relative;
 vertical-align: top;
 padding: 0.5em;
 margin-right: 18px;
margin-top: 8px;
 }
 
.article figure{
 width: 99%;
 }
 
.article figure{padding: 0; margin: 0;}
 
.article figure img{
 width: 100%;
 height: 150px;
 border: solid 5px rgba(250,250,250,0.8);
 border-radius: 3px;
 box-shadow: 0 0 2px rgba(0,0,0,0.5);
 }
 
.article figure figcaption{
 padding: 5px;
 color: rgba(200,200,200,1);
 font-weight: bold;
 }
 
 div.background img {
 margin: 10% auto 0 ;
 border: solid 5px #FFF ;
 width: 500px;
 height: 350px;
 }
 div.background {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 height: 100%;
 width: 100%;
 text-align: center;
 background: rgba(0,0,0,0.8);
 }
 div.background:target {
 display: block;
 }
 /** IE no soporta :target, así que usaremos expresiones CSS **/
 div.background {
 display: expression((document.location.toString().split('#').slice(1) == this.
 id)?'block':'none');
 }
 
div.background .close{
 display: block;
 width: 500px;
 height: 0px;
 padding:0 10px 0 0;
 text-align: right;
 position: relative;
 color: #000;
 font-size: 18px;
 font-weight:bold;
text-decoration: none;
text-shadow: 0 0 4px #FFF;
margin: -355px auto 0;
 }
 
div.background .close:hover{
 font-size: 20px;
 color:red;
 }
 display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');