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

@import url("reset.css");

/* Esto se usa en la validación de los formularios y mensajes de error */
label.error, p.error { 
	color: red;
	font-size:0.9em;
}

input.error {
	border: dotted 1px #F00;
}

body {
	background: #E8E9EB url(../images/body_default.jpg) no-repeat center top;
	border-top:6px solid #19A8A4;
	font: 12px/160% Arial, Helvetica, sans-serif;
	color: #666;
	padding-top:72px;
}

.clear {
	clear:both;
}

body#default {
	background: #E8E9EB url(../images/body_default2.jpg) no-repeat center top;
}


body#especialidades {
	background: #E8E9EB url(../images/body_especialidades.jpg) no-repeat center top;
}

body#historia {
	background: #E8E9EB url(../images/body_historia.jpg) no-repeat center top;
}

body#staff {
	background:#E8E9EB url(../images/body_staff.jpg) no-repeat center top;
}

body#links {
	background: #E8E9EB url(../images/body_links.jpg) no-repeat center top;
}

body#noticias {
	background: #E8E9EB url(../images/body_novedades.jpg) no-repeat center top;
}

body#contacto {
	background: #E8E9EB url(../images/body_contacto.jpg) no-repeat center top;
}


#cabecera {
	width:920px;
	margin:0 auto;
}


#cabecera ul.menu {
	padding-top:130px;
	width:690px;
	float:left;
}
	
#cabecera ul.menu li {
	display:inline;
}

#cabecera a.logo {
	width:165px;
	height:56px;
}

#cabecera ul.menu li a {
	display:block;
	width:112px;
	height:36px;
	float:left;
	background: url(../images/fondo_btn.png) no-repeat left top;
	margin-right:2px;
	font-weight:bold;
	text-decoration:none;
	line-height:22px;
	color:#FFF;
	text-align:center;
}

#cabecera ul.menu li a:hover {
	background: url(../images/fondo_btn.png) no-repeat left bottom;
}

#cabecera .buscador {
	float:right;
	padding-top:190px;
}

#cabecera .buscador form {
	width:214px;
	background: url(../images/buscador_text.png) no-repeat;
}

#cabecera .buscador form p {
	display:inline;
}

#cabecera .buscador form input#busqueda {
	width:150px;
	height:20px;
	padding-left:10px;
	border:0;
	background:transparent;
}

#cabecera .buscador form input.button {
	padding:0;
	border:0;
	width:40px;
	height:40px;
	float:right;
	background: url(../images/buscador_button.png) no-repeat center top;
}

#cabecera .buscador form input.button:hover {
	background: url(../images/buscador_button.png) no-repeat center bottom;
}

#contenido {
	width:920px;
	clear:both;
	margin:0 auto 100px auto;
	padding-top:20px;
}

#default #contenido {
	width:auto;
	margin-bottom:0px;
	background: url(../images/index_repeat_container.jpg) repeat-x bottom;
}

#main {
	width:588px;
	min-height:600px;
	float:left;
}

#default #main {
	width:920px;
	margin:auto;
	float:none;
	min-height:0;
}

#default #main p {
	padding:0;
	line-height:1px;
}

#default #main a {
	line-height:1px;
}

#default #main div#bannersintro  {
	display:block;
	height:130px;
}

#default #main div#bannersintro a {
	float:left;
	display:block;
	width:306px;
	height:130px;
	background-position:center top;
}

div#bannersintro a.uno {
	background-image:url(../images/intro_yo_paciente.jpg);
}

#default #main div#bannersintro a.dos {
	background-image:url(../images/intro_api.jpg);
	width:308px;
}

div#bannersintro a.tres {
	background-image:url(../images/intro_turno.jpg);
}

#default #main div#bannersintro a:hover {
	background-position:center bottom;
}

#main h1 {
	font-size:28px;
	color:#19A7A3;
	padding-bottom: 18px;
	border-bottom:2px dotted #BBB;
	margin-bottom:26px;
}

#main h2 {
	font-size:18px;
	font-weight:normal;
	color:#19A7A3;
	padding:0px 26px 10px 26px;
}

#main h3 {
	color:#19A7A3;
	font-weight:bold;
	padding-left:26px;
}

#main h4 {
	font-size:13px;
	font-weight:bold;
	padding-left:26px;
	padding-bottom:26px;
}

#main p, #main ul {
	padding:0px 26px 20px 26px;
}

#main p span.verde {
	color:#19A7A3;
	font-weight:bold;
}

#main p a {
	color:#19A7A3;
	font-weight:bold;
}

#columna {
	width:308px;
	margin-left:612px;
	_margin-left:609px;
	min-height:600px;
}

#columna a.btnyopaciente {
	display:block;
	width:308px;
	height:108px;
	background: url(../images/columa_yo_paciente.jpg) no-repeat left top;
}

#columna a.btnyopaciente:hover {
	background: url(../images/columa_yo_paciente.jpg) no-repeat left bottom;
}

#columna a.btnapi {
	display:block;
	width:308px;
	height:108px;
	background: url(../images/columa_api.jpg) no-repeat left top;
}

#columna a.btnapi:hover {
	background: url(../images/columa_api.jpg) no-repeat left bottom;
}

#columna a.btnturno {
	display:block;
	width:308px;
	height:130px;
	background: url(../images/columa_turno.jpg) no-repeat left top;
}

#columna a.btnturno:hover {
	background: url(../images/columa_turno.jpg) no-repeat left bottom;
}

#columna .bloquenoticias {
	background: url(../images/bloquenoticias_repeat.jpg) repeat-x;	
}

#columna .bloquenoticias h3 {
	float:right;
	color:#19A7A3;
	font-size:18px;
	margin-right:24px;
}

#columna .bloquenoticias ul {
	padding:24px 52px 24px 24px;
}

#columna .bloquenoticias ul li a {
	color:#AFAFAF;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	padding:10px 0px 15px 0px;
	display:block;
	background: url(../images/bloquenot_separacion.jpg) no-repeat center bottom;	
}

#columna .bloquenoticias ul li a:hover {
	color:#18A9A3;
}

#footer {
	height:206px;
	background: url(../images/footer_repeat.jpg) repeat-x;
}

#footer #footercontent {
	width:920px;
	margin:auto;
}

#footercontent div.menurapido {
	float:left;
	width:260px;
	margin-top:32px;
}

#footercontent h3 {
	color:#19A7A3;
	font-size:28px;
	margin-bottom:20px;
}

#footercontent div.menurapido a {
	float:left;
	display:block;
	width:100px;
	padding-left:30px;
	height:20px;
	text-decoration:none;
	color:#878585;
}

#footercontent div.menurapido a:hover {
	color:#19A7A3;
}

#footercontent div#logoorono a {
	float:left;
	margin-left:150px;
	margin-top:120px;
}

#footercontent div#newsletter {
	float:right;
	width:215px;
	margin-top:32px;
}

#footercontent div#newsletter form {
	background-image: url(../images/input_newsletter.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:50px;
}

#footercontent div#newsletter input#mail {
	width:150px;
	padding-left:10px;
	color:#FFF;
	height:23px;
	line-height:23px;
	border:none;
	float:left;
	background:transparent;
}

#footercontent div#newsletter input#button {
	margin-top:30px;
	width:45px;
	height:23px;
	padding:0;
	border:none;
	display:block;
	margin-left:170px;
	background: url(../images/button_newsletter.jpg) no-repeat left top;
}

#footercontent div#newsletter input#button:hover {
	background: url(../images/button_newsletter.jpg) no-repeat left bottom;
}

#default #slider div a.ampliarbanner {
	position:absolute;
	bottom:20px;
	display:block;
	width:98px;
	height:29px;
	right:20px;
	background: url(../images/boton_banner.png) no-repeat center top;	
}

#default #slider div a.ampliarbanner:hover {
	background: url(../images/boton_banner.png) no-repeat center bottom;	
}

/*--------STAFF----------*/

#staff #main ul li {
	font-size:11px;
}

#staff #main div.columna {
	width:186px;
	float:left;
}

/*-----LINKS----------*/

#links div.columna {
	padding-left:26px;
	width:260px;
	float:left;
}

#links div.columna h2 {
	font-size:18px;
	color:#666;
	font-weight:normal;
	padding:0px;
}

#links div.columna a {
	color:#AEAEAE;
	text-decoration:none;
	margin-bottom:30px;
	display:block;
}

#links div.columna a:hover {
	color:#19A7A3;
	text-decoration:underline;
}

/*----ESPECIALIDADES------*/

#especialidades #main img {
	margin-bottom:26px;
}

#especialidades #main .bloqueespecialidades {
	padding-bottom:30px;
	width:588px;
	height:220px;
}

#especialidades #main .bloqueespecialidades a {
	color:#878585;
	display:block;
	width:180px;
	font-size:11px;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

#especialidades #main .bloqueespecialidades a:hover {
	color:#19A7A3;
}

/*-----YO PACIENTE --*/
#paciente #main #preguntas,
#paciente #main #respuesta1,
#paciente #main #respuesta2,
#paciente #main #respuesta3,
#paciente #main #respuesta4,
#paciente #main #respuesta5,
#paciente #main #respuesta6 {
	border-bottom:2px dotted #BBB;
	margin-bottom:26px;
	padding-bottom:25px;
}

#paciente #main h2 {
	padding-bottom:26px;
}

#paciente #main h3 {
	color:#666;
	font-size:20px;
	font-weight:normal;
	padding-bottom:15px;
	margin-top:5px;
}

#paciente #main h4 {
	padding-bottom:5px;
}

#paciente #main .columna {
	width:285px;
	float:left;
}

#paciente #main .columna h3 {
	padding-right:50px;
}

#paciente #main #preguntas a {
	color: #666;
	font-size:18px;
	text-decoration:none;
	display:block;
	margin-bottom:15px;
}

#paciente #main #preguntas a:hover {
	color: #19A7A3;
}

#paciente #main a.subir {
	width:18px;
	height:13px;
	display:block;
	float:right;
	margin-bottom:15px;
	margin-right:15px;
	background: url(../images/subir.png) no-repeat center bottom;
}

#paciente #main a.subir:hover {
	background: url(../images/subir.png) no-repeat center top;
}

#paciente #main a.vervideo {
	display:block;
	width:78px;
	height:21px;
	background: url(../images/vervideo.jpg) no-repeat center top;
	margin-top:5px;
	margin-bottom:15px;
}

#paciente #main a.vervideo:hover {
	background: url(../images/vervideo.jpg) no-repeat center bottom;
}

/*-------NOTICIAS---*/

#noticias .bloquenoticia a div {
	float:left;
	width:210px;
	height:112px;
	
}

#noticias .bloquenoticia a {
	text-decoration:none;
	color:#666;
}

#noticias .bloquenoticia a:hover {
	color:#19A7A3;
}

#noticias .bloquenoticia h2 {
	margin-left:215px;
	color:#19A7A3;
}

#noticias .bloquenoticia h2 a {
	color:#19A7A3;
}

#noticias .bloquenoticia p {
	margin-left:215px;
}

#noticias .noticia a div {
	float:left;
	width:210px;
	height:112px;
}

#noticias .noticia p,
#noticias .noticia ul,
#noticias .noticia h2,
#noticias .noticia h3 {
	margin-left:200px;
}

#noticias .optionbar {
	height:30px;
	border-top:2px dotted #BBB;
	padding-left:220px;
	padding-top:20px;
}

#noticias .optionbar p {
	display:block;
	float:left;
	padding:4px;
	margin-left:0px;
}

#noticias .optionbar p a {
	text-decoration:none;
	color:#CCC;
	font-weight:bold;
}

#noticias .optionbar p a:hover {
	color:#19A7A3;
}


/*-------CONTACTO---------*/

#contacto #main .columna {
	width:285px;
	float:left;
}

#contacto #main .columna h3 {
	color:#666;
	font-size:20px;
	font-weight:normal;
	padding-bottom:5px;
	margin-top:5px;
	margin-top:10px;
}

#contacto #main .columna a {	
	color:#AFAFAF;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	display:block;
}

#contacto #main .columna a:hover {
	color:#18A9A3;
}

#contacto div#formulario {
	border-bottom:2px dotted #BBB;
	margin-bottom:26px;
	padding-bottom:25px;
}

#contacto div#formulario form {
	width:470px;
	height:257px;
	margin-left:26px;
	background: url(../images/fondo_contacto.png) no-repeat;
}

#contacto div#formulario form input {
	width:192px;
	height:18px;
	padding-top:4px;
	padding-left:15px;
	padding-right:10px;
	margin-bottom:12px;
	background-color:transparent;
	border:none;
	color:#878585;
}

#contacto div#formulario form textarea {
	width:406px;
	height:156px;
	margin-top:0px;
	margin-left:7px;
	background-color:transparent;
	overflow:hidden;
	border:none;
	color:#878585;
	padding:10px;
}

#contacto div#formulario form input.enviar {
	height:18px;
	width:13px;
	float:right;
	display:block;
	margin-top:235px;
	background: url(../images/contacto_enviar.png) no-repeat center top;	
}

#contacto div#formulario form input.enviar:hover {
	background: url(../images/contacto_enviar.png) no-repeat center bottom;	
}

/*-----NEWSLETTER----*/

#newsletter form input#email {
	width:202px;
	height:27px;
	background:transparent url(../images/input_newsletter_page.png) no-repeat;
	border:none;
	padding-left:10px;
}

#newsletter form input#button {
	height:18px;
	width:73px;
	display:block;
	text-align:left;
	background:transparent url(../images/contacto_enviar.png) no-repeat right top;
	border:none;
	color:#18A9A3;
	font-weight:bold;
	padding-bottom:5px;
}

#newsletter form input#button:hover {
	background:transparent url(../images/contacto_enviar.png) no-repeat right bottom;
	color:#878585;
}

#newsletter table {
	margin-left:30px;
}


#newsletter td {
	padding:7px;
}

#newsletter td a {
	color:#19A7A3;
}

/*-----TURNOS---------*/

#turnos #datos {
	margin-left:26px;
}

#turnos #main p {
	width:440px;
}

#turnos #datos input {
	color:#878585;
	width:202px;
	height:19px;
	background:transparent url(../images/input_newsletter_page.png) no-repeat;
	border:none;
	padding-top:4px;
	padding-left:10px;
	padding-bottom:4px;
	margin-right:15px;
	margin-bottom:10px;
}

#turnos #datos p {
	padding:0px;
	margin-top:10px;
	margin-bottom:30px;
}

#turnos #datos p label {
	float:right;
	width:35px;
	margin-left:5px;
	height:15px;
}

#turnos #datos p input {
	color:#878585;
	width:10px;
	background:none;
	padding:0;
	margin:0;
}

#turnos #solicitud p select {
	float:right;
	width:212px;
	height:24px;
	background:transparent url(../images/input_newsletter_page.png) no-repeat;
	border:none;
	padding-left:10px;
	color:#878585;
}

#turnos #solicitud p.selects label {
	margin-left:40px;
	color:#878585;
}

#turnos #solicitud p.textarea {
	color:#878585;
	width:417px;
	height:167px;
	padding:10px;
	margin-left:26px;
	background: url(../images/turnos_textarea.png) no-repeat;
	margin-top:15px;
}

#turnos #solicitud p.textarea textarea {
	overflow:hidden;
	color:#878585;
	height:127px;
	width:417px;
	border:none;
	background:transparent;
}

#turnos #main input.boton {
	height:18px;
	width:73px;
	display:block;
	text-align:left;
	background:transparent url(../images/contacto_enviar.png) no-repeat right top;
	border:none;
	color:#18A9A3;
	font-weight:bold;
	padding-bottom:5px;
	margin-top:20px;
	margin-left:380px;
}

#turnos #main input.boton:hover {
	background:transparent url(../images/contacto_enviar.png) no-repeat right bottom;
	color:#878585;
}

/*----BUSQUEDAS------*/
#busquedas .buscador form {
	width:214px;
	background: url(../images/buscador_text.png) no-repeat;
}

#busquedas .buscador form input#busqueda {
	width:155px;
	height:20px;
	padding-left:10px;
	border:0;
	background:transparent;
	
}

#busquedas .buscador form input.button {
	padding:0;
	border:0;
	width:40px;
	height:40px;
	float:right;
	background: url(../images/buscador_button.png) no-repeat center top;
}

#busquedas .buscador form input.button:hover {
	background: url(../images/buscador_button.png) no-repeat center bottom;
}

#busquedas #main h3 a {
	color:#666;
	text-decoration:none;
	display:block;
	margin-top:10px;
}

#busquedas #main h3 a:hover {
	color:#666;
	color:#18A9A3;	
}
	
/*----VIDEOENDOSCOPIA-----*/

#main #videoendoscopia h2 {
	font-size:12px;
	line-height:18px;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	font-weight:bold;
}

#main #videoendoscopia #columna1 {
	float:left;
	width:310px;
	font-size:10px;
	line-height:16px;
	padding-right:30px;
	margin-bottom:40px;
}

#main #videoendoscopia #columna1 h2 {
	padding-left:26px;
}

#main #videoendoscopia #columna1 p {
	padding-right:0px;
	text-align:justify;
	padding-bottom:10px;
}

#main #videoendoscopia #columna1 img.icono {
	float:left;
	position:relative;
	margin-left:-50px;
}

#main #videoendoscopia #columna2 {
	float:left;
	width:230px;
	font-size:10px;
	line-height:16px;
}

#main #videoendoscopia #columna2 p {
	padding:0px 0px 10px 0px;
	text-align:justify;
}

#main #videoendoscopia #columna2 #slider {
	margin-left:20px;
	margin-top:10px;
}

#main #videoendoscopia .recuadro {
	clear:left;
	background-color:#19A7A3;
	display:block;
	margin:25px 20px;
}

#main #videoendoscopia .recuadro p {
	padding-top:20px;
	color:#FFF;
}

#main #videoendoscopia div.columna {
	float:left;
	width:186px;
}

/*-----PET CT---------*/

#main #petCT div.columna {
	float:left;
	width:260px;
}

#main #petCT div.ancha {
	float:left;
	width:360px;
}

#main #petCT div.angosta {
	float:left;
	width:220px;
}

#main .texto2 {
	height:330px;
}

#main div#petCTblanco {
	margin-left:26px;
	clear:left;
	width:520px;
	height:275px;
	padding:26px 0;
	background-color:#FFF;
}
	
/*----SENOS FACIALES----*/

#senosfaciales #columna1 {
	float:left;
	width:134px;
	margin-left:20px;
	margin-right:20px;
}

#senosfaciales #columna1 p {
	font-size:8px;
	padding:0px;
	text-align:center;
}

#senosfaciales #columna2 {
	margin-left:164px;
}