/*** ESTRUCTURA de Windows Disseny***/
/* Estructura del sitio, basado en la diagramacion*/
html, body{
	margin:0 auto;
	padding:0;
	font-family:"Arial", Verdana, Trebuchet MS, Helvetica;
	font-size:14px;
	color:#222222;
	background:#DDDDDD url(../imagenes/fondo.jpg) top repeat-x;
}

#contenedor {
	position: relative;
	/*left: -11px;*/
	width: 737px;
	margin:0;
	margin:auto;
}

#contenedor_cuerpo{
	position: center;
/*	left: 567px;*/
	width: 737px;
	height:567px;
	background:#FFFFFF url(../imagenes/fondo.gif) top center repeat-x;
}
#contenedor_cuerpo_qs{
	position: center;
/*	left: 567px;*/
	width: 737px;
	height:567px;
	background:#FFFFFF url(../imagenes/fondoqs.gif) top center repeat-x;
}

#cuerpo{
	position:center;
	width:90%;
	height:567px;
/*	top:-42px;
	left:-39px;*/
}

#colIzq{
	width:510px;
	min-height:100%;
	float:left;
	margin:0;
	padding:0;
}

#colDer{
	width:180px;
	min-height:100%;
	float:right;
}

#cabecera{
	width:100%;
	height:298px;
	position:certer;
	top:-5px;
	left:-41px;
	margin:4px 0 0 10px;
	background: url(../css/inicio.jpg) top left no-repeat;
}

#banner{
	position:absolute;
	width:451px;
	height:89px;
	top:3px;
	margin:0 0 0 2px;
	left: 257px;
/*	background:#FFFFFF url(../imagenes/banner_imagen.jpg) top left no-repeat;*/
}

#blq_contenido{
	position:center;
	width:510px;
	height:352px;
	top:2%;
	margin-top:0px;
	margin-left:130px;
	background:url(../imagenes/contenido.jpg) top left no-repeat;
}
/*fin contenedor 1*/

/*********** MENU SUPERIOR ***********/
#menu_superior{
	width: 372px;
	height:39px;
	position:absolute;
	top:88px;
	left:377px;
/*	margin:4px 0 0 10px;*/
	font-size:12px;
	background: url(../css/menu.jpg) no-repeat;
	background-image: url(../css/fondomenu.gif);
	color:#FF6600;
}

#menu_superior ul{
	list-style:none;
	margin:0 0 0 3px;
	padding:0 0 0 3px;
}

#menu_superior ul li{
	float:left;
	margin:1px 0 0 0;
	text-align:center;
}

#menu_superior li a{
	display:block;
	width:80px;
	height:39px;
	margin:0;
	padding:8px 0 0 0;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#666666;

}

#menu_superior li a:hover{
	color:#000000;
	background: url(../imagenes/seleccionar.gif) no-repeat;
}

#menu_superior .menuSuperiorActivo a{
	color:#000000;
	background: url(../imagenes/selec.gif) no-repeat;
}
/**** FIN MENU SUPERIOR ****/
/*********** MENU SUPERIOR 2 ***********/
#menu_superior2{
	width: 437px;
	height:29px;
	position:absolute;
	top:87px;
	left:272px;
/*	margin:4px 0 0 10px;*/
	font-size:12px;
	background-image: url(../css/fondomenu2.gif);
	color:#FF6600;
}

#menu_superior2 ul{
	list-style:none;
	margin:0 0 0 3px;
	padding:0 0 0 3px;
}

#menu_superior2 ul li{
	float:left;
	margin:1px 0 0 0;
	text-align:center;
}

#menu_superior2 li a{
	display:block;
	width:80px;
	height:39px;
	margin:0;
	padding:8px 0 0 0;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#666666;

}

#menu_superior2 li a:hover{
	color:#000000;
	background: url(../imagenes/seleccionar.gif) no-repeat;
}

#menu_superior2 .menuSuperior2Activo a{
	color:#000000;
	background: url(../imagenes/selec.gif) no-repeat;
}
/**** FIN MENU SUPERIOR 2 ****/

/***************   INCIO:menu_lat_der    *********************/
#menu_lat_der{
	position:absolute;
	width:147px;
	float:rigth;
	font-size:11px;
	left: 221px;
	height: 106px;
	color:#CCCCCC;
	top: 16px;
}

 
#menu_lat_der ul{
	margin: 0 0 0 0;
	padding: 0;
}

#menu_lat_der ul li{
	list-style-type: none;
	width:180px;
}
#menu_lat_der li a{
	width:147px;
	border-bottom:3px #FFFFFF solid;
	border-top:0px #FFFFFF solid;
	text-decoration: none;
	font-weight:bold;
	color: #FFFFFF;
	display: block;
	padding: 0px 1px 1px 10px;/* margenes del contenido del menu*/
	text-aling: center;
	color:#CCCCCC;
	background:#000000;;

}

#menu_lat_der .menuDerechoActivo a{
	font-size:12px;
	color:#000000;
	background:#CCCCCC;;
}
 
#menu_lat_der a:hover{
	font-size:12px;
	color:#000000;
	background:#CCCCCC;;
}
/***************   FIN:menu_lat_der    *********************/
/***************   INCIO:items    *********************/
#items{
	position:absolute;
	width:147px;
	float:rigth;
	font-size:11px;
	left: 222px;
	height: 77px;
	color:#CCCCCC;
	top: 145px;
}

 
#items ul{
	margin: 5px 0 0 0;
	padding: 0;
}

#items ul li{
	list-style-type: none;
	width:180px;
}
#items a{
	width:147px;
	border-bottom:3px #FFFFFF solid;
	border-top:0px #FFFFFF solid;
	text-decoration: none;
	font-weight:bold;
	color: #FFFFFF;
	display: block;
	padding: 0px 1px 1px 10px;/* margenes del contenido del menu*/
	text-aling: center;
	color:#CCCCCC;
	background:#000000;;

}

#items .itemsActivo a{
	font-size:12px;
	color:#000000;
	background:#CCCCCC;;
}
 
#items a:hover{
	font-size:12px;
	color:#000000;
	background:#CCCCCC;;
}
/***************   FIN:items    *********************/

/***************   INCIO:subitems    *********************/
#subitems{
	position:absolute;
	width:146px;
	float:rigth;
	font-size:11px;
	left: 221px;
	height: 245px;
	color:#CCCCCC;
	top: 119px;
}

 
#subitems ul{
	margin: 5px 0 0 0;
	padding: 0;
}

#subitems ul li{
	list-style-type: none;
	width:180px;
}
#subitems a{
	width:147px;
	border-bottom:3px #FFFFFF solid;
	border-top:0px #FFFFFF solid;
	text-decoration: none;
	font-weight:bold;
	color: #FFFFFF;
	display: block;
	padding: 0px 1px 1px 10px;/* margenes del contenido del menu*/
	text-aling: center;
	color:#CCCCCC;
	background:#000000;;

}

#subitems .subitemsActivo a{
	font-size:12px;
	color:#000000;
	background:#CCCCCC;;
}
 
#subitems a:hover{
	font-size:12px;
	color:#000000;
	background:#CCCCCC;;
}
/***************   FIN:subitems    *********************/

/***************   INICIO:contenidossubitems    *********************/
#contenidossubitems{left:  517px; position: absolute; top: 60px; width: 206px; height: 308px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9pt; overflow:auto}
/***************   FIN:contenidossubitems    *********************/
/***************   INICIO:contenidossubitems    *********************/
#contenidoespecial{left:  386px; position: absolute; top: 60px; width: 337px; height: 308px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9pt; overflow:auto}
/***************   FIN:contenidossubitems    *********************/

/***************   GALERIA    *********************/
#galeria_miniaturas_contenedor{
	width:490px;
	height:170px;
	margin:5px 0 0 5px;
	overflow:none;
}
.galeria_miniaturas{margin:0;padding:0;position:relative;}
.galeria_miniaturas ul {margin:0 0 0 25px;padding:0;}
.galeria_miniaturas ul li {
	display:inline;
	float:left;
	padding:0;
	margin:2px 8px 2px 2px;
}

/*************** IMAGENES *****************/
.img{
	border:1px #FFFF99 solid;
}


/******* TEXTOS *******/

h1{
	padding:20px 0 0 20px;
	font-size:18px;
	color:#006432;
}

h2{
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	font-size:14px;
	color:#006432;
}
#e1{
	top: 189px;
	position: absolute;
	text-align:center;
	width:850px;
	left: 79px;
	background-color: #FFFFFF;}
#i1{left:  40px; position: absolute; top: 273px; width: 30%; font-family:Arial, sans-serif, Helvetica; color: #cc6633; font-size: 10pt; background-color: #FFFFFF; font-style: oblique;}
#i2{
	left: 83px;
	position: absolute;
	top: 181px;
	height: 14px;
}
#i3{left: 82px; position: absolute; top: 208px; }
#i4{left: 82px; position: absolute; top: 235px; }
#i6{left: 82px; position: absolute; top: 261px; }
#i7{
	left: 82px;
	position: absolute;
	top: 287px;
	width: 172px;
}
#e2{left:  81px; position: absolute; top: 288px; width: 184px; height: 40%; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt; background-color: #FFFFCC; overflow:auto; text-align:justify;}
#e3{left: 282px; position: absolute; top: 288px; width: 430px; height: 275px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt; background-color: #FF99FF; overflow:auto; }
#e22{left:  80px; position: absolute; top: 263px; width: 185px; height: 254px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 16pt; background-color: #FFFFCC; text-align:center;}
#e32{
	left:281px;
	position: absolute;
	top: 263px;
	width: 430px;
	height: 294px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16pt;
	background-color: #FF99CC;
	text-align:center;
	overflow: auto;
}
#e4{left: 744px; position: absolute; top: 288px; width: 185px; height: 40%; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt; background-color: #FFFF66; overflow:auto; text-align:justify; }
#e42{left:744px; position: absolute; top: 263px; width: 185px; height: 40%; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 16pt; background-color: #FF9900; text-align:center;}
#e6{top: 71px;	position: absolute;	text-align:center;	width:921px; left: 47px; background-color: #FFFFFF;}

#logo{left:  385px; position: absolute; top: 15px; width: 79px; height: 43px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9pt;}
#logoinferior{left:  4px; position: absolute; top: 303px; width: 63px; height: 43px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9pt;}

#titulo{left:  477px; position: absolute; top: 15px; width: 246px; height: 43px; font-family: Arial, Helvetica, sans-serif; color: black; text-aling:center; font-size: 12pt;}
#horarios{
	left:  385px;
	position: absolute;
	top: 63px;
	width: 338px;
	height: 304px;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 9pt;
	overflow: none;
}
#texto1{
	left:  385px;
	position: absolute;
	top: 63px;
	width: 338px;
	height: 226px;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 9pt;
	overflow: auto;
}
#texto2{left:  14px; position: absolute; top: 299px; width: 655px; height: 69px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9pt; overflow:auto;}
#texto3{left:  69px; position: absolute; top: 303px; width: 655px; height: 69px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9pt; overflow:auto;}
#texto4{left:  20px; position: absolute; top: 420px; width: 655px; height: 69px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9pt; overflow:auto;}

#c2{left:  386px; position: absolute; top: 60px; width: 337px; height: 308px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9pt; overflow:auto}
#c10{left: 63px; position: absolute; top: 274px; width: 30%; height: 40%; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 12px; background-color: #FFFFFF;}
#c11{left: 353px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #a8dcfb; overflow:auto;}
#c12{left: 641px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #a8dcfb; overflow:auto;}
#c21{left: 385px; position: absolute; top: 61px; width: 338px; height: 302px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; overflow:auto;}
#c22{left: 641px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #fce0a7; overflow:auto;}
#c31{left: 353px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #adf5d1; overflow:auto;}
#c32{left: 641px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #adf5d1; overflow:auto;}
#c41{left: 353px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #fefa9e; overflow:scroll; }
#c42{left: 641px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #fefa9e; overflow:auto;}
#c51{left: 353px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #f5dcba; overflow:scroll;}
#c52{left: 641px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #f5dcba; overflow:auto;}
#c61{left: 353px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #c2d0e7; overflow:auto;}
#c62{left: 641px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #c2d0e7; overflow:auto;}
#c71{left: 353px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #ffc1c1; overflow:auto;}
#c72{left: 641px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #ffc1c1; overflow:auto;}
#c81{left: 353px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #facd9c; overflow:auto;}
#c82{left: 641px; position: absolute; top: 274px; width: 283px; height: 403px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9px; background-color: #facd9c; overflow:auto;}

#s1{left:  384px; position: absolute; top: 16px; width: 338px; height: 335px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9pt; overflow:auto;}
#menu li{ 
	width:147px;
	border-bottom:3px #FFFFFF solid;
	border-top:0px #FFFFFF solid;
	text-decoration: none;
	font-weight:bold;
	color: #FFFFFF;
	display: block;
	padding: 0px 1px 1px 10px;/* margenes del contenido del menu*/
	text-aling: center;
	color:#CCCCCC;
	background:#000000;; 
} 

#competencias{left:  384px; position: absolute; (hola) top: 16px; width: 338px; height: 335px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9pt; overflow:auto;}
#unidades{left:  384px; position: absolute; (hola) top: 16px; width: 338px; height: 335px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 9pt; overflow:auto;}


#z1{left:  3px; position: absolute; top: 15px; width: 208px; font-family:sans-serif, Arial, Helvetica; color: #cc6633; font-size: 10pt; background-color: #FFFFFF; font-style: oblique;}
#z2{left:  166px; position: absolute; top: 0px; width: 131px; height:90px; font-family:sans-serif, Arial, Helvetica; color: #cc6633; font-size: 10pt; font-style: oblique;}
#recuadrofotos{left:  221px; position: absolute; top: 75px; width: 304px; height:201px; font-family:sans-serif, Arial, Helvetica; color: #cc6633; font-size: 10pt; font-style: oblique;}
#tirafotos{
	display:inline;
	float:left;
	left:  3px;
	position: absolute;
	top: 292px;
	width: 721px;
	height:80px;
	font-family:sans-serif, Arial, Helvetica;
	color: #cc6633;
	font-size: 10pt;
	font-style: oblique;
}
#container_bd{
	margin:7px 0 0 7px;
}


/*imagen_inicio*/
#imagen_inicio{
	position:absolute;
	width:680px;
	height:433px;
	top: 121px;
	left: 13px;
}
/*FIN: imagen_inicio*/
/*contenedor quienes somos*/
#contenedor_qs{
	position:absolute;
	width:727px;
	height:373px;
	top: 123px;
	left: 4px;
}
/*FIN:  quienes somos*/

/*contenedor_galeria*/
#contenedor_galeria{
	position:absolute;
	width:727px;
	height:373px;
	top: 122px;
	left: 7px;
}
/*FIN: contenedor_galeria*/

/*contenedor_contacto*/
#contenedor_contacto{
	position:absolute;
	width:227px;
	height:369px;
	top: 3px;
	left: 500px;
}
/*FIN:contenedor_contacto*/

/*contenedor_contacto*/
#contenedor_mapa{
	position:absolute;
	width:494px;
	height:369px;
	top: 1px;
	left: 3px;
}
/*FIN:contenedor_contacto*/

/*contenedor_contacto*/
#contenedor_colaboraciones{
	position:absolute;
	width:692px;
	height:279px;
	top: 135px;
	left: 10px;
}
/*FIN:contenedor_contacto*/