/* CSS Document */
/*redefiniciones generales*/
body
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../imagenes/body_pattern2.gif);
	behavior: url(../csshover.htc);
}
/*IDs orden alfabetico*/
#cabecera
{
	width: 760px;
	height: 86px;
	margin: 0px;
	padding: 0px;
	background-color: #cccccc;
	background-image: url(../imagenes/cabecera_fondo.jpg);
}
#cabecera a img
{
	margin: 12px 0px 0px 7px;
	float: left;
	border: 0px;
}
#cabecera ul
{
	width: 108px;
	height: auto;
	list-style-type: none;
	margin: 5px 15px 0px 0px;
	padding: 0px;
	float: right;
}
#cabecera ul li
{
	width: 108px;
	float: left;
	margin: 5px 0px 0px 0px;
	background-image: url(../imagenes/idiomas_fondo.png);
	background-repeat: no-repeat;
}
#cabecera ul li a
{
	height: 27px;
	margin: 0px 0px 0px 3px;
	line-height: 27px;
	text-align: left;
	text-decoration: none;
	float: left;
	color: #430050;
}
#cabecera ul li a:hover
{
	color: #ff6600;
}
#cabecera ul li a.act
{
	color: #ff6600;
}
#columna_iz
{
	width: 293px;
	min-height: 280px;
	height: auto;
	_height: 260px;
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
#columna_iz_menu
{
	width: 293px;
	min-height: 280px;
	height: auto;
	_height: 260px;
	float: left;
	background-color: #ffffff;
	border-top: 1px solid #bebdc1;
	border-right: 1px solid #bebdc1;
	background-image: url(../imagenes/menu_linea.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0px 0px 20px 0px;
}
#columna_iz_menu ul
{
	width: 280px;
	height: auto;
	margin: 15px 10px 15px 0px;
	padding: 0px;
	list-style-type: none;
	float: right;
}
#columna_iz_menu ul li
{
	width: 280px;
	height: 25px;
	list-style-type: none;
	float: left;
}
#columna_iz_menu ul li.sub
{
	height: auto;
}
#columna_iz_menu ul li img
{
	width: 20px;
	height: 22px;
	float: right;
}
#columna_iz_menu ul li a
{
	width:200px;
	margin: 0px 10px 0px 10px;
	line-height: 25px;
	text-align: right;
	text-decoration: none;
	color: #50005c;
	float: right;
}
#columna_iz_menu ul li a:hover
{
	text-decoration: underline;
}
#columna_iz_menu ul li a.act
{
	color: #ff6600;
	text-decoration: underline;
}
#columna_iz_menu ul li ul
{
	width: 280px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	float: left;
}
#columna_iz_menu ul li ul li
{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 19px;
}
#columna_iz_menu ul li ul li a
{
	font-size: 90%;
}
#columna_iz_menu ul li ul li a:hover
{
	font-size: 90%;
	text-decoration: underline;
}
#columna_iz_menu ul li ul li a.act
{
	font-size: 90%;
	text-decoration: underline;
}
#columna_iz_menu ul li ul li img
{
	width: 20px;
	height: 22px;
	float: right;
}
#columna_de
{
	width: 448px;
	height: auto;
	float: right;
	margin: 0px 5px 0px 0px;
	_margin: 0px 2px 0px 0px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
#contenido
{
	width: 760px;
	min-height: 500px;
	height: auto;
	/*_height: 500px;*/
	float: left;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-image: url(../imagenes/contacto.jpg);
}
/*Diferentes fondos izquierdos*/
#contenidoff1
{
	width: 760px;
	min-height: 500px;
	height: auto;
	/*_height: 500px;*/
	float: left;
	background-color: #ffffff;
	background-image: url(../imagenes/contacto.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#contenidoff2
{
	width: 760px;
	min-height: 500px;
	height: auto;
	/*_height: 500px;*/
	float: left;
	background-color: #ffffff;
	background-image: url(../imagenes/trabajos_realizados_fondo3.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	
}
#contenidoff3
{
	width: 760px;
	min-height: 550px;
	height: auto;
	/*_height: 500px;*/
	float: left;
	background-color: #ffffff;
	background-image: url(../imagenes/trabajos_realizados_fondo.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#contenidoff9
{
	width: 760px;
	min-height: 550px;
	height: auto;
	/*_height: 500px;*/
	float: left;
	background-color: #ffffff;
	background-image: url(../imagenes/trabajos_relizados_2_grande.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#contenidoff4
{
	width: 760px;
	min-height: 500px;
	height: auto;
	/*_height: 500px;*/
	float: left;
	background-color: #ffffff;
	background-image: url(../imagenes/quienes_grande.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#contenidoff5
{
	width: 760px;
	min-height: 550px;
	height: auto;
	/*_height: 500px;*/
	float: left;
	background-color: #ffffff;
	background-image: url(../imagenes/aula.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#contenidoff6
{
	width: 760px;
	min-height: 550px;
	height: auto;
	/*_height: 500px;*/
	float: left;
	background-color: #ffffff;
	background-image: url(../imagenes/quienes.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#contenidoff7
{
	width: 760px;
	min-height: 550px;
	height: auto;
	/*_height: 500px;*/
	float: left;
	background-color: #ffffff;
	background-image: url(../imagenes/enlaces_fondo.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#contenidoff8
{
	width: 760px;
	min-height: 500px;
	height: auto;
	/*_height: 500px;*/
	float: left;
	background-color: #ffffff;
	background-image: url(../imagenes/quienes_somos_grande.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#contenidoff10
{
	width: 760px;
	min-height: 550px;
	height: auto;
	/*_height: 500px;*/
	float: left;
	background-color: #ffffff;
	background-image: url(../imagenes/trabajos_realizados_fondo3.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#contenidoff11
{
	width: 760px;
	min-height: 500px;
	height: auto;
	/*_height: 500px;*/
	float: left;
	background-color: #ffffff;
	background-image: url(../imagenes/quienes_somos.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
/*Fin fondos*/
#cuerpo
{
	width: 760px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color: #e2e2e2;
	background-image:url(../imagenes/fondo_pie.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#derechos
{
	width: 438px;
	height: auto;
	background-color: #ffffff;
	margin: 5px auto 5px auto;
	padding: 10px 0px 10px 0px;
	text-align: justify;
	background-color: #e6e6e6;
}
#programas
{
	width: 438px;
	height: auto;
	background-color: #ffffff;
	margin: 5px auto 5px auto;
	padding: 10px 0px 10px 0px;
	/*text-align: justify;*/
	background-color: #e6e6e6;
}
#derechos span
{
	font-weight: bold;
	font-size: 11px;
	color: #ff6700;
}
#derechos h1, #programas h1
{
	background-image: url(../imagenes/puntitos_gris.gif);
	background-repeat: no-repeat;
	color: #ff6700;
	background-position: 0px 3px;
	padding: 0px 0px 0px 12px;
	font-size: 110%;
}
#derechos h3, #programas h3
{
	color: #ff6700;
	font-size: 12px;
	margin: 20px 0px 0px 10px;
}
#derechos h5, #programas h5
{
	color: #ff6700;
	margin: 20px 0px 0px 10px;
}
#derechos h5 a, #programas h5 a
{
	text-decoration: underline;
	color: #ff6700;
}
#derechos h5 a:hover, #programas h5 a:hover
{
	color: #000000;
}
#derechos h3 a, #programas h3 a
{
	color: #ff6700;
}
#derechos h3 a:hover, #programas h3 a:hover
{
	color: #000000;
}
#programas p.largo
{
	width: 350px;
	height: auto;
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 5px;
	text-align: justify;
	color: #000000;
}
#programas ul a
{
	color: #ff6700;
}
#programas ul a:hover
{
	color: #000;
}
#programas ul li
{
	margin: 7px 0px;
}
#programas span
{
	color: #ff6600;
	margin: 10px 0px 10px 0px;
}
#derechos p
{
	text-align: justify;
	width: 420px;
	margin: 7px auto 7px auto;
}
#derechos p.download
{
	padding: 7px 0px 7px 0px;
	border-top: 2px solid #ff6600;
}
#derechos p a
{
	color: #ff6700;
}
#derechos p a.download
{
	line-height: 17px;
	padding: 0px 0px 0px 20px;
	background-image: url('../imagenes/boletin_descarga.gif');
	background-repeat: no-repeat;
	background-position: top left;
	float:right;
}
#derechos p a:hover
{
	color: #000000;
}
#direcc
{
	float: left;
	width: 200px;
	height: auto;
}
#enlaces
{
	width: 438px;
	height: auto;
	background-color: #e6e6e6;
	margin: 5px auto 5px auto;
	padding: 10px 0px 0px 0px;
}
#enlaces h1
{
	margin: 8px 0px 0px 21px;
	padding: 0px;
	text-decoration: underline;
	color: #ff6600;
	font-size: 110%;
}
#enlaces ul
{
	width: 420px;
	height: auto;
	margin: 6px 0px 0px 10px;
	padding: 0px 0px 6px 0px;
	list-style-type: none;
}
#enlaces ul li
{
	margin: 5px 0px 0px 0px;
}
#enlaces ul li a
{
	text-decoration: none;
	color: #ff6600;
	background-image: url(../imagenes/puntitos_gris.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 0px 14px;
}
#enlaces ul li a:hover
{
	color: #51025d;
}
#home
{
	width: 748px;
	height: 568px;
	background-color: #ffffff;
	margin: 50px auto 0px auto;
	background-image: url(../imagenes/home_fondo_sol.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#homecabecera
{
	float: left;
}
#home form
{
	float: right;
	width: 250px;
	color: #ff6802;
	font-size: 12px;
	background-color: #fff;
	margin: 330px 7px 0px 0px;
	padding: 5px 0px;
	border: 1px solid #ff6802;
	opacity:.70;
	filter: alpha(opacity=70); 
	-moz-opacity: 0.7;
}
#home form h1
{
	float: left;
	width: auto;
	font-size: 100%;
	margin: 0px 0px 0px 90px;
	_margin: 0px 0px 0px 45px;
	padding: 0px;
}
#home form p
{
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#home form p label
{
	width: 90px;
	text-align: right;
	float: left;
	color: #ff6802;
	font-size: 11px;
	line-height: 20px;
}
#home form p input
{
	width: 118px;
	float: left;
}
#home form p input.bt
{
	width: 69px;
	float: left;
	margin: 0px 0px 0px 90px;
}
#home img
{
	float: left;
	margin: 5px 0px 0px 5px;
}
#home p
{
	width: 610px;
	float: left;
	margin: 24px 0px 10px 12px;
	text-align: justify;
	color: #6e2b74;
	font-size: 15px;
	font-weight: bold;
}
#home p span
{
	color: #ff6600;

}
#idiomas
{
	width: 108px;
	height: auto;
	list-style-type: none;
	margin: 75px 0px 0px 15px;
	padding: 0px;
	float: left;
}
#idiomas li
{
	width: 108px;
	float: left;
	margin: 5px 0px 0px 0px;
	background-image: url(../imagenes/idiomas_fondo.png);
	background-repeat: no-repeat;
}
#idiomas li a
{
	height: 27px;
	margin: 0px 0px 0px 3px;
	line-height: 27px;
	text-align: left;
	text-decoration: none;
	float: left;
	color: #430050;
}
#idiomas li a:hover
{
	color: #ff6600;
}
#idiomas li a.act
{
	color: #ff6600;
}
#homemenu
{
	width: 253px;
	height: 387px;
	margin: 40px 0px 0px 15px;
	padding: 0px;
	background-image: url(../imagenes/home_menu_fondo.gif);
	float: left;
}
#menuul
{
	width: 181px;
	height: auto;
	list-style-type: none;
	float: left;
	margin : 40px 0px 0px 50px;
	_margin : 40px 0px 0px 30px;
	padding: 0px;
}
#menuul li
{
	width : 181px;
	height: 20px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#menuul li img
{
	margin: 0px;
	padding: 0px;
}
#menuul li a
{
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	padding: 5px 0px 0px 5px;
	_padding: 0px 0px 0px 2px;
	margin: 0px;
	float: left;
	_font-size: 90%;
	color: #50005c;
}
#menuul li a:hover
{
	color: #ff6802;
}
#localizacion
{
	width: 438px;
	height: auto;
	margin: 5px auto 5px auto;
	padding: 5px auto 10px auto;
	background-color: #ffffff;
	/*_margin: 2px auto 2px auto;*/
	font-size: 10px;
}
#localizacion h1
{
	background-image: url(../imagenes/puntitos_gris.gif);
	background-repeat: no-repeat;
	color: #ff6700;
	background-position: 0px 3px;
	padding: 0px 0px 0px 12px;
	font-size: 110%;
}
#localizacion ul
{
	float: left;
	margin: 25px 10px 0px 15px;
	padding: 0px;
	display: inline;
}
#localizacion li
{
	display: inline;
	height: 16px;
	line-height: 16px;
	float:left;
	list-style-type: none;
	background-image: url(../imagenes/bullet_black.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 10px 13px;
	margin: 0px 0px 0px 12px;
}
#localizacion  ul li a
{
	text-decoration: none;
	color:#000000;
	line-height: 16px;
	height: 16px;
}
#localizacion  ul li a:hover
{
	color:#ff6600;
}
#localizacion p
{
	width: 300px;
	height: auto;
	text-align: left;
	line-height: 16px;
	margin: 20px 0px 0px 15px;
	float: left;
}
#localizacion p.direccion
{
	width: 350px;
	/*background-color: #000000;*/
	text-align: left;
	color:#545454;
}
#localizacion p.direccion a
{
	color:#ff6600;
}
#localizacion p.direccion a:hover
{
	color:#000000;
}
#localizacion form
{
	margin: 30px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}
#localizacion form label
{
	width: 400px;
	float: left;
	margin: 5px 0px 0px 0px;
}
#localizacion form input
{
	float: left;
}
#localizacion #error
{
	width: 400px;
	text-align: left;
	margin: 15px 10px 15px 10px;
	padding: 0px 0px 0px 0px;
}
#localizacion #error h6
{
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #430050;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#localizacion #error p
{
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff6600;
	width: 400px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
#login form, #login #error
{
	width: 350px;
	min-height: 150px;
	margin: 10px auto;
	padding: 6px 6px;
	border: 4px solid #FC6;
	background-color: #FFC;
}
#login form.amigo
{
	min-height: 310px;
}
#login #error h4
{
	height: 18px;
	line-height: 18px;
	font-size: 110%;
	background-image: url('../imagenes/error_icon.gif');
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0px 0px 0px 25px;
	margin: 0px;
}
#login form div
{
	width: 320;
	float: left;
	margin: 3px auto;
	background-color: transparent;
}
#login form div label
{
	cursor: pointer;
	width: 165px;
	height: 23px;
	padding: 0px 4px;
	margin: 4px 0px;
	font-size: 110%;
	background-color: #fff;
	line-height: 23px;
	float: left;
}
#login form div input
{
	width: 165px;
	height: 18px;
	float: left;
	font-size: 110%;
	_font-size: 120%;
	margin: 4px 0px;
}
#login form div span
{
	width: 320px;
	float: left;
	font-size: 110%;
	_font-size: 120%;
	margin: 4px 0px;
}
#login form input.boton
{
	width: 100px;
	_height: auto;
	border: none;
	margin: 10px 5px;
	line-height: 18px;
}
#login p
{
	margin: 8px 5px;
}
#map
{
	width: 437px;
	height: 347px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
#miniaturas
{
	width: 210px;
	height: auto;
	float: right;
	margin: 25px 0px 25px 0px;
	padding: 0px;
}
#miniaturas a img
{
	border: none;
}
/*pies*/
#pie
{
	width: 450px;
	height: 32px;
	float: right;
	/*background-image:url(../imagenes/fondo_pie.jpg);
	background-repeat: no-repeat;*/
	margin: 20px 5px 0px 0px;
	_margin: 10px 2px 0px 0px;
}

#quienes, #login
{
	width: 438px;
	height: auto;
	background-color: #e6e6e6;
	margin: 5px auto 5px auto;
	/*_margin: 2px auto 2px auto;*/
	padding: 10px 0px 10px 0px;
}
#quienes h1, #login h1
{
	background-image: url(../imagenes/puntitos_gris.gif);
	background-repeat: no-repeat;
	color: #ff6700;
	background-position: 0px 3px;
	padding: 0px 0px 0px 12px;
	font-size: 110%;
}
#quienes a, #login a
{
	text-decoration: none;
	color: #ff6600;
	background-image: url(../imagenes/puntitos_gris.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 0px 10px;
}
#quienes span
{
	color: #ff6600;
}
#quienes p, #login p
{
	width: 420px;
	margin: 10px auto 10px auto;
	text-align: justify;
	border-bottom: 1px dotted #ff6600;
	padding: 0px 0px 10px 0px;
}
#quienes img
{
	padding: 0px 0px 0px 20px;
}
#recorrido
{
	width: 300px;
	height: auto;
	text-align: left;
	line-height: 16px;
	margin: 20px 0px 0px 15px;
	float: left;
}
#trabajos
{
	width: 438px;
	height: auto;
	background-color: #e6e6e6;
	margin: 5px auto 5px auto;
	padding: 10px 0px 10px 0px;
}
#trabajos span
{
	color: #ff6700;
}
#trabajos h1
{
	background-image: url(../imagenes/puntitos_gris.gif);
	background-repeat: no-repeat;
	color: #ff6700;
	background-position: 0px 3px;
	padding: 0px 0px 0px 12px;
	font-size: 110%;
}
#trabajos p
{
	text-align: justify;
	width: 420px;
	margin: 7px auto 7px auto;
}
#trabajos p a
{
	color: #ff6700;
}
#trabajos p a:hover
{
	color: #000000;
}
ul.trabajos
{
	list-style-type: none;
	width: 290px;
	height: auto;
	margin: 5px auto 0px auto;
	padding: 0px 0px 30px 0px;
	float: right;
}
ul.trabajos li
{
	width: 280px;
	height: auto;
	padding: 5px 10px 0px 0px;
	margin: 5px 0px 5px 0px;
	color: #50005c;
	font-size: 100%;
	font-weight: bold;
	float: right;
	text-align: right;
	background-color: #e2e2e2;
}
ul.trabajos li span
{
	width: 290px;
	float: left;
	color: 50005;
	font-size: 80%;
	font-style: italic;
	margin: 0px 0px 5px 0px;
}
ul.trabajos li a
{
	width: 280px;
	float: left;
	color: #ff7011;
	font-size: 90%;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 0px 0px;
}
ul.trabajos li a:hover
{
	color: #000000;
}
/*CLASES orden alfabetico*/
.actividades
{
	width: 424px;
	height: auto;
	margin: 5px 0px 0px 12px;
	_margin: 5px 0px 0px 6px;
	background-image: url(../imagenes/lineas.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #e6e6e6;
	float: left;
}
.actividades h1
{
	width: 288px;
	height: auto;
	float: right;
	margin: 26px 0px 0px 0px;
	padding: 0px;
	font-size: 110%;
	color:#ff6600;
}
.actividades h2
{
	width: 288px;
	height: auto;
	float: right;
	margin: 3px 0px 0px 0px;
	font-size: 90%;
	color: #383838;
}
.actividades img
{
	width:112px;
	margin: 26px 0px 0px 0px;
	border: 5px solid #50005c;
	float: left;
}
.actividades p.prox
{
	width: 414px;
	height: auto;
	font-size: 100%;
	color: #383838;
	float: left;
	margin: 3px 5px 0px 5px;
	padding: 0px 5px 0px 0px;
	text-align: justify;
}
.actividades p
{
	width: 280px;
	height: auto;
	font-size: 100%;
	color: #383838;
	float: left;
	margin: 3px 5px 0px 5px;
	padding: 0px 5px 0px 0px;
	text-align: justify;
}
.actividades p.cl
{
	color: #50005c;
}
.actividades ul
{
	width: 424px;
	height: auto;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	border-top: 1px dotted #c6c6c6;
}
.actividades ul li
{
	height: 16px;
	float: right;
	margin: 3px 5px 0px 0px;
	
}
.actividades ul li a
{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	height: 16px;
	line-height: 16px;
	text-decoration: none;
	color: #808080;
}
.actividades ul li a:hover
{
	color: #50005c;
}
.actividades ul li a.imp
{
	background-image: url(../imagenes/menu_imprimir.gif);
	background-repeat: no-repeat;
}
.actividades ul li a.env
{
	background-image: url(../imagenes/menu_enviar.gif);
	background-repeat: no-repeat;
}
.actividades ul li a.ver
{
	background-image: url(../imagenes/menu_ver.gif);
	background-repeat: no-repeat;
}
.alargador
{
	float: left;
	width: 293px;
	height: 292px;
	margin: 0px;
	padding: 0px;
}
.botones
{
	width: 74px;
	height: 24px;
	background-image: url('../imagenes/boton.gif');
	background-color: #e6e6e6;
	border: none;
	font-family: "Tahoma";
	font-size: 12px;
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
.imagenes
{
	border-top : 4px solid #FA6434;
	border-bottom : 4px solid #FA6434;
	margin: 20px 0px 0px 0px;
}
.naranja
{
	color:#ff6600;
}
.morao
{
	color: #50005c;
}
.morao2
{
	color: #430050;
	text-decoration: none;
	padding: 0px 0px 0px 260px;
	/*color: #ff7011;*/	
}
.morao3
{
	color: #430050;
	text-decoration: none;
	padding: 0px 0px 0px 220px;
	/*color: #ff7011;*/	
}