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

#caja-general-747px {
	width:747px;
	padding:0;
	margin:0;
	border:0;
	background-image:url(interfaz/fondo-caja-general.gif)
}
body {
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
a {
	color: #990000;
	text-decoration: none;
}
a:visited {
	color: #990000;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}

/* ESTILOS PARA LA COLUMNA DE LA IZQUIERDA */
#columna-izquierda {
	float:left;
	width:162px;
	padding:10px;
	margin:0;
	border:0;
	background-color:#dadada;
	text-align:right;
	background-image: url(interfaz/curvaInferiorPlastaGris.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	font-size:10px;
}
#separador_blanco {
	margin: 0px;
	padding: 0 0 5px 0;
	}
.concerte-una-cita {
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
}
.margen-derecho-blanco-2px {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.padd-superior-10px {
	padding-top: 10px;
}


/* ESTILOS PARA LA COLUMNA DE LA DERECHA */
#columna-derecha {
	float:right;
	width:156px;
	padding:0;
	margin:0;
	color:#FFFFFF;
	background-color:#2aabe4;
}
#columna-derecha-contenido {
	background-color:#2aabe4;
	color:#FFFFFF;
	padding:7px 7px 0 7px;
	margin:0;
}
#columna-derecha-contenido p{
	margin:0 0 10px 0;
}
.centrar {
	text-align: center;
}


/* ESTILOS PARA LA COLUMNA CENTRAL */
#contenido {
/* Este es el espacio central en el que va el contenido */
	width:365px;
	padding:10px;
	margin-left:194px;
	margin-right:10px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #003D8B;
	margin-top:0;
	padding-top:0;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003D8B;
}
.sin-pading-top {
/* Este estilo sirve para quitarle el padding al primer H2 de las páginas de Información complementaria*/
	margin-top:0;
	padding-top:0;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003D8B;
	margin-top:0;
	padding-top:0;
	padding-left:25;
}
h4 {
/* Este es el título para la columna de la derecha (testimonios, etc.) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003d8b;
	margin: 0px;
	padding: 5px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top:0;
	padding-top:0;
}
.alerta {
	font-size: 13px;
	font-weight: bold;
	color: #990000;
}
.borde1px4lados {
/* Este estilo sirve para darle un borde de 1 pixel a la tabla que ofrece la descarga del cuestionario */
	border: 1px solid #333333;
}


/*ESTILOS PARA LA CAJA DE DESCARGA DEL CUESTIONARIO*/
.caja-cuestionario-sup-e-inf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding: 7px;
}
.caja-cuestionario-medio {
	color: #FFFFFF;
	background-color: #29AAE3;
	padding: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* ESTILOS PARA LAS LISTAS */
.bullet-rojo {
	list-style-image: url(interfaz/bullet_rojo.gif);
	padding-bottom:5px;
}
.bullet-rojo-sobre-azul {
	list-style-image: url(interfaz/bullet_rojo_en_azul.gif);
	padding-bottom:5px;
}
.bullet-palomita {
	list-style-image: url(interfaz/palomita.gif);
	margin-left: -15px;
	padding-left: -15px;
	padding-bottom:5px;
}



/*ESTILOS PARA EL FOOTER*/
#footer {
	clear: both;
	border:0;
	padding:0;
	background-image: url(interfaz/footer.gif);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
}

/*ESTILOS PARA LA CABEZA Y LA BARRA DE NAVEGACIÓN */

/*Caracteristicas de el header: posicion, alto, ancho...*/
#navigation {
	width: 747px;
	height: 97px;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
}
/*Caracteristicas de la barra de navegacion principal: posicion, alto, ancho...*/
#navigation ul {
	width: 565px;
	height: 20px;
	position: absolute; /** Places image at the top of the page **/
	top: 33px; /** Determines the height from the top of the page **/
	left: 182px; /** Determines the width from the left of the page **/
	background: url(interfaz/menuENG.gif) no-repeat 0 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
/*Caracteristicas de la barra superior AcercaDeNosotros y Contacto: posicion, alto, ancho...*/








/*CAMBIO 1 PARA INCLUIR EL BOTON DE LA VERSION EN INGLES*/
#navigation ul.superior {
	width: 182px;
	height: 14px;
	position: absolute; /** Places image at the top of the page **/
	top: 0px; /** Determines the height from the top of the page **/
	left: 565px; /** Determines the width from the left of the page **/
	background: url(interfaz/menuNosotrosContactoENG.gif) no-repeat 0 0;
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: url(interfaz/menuNosotrosContactoENG.gif);
}
/*Caracteristicas de la barra inferior InformaciónParaElMédico: posicion, alto, ancho...*/
#navigation ul.inferior {
	width: 129px;
	height: 21px;
	position: absolute; /** Places image at the top of the page **/
	top: 53px; /** Determines the height from the top of the page **/
	left: 607px; /** Determines the width from the left of the page **/
	background: url(interfaz/infoMedicoENG.gif) no-repeat 0 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	display: inline;
}

#navigation li a:link, #navigation li a:visited {
	border: none;
	display: block;
	position: absolute;
	top: 0;
	text-indent: -7000px; /** Removes li text from the screen **/
	/*outline: none;*/
}


/*Posición de inicio de botones barra principal*/
#navigation li.inicio a:link, #navigation li.inicio a:visited {
	width: 45px;  /**width of the button in active state **/
	height: 20px; /** height of the button in active state **/ 
	left: 0;
}
#navigation li.queson a:link, #navigation li.queson a:visited {
	width: 131px;  /**width of the button in active state **/
	height: 20px; /** height of the button in active state **/
	left: 45px  /** how many px left of the first button i.e inicio **/
}
#navigation li.tengo a:link, #navigation li.tengo a:visited {
	width: 133px;  /**width of the button in active state **/
	height: 20px; /** height of the button in active state **/ 
	left: 176px  /** how many px left of the first button i.e inicio **/
}
#navigation li.tratamientos a:link, #navigation li.tratamientos a:visited {
	width: 110px;  /**width of the button in active state **/
	height: 20px; /** height of the button in active state **/ 
	left: 309px  /** how many px left of the first button i.e inicio **/
}
#navigation li.procedimiento a:link, #navigation li.procedimiento a:visited {
	width: 102px;  /**width of the button in active state **/
	height: 20px; /** height of the button in active state **/ 
	left: 419px  /** how many px left of the first button i.e inicio **/
}
#navigation li.precios a:link, #navigation li.precios a:visited {
	width: 44px;  /**width of the button in active state **/
	height: 20px; /** height of the button in active state **/ 
	left: 521px  /** how many px left of the first button i.e inicio **/
}


/*Posición de inicio de botones barra superior: AcercaDeNosotros y Contacto*/
#navigation li.nosotros a:link, #navigation li.nosotros a:visited {
	width: 101px;  /**width of the button in active state **/
	height: 14px; /** height of the button in active state **/
	left: 0px;
}
#navigation li.contacto a:link, #navigation li.contacto a:visited {
	width: 39px;  /**width of the button in active state **/
	height: 14px; /** height of the button in active state **/
	left: 101px  /** how many px left of the first button i.e nosotros **/
}








/*CAMBIO 2 PARA INCLUIR EL BOTON DE LA VERSION EN INGLES*/
#navigation li.espanol a:link, #navigation li.espanol a:visited {
	width: 42px;  /**width of the button in active state **/
	height: 14px; /** height of the button in active state **/
	left: 140px  /** how many px left of the first button i.e nosotros **/
}

/*Posición de inicio de botones barra inferior: InformaciónParaElMédico*/
#navigation li.infomedico a:link, #navigation li.infomedico a:visited {
	width: 129px;  /**width of the button in active state **/
	height: 21px; /** height of the button in active state **/ 
	left: 0;
}


/*Rollover de los botones de la barra principal*/
#navigation li.inicio a:hover {
	background: url(interfaz/menuENG.gif) no-repeat 0 -20px; /** moves image up 20px showing the rollover states **/ 
}
#navigation li.queson a:hover {
	background: url(interfaz/menuENG.gif) no-repeat -45px -20px; /** moves image up 20px and right -37px showing the rollover states **/
}
#navigation li.tengo a:hover {
	background: url(interfaz/menuENG.gif) no-repeat -176px -20px;
}
#navigation li.tratamientos a:hover {
	background: url(interfaz/menuENG.gif) no-repeat -309px -20px;
}
#navigation li.procedimiento a:hover {
	background: url(interfaz/menuENG.gif) no-repeat -419px -20px;
}
#navigation li.precios a:hover {
	background: url(interfaz/menuENG.gif) no-repeat -521px -20px;
}

/*Rollover de los botones de la barra superior: AcercaDeNosotros y Contacto*/
#navigation li.nosotros a:hover {
	background: url(interfaz/menuNosotrosContactoENG.gif) no-repeat 0 -14px; /** moves image up 14px showing the rollover states **/ 
}
#navigation li.contacto a:hover {
	background: url(interfaz/menuNosotrosContactoENG.gif) no-repeat -101px -14px; /** moves image up 14px and right 96px showing the rollover states **/
}








/*CAMBIO 3 PARA INCLUIR EL BOTON DE LA VERSION EN INGLES*/
#navigation li.espanol a:hover {
	background: url(interfaz/menuNosotrosContactoENG.gif) no-repeat -140px -14px; /** moves image up 14px and right 96px showing the rollover states **/
}

/*Rollover de los botones de la barra inferior: InformaciónParaElMédico*/
#navigation li.infomedico a:hover {
	background: url(interfaz/infoMedicoENG.gif) no-repeat 0 -21px; /** moves image up 14px showing the rollover states **/ 
}


/*Posiciona el título Miomas uterinos*/
.navigationMiomas    {
	position: absolute;
	left: 182px;
	top: 0px;
}