/* PARA QUE LA BARRA DESPLAZAMIENTO APAREZCA SIEMPRE */
html{}
* {outline: none; margin:0px; padding:0px; border: 0px;}
body {margin:0px; height: 100%; background:#FFF url(../imagenes/flor.gif) no-repeat 100px 100%; font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #666;	}

td {border: 0px;}
h1 {font-size: 18px; letter-spacing:1px; margin-bottom: 5px;}
h2 {font-size:14px;color: #c9779d; line-height:25px; letter-spacing:1px;}
p  {font-size: 12px; line-height: 18px;color:#444; }
li {font-size: 13px; line-height: 18px; }
.txt p {text-align: justify}
a {text-decoration: none;}
a.on:link, a.on:visited {color: #DE108E;cursor:default;	border-bottom:1px solid;}
.txt ul { margin-left: 10px;}
li { list-style-position: inside;}
.float {float: left}
.clear {clear: both}
.right {text-align: right !important}

#contenedor {margin:10px auto; height: 100%; padding:0 10px;}
#header {max-width: 980px; margin: 0 auto;}
#topnav {background: #eeeeee; margin-top:5px;}
#topnav li {display: inline; list-style: none;}
#topnav li a {padding:10px 24px; display: inline-block; color:#333; font-size: 13px; border: 1px solid #FFF; border-left: none; border-right:2px solic #FFF}
#topnav li:last-child a {padding: 10px 27px;}
#topnav li a:hover, #topnav li a:active {color: #DE108E;}
#ginevall {margin-right: 20px; padding-bottom:8px;}
#ginevall+div {margin-top:12px}
.logo-cont img {margin-top:20px;margin-left:10px; }
#cita {text-align: right; margin-right: 3px;}
#cita a, .cita a {display: inline-block; padding: 10px 25px; background: url(../imagenes/bt_reservar_cita.png) no-repeat; color: #FFF; font-weight: bold;}
.cita a {padding:8px 25px}
#cita a:hover, .cita a:hover {background: url(../imagenes/bt_reservar_cita_on.png) no-repeat;}

/*INDEX*/
h1.titulo {font-size:22px; color: #999999; padding-top:5px; letter-spacing:1px;}
h4.titulo {font-size:12px;color: #999999;padding-bottom:5px;letter-spacing:1px;}
#banner {max-width: 980px; margin: 0 auto; min-height: 300px; background-image: url(../imagenes/ginecologos_valladolid.jpg);position: relative; border-top: 6px solid #DE108E;
background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-position: center top; background-repeat: no-repeat; background-size: auto}
.especialidades_gine, .especialidades_gine a  {color:#AAA; font-size: 12px; text-align: center}
.especialidades_gine a:hover {color:#666;} 
    
.txt {max-width: 980px; margin: 0 auto;}
.txt .medio {width: 310px; margin-right: 25px; float: left; text-align: center}
.txt .medio+div+div {margin-right: 0;}
.txt .medio p, .txt .medio h3 {text-align: justify; }
.txt .medio li, .txt .cita_gine li {text-align: left; margin-left: 20px; list-style: none; line-height: 18px;}
.txt .medio *, .txt .cita_gine span, .txt .cita_gine li {margin-bottom: 5px;}
.boton_res {display: inline-block; padding: 5px 15px; background: #DE108E; color: #FFF; font-weight: bold; border-radius: 12px; margin-top:5px}

.gray_bg {background:#EEEEEE; background: rgba(200, 200, 200, 0.3); margin-top: 5px; padding: 12px;}
.gray_bg p {color:#333; text-align: justify}
div.img {width: 160px; float: left; text-align: center}
.gray_bg div.img+div {width:300px; float: left; padding-right:12px;}
.gray_bg .margin {padding-left:5px; margin-left:5px} 
.gray_bg img {border: 1px solid #FFF}
	
/*CONTENIDO*/
#top { max-width: 980px; margin: 0 auto; background: #FFF; border-top: 6px solid #DE108E; }

/*h3.nota {
	font-size: 11px;
	color:#999999;
	padding-left: 20px;
	padding-bottom:50px;}*/


/* CONTACTO*/
h3.emma {font-size:14px;
	line-height: 20px;
	color: #DE108E;
	font-style:normal;}
.cnt {margin-right:50px;}	
#map {
	left: 0px;
	top: 20px;
	position:relative;
	width: 500px; 
	height: 400px;
	overflow:visible;}

/* CLINICA */
.clin .float {margin-bottom: 20px; margin-top:15px;}
.clin h2, .sers h2 {font-size: 2.5em; border-bottom: 1px solid #CCC; margin-bottom: 15px; padding-bottom:5px;}


/*RESERVAS*/
#boton a:link, #boton a:visited {
	background-color:#DE108E;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:10px;	}
#boton a:hover, #boton a:focus {
	background-color: #FFF;
	border: solid 1px #DE108E;
	color:#DE108E;
	font-size:12px;
	font-weight:bold;
	padding:10px;	}
	
iframe {padding-top:30px;}
.comment {background:#F1F1F1; padding:5px 10px;}
#dral {border:1px solid #CCC; border-radius:10px; padding:10px;}
.float h5.doctoraliasch-title {background: none; color:#CCC; margin:0}
.float div.doctoralia-horario div.tabla-horarios-disponibles table tr td {background-color: #DFDFDF;}
.float div.doctoralia-horario div.tabla-horarios-disponibles table tr td .date {background-color: #DE108E; color: #FFFFFF; padding: 3px 5px;}
.float div.doctoralia-horario div.tabla-horarios-disponibles table tr td .times {min-height: 120px; padding-top: 5px;}
.float div.doctoralia-cita a, .float div.doctoralia-horario a, .float div.doctoralia-cita div.datos-cita, .float div.doctoralia-agenda-selector, .float div.doctoralia-cita div.datos-paciente .campo label  {color: #DE108E !important;}
.float div.doctoraliasch-footer {margin-top:40px; color:#999}

/*PIE*/
.pie {text-align:center; width:100%; padding-top:10px; border-top: 1px solid #DDD; margin-top:10px;}
.pie a:link, .pie a:visited {color:#666666;}
.pie a:hover, .pie a:active, .pie a:focus {color: #DE108E;}