@charset "utf-8";
body  {
	background: #8F8F8F;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 135%;
	font-size: 11px;
	height: 1359px;
    }

* {
	margin: 0;
	padding: 0;
}
p  {
	color: #006699;
	text-align: justify;
}
a {
	text-decoration: underline;
	color: #f53039;
}

img {
	border: 0px;
}



    .twoColFixLtHdr #container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
    } 
    .twoColFixLtHdr #header {
	height: 148px;
	background-image: url(../img/bg_header.jpg);
    } 
.twoColFixLtHdr #header #logotipo {
	width: 263px;
	float: left;
	display: inline;
	padding-left: 20px;

}
.twoColFixLtHdr #header #menu {
	height: 123px;
	float: right;
	padding-top: 25px;
	text-align: right;
}


.twoColFixLtHdr #header #menu ul {
	list-style-type: none;
}
.twoColFixLtHdr  #header  #menu  ul  li  {
	width: 100px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 2px;
	background-image: url(../img/arrowRed.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	padding-right: 20px;
	border-bottom: 1px solid #CCC;
}
.twoColFixLtHdr #header #menu ul li a {
	color: #333333;
	text-decoration: none;

}
.twoColFixLtHdr #header #menu ul li a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.twoColFixLtHdr #header #submenu {
	height: 123px;
	float: right;
	padding-top: 25px;
	text-align: left;
}
.twoColFixLtHdr #header #submenu ul {
	list-style-type: none;
}
.twoColFixLtHdr #header #submenu ul li {
	width: 100px;
	font-size: 12px;
	padding-bottom: 2px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCC;
	padding-left: 16px;
}
.twoColFixLtHdr #header #submenu ul li a {
	color: #333333;
	text-decoration: none;
	padding-left: 10px;
}
.twoColFixLtHdr #header #submenu ul li a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.twoColFixLtHdr #header #subsubmenu {
	height: 123px;
	float: right;
	padding-top: 25px;
	text-align: left;
}

.twoColFixLtHdr #header #subsubmenu ul {
	list-style-type: none;
}
.twoColFixLtHdr #header #subsubmenu ul li {
	width: 100px;
	font-size: 12px;
	padding-bottom: 2px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCC;
	padding-left: 10px;
}
.twoColFixLtHdr #header #subsubmenu ul li a {
	color: #333333;
	text-decoration: none;
}
.twoColFixLtHdr #header #subsubmenu ul li a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.twoColFixLtHdr #header #subsubsubmenu {
	height: 123px;
	float: right;
	padding-top: 25px;
	text-align: left;
}
.twoColFixLtHdr #header #subsubsubmenu ul {
	list-style-type: none;
}
.twoColFixLtHdr #header #subsubsubmenu ul li {
	width: 234px;
	font-size: 12px;
	padding-bottom: 2px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCC;
	padding-left: 10px;
}
.twoColFixLtHdr #header #subsubsubmenu ul li a {
	color: #333333;
	text-decoration: none;
}
.twoColFixLtHdr #header #subsubsubmenu ul li a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.twoColFixLtHdr  #sidebar {
	float: left;
	width: 200px;
    }
.twoColFixLtHdr #sidebar_largo {
	float: left;
	width: 930px;
}
.twoColFixLtHdr #sidebar_menu {
	float: left;
	width: 200px;
}
.twoColFixLtHdr #sidebar_menu #vertical_menu {
	float: left;
	width: 240px;
	margin-left: 28px;
	margin-top: 20px;
}
.twoColFixLtHdr #sidebar_menu #vertical_menu ul {
	list-style-type: none;

}
.twoColFixLtHdr #sidebar_menu #vertical_menu ul li {
	height: 25px;
	width: 215px;
	background-color: #F8F8F8;
	border-bottom: 1px solid #CCC;
	padding-left: 25px;
	padding-top: 7px;
	background-image: url(../img/arrowBlack.gif);
	background-repeat: no-repeat;
	background-position: 0 46%;

}
.twoColFixLtHdr #sidebar_menu #vertical_menu ul li a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.twoColFixLtHdr #sidebar_menu #vertical_menu ul li a:hover {
	color: #FF0000;
	text-decoration: underline;

}







.twoColFixLtHdr #contenido {
	float: left;
	width: 477px;
	border-bottom: 1px solid #CCC;
}
.twoColFixLtHdr  #contenido_yellow {
	float: left;
	width: 477px;
	border: 1px solid #FFCC66;
	background-color: #FFFFE8;
	margin-top: 10px;
}
.twoColFixLtHdr #contenido_yellow h3 {
	font-size: 18px;
	padding: 25px;
}
.twoColFixLtHdr #contenido_yellow p {
	margin: 25px;
}



.twoColFixLtHdr #contenido img {
	float: left;
	padding-left: 25px;
	padding-bottom: 25px;
	padding-right: 25px;
}


.twoColFixLtHdr #contenido h3 {
	font-size: 18px;
	padding: 25px;
}
.twoColFixLtHdr #contenido p {
	margin: 25px;

}
.twoColFixLtHdr #contenido_largo {
	float: left;
	width: 930px;
	border-bottom: 1px solid #CCC;
}
.twoColFixLtHdr #contenido_largo h3 {
	font-size: 18px;
	padding: 25px;
}










    .twoColFixLtHdr #mainContent {
	padding: 25px;
	width: 420px;
	float: right;
    } 
.twoColFixLtHdr #mainContent p {
	padding-top: 10px;

}
.twoColFixLtHdr #mainContent p b {
	color: #006699;

}



.twoColFixLtHdr #mainContent h1 {
	font-size: 18px;

}
.twoColFixLtHdr #mainContent h4 {
	font-size: 14px;
	padding-top: 10px;
}
.twoColFixLtHdr #mainContent_grande {
	padding: 25px;
	width: 560px;
	float: right;
	background-color: #FFFFFF;
	background-image: url(../img/noticiasbg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
.twoColFixLtHdr #mainContent_grande p {
	padding-top: 10px;
}
.twoColFixLtHdr #mainContent_grande p b {
	color: #006699;
}
.twoColFixLtHdr #mainContent_grande ul {
	padding-top: 10px;
	color: #006699;
}

.twoColFixLtHdr #mainContent_grande h1 {
	font-size: 18px;
}
.twoColFixLtHdr #mainContent_grande h4 {
	font-size: 14px;
	padding-top: 10px;
}
.twoColFixLtHdr #contenido_largo_news {
	float: left;
	width: 930px;
	border-bottom: 1px solid #CCC;
	background-color: #FFFFFF;
	padding: 25px;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url(../img/noticiasbg.jpg);
}
.twoColFixLtHdr #contenido_largo_news table {
	width: 500px;
	margin-left: 250px;
}

.twoColFixLtHdr #contenido_largo_news h3 {
	font-size: 18px;
	padding-bottom: 40px;

}
.twoColFixLtHdr  #container  #contenido_largo_news  #noticias {

}
.twoColFixLtHdr  #container  #contenido_largo_news  #noticias  p {

}
.twoColFixLtHdr  #container  #contenido_largo_news  #noticias  p  b {
	font-size: 16px;

}
.twoColFixLtHdr #container #contenido_largo_news #hemeroteca {
	width: 800px;
	height: 35px;
	padding-bottom: 25px;
}
.twoColFixLtHdr #container #contenido_largo_news #hemeroteca ul {
	list-style-type: none;
	display: block;

}
.twoColFixLtHdr #container #contenido_largo_news #hemeroteca ul li {
	border-left: 1px solid #CCC;
	width: 130px;
	float: left;
	padding-left: 25px;

}
.twoColFixLtHdr #container #contenido_largo_news #hemeroteca ul li a {
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}
.twoColFixLtHdr #container #contenido_largo_news #hemeroteca ul li a:hover {
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}









#fecha {
	color: #990000;
	text-align: left;
	font-size: 10px;
	padding-bottom: 25px;
	padding-top: 10px;
}
#texto_descargar   {
	color: #006699;
	text-align: left;
	padding-top: 35px;
	background-image: url(../img/natacion.jpg);
	background-repeat: no-repeat;
	padding-left: 130px;
	margin-left: 25px;
	width: 300px;
	height: 70px;


}
#zona_seleccion_yellow  {
	background-color: #FFFFCC;
	padding: 15px;
	border: 1px solid #CCC;
}
#zona_seleccion_blue {
	background-color: #e7fbfd;
	padding: 0px;
	border: 1px solid #05aec2;
}


#noticia {
	text-align: left;
	color: #006699;
	text-decoration: none;
	background-image: url(../img/noticia.gif);
	background-repeat: no-repeat;
	background-position: 0em 1.2em;
	text-indent: 18px;
	padding-bottom: 10px;
}

#noticia a {
	text-align: left;
	color: #006699;
	text-decoration: underline;
}
#noticia a:hover {
	text-align: left;
	text-decoration: none;
	color: #003399;
}
#noticias h4 {
	font-size: 18px;
	padding-bottom: 15px;
	border-bottom: 2px solid #CCC;
}




#textosmall {
	color: #666666;
	text-align: left;
}
#textosmall b {
	color: #19646d;
}
#textospie {
	text-align: right;
	margin-right: 25px;
	padding-bottom: 25px;
}


#textosmallxx {
	color: #000000;
	text-align: left;
	padding-bottom: 25px;
	margin-left: 25px;
	margin-right: 25px;
}



    .twoColFixLtHdr #footer {
	padding: 10px 10px 0 20px;
	border-top: 1px solid #CCC;
    } 
    .twoColFixLtHdr #footer p {
	margin: 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
	text-align: right;
	padding: 0px 15px 20px 0;
	color: #000000;
    }
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: right;
    	margin-left: 8px;
    }

    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }