@charset "utf-8";
/* CSS Document */
# { comportamiento: url ("iepngfix.htc")}
    body  {
	margin: 0px; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0px;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(../Imagenes/show-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    }
     
    html{margin: 0px;
	padding: 0px;}
    .twoColElsLtHdr #container1 {
	text-align: center;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
    } 
    .twoColElsLtHdr #header {
	margin: 0px;
	padding: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 275px;
    } 
	
	* html .twoColElsLtHdr #header{height: 260px;}
*:first-child+html .twoColElsLtHdr #header{height: 260px;}

    .twoColElsLtHdr #header h1 {
	margin: 0px; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
    }
  
    .twoColElsLtHdr #sidebar1 {
	float: left;
	width: 12em;
	height: auto;
	margin-top: 1.9em;
	margin-bottom: 17px;
	padding: 0px;
	text-align: left;
    }
	
	
 
	
	.twoColElsLtHdr #sidebar2 {
	float: right;
	width: 12em;
	height: auto;
	margin-top: 1.9em;
	margin-bottom: 17px;
	padding: 0px;
	text-align: left;
    }
    .twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p,  .twoColElsLtHdr #sidebar2 p {
    	margin-left: 10px;
    	margin-right: 10px;
    }
    
    
    .twoColElsLtHdr #mainContent {
	margin-top: 0px;
	margin-right: 13em;
	margin-bottom: 1.5em;
	margin-left: 13em;
	padding: 10px;
    } 
		
	

    .twoColElsLtHdr #footer {
	padding: 0 10px;
	color: #666681;
	background-color: #FFFFFF;
	margin-top: -21px;
    } 
	* html .twoColElsLtHdr #footer{margin-top: 0px;}
*:first-child+html .twoColElsLtHdr #footer{margin-top: 0px;}

    .twoColElsLtHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
	font-size: 10px;
    }
    
  
    .fltrt { 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft {
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

	* html .twoColElsLtHdr #mainContent { zoom: 1; padding-top: 15px; }
    *:first-child+html .twoColElsLtHdr #mainContent {
	zoom: 1;
	padding-top: 15px;
}
    /* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
  
 .twoColElsLtHdr img{
	margin: 0px;
	padding: 0px;
}

#menu{
	width: 360px;
	
	margin: 0px;
	padding: 0px;
	left: 290px;
	top: -350px;
	height: 20px;

}

#menu h3{
	display: none;

}

#menu ul{
margin: 0px;
padding: 0px;
}


#menu li{
	margin:0px;
	padding:0px;
	float:left;
	list-style-type: none;
	text-align: center;
	height: 20px;
	width: 90px;

}

#menu li a {
	display:block;
	color:#FFFFFF;
	background-color:#000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#menu li a:hover {
	color:#FFFFFF;
	background-color:#028EAF;
	font-weight: bolder;
	margin: 0px;
	padding: 0px;
}


#linkList2{
	margin: 0px;
	padding: 0px;
}
#linkList h3{
	font-family: "Arial Black";
	padding: 0px;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.twoColElsLtHdr #footer a{
	color: #666681;
	text-decoration: none;
    } 
	
.twoColElsLtHdr #footer a:hover, .twoColElsLtHdr #footer a:visited{
	color: #666681;
    } 

.twoColElsLtHdr #enlace{
	background-color: #EDEDED;
	margin: 0px;
	background-image: url(../Imagenes/gradient.png);
	background-repeat:  repeat-x;
}
.twoColElsLtHdr #cont{
	background-color: #FFFFFF;
	margin-top: -21px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../Imagenes/br.jpg);
	background-repeat:  repeat-x;
	
}
 * html .twoColElsLtHdr #cont{margin-top: 0px;}
*:first-child+html .twoColElsLtHdr #cont{margin-top: 0px;}

.twoColElsLtHdr #enlaceC, .twoColElsLtHdr #contC, .twoColElsLtHdr #headerC, .twoColElsLtHdr #buscarC{
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}

 
.twoColElsLtHdr #buscarC{
	height: 55px;
}
 * html .twoColElsLtHdr #buscarC{height: 35px;}
*:first-child+html .twoColElsLtHdr #buscarC{height: 35px;}

.twoColElsLtHdr .enlaceT{
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	
	
}
.twoColElsLtHdr .enlace1{
	color: #0033FF;
	margin: 0px;
	padding: 0px;

}

.twoColElsLtHdr .enlace2{
	margin: 0px;
	padding: 0px;
}
.twoColElsLtHdr #linea{
	margin: 0px;
	padding: 0px;
	border: 1px solid #FFFFFF;
}
.twoColElsLtHdr #linea2{
	margin: 0px;
	padding: 0px;
	border: 1px solid #0033FF;
}


.twoColElsLtHdr #buscar{
	background-color: #1B3582;
	margin-top: -21px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

* html .twoColElsLtHdr #buscar{margin-top: 0px;}
*:first-child+html .twoColElsLtHdr #buscar{margin-top: 0px;}


 .search{
	padding: 5px;
	height: 26px;
	width: auto;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 500px;
}

.inputboxx{
	height: 23px;
	padding: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #1C255C;
	border-bottom-color: #1C255C;
	width: 100px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #1C255C;
	border-left-color: #1C255C;
	margin: 0px;
	position: absolute;
	top: auto;
	left: 441px;
}

.im{
	padding: 0px;
	height: 26px;
	width: 10px;
	position: absolute;
	left: 431px;
	top: auto;
	margin: 0px;
}
.im1{
	padding: 0px;
	height: 26px;
	width: 26px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	margin: 0px;
	left: 540px;
	top: auto;
}

.twoColElsLtHdr #logointro{
	float: left;
	height: 200px;
	margin: 10px;
	width: 400px;
	color: #FFFFFF;
	background-image: url(../Imagenes/LOGO_CIOH.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.twoColElsLtHdr #logointro h1, .twoColElsLtHdr #logointro h2{
	display: none;
}
.twoColElsLtHdr #fecha{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 20px;
}
.twoColElsLtHdr #fecha p{
	padding: 0px;
	margin: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

.twoColElsLtHdr #str, .twoColElsLtHdr #str a:visited{
	font-size: 10px;
	color: #FFFFFF;
}

.twoColElsLtHdr #str a{
	color: #FFFFFF;
	text-decoration: none;
}
.twoColElsLtHdr #str2{
	font-size: 16px;
	color: #0033FF;
	font-weight: bold;
	margin-top: 17px;
}

.twoColElsLtHdr #doc{
	background-image: url(../Imagenes/imagendoc.jpg);
	margin: 0px;
	padding: 0px;
	background-repeat:  repeat-y;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.twoColElsLtHdr #flotarRight{
	margin: 7px;
	padding: 7px;
	float: right;
	z-index: 10;
	height: 10px;
}

.twoColElsLtHdr .estilo1{
	margin: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: justify;
	padding: 0px;
	z-index: 50;
	}
div#box, div#box1{
	margin:0px;
	text-align:left;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	background-color: #F7F7F7;
	background-image: url(../Imagenes/gradient.png);
	background-repeat: repeat-x;
	background-position: 0 -5px;
}
div#box3{
	text-align:left;
	background-color: #F7F7F7;
	background-image: url(../Imagenes/gradient.png);
	background-repeat: repeat-x;
	background-position: 0 -5px;
	}
	

.twoColElsLtHdr #TC{
	margin: 17px;
	padding: 0px;
	color: #8F3A79;
}

.flotarR{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 1em;
	width: auto;
}

.twoColElsLtHdr #doc a, .twoColElsLtHdr #doc a:visited{
	color: #0000FF;
	text-decoration: none;
}

.twoColElsLtHdr #doc a:hover{
	font-weight: bold;
	color: #8F3A79;
}

#color tr:hover{
	background-color: #0066FF;
	cursor:pointer;
}
.jimgMenu1{
	height: 100px;
	width: 100px;
	position: absolute;
	left: 776px;
	top: 35px;
}




ul#portfolio li img, ul#portfolio2 li img{
	
	margin: 4px;
	
}
ul#portfolio, ul#portfolio2, ul#portfolio li, ul#portfolio2 li{
	text-decoration: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul#portfolio2{height: 110px;
	width: 158px;}

ul#portfolio2 a.foto{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}