/* enlaces */
A.link12 {	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A.linkb12 {	FONT-SIZE: 12px; COLOR: #0272c6; FONT-FAMILY: helvetica-Bold, Arial,Helvetica,sans-serif; TEXT-DECORATION: none; }
A.linkb12:visited {	COLOR: #999; TEXT-DECORATION: none}
A.linkb12:hover {	COLOR: #000; TEXT-DECORATION: none}
A link {	FONT-SIZE: 12px; COLOR: #0272c6; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A:visited {	COLOR: #cc0000; TEXT-DECORATION: none}
A:hover {	COLOR: #000; TEXT-DECORATION: underline}
.tdblack {	BACKGROUND-COLOR: #e1e1e1; text-align: center; border-bottom:#0272c6 1px solid; border-top:#0272c6 1px solid; border-left:#0272c6 1px solid; border-right:#0272c6 1px solid; margin-top: 0.6em; width: 88px; float: left; margin-right: 1.2em; margin-left: 1.3em}
A IMG {	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
.foto_pilar {margin-left: 1.5em; margin-top: 1em; float:left; width: 31%}
.foto_pilarimg {float:left; margin-right: 0.6em}
.foto_angelaimg {float:left; margin-right: 0.6em; border-bottom:#0272c6 1px solid; border-top:#0272c6 1px solid; border-left:#0272c6 1px solid; border-right:#0272c6 1px solid}
.tit11_titufoto {padding-bottom: 0.5em; background-color:#e1e1e1; color:#0272c6; padding-right: 3.8em; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0272c6; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
.enlaces_transi {padding-bottom: 0.5em; background-color:#e1e1e1; color:#0272c6; padding-right: 3.8em; margin-top: 0.6em}
.enlaces_transiimg {float:left; width: 100%; padding-bottom: 0.4em; border-bottom:#CCCCCC 1px dotted}
.enlaces_img {float:left; padding-right: 0.6em; border-top:#0272c6 1px solid;  border-bottom:#0272c6 1px solid;  border-left:#0272c6 1px solid;  border-right:#0272c6 1px solid}
a.tit11 {	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0272c6; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.tit11:visited {	COLOR: #999; text-decoration: none}
A.tit11:hover {	COLOR: #000000; TEXT-DECORATION: underline}
.tit11b {	FONT-SIZE: 11px; COLOR: #0272c6; FONT-FAMILY: "Arial Black", helvetica-Bold, Arial,Helvetica,sans-serif; text-align: center}
.tit12 {FONT-WEIGHT: bold;	FONT-SIZE: 12px;	COLOR: #000000;	FONT-FAMILY: Arial,Helvetica,sans-serif;	text-align: justify;}
.text12 {FONT-SIZE: 12px;	COLOR: #000000;	FONT-FAMILY: Arial,Helvetica,sans-serif;	text-align: justify;}
.tit12b {	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: "Arial Black", helvetica-Bold, Arial,Helvetica,sans-serif; border-bottom:#CCCCCC 1px dotted;width:100%}
.tit26b {	FONT-WEIGHT: normal; FONT-SIZE: 26px; COLOR: #0272c6; LINE-HEIGHT: 80%; FONT-FAMILY: "Arial Black", Helvetica-Bold, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; width:100%; border-top:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; line-height: 0.6em; margin-top: 0.5em}
/* fin enlaces */

/* menu inferior */
#piedere {	BORDER-BOTTOM: #999 1px solid; BORDER-TOP: #999 1px solid; WIDTH: 97%; text-align:center; float: left; margin-left: 0.6em; BACKGROUND: #e1e1e1; color: #000; margin-bottom: 1.5em}
.pie {	FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: #000;  TEXT-DECORATION: none; BACKGROUND: #e1e1e1}
A.pie:link {	FONT-WEIGHT: normal; FONT-SIZE: 100%; COLOR: #000080; TEXT-DECORATION: none; BACKGROUND: #e1e1e1}
A.pie:visited {	FONT-WEIGHT: normal; FONT-SIZE: 100%; COLOR: #ff6600; TEXT-DECORATION: none; BACKGROUND: #e1e1e1}
A.pie:hover {	FONT-WEIGHT: normal; TEXT-DECORATION: underline}
.pie_abajo {font-size: 1.4em}

/* columna fuera */
#fuera {float:right; width:21%; margin-top: 0.2em; border-left:#0272c6 1px dotted; padding-left: 0.5em; text-align:justify; padding-right: 0.8em; padding-top: 0.2em}
.centrar {text-align: center}
.fuera_super {margin-top: 0.1em}
.titu_fuera {border-top: #0272c6 1px dotted; border-bottom: #0272c6 1px dotted; background-color:#e1e1e1; color:#0272c6; text-transform:uppercase; font-weight: bold; font-size:1.2em}
.busqueda {font-size: 1.8em; color: #0272c6; background-color: #FFFFFF }

/* columna izquierda */
.izqgeneral {float:left;  width:14%; margin-left: 0.7em }
.izq_obervacion {padding-right: 0.6em; border-top:#CCCCCC 1px dotted; border-bottom:#CCCCCC 1px dotted}
.centro_izq {float: left; width:28%; margin-top: 0.7em}

/* menu superior */
.atajos  {	color:#cc0000;BACKGROUND-COLOR: #ffff22; font-size:110%}
#menusuperior {	BACKGROUND-color: #dcdcdc; PADDING-BOTTOM: 0.2em; PADDING-TOP: 0.2em;   width: 100%; BORDER-BOTTOM: #ccc 0.1em solid; BORDER-top: #ccc 0.1em solid; color: #000}
#nav-menusuperior {	MARGIN-TOP: 0px; FLOAT: right; FONT: 135% Tahoma, Arial, Verdana, Helvetica, sans-serif; WIDTH: 99%; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #0272c6; margin-left:0.3em; margin-right:0.3em}
#nav-menusuperior UL {	PADDING-RIGHT: 1%; PADDING-LEFT: 1.3%; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px; LIST-STYLE-TYPE: none}
#nav-menusuperior LI {	 FONT-WEIGHT: normal; FLOAT: left; PADDING-BOTTOM: 0%; MARGIN-left: 0.3% ; COLOR: #fff; PADDING-TOP: 0%; TEXT-ALIGN: center; BACKGROUND: #0272c6; width:30px}
.inactivo{	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; FLOAT: left; PADDING-BOTTOM: 0%; MARGIN: 0% ; COLOR: #0272c6; PADDING-TOP: 0%; TEXT-ALIGN: center; BACKGROUND-color: #fff; FONT-size: 105%; font-weight: bold }
#nav-menusuperior LI A {	FLOAT: left; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #0272c6}
#nav-menusuperior LI A {	FLOAT: none}
#nav-menusuperior LI A:link {	FLOAT: left; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #0272c6}
#nav-menusuperior LI A:visited {FLOAT: left; COLOR: #fff; TEXT-DECORATION: none; BACKGROUND: #0272c6}
#nav-menusuperior LI A:hover {	TEXT-DECORATION: line-through}



/* para aņo*/
.blanco {
	font: bold 45px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	padding-left: 7px;
	padding-top: 10px;
	z-index: 3;
	position: absolute;
	text-align: left;
	vertical-align: top;
	top: -10px;
	left: 830px;
}

.azul {
	font: bold 45px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0272c6;
	padding-left: 8px;
	padding-top: 11px;
	z-index: 2;
	position: absolute;
	text-align: left;
	vertical-align: top;
	top: -10px;
	left: 830px;
}  
  
/* generales */ 
#pagina {width: 985px; border:#000 1px solid; margin-top:0em;BACKGROUND-COLOR: #fff}
#logos {font-size: 2.4em; float: left; width: 98%}
#logo {float:left; margin-right:1.5em}
.titu_gd {margin-top:0.8em; font-family:Georgia, "Times New Roman", Times, serif}
.tituloestaes {font-size:1.1em; font-family: Georgia, Times New Roman, Times, serif;  margin-left: 3.3em; color: #000080; background-color:#fff; vertical-align:super}
.tituloeco {vertical-align: super}
a img { border-right-style:none; border-top-style:none; border-bottom-style:none; border-left-style:none} 
HTML {	HEIGHT: 100%}
BODY {	BACKGROUND: #fff; FONT: 11px/16px Verdana, Arial, Helvetica, sans-serif; COLOR: #000; TEXT-ALIGN: left; margin-top:0.2em}
H1 {
		FONT-WEIGHT: normal; FONT-SIZE: 26px; COLOR: #0272c6; LINE-HEIGHT: 80%; FONT-FAMILY: "Arial Black", Helvetica-Bold, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; width:100%; border-top:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; line-height: 0.6em; margin-top: 0.9em; line-height:1em
}
H2 {
	PADDING-RIGHT: 0%; DISPLAY: inline; PADDING-LEFT: 0%; FONT-WEIGHT: normal; FONT-SIZE: 120%; PADDING-BOTTOM: 4%; MARGIN: 0%; PADDING-TOP: 0%; FONT-FAMILY: arial, sans-serif
}

/* mover imagenes */ 
.imgflash {
	BORDER-RIGHT: #0272c6 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #0272c6 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 91%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #0272c6 1px solid; WIDTH: 270px; LINE-HEIGHT: 13px; PADDING-TOP: 0px; BORDER-BOTTOM: #0272c6 1px solid; HEIGHT: 220px
}


/**************************************************************************
MUESTRARIO IMAGENES
**************************************************************************/

#lightbox{
position:absolute;
top:10px;
left:1px;
width:100%;
z-index:1000;
text-align:center;
line-height:0px
}

#lightbox a images{
border:0 !important; 
}
#outerImageContainer{
position:relative;
background-color:#FFF;
width:250px;
height:250px;
margin:0 auto; border-top: 1px #CC0000 solid; border-bottom: 1px #CC0000 solid; border-left: 1px #CC0000 solid; border-right: 1px #CC0000 solid
}
#imageContainer{
padding:1px
}
#loading{
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0px;
border:0 !important
}
#hoverNav{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10
}
#imageContainer>#hoverNav{
left:0
}

#imageDataContainer{
font-size:10px;
background-color:#FFF;
margin:0 auto;
line-height:1.2em; border-top: 1px #CCc solid; border-bottom: 1px #CC0000 solid; border-left: 1px #CC0000 solid; border-right: 1px #CC0000 solid
}
#imageData{
padding:0 10px
}
#imageData #imageDetails{
width:70%;
float:left;
font-size:1.2em;
text-align:left;
line-height:1.2em
}
#imageData #caption{
line-height:1.2em
}
#imageData #numberDisplay{
display:block;
clear:left;
padding-bottom:1.0em;
margin-top:.5em;
padding-top:.5em;
border-top:1px solid #000;
font-weight:900;
color:#a1a1a1
}
#imageData #bottomNavClose{
width:66px;
float:right;
border:0 !important; 
}
#overlay{
position:absolute;
top:0;
left:10px;
z-index:90;
width:100%;
margin:0 !important;
height:500px;
background-color:#e1e1e1 
}
.entry img{
border:1px solid #000;
padding:3px;
margin:8px 0 1px 5px;
float:left;
clear:left
}

/*
----------------------------------------------------------------------------
CLEARING OF FLOATS
----------------------------------------------------------------------------
*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.clearfix{
display:inline-table
}
/* Hides from IE-mac \*/
* html .clearfix{
height:1%
}
.clearfix{
display:block
}

#website ul
{
list-style-type: none;
background:transparent; margin-left: 10px
}

#website ul li
{padding-right: 12px;
display: block;
float: left;
font-size:5.1em;
line-height:1.3em;
font-weight:normal;
}
#website ul li a:hover{
text-decoration:line-through
}

#website a:active{
text-decoration:line-through
}

#website br, .project br{
clear:both
}