@charset "utf-8";
/* CSS Document - Dentro de este mismo directorio, en el archivo explorer-hacks.css se encuentran los ajustes para Explorer */

/*/Definiciones Generales/*/
* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body {
	background-image: url(../images/page_bckgrnd.gif);
	background-repeat: repeat;
	margin: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
}

img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin-bottom: 4px;
}

a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	outline:none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

a:active, a:focus{
	width:0;
   	height:0;
   	outline:0; /* Para los navegadores que lo entienden */
}

/*/Estructura/*/
#container-page {
	background-image:url(../images/container-back.jpg);
	background-repeat:repeat-y;
	width: 760px;
	text-align: left;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}

#container-head {
	width: 760px;
	height: auto;
	background-color: #805587;
	background-image: url(../images/head-back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 65px;
}

#topnav {
	float: right;
	width: 400px;
	text-align: right;
	padding-right: 15px;
	margin: 3px;
	font-size: 10px;
	height: 15px;
}

#brand {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	height: 54px;
	width: 177px;
	margin-top: 42px;
	float: left;
}

/*/Estilos aplicables a los elementos de formulario de la barra de búsqueda únicamente/*/
#search-box {
	float: right;
	height: 31px;
	width: 493px;
	margin-top: 21px;
	background-image: url(../images/search-box.jpg);
	background-repeat: no-repeat;
	padding-top: 23px;
	padding-left: 14px;
	margin-bottom: 25px; 
}

#search-box select {
	color: #3F3B61;
	height: 17px;
	width: 165px;
	float: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 15px;
}

#search-box input {
	color: #3F3B61;
	height: 15px;
	width: 135px;
	float: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	padding-top: 2px;
	padding-left: 5px;
	margin-right: 0px;
}

#search-box #button {
	width: 19px;
	height: 19px;
	margin-left: 0px;
	background-image: url(../images/btn-search.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	text-indent: -1500px;
	float: left;
	margin-right: 12px;
}

#search-box a {
	color: #3F3B61;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -1px;
	display: block;
}

#search-box a.buscarUnMedico,
#search-box a.buscarUnMedico:active,
#search-box a.buscarUnMedico:hover,
#search-box a.buscarUnMedico:focus{
	float:left;
	width:161px;
	height:20px;
}

#search-box a.busquedaAvanzada, 
#search-box a.busquedaAvanzada:active,
#search-box a.busquedaAvanzada:hover,
#search-box a.busquedaAvanzada:focus{
	float:left;  
	margin:3px 0 0 15px;
	width:130px; 
}

#search-box a.busquedaAvanzada:hover {
	text-decoration: underline;
}

/*/Fin de los estilos para la barra de búsqueda/*/

/*/Barra de menú principal/*/
#mainnav{
	clear: both;
	width: 760px;
}

#mainnav li{
	list-style-position: inside;
	list-style-type: none;
	float: left;
}

#mainnav a.hospitales {
	display: block;
	background-image: url(../images/hospitales-off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 112px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}

#mainnav a.hospitales:hover {
	color: #FFCC00;
	background-image: url(../images/hospitales-on.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

#mainnav a.carreras {
	display: block;
	background-image: url(../images/carreras-off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 116px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}

#mainnav a.carreras:hover {
	color: #FFCC00;
	background-image: url(../images/carreras-on.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

#mainnav a.recursos {
	display: block;
	background-image: url(../images/recursos-off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 116px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}

#mainnav a.recursos:hover {
	color: #FFCC00;
	background-image: url(../images/recursos-on.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

#mainnav a.medico {
	display: block;
	background-image: url(../images/medico-off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 171px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}

#mainnav a.medico:hover {
	color: #FFCC00;
	background-image: url(../images/medico-on.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

#mainnav a.soporte {
	display: block;
	background-image: url(../images/soporte-off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 111px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}

#mainnav a.soporte:hover {
	color: #FFCC00;
	background-image: url(../images/soporte-on.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

#mainnav a.about {
	display: block;
	background-image: url(../images/about-off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 134px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}

#mainnav a.about:hover {
	color: #FFCC00;
	background-image: url(../images/about-on.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
/*/Fin menú principal/*/

/*/Banner principal/*/
#main-banner{
	height: 225px;
	background-color: #544F80;
	clear: both;
	z-index: 1;
	padding-top: 22px;
}

/*/Banner flotante del destacado "Buscar un Hospital"/*/
#hospital-search {
	height: 120px;
	width: 225px;
	position: absolute;
	left: 19px;
	background-image: url(../images/medsearch-back.jpg);
	background-repeat: no-repeat;
	visibility: visible;
	z-index: 3;
	top: 307px;
}

#hospital-search h1 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: #3F3B61;
	padding-top: 15px;
	padding-left: 16px;
}

#hospital-search a{
	font-size: 11px;
	color: #3F3B61;
	text-decoration: none;
	padding-left: 55px;
	margin-bottom: 10px;
	display: block;
	width:225px;
	min-height:15px;
}

#hospital-search a:hover {
	text-decoration: underline;
}
/*/Fin banner flotante/*/

/*/Contenidos/*/
#container-content {
	width: 760px;
	height: 260px;
	padding-bottom: 50px;
	z-index:1;
}

#template-content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#container-content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin-bottom: 4px;
}

#container-content img.photos {
	padding: 3px;
	border: 1px solid #BA8CC0;
	margin-top: 8px;
	margin-bottom: 10px;
}

#container-content a{
}

#container-content a:hover{
}

#template-content{
	height: auto;
	background-color: #805688;
	clear: both;
	z-index: 1;
	padding-top: 22px;
	padding-bottom: 50px;
	margin-bottom: auto;
}

#template-cont-photos{
	width:241px;
	padding-left:15px;
	float:left;
	margin-right:18px;	
}

#template-cont-photos img{
	padding: 3px;
	border: 1px solid #BA8CC0;
	margin-bottom: 10px;
}

#template-cont-text{
	width:465px;
	float:right;
	padding-right:18px;
}

.destacados{
	float: left;
	height: 260px;
	width: 166px;
	margin-left: 12px;
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 12px;
	background-image: url(../images/line-v.jpg);
}
/*/Fin de estilos para contenidos/*/

/*/Footer/*/
#container-foot {
	width: 760px;
	background: #3F3B61;
	position: absolute;
	bottom: 0px!important;
	bottom: -1px; /* For Certain IE widths */
	height: auto;
	left: 0px;
	margin-left: 10px;
}

#foot {
	padding: 0px 0 0 13px;
	line-height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#foot p {
	font-size: 9px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	margin-right: 123px;
}

#foot li {
	float:left;
	list-style-position: inside;
	list-style-type: none;
	margin-left: 10px;
}

#foot a {
text-decoration:none;
}

#foot a:hover {
text-decoration:underline;
}

.listItem1{list-style:none;}