@charset "UTF-8";
/* CSS Document */

@font-face
{
font-family: 'Oxygen';
src: url('../estilos/Oxygen-Regular.ttf');
}


body{ background:url(../imgs/bgRepeatIndex_01.jpg) top center repeat-x; margin:0; padding:0; font-family:"Oxygen", sans-serif}
header{ background:url(../imgs/topBgIndex_01.jpg) center top; height:550px; width:100%;}
#contenedorInicio{ width:924px; margin:0 auto;}
#interiorInicio{ width:100%; background:rgba(255,255,255,1); height:500px;}
#btnsCentrales{width:904px; padding:40px 10px 0 55px;}
.titulares{ font-size:160%; margin:0; padding:0; font-weight:400; text-shadow:rgba(0,0,0,0.6) 0 0 3px}

#agenda{
		background:url(../imgs/inicioCitas_07.jpg) no-repeat top center;
		height:350px;
		width:220px;
		padding:10px 20px 0 20px;
		margin:0 15px 0 0;
		color:rgba(255,255,255,1);
}

#servicios{
		background:url(../imgs/inicioServicio_09.jpg) no-repeat top center;
		height:250px;
		width:220px;
		padding:10px 20px 0 20px;
		margin:0 15px 0 0;
		color:rgba(255,255,255,1);
}


#calidad{
		background:url(../imgs/inicioCalidad_11.jpg) no-repeat top center;
		height:250px;
		width:220px;
		padding:10px 20px 0 20px;
		color:rgba(255,255,255,1);
}

p.descripcion { margin:0; padding:0; font-size:90%; margin:10px 0 0 0; color:rgba(51,51,51,1);}
.boton{	float:left;}

.btnClic{
	padding:7px 6px 7px 6px;
	background:rgba(51,51,51,0.9);
	text-align:right;
	border-radius:0 0 5px 5px;
	text-align:center;
	margin:230px 0 0 0;
}
.btnClic:hover{
	background-color:rgba(51,51,51,1);
	font-weight:bold;
	cursor: pointer;
	margin-top:232px;
}
#slider{ width:902px; overflow:hidden;}
.container { width:924px; margin:0 auto; padding-left:22px;}
footer { width:924px; height:210px; margin:0 auto;}



#contenedorGeneral { width:910px; margin:0 auto;}
#cabecera{ width:99%; background:#7D9CC5; height:284px; margin:160px auto 0;}
.linea { height:7px; width:99%; background:#333; opacity:0.5; margin:50px auto;}
.cajaSucursal { width:210px; text-align:center; float:left; margin:0 15px;}
.titulo1{  font-size:2em; font-weight:bolder; color:#03C; margin:0;}
.textoFrontal {font-size:0.9em; color:#666; margin:0;}

#formAgenda, #formCalidad, #listadoServicios {background-color:#fff; border-radius:10px; color:#111; width:720px; padding:25px; display:none; margin:10px auto;}
#formAgenda, #formCalidad{color:#2b91af;font-size:80%;}
#formAgenda, #formCalidad{min-height:250px}

.b-close { float:right;}
#centroMensaje { font-size:1em; color:#333; width:400px; margin:0 auto; height:100%; background:#FFF; box-shadow:#666 0 0 5px; padding:0 0 0 30px}

.inputAgenda { padding:9px 0 9px 0; border-radius:8px; border:#999 1px solid;  box-shadow:0 0 2px #999; width:98%; margin:0 auto;
background-image: linear-gradient(bottom, #80B8C9 2%, #9ADDF2 51%);
background-image: -o-linear-gradient(bottom, #80B8C9 2%, #9ADDF2 51%);
background-image: -moz-linear-gradient(bottom, #80B8C9 2%, #9ADDF2 51%);
background-image: -webkit-linear-gradient(bottom, #80B8C9 2%, #9ADDF2 51%);
background-image: -ms-linear-gradient(bottom, #80B8C9 2%, #9ADDF2 51%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.02, #80B8C9),
	color-stop(0.51, #9ADDF2)
);
}
.inputAgenda:hover{ font-weight:bold;}

.inputFancy { padding:5px; border-radius:8px; border-top:#999 1px solid; border-bottom:#CCC 1px solid; border-left:#999 1px solid; border-right:#CCC 1px solid; box-shadow:inset 0 0 2px #999; width:200px;}

#inferiorEnlaces{ width:100%; margin:15px; text-align:center; font-size:0.75em;}
#inferiorEnlaces ul{ list-style:none; margin:0 auto; padding:0; width:320px;}
#inferiorEnlaces ul li {display:block; float:left; padding:10px; }
#inferiorEnlaces ul li a{ text-decoration:none; color:#333;}
#inferiorEnlaces ul li:hover, #inferiorEnlaces ul li a:hover{ background:#06C; color:#FFF}

.linea {width:100%; margin:0; border:1px #CCCCCC dashed; height:2px; background-color:rgba(189,228,249,1)}

.label { 
	width:100px;
	float:left;
}

#contenedorSlider{
	overflow:hidden;
	width:900px;
	margin:0 auto;
}



.botonCerrar{
	margin:0 0 0 650px;
	padding:5px;
	background-color:rgba(153,0,0,0.5);
	border-radius:4px;
	text-align:center;
	color:rgba(255,255,255,1);
}
.botonCerrar: hover{
	background-color:rgba(255,0,0,1);
	cursor: pointer;
}

.servicios{
	width:206px;
	height:300px;
	float:left;
	margin:5px 12px 0 12px;
}

.servicios ul{
	list-style:none;
	font-size:0.8em;
	margin:5px 0 0 5px;
	padding:0;
	color:rgba(102,102,102,1);
}

#listadoServicios {
	background:url(../imgs/bgServicios.jpg) none top center;
}

#botonIdioma, #botonIngreso{
	position:absolute;
	top:0;
	left:5px;
	padding:5px;
	background:rgba(240,29,26,1);
	color:rgba(255,255,255,1);
	width:100px;
	font-size:12px;
	border-radius:0 0 4px 4px;
	border-bottom:solid 1px #FFF;
	text-align:center;
	z-index:999;
}
#botonIngreso{	left:135px;}
#botonIdioma a, #botonIngreso a{	color:rgba(255,255,255,1);	text-decoration:none;}
#botonIdioma:hover, #botonIngreso:hover{	background:rgba(0,102,153,1);}

#acceso { width:270px; position:absolute; height:100px; background:rgba(62,141,184,0.9); border-bottom:1px solid rgba(153,153,153,1); left:135px; display:none; z-index:1000; border-radius:0 0 4px 4px; color:rgba(255,255,255,1); padding:5px; font-size:85%;}
#cerrarIngreso { width:100%; text-align:right; font-size:80%; text-decoration:underline;}
#ingreso  { margin-top:10px;}

input[type="text"], input[type="password"] { width:150px; padding:3px; border:none; border-radius:4px; border-bottom:1px solid rgba(153,153,153,1); background:rgba(244,252,220,1) }
input[type=submit], input[type=button] { background:#85D6C5; padding:4px; border-radius:4px; border:none; border-bottom:2px solid #669999;  }
input[type=submit]:hover, input[type=button]:hover { background:#669999; color:rgba(255,255,255,1); border-bottom:2px solid #336666}