@charset "UTF-8";

html, body {
	height:100%;
	margin:0;
	padding:0;
	width:100%;
	}
body {
	background:#40556b;
	color:#304965;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	}

span.editor {
	color:#718091;
	display:block;
	font-size:12px;
	font-style:oblique;
	margin:10px 15px 15px;
	text-align:right;
	}
span.puesto {
	color:#718091;
	display:block;
	font-size:10px;
	font-style:oblique;
	/*text-align:center;*/
	}
h1, h2, h3, h4, h5, h6 {
	color:#1b3858;
	font-weight:normal;
	}
h1 {
	font-size:36px;
	font-weight:normal;
	margin:0;
	padding:0;
	}
.titulo_lista {
	color:#187ff0;
	font-size:14px;
	margin:0 0 10px 10px;
	}

.margin_top {
	margin:10px 0 0;
	}
.right {
	text-align:right;
}
div.separador_horizontal{
	border-bottom:1px dashed #d65922;
	margin:30px 0 40px;
}
div.separador_horizontall{
	border-bottom:1px dashed #d65922;
	margin:0px 0 10px;
}

table.info {
	background-color:#ebe6da;
	font-size:11px;
	margin:0 auto 14px;
	padding:0;
	width:auto;
	
	}
	table.info tr.titulo_tabla {
		background-color:#afc6df;
		border:none;
		color:#1b3858;
		font-size:11px;
		text-align:center;
		text-transform:uppercase;
		}
		table.info tr.titulo_tabla td {
			border:none;
			}
	table.info td {
		border-bottom:1px solid #d2cbbc;
		border-right:1px solid #d2cbbc;
		padding:4px 8px;
		vertical-align:middle;
		}
	table.info td.titulo {
		background-color:#d2cdc2;
		border:none;
		border-right:1px solid #b9b09c;
		border-bottom:1px solid #b9b09c;
		text-align:left;
	}
td {
	vertical-align:top;
	}
p {
	line-height:14pt;
	margin:0 10px 14px;
	}
li {
	list-style:square;
	font-style:oblique;
	}
a {
	outline: !important none;
}
a:link.more,
a:visited.more,
a:active.more{
	color:#d65922;
	float:right;
	font-size:11px;
	padding:1px 3px;
	margin:0 10px 0 0;
	text-decoration:none;
	}
	a:hover.more,
	a:focus.more{
		background:#d65922;
		color:#FFFFFF;
		text-decoration:none;
		}
a:link.linka,
a:visited.linka,
a:active.linka{
	color:#f8f5ee;
	display:block;
	vertical-align: middle;
	padding:1px 1px;
	margin:0px 0px 0px 0px;
	}
	a:hover.linka,
	a:focus.linka{
		color:#a48041;
		}
a:link.linkb,
a:visited.linkb,
a:active.linkb{
	color:#a48041;
	font-size:11px;
	padding:1px 1px;
	margin:0px 0px 0px 0px;
	}
	a:hover.linkb,
	a:focus.linkb{
		background:#a48041;
		color:#FFFFFF;
		text-decoration:none;
		}
a:link.linkc,
a:visited.linkc,
a:active.linkc{
	color:#D8D6C7;
	font-size:11px;
	padding:1px 1px;
	margin:0px 0px 0px 0px;
	}
	a:hover.linkc,
	a:focus.linkc{
		color:#a48041;
		text-decoration:none;
		}
div#menu {
	background:#1b3858 url(../images/menu_bk.gif) repeat-x;
	width:100%;
	height:50px;
	}
	div#menu div#bttns {
		background:transparent url(../images/menu_logo.jpg) no-repeat;
		height:50px;
		margin:0 auto;
		padding:0 0 0 220px;
		width:694px;
		}
		div#menu div#bttns div.separator {
			background:#1b3858 url(../images/menu_bttn_separator.gif) no-repeat;
			float:left;
			height:50px;
			margin:0;
			padding:0;
			width:1px;
			}
		div#menu div#bttns div.menu_bttn {
			color:#FFF;
			float:left;
			height:50px;
			margin: 0;
			padding:0;
			}
			div#menu div#bttns div.menu_bttn a:link,
			div#menu div#bttns div.menu_bttn a:active,
			div#menu div#bttns div.menu_bttn a:visited {
				background:url(../images/menu_bttn_over.gif) center top repeat-x;
				color:#FFF;
				float:left;
				height:50px;
				line-height:48px;
				margin: 0;
				padding:0 13px;
				text-decoration:none;	
				}
				div#menu div#bttns div.menu_bttn a:hover,
				div#menu div#bttns div.menu_bttn a:focus {
					color:#1b3858;
					background:url(../images/menu_bttn_over.gif) center -50px repeat-x;
					}
div.seccion_menu {
	background:#dbd5c9;
	margin-bottom:20px;
	padding:5px 20px;
	}
	div.seccion_menu li {
		list-style:none;
		}
	div.seccion_menu ul {
		margin:0;
		text-align:left;
	}
	div.seccion_menu li a:link,
	div.seccion_menu li a:active,
	div.seccion_menu li a:visited {
		color:#333;
		display:block;
		height:20px;
		line-height:20px;
		margin: 5px 0;
		padding: 0 0 0 25px;
		text-decoration:none;
		font-style:normal;
		}
		div.seccion_menu li a:hover,
		div.seccion_menu li a:focus {
			color:#1b3858;
			text-decoration:underline;
			}
	div.deportistas li a {
		background:transparent url(../images/user.gif) no-repeat;
	}
	div.servicios li a {
		background:transparent url(../images/document.gif) no-repeat;
	}

div.seccion_menuph {
	margin-bottom:20px;
	background-color: #dbd5c9;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	}
	div.seccion_menuph li {
		list-style:none;
		}
	div.seccion_menuph ul {
		margin:0;
		text-align:left;
	}
	div.seccion_menuph a:link,
	div.seccion_menuph a:active,
	div.seccion_menuph a:visited {
	color:#dbd5c9;
	display:block;
	height:auto;
	line-height:50px;
	text-decoration:none;
	font-style:normal;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	width: 100%;
	border: none;
		}
		div.seccion_menuph a:hover,
		div.seccion_menuph a:focus {
	cursor: auto;
			}
	div.deportistas li a {
		background:transparent url(../images/user.gif) no-repeat;
	}
	div.servicios li a {
		background:transparent url(../images/document.gif) no-repeat;
	}

div#top_home {
	background:url(../images/top_home_bk_todos.gif) repeat-x;
	height:200px;
	width:100%;
	}
	div#top_home div#gimnasia {
		background:url(../images/top_home_todos.jpg) right top no-repeat;
		height:200px;
		width:914px;
		margin:0 auto;
		}

div#top_home_becas {
	background:url(../images/top_home_bk_medalla.gif) repeat-x;
	height:200px;
	width:100%;
	}
	div#top_home_becas div#becas {
		background:url(../images/top_home_medalla.jpg) right top no-repeat;
		height:200px;
		width:914px;
		margin:0 auto;
		}

div#top_home_deportistas {
	background:url(../images/top_home_bk_deportistas.gif) repeat-x;
	height:200px;
	width:100%;
	}
	div#top_home_deportistas div#deportistas {
		background:url(../images/top_home_deport.jpg) right top no-repeat;
		height:200px;
		width:914px;
		margin:0 auto;
		}

div#top_home_galeria {
	background:url(../images/top_home_bk_galeria.gif) repeat-x;
	height:200px;
	width:100%;
	}
	div#top_home_galeria div#galeria {
		background:url(../images/top_home_galeria.jpg) right top no-repeat;
		height:200px;
		width:914px;
		margin:0 auto;
		}
		
div#top_home_histori {
	background:url(../images/top_home_bk_historial.gif) repeat-x;
	height:200px;
	width:100%;
	}
	div#top_home_histori div#histori {
		background:url(../images/top_home_historial.jpg) right top no-repeat;
		height:200px;
		width:914px;
		margin:0 auto;
		}

div#content {
	background:#dbd5c9 url(../images/content_bk.gif);
	}
	div#content div#content_body {
		background: #f8f5ee;
		border:#c2bab3 solid 2px;
		border-top:0;
		border-bottom:0;
		margin:0 auto;
		width:900px;
		}
		div#content div#content_body td#left img {
			margin:0px auto;
			display:block;
			}
		div#content div#content_body td#left ul {
			border-bottom:1px dotted #a48041;
			color:#a48041;
			margin:0 15px 30px;
			padding:0 0 5px 23px;
			}
			div#content div#content_body td#left li {
				font-style:oblique;
				font-size:11px;
				list-style:circle;
				line-height:16px;
				margin:0 0 8px;
				}
				div#content div#content_body td#left div#submenu {
					background:url(../images/submenu_bk.jpg);
					display:block;
					font-size:13px;
					height:150px;
					margin:0 19px 20px;
					padding:0 0 0 11px;
					width:161px;
					}
					div#content div#content_body td#left div#submenu span {
						display:block;
						height:30px;
						line-height:30px;
						}
						div#content div#content_body td#left div#submenu span a,
						div#content div#content_body td#left div#submenu span a:link,
						div#content div#content_body td#left div#submenu span a:active,
						div#content div#content_body td#left div#submenu span a:visited {
							color:#c5bdb7;
							padding:0 0 0 7px;
							text-decoration:none;
							}
							div#content div#content_body td#left div#submenu span a:hover,
							div#content div#content_body td#left div#submenu span a:focus {
								background:transparent url(../images/submenu_hover.gif) 0 4px no-repeat;
								color:#7790ab;
								}
				div#content div#content_body td#left div#submenux {
					display:block;
					font-size:13px;
					height:120px;
					margin:0 19px 20px;
					padding:0 0 0 11px;
					width:153px;
					border: medium outset #003366;
					background-image: url(../images/submenu_bk.jpg);
					background-repeat: no-repeat;
					background-position: center top;
						}
					div#content div#content_body td#left div#submenux span {
						color:#FFFF00;
						display:block;
						height:30px;
						line-height:30px;
						}
						div#content div#content_body td#left div#submenux span a,
						div#content div#content_body td#left div#submenux span a:link,
						div#content div#content_body td#left div#submenux span a:active,
						div#content div#content_body td#left div#submenux span a:visited {
							color:#33CC33;
							padding:0 0 0 7px;
							text-decoration:none;
							}
							div#content div#content_body td#left div#submenux span a:hover,
							div#content div#content_body td#left div#submenux span a:focus {
								background:transparent url(../images/submenu_hover.gif) 0 4px no-repeat;
								color:#00CC00;
								}
			div#content div#content_body td#left h1 {
				color:#4c637c;
				font-size:18px;
				margin:0 20px 10px;
			 }
			div#content div#content_body td#left p {
				border-bottom:1px dotted #a48041;
				color:#a48041;
				margin:0 20px 15px;
				padding-bottom:10px;
			}
		div#content div#content_body td#right {
			border-left:1px dashed #c1c9d1;
			color:#304965;
			padding:0 15px;
			vertical-align:top;
			width:704px;
			}
			
			
/*--------------------*/
.thumbnail {
	position: relative;
	width:220px;
	height:170px;
	margin:10px 1px;
	float:left;
}
.thumbnail img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.thumbnail a {
	text-decoration: none;
	display:block;
}
.thumbnail a span {
	width: 220px;
	height: 170px;
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	background: url(../images/thumbnail.png) 0 0 no-repeat;
	}
.thumbnail a:hover span {
	background-position:left;
	background: url(../images/thumbnail.png) 0 -170px no-repeat;
	}
	
/* vertical */
.thumbnailv {
	position: relative;
	width:170px;
	float:left;
	margin:10px;
	text-align:center;
}
.thumbnailv img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
	margin-bottom:8px;
}
.thumbnailv a {
	text-decoration: none;
	display:block;
}
.thumbnailv a span {
	width: 170px;
	height: 220px;
	display: block;
	position: absolute;
	top: -5px;
	left: 0px;
	background: url(../images/thumbnailv.png) 0 0 no-repeat;
	}
.thumbnailv a:hover span {
	background-position:left;
	background: url(../images/thumbnailv.png) 0 -220px no-repeat;
	}
/* anonimo vertical */
.thumbnailv_no {
	position: relative;
	width:170px;
	float:left;
	margin:10px;
	text-align:center;
}
.thumbnailv_no img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
	margin-bottom:8px;
}
.thumbnailv_no a {
	text-decoration: none;
	display:block;	
}
.thumbnailv_no a span {
	width: 170px;
	height: 220px;
	display: block;
	position: absolute;
	top: -5px;
	left: 0px;
	background: url(../images/thumbnail_no.png) 0 0 no-repeat;
	}
/*--------------------*/


div#footer {
	clear:both;
	background:#40556b url(../images/footer_bk.gif) repeat-x;	
	}
	div#footer div#info {
		background:url(../images/footer.gif) no-repeat;
		color:#8799ac;
		font-size:10px;
		margin:0 auto;
		padding:35px 10px 25px;
		width:894px;
		}
		div#footer div#info span.copyright {
			float:left;
			}
		div#footer div#info span.sabotage {
			float:right;
			}
	
/*--------------------*/
#lightbox {
	position: absolute;
	left: 30px;
	top:-30px;
	width: 100%;
	z-index: 100;
	text-align: center;
	/*line-height: 200;
	border:1px dotted #FFF;*/
}
#lightbox img {
	width: auto;
	height: auto;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #000;
	width: 50px;
	height: 50px;
	margin: 0 auto;
}
#imageContainer {
	padding: 20px;
}
#loading {
	position: absolute;
	top: 50%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prev.png) left 50% no-repeat !important;
	background: url(../images/prev.gif) left 50% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/next.png) right 50% no-repeat !important;
	background: url(../images/next.gif) right 50% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #000;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}
#imageData {
	padding:0 20px;
	color: #fff;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
	margin-bottom:1.0em;
}
#imageData #caption {
	font-weight: normal;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	line-height:100%;
	vertical-align:middle;
	/*height: 500px;*/
	background-color: #000;
}

#Fondo {
   display: block;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 100;
   width: 100%;
   height: 100%;
   background: #000;
   filter:alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;
}

#Encuesta {

position:fixed;
 width:530px;
 height:280px;
 border:#000 solid 1px;
 background:#cff;
 left:36%;
 top:38%;
 margin-left:-100px;
 margin-top:-100px;
 z-index:1000;
 background-color:#F8F5EE;
 opacity: 1.6;
}

.BotonEncuesta{
border: solid 0 #FFFFFF;
background:url(../images/button-design_2.gif) no-repeat;
height: 24px;
width:101px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
vertical-align:middle;
padding-bottom: 1px;
}