@charset "macintosh";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #000000;
	overflow-y:scroll;
	
	
}

#contenido {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	z-index:1;
		
}

#background{
	position:absolute;
	z-index:0;
	width:100%;
	height:100%;	
}


#loading {
		background: url(images/load.gif) ;
		display:none;
	}
			
#content {
		margin: 0 0 0 0;
		
	}
	

	
	

#cabecera {
	width:100%;
	padding-top:5%;
}

.clearfix
{
	clear:both;
	background-color:#000000;
	height:0;
}


/* botonera */

#botonera {
	height: 45px;
	background-color:#000000;
	
}


#secciones {
	float:left;

	
	
	
}

#idiomas {
	float:right;
	width:150px;
	
		
}


li
{
	float:left;
	list-style:none;
	padding-right:10px;
}

#idiomas ul {
	padding:0px;
}

.transparente
{
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60
}




/* logos */
#logo {
	height:190px;
	padding:0 5% 0 5%;
	background-color:#000000;
}

#logo1 {
	float:left;
}

#logo2 {
	float:right;
}



/* tipos */
.titulo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	color: #b40813;
	padding: 10px 8% 10px 8%;
		
}

p
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color: #FFFFFF;
	padding: 0 8% 10px 8%;
		
}


.usos
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #ff0514;
	text-decoration:underline
		
}

.usos: link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #ff0514;
	text-decoration:underline
		
}

.usos:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #ff0514;
	text-decoration:underline
		
}

.usos:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #DDDDDD;
	text-decoration:underline
		
}

.usos:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #ff0514;
	text-decoration:underline
		
}



.textoboton
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
.textoboton:link
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

.textoboton:active
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}


.textoboton:visited
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

.textoboton:hover
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ff0514;
	text-decoration:underline;
}

.textoidiomas
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #ff0514;
	text-decoration:none;
}

.textoidiomas:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #ff0514;
	text-decoration:none;
}

.textoidiomas:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #ff0514;
	text-decoration:none;
}


.textoidiomas:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #ff0514;
	text-decoration:none;
}

.textoidiomas:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration:underline;
}


/* la coleccion*/

.scroll {
background-color:#000000;

}

#Capa {
display:none;

}

#Capa2 {
display:none;

}

#Capa3 {
display:none;

}

#Capa4 {
display:none;

}

#Capa5 {
display:none;

}


#Capa6 {
display:none;

}
#istiizq {
width:300px;
height:132px;
float:left;
padding: 0px 10px 0px 100px;

}

#istidere {
width:300px;
height:132px;
float:right;
padding: 0px 10px 0px 200px;

}

#institutos {
padding: 10px 8px 10px 8px;

}

#istiizq2 {


float:left;
width:400px;


}

#istidere2 {
float:right;
width:400px;


}

#institutos2 {
padding: 1px 5% 10px 5%;

}