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

/*** General ***/
.hidden { display:none; }
.to-right { text-align:right; }
.to-left { text-align:left; }
.to-centre { text-align:center; }
.float-left { float:left; }
.float-right { float:right; }
.no-float { float:none !important; }
.clear { clear: both; }
.black { color:black; }
.white { color:white; }

/*** Page ***/
#page {
	position:absolute;
	top:50%;
	left:50%;
	margin:-304px 0px 0px -475px;
	width:950px;
	height:626px;
}

/*** Page menu ***/
#page_menu {
	position:absolute;
	top:148px;
	left:0px;
	width:124px;
	height:313px;
	z-index:5;
}

#page_menu #page_menu_links {
	position:absolute;
	width:124px;
	height:210px;
	background:#a50065;
}

#page_menu #page_menu_links div.hr {
	margin:20px auto 0px auto;
	width:88px;
	height:1px;
	background:url(/imgs/border_horizontal.gif) repeat-x;
}

#page_menu #menu_navigation {
	margin-top:8px;
}

#page_menu #menu_navigation li {
	padding-left:18px;
	margin-bottom:5px;
}

#page_menu #menu_navigation li.activo a {
	color:black;
	font-weight:bold;
}

#page_menu #menu_navigation a {
	color:white;
}
#page_menu #menu_navigation a:hover {
	font-weight:bold;
}

#page_menu h1 a {
	display:block;
	width:124px;
	height:100px;
	text-indent:-2000px;
	background:#f9f5ea url(/images/logo.png) no-repeat;
}

/*** Page content ***/
#page_content {
	position:absolute;
	top:148px;
	left:127px;
	width:823px;
	height:313px;
	z-index:4;
	overflow:hidden;	
}

/*** Page image ***/
#image {
	position:absolute;
	top:0px;
	left:0px;
	width:950px;
	height:609px;
	z-index:1;
}

#image img {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}

/*** Page footer ***/
#page_footer {
	position:absolute;
	width:950px;
	bottom:0px;
	left:0px;
	color:#988e81;
}

#page_footer a {
	color:#988e81;
}

#page_footer #footer_links {
	margin-left:4px;
}

#page_footer #footer_links img {
	width:10px;
}

#page_footer #footer_links span.border_vertical {
	margin:0px 2px;
	background:url(/imgs/border_vertical.gif) repeat-y;
}

#page_footer #footer_links span.border_vertical img {
	width:1px;
	height:12px;
}

* html #page_footer #footer_links span.border_vertical img {
	margin-bottom:-2px;
}

*:first-child+html #page_footer #footer_links span.border_vertical img {
	margin-bottom:-2px;
}

#page_footer #address {
	position:absolute;
	bottom:0px;
	right:0px;
}

#botones1 {
	position:absolute;
	top:305px;
	left:10px;
	z-index:10;
}

#botones2 {
	position:absolute;
	top:500px;
	left:0;
	z-index:10;
}

.png24 {
	behavior:url(iepngfix.htc);
}

/* Estilo para la entradilla */

#entradilla{
	background-color: #000;
	width: 100%;
	height: 100%;
}

#entradilla p{ font-size: 11px; text-align: center; color: white;}
#entradilla p.titulo{ font-size: 18px; margin-bottom: 0; text-align: center; }
#entradilla p.nombres{ font-size: 12px; font-weight: bolder; margin-top: 20px;}

	#entradilla #izquierda{ float:left; width: 475px; margin-bottom: 10px;}
		#entradilla #logo{ padding: 5px; width: 465px; }
			#entradilla #logo img{ margin: 10px 0 0 10px; }
		
		#entradilla #informacion{ margin-top: 20px; width: 465px; height: 380px; }
			#entradilla #izquierda #esqIzq{	position:absolute; z-index: 1;	}
			#entradilla #izquierda #texto{ height: 360px ;padding: 15px; position: relative; z-index: 100; }
			
			#entradilla #izquierda #esqDch{	position:absolute; z-index: 1; bottom: 160px; right: 485px;	}
			
			
			#entradilla #informacion p{ margin-bottom: 5px;  padding: 5px 10px 2px; text-align: justify; color: white; }
		#entradilla #pieEntradilla{ color: red; margin-top: 0px;  padding-left: 25px;}
			#entradilla #telefono{float: left; font-size: 14px; width: 150px; }
			#entradilla #mail{float:left; }
				#entradilla #mail a{ color: red; font-size: 14px; width: 200px; }
				#entradilla #mail a:hover { color: white; }
	
	#entradilla #derecha{ float: right; width: 475px;}
		#entradilla #imagenDerecha{ float: right; padding: 10px 10px 0; }
			#entradilla #imagenDerecha a:hover { color: red;}
			#entradilla #web{ padding: 10px; }
			#entradilla #blog{ padding: 10px 10px 0; }
			#entradilla #imagenDerecha img{	border: 2px solid white; height: 180px; margin-right: 15px; width: 360px;  }
			#entradilla #imagenDerecha a:hover img{ border: 2px solid grey; }
	
	#entradilla #fb{ padding-left: 25px; }
		#entradilla #fb a{
				background: url("/imgs/fb2.jpg") no-repeat scroll right top #fff;
			    clear: both;
				display: block;
			    height: 40px;
			    width: 40px;
	}
		#entradilla #fb a:hover{ background: url("/imgs/fb.jpg") no-repeat scroll right top #fff;	}