/* 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: 1em; margin-left: 1em}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.foto_pilar { margin-top: 1em; float:left; width: 32%; height: 525px; margin-left:1em}
.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;  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0272c6; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none; float: left}
.enlaces_transi {padding-bottom: 0.5em; background-color:#e1e1e1; color:#0272c6; padding-right: 3.8em; margin-top: 0.6em; width: 90%}
.enlaces_transiimg {float:left; width: 100%; padding-bottom: 0.4em; border-bottom:#CCCCCC 1px dotted; text-align: justify}
.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;height: 280px;
	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;  BACKGROUND: #e1e1e1; color: #000; margin-bottom: 1.5em; text-align:center; width:75% 
}
.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.6em; 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; padding-bottom:1em; padding-top:1em}
.centro_izq {float: left; width:28%; margin-top: 0.7em; height:740px}

/* menu superior */
.navcontainer{width:970px;margin: 2px 2px 2px 10px;padding:2px 2px 5px 2px;}
.navcontainer ul { padding: 1px; }
.navcontainer ul li { display: inline}
.navcontainer ul{margin: 2px 2px 2px 2px;}
.navcontainer ul li a{padding: 2px 2px 2px 2px;width:117px !important;min-width:123px !important;display:block;
background:#cc0000;color: #ffff22;text-decoration: none;text-align: center;text-transform: uppercase; 
float: left; border-left:#fff 5px solid
}
.navcontainer ul li a:link{color: #fff;background-color: #0272c6; border-left:#fff 5px solid}
.navcontainer ul li a:hover{color: #fff;background-color: #cc000; border-left:#fff 5px solid; text-decoration:line-through}
.navcontainer ul li a:visited{color: #000; border-left:#fff 5px solid;background-color: #d0e0f0}
.partir {clear:both; border-top:#999999 1px solid}


  
/* 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-left:0.1em; padding-bottom:1em; BACKGROUND-color: #fff
}
#logos {font-size: 2.3em; float: left; padding-top:0.1em; padding-left:0.4em}
.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 {float:right; margin-right:1em; font-size:280%; line-height:1.7em}
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.1em; text-align:center}
.clr {clear:both}
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:98%; 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
}
.navcontainer{width:97%;margin: 2px 2px 2px 10px;padding:2px 2px 5px 2px; font-size:110%;}
.navcontainer ul { padding: 1px; }
.navcontainer ul li { display: inline}
.navcontainer ul{margin: 2px 2px 2px 2px;}
.navcontainer ul li a{padding: 2px 2px 2px 2px;width:113px !important;min-width:119px !important;display:block;
background:#cc0000;color: #09509e;text-decoration: none;text-align: center;text-transform: uppercase; 
float: left; border-left:#fff 7px solid}
.navcontainer ul li a:link{color: #fff;background-color: #0272c6; border-left:#fff 5px solid}
.navcontainer ul li a:hover{color: #fff;background-color: #09509e; border-left:#fff 5px solid; text-decoration:line-through}
.navcontainer ul li a:visited{color: #fff; border-left:#fff 5px solid;background-color: #cc0000}
.partir {clear:both; border-top:#999999 1px solid}