/* menu superior */
.navcontainer{width:100%;margin: 2px 2px 2px 20px;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:114px !important;min-width:119px !important;display:block;
background:#cc0000;color: #ffff22;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 7px solid}
.navcontainer ul li a:hover{color: #fff;background-color: #0272c6; border-left:#fff 7px solid; text-decoration:line-through}
.navcontainer ul li a:visited{color: #fff; border-left:#fff 7px solid}
.atajos
  {	color:#cc0000;BACKGROUND-COLOR: #e6cb74; font-size:120%}
  
  
/* generales */ 
#pagina {
width: 980px; border:#CCCCCC 1px solid; margin-left:0.8em
}
.dividir {clear:both; border-bottom: #0272c6 1px solid}
.dividir_bajo {clear:both; border-bottom: #0272c6 1px solid; margin-top:3em}
#logos {font-size: 2em; float: left;  padding-top:0.1em; padding-left:1em}
.tituloestaes {font-size:1.1em; font-family: Georgia, Times New Roman, Times, serif;  margin-left: 1.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 {
	PADDING-RIGHT: 0%; PADDING-LEFT: 0%; BACKGROUND: #fff; PADDING-BOTTOM: 0%; MARGIN: 0%; FONT: 12px/16px Verdana, Arial, Helvetica, sans-serif; COLOR: #000; PADDING-TOP: 0.2em; TEXT-ALIGN: left; HEIGHT: 100%
}
H1 {
	PADDING-RIGHT: 0%; DISPLAY: inline; PADDING-LEFT: 0%; FONT-WEIGHT: normal; FONT-SIZE: 230%; PADDING-BOTTOM: 4%; MARGIN: 0%; margin-TOP: 2%; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
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
}
a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #cc0000;
	text-decoration: none;
}
.marco_img {margin-top: 2.5em; border:#0272c6 1px solid; width: 59.3%; float: left; margin-bottom: 1em}
.raya{color:#FFFFFF}
.titulo{margin-left: 2em; margin-top: 1em}
.contenido_centro {padding-left: 29em; padding-top: 1.6em;  padding-right: 20em}
.content_centro_titu {font-size: 2em}
.content_centro_texto {text-align: justify; font-size: 1.3em; line-height:1.2em}
.clr {	CLEAR: both}
#piedere {
	PADDING-RIGHT: 1px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #999 1px solid; BORDER-TOP: #999 1px solid; WIDTH: 95%; text-align: center; margin-left: 10px; BACKGROUND: #e1e1e1; color: #000
}
.pie {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #000;  TEXT-DECORATION: none; BACKGROUND: #e1e1e1
}
A.pie:link {
	FONT-WEIGHT: normal; FONT-SIZE: 90%; COLOR: #000080; TEXT-DECORATION: none; BACKGROUND: #e1e1e1
}
A.pie:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 90%; COLOR: #ff6600; TEXT-DECORATION: none; BACKGROUND: #e1e1e1
}
A.pie:hover {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.pie_abajo {font-size: 1.4em}


.fuera_total {float:right; width: 33%; border-left:#999999 1px dotted; padding: 2em; text-align: justify; font-family:Georgia, "Times New Roman", Times, serif}
.fuera_titu {background-color:#ececec; font-size: 3.3em; text-transform:uppercase; margin-bottom: 1em; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif}
.bordes {border:#0272c6 1px solid}


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

#lightbox{
position:absolute;
top:10px;
left:1px;
width:95%;
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:98%;
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
}