/* CSS Document */
@import url("../css/encabezado.css"); 
@import url("../css/submenues.css");
@import url("../css/rutas.css");

html {
text-align:center;
margin:0;
}
input, select {
	font-size: 11px;
	color: #333;
}

/* abre el contenido */
#contenido {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-top:#333 solid 1px;
}
#contenido a {
	color: #2D3D95;
	text-decoration: underline;
}
#contenido a:hover {
	color: #690;
	text-decoration: none;
}

.masinfo{
	text-align:right;
	font-size:9px;
	color: #FF6600;
}
.masinfo:hover{
	color: #003366;
	text-decoration: none;
}


/* para pantalla completa */
h2 {
	font-size:14px;
	font-weight:bold;
	color:#003366;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
h3 {
	font-size:12px;
	font-weight:bold;
}
.atencion {
	font-weight: bold;
	color: #C00;
}
#plantilla1 {
	padding: 0px;
	float: left;
	width: 270px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#plantilla3 {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
}
fieldset {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #039;
}
h4 {
	font-size:11px;
	font-weight:bold;
}
#scrollimagen {
	width :314px;
	height:500px;
	overflow:auto;
	float: left;
	margin: 0px;
}
#fotogrande {
	text-align: center;
	float: right;
	width: 610px;
	padding: 0px;
	margin: 0px;
}
.cajassinbordes {
	margin: 0px;
	padding: 1px;
	border: 1px solid #FFF;
	text-align: center;
}
.thumbs {
	float: left;
	padding:0px;
	height: 80px;
	width: 80px;
	margin-right: 6px;
	margin-bottom: 6px;
	border: 1px solid #666;
}
#banner_up{
	position:absolute;
	z-index:1;
	text-align: right;
	left: 50%;
	top: 316px;
	width: 400px;
	margin-left: 80px;
	color: #FFF;
	font-size: 12px;
}
#banner_up1{
	position:absolute;
	z-index:1;
	text-align: right;
	left: 50%;
	top: 180px;
	width: 340px;
	margin-left: 140px;
	color: #000;
	font-size: 12px;
	background-color: #FFF;
	filter: Alpha(Opacity=0.8);
	opacity: 0.8;
	-moz-opacity: 0.8;
}

/* código creado por Silvana Feb 2011 */

/**************HOME DE LAS NOTICIAS & EVENTOS**/

#container  #modulo02 #notiContenedor{
	float:left;
	width:290px;
	margin:0px;
	padding:0px;

}
#container  #modulo02 #eventoContenedor{
	float:right;
	width:290px;
	margin:0px;
	padding:0px;

}
#container  #modulo02 .notePrin{
	width:265px;
	margin:5px 10px 5px 5px;
	padding:5px;
	background:#2D3153;
	-moz-box-shadow:1px 1px 2px #CCCCCC;
    -webkit-box-shadow:1px 1px 2px #CCCCCC;
    box-shadow:1px 1px 2px #CCCCCC;
	-moz-box-shadow:1px 1px 2px #CCCCCC;
    -webkit-box-shadow:1px 1px 2px #CCCCCC;
    box-shadow:1px 1px 2px #CCCCCC;
	-moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
	*background: #000000; /* IE6 e IE7 */
	*clear:all; /* IE6 e IE7 */
}

#container  #modulo02 .notePrin h3{
	clear:both;
}
#container #modulo02 .notePrin .line{
	width:265px;
	border-top:1px #666666 solid;
	margin:5px 0px;
}
#container #modulo02 .notePrin a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}
#container #modulo02 .notePrin a:hover{
	color:#FFF;
}
#container #modulo02 .notePrin .header{
	float:left;
	width:265px;
	padding:0px 0px 4px 0px;
	margin:0px 0px 5px 0px;
	border-bottom: #999999 1px solid;
	color:#CCFFFF;
	font-size:13px;
}
#container #modulo02 .notePrin .header a{
	color:#CCFFFF;
	font-size:13px;
}
#container #modulo02 .notePrin p{
	font-size:10px;
	color:#CCCCCC;
}
#container #modulo02 .notePrin img{
	float:left;
	width:265px;
	background:#003333;
	margin-bottom:10px;
}
#container #modulo02 .notePrin form{
	float:left;
	border:none;
	border-top:1px solid #666666;
	width:265px;
	margin-top:5px;
	padding:5px 0px;
}
#container #modulo02 .notePrin label{
	border:none;
}
#container #modulo02 .notePrin .buscador{
	float:left;
	background:#CCCCCC;
	width:245px;
	height:13px;
	padding:1px;
	border:none;
	margin:0px 5px 0px 0px;
	background:#666666;
	font-size:10px;
	color:#FFFFFF;
}
#container #modulo02 .notePrin .btnBuscador{
	border:none;
	width:10px;
	background:#CC0000;
	height:auto;
	margin:0px;
	color:#FFFFFF;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	font-weight:normal;
	cursor:pointer;
}
#container #modulo02 .notePrin .btnBuscador:hover{
	background:#FF0000;
}

#container #modulo02 .notePrin ul{
/*	float:left;*/
	height:60px;
	min-height:30px;
	width:265px;
	padding:0px;
	margin:10px 0px 0px 0px;
}

#container #modulo02 .notePrin ul li{
	float:left;
	width:250px;
	padding:0px;
	margin:0px 0px 2px 15px;
	cursor:pointer;
	list-style:none;
	min-height:30px;
	height:20px;
}

#container #modulo02 .notePrin ul li a{
	font-weight:normal;
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
#container #modulo02 .notePrin ul li a:hover{
	color:#CCCCCC;
}
#container #modulo02 .notePrin ul li.header{
	float:left;
	width:235px;
	padding:0px 0px 4px 0px;
	margin:0px 0px 5px 0px;
	border-bottom: #999999 1px solid;
	color:#CCFFFF;
	font-size:12px;
}
#container #modulo02 .notePrin ul li.titular{
	margin-left:0px;
}
#container #modulo02 .notePrin ul li.titular:hover{
	color:#FF3300;
}
#container #modulo02 .notePrin ul li.redes{
	float:left;
	width:130px;
	padding:0px;
	margin:0px;
	list-style:none;
	background:#F2F2F2;
}
#container #modulo02 .notePrin ul li.redes p{
	font-size:10px;
	color:#666666;
	margin:0px;
	padding:0px;
}
#container #modulo02 .notePrin ul li.redes img{
	height:26px;
	width:26px;
	margin:2px 5px;
}


/******************NOTE MAS IMPROTANE DE LA PAGINA*/
#container #modulo02 .note01{
	float:left;
	width:685px;
	margin:5px 5px 0px 5px;
	padding:5px;
	height:90px;
	background:-moz-linear-gradient(50% 100% 90deg, #E9E9E9, #FFFFFF 50%);
	-moz-box-shadow:1px 1px 2px #666666;
    -webkit-box-shadow:1px 1px 2px #666666;
    box-shadow:1px 1px 2px #666666;
	-moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
	*background: #ffffff; /* IE6 e IE7 */
}
#container #modulo02 .note01 h2 a{
	font-size: 12px;
	color:#CC0000;
	font-weight:bold;
	margin:2px 0px;

}
#container #modulo02 .note01 .fecha{
	float:right;
	width:auto;
}
#container #modulo02 .note01 img{
	float:left;
	width:120px;
	background:#009933;
/*	height:85px;*/
	margin-right:10px;
	border:#666666 1px solid;
}

/* definición de encabezados, textos, listas y links*/
#container #modulo02 h1{
	font-size:14px;
	letter-spacing:1px;
	color:#CC0000;
}
#container #modulo02 h2{
	font-size: 12px;
	color:#CC0000;
	width: -10px;
	margin:2px 0px;
}
#container #modulo02 h3{
	font-size:11px;
	color:#333333;
	margin:2px 0px;
	font-weight:bold;
}

#container #modulo02 p{
	color:#666666;
	font-weight:normal;
	margin:2px 0px;
}
#container #modulo02 .blackBG{
	color:#EEEEEE;
}
#container #modulo02 .blackBG a{
	color:#EEEEEE;
	font-size:12px;
	font-weight:bold;
}
#container #modulo02 a{
	font-size:11px;
	color:#43749C;
	font-weight:normal;
	cursor:pointer;
	text-decoration:none;
	margin-right:3px;
}
#container #modulo02 a:hover{
	color:#006;
}
#container #modulo02 .linkBajo{
	text-align:center;
}

#container #modulo02 ol.mapa {
	width:900px;
	padding:0px 10px;
	float:left;
	margin:2px 0px 2px 80px;
}
#container #modulo02 ol.mapa li {
	float:left;
	width:auto;
	margin:0px 5px;
	font-size:9px;
	color:#CC0000;
	font-weight:normal;
	list-style:none;
}
#container #modulo02 ol.mapa li a {
	font-size:10px;
	color:#666666;
}

/* propiedades para el pie de cada página: */
#container #modulo02 #abajo{
	float:left;
	width:1000px;
	text-align:center;
	margin:5px 1px 5px 1px;
}
#container #modulo02 #abajo a{
	font-size:11px;
	color:#CC0000;
	font-weight:normal;
	cursor:pointer;
	text-decoration:none;
	margin-right:3px;
}
#container #modulo02 #abajo a:hover{
	color:#006;
}

/* para los títulos */
#container #modulo02 #top{
	float:left;
	width:980px;
	padding:2px 10px 2px 10px;
	margin:0px 0px 5px 0px;
	background:#E5E5E5;
	text-align:center;
	background:#FFFFFF;
}
#container #modulo02 #top h1{
	font-size:11px;
	color:#666666;
}

#container #modulo02 #topNoti{
	float:left;
	width:690px;
	padding:2px 10px 2px 300px;
	margin:0px 0px 5px 0px;
	background:#E5E5E5;
	background:#FFFFFF;
}
#container #modulo02 #topNoti h1{
	font-size:11px;
	color:#666666;
}
/*TOP PARA LA SECCIÇON DE EVENTOS */
#container #modulo02 #topEventos{
	float:left;
	width:690px;
	padding:2px 300px 2px 10px;
	margin:0px 0px 5px 0px;
	background:#E5E5E5;
	text-align:right;
	background:#FFFFFF;
}
#container #modulo02 #topEventos h1{
	font-size:11px;
	color:#666666;
}

/*LAS PAGINAS INTERNAS DE EVENTOS Y NOTICIAS*/


#modulo02 .noteIntern{
	float:left;
	width:482px;
	height:95px;
	overflow:hidden;
	margin:5px 0px 0px 5px;
	padding:5px;
	background:-moz-linear-gradient(50% 100% 90deg, #E9E9E9, #FFFFFF 50%);
	-moz-box-shadow:1px 1px 2px #CCCCCC;
    -webkit-box-shadow:1px 1px 2px #CCCCCC;
    box-shadow:1px 1px 2px #CCCCCC;
	-moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
}
#modulo02 .noteIntern .fecha{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
#modulo02 .noteIntern img{
	float:left;
	width:120px;
	margin:5px 10px 5px 0px;
	overflow:hidden;
}
#modulo02 .noteIntern01{
	float:left;
	width:482px;
	margin:5px 0px 0px 5px;
	padding:5px;
	height:95px;
	background:-moz-linear-gradient(50% 100% 90deg, #E9E9E9, #FFFFFF 50%);
	-moz-box-shadow:1px 1px 2px #666666;
    -webkit-box-shadow:1px 1px 2px #666666;
    box-shadow:1px 1px 2px #666666;
	-moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
	overflow:hidden;
}
#container #modulo02 .noteIntern01 h2 a{
	font-size: 12px;
	color:#CC0000;
	font-weight:bold;
}
#modulo02 .noteIntern01 .fecha{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
#modulo02 .noteIntern01 img{
	float:left;
	width:120px;
/*	height:85px;*/
	margin:5px 10px 5px 0px;
}
#modulo02 #redes{
	float:left;
	width:240px;
	height:auto;
	margin:0px 0px 10px 20px;
	padding:1px 0px;
	-moz-border-radius-topleft:0px;
    -moz-border-radius-topright:3px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:3px;
    border-top-left-radius:0px;
    border-top-right-radius:3px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:3px;
	background:-moz-linear-gradient(10% 100% 90deg, #F2F3FF, #FFFFFF 70%);
	-moz-box-shadow:1px 1px 2px #CCCCCC;
    -webkit-box-shadow:1px 1px 2px #CCCCCC;
    box-shadow:1px 1px 2px #CCCCCC;
	cursor:pointer;
}
#modulo02 #redes:hover{
	background:-moz-linear-gradient(10% 100% 90deg, #E1E8FF, #FFFFFF 70%);
}
#modulo02# redes img{
	float:left;
	border:none;
}

/*notas pequeñas*/

#container #modulo02 .note{
	float:left;
	width:685px;
	margin:5px 5px 0px 5px;
	padding:5px;
	height:85px;
	background:-moz-linear-gradient(50% 100% 90deg, #E9E9E9, #FFFFFF 50%);
	-moz-box-shadow:1px 1px 2px #CCCCCC;
    -webkit-box-shadow:1px 1px 2px #CCCCCC;
    box-shadow:1px 1px 2px #CCCCCC;
	-moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
	*background: #ffffff; /* IE6 e IE7 */

}

#container #modulo02 .note .fecha{
	float:right;
	width:auto;
}
#container #modulo02 .note img{
	float:left;
	width:120px;
	background:#009933;
	height:85px;
	margin-right:10px;
}
/*BASEEEEE PARA LAS PAGINAS ESPECIFICAS */
#container #modulo02 #base{
	width:850px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	padding:5px 10px;
	background:#FFFFFF;
	text-align:justify;
	-moz-box-shadow:1px 1px 2px #CCCCCC;
    -webkit-box-shadow:1px 1px 2px #CCCCCC;
    box-shadow:1px 1px 2px #CCCCCC;
}

#container #modulo02 #base img{
	float:left;
	margin:0px 10px 5px 0px;
}
#container #modulo02 #base h2, #modulo02 #base h2 a{
	font-weight:bold;
	font-size:16px;
	text-align:center;
	margin:5px 0px 10px 0px;
	color:#CC0000;
	border-bottom:#CC0000 1px solid;
	padding-bottom:5px;
}
#container #modulo02 #base h3, #modulo02 #base h3 a{
	font-weight:bold;
	font-size:12px;
	color:#000000;
	margin:5px 0px 10px 0px;
}
#container #modulo02 #base h4{
	font-weight:bold;
	font-size:11px;
	margin:5px 0px 10px 0px;
	color:#666666;
}
#container #modulo02 #base p{
	margin:10px 0px;
}


/*GALERIA////////////*/
#container #modulo02 #base .caja {
	float:left;
	padding:0px;
	margin:0px;
	margin-right:0px;
	width: 290px;
	height:650px;
}
#container #modulo02 #base .caja .menu{
	padding:0px;
	margin:0px;
	margin-right:0px;
	width: 290px;
	height:550px;
	overflow:auto;
}
#container #modulo02 #base .caja .menu img{
	float:left;
	margin:0px;
	width:auto;
}
#container #modulo02 #base .grande{
	float:left;
	margin:0px;
	padding:0px;
	max-width:550px;
	overflow:visible;
}
/*//////////////INSCRIPCION///////////////////////////////////////////////*/
#container #modulo02 #base form.inscripcion {
	float:left;
	width:320px;
	margin:0px;
	padding:4px 10px;
	border:1px solid #666666;
	margin-bottom:5px;
}
#container #modulo02 #base form.inscripcion p {
	margin:2px 0px;
}
#container #modulo02 #base form.inscripcion h4 {
	margin:3px 0px;
}

#container #modulo02 #base form.inscripcion input.cajaForm{
	height:16px;
	width:150px;
	border:1px #000066 solid;
	padding:1px 5px;
	margin:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	font-weight:normal;
	cursor:pointer;
}

#container #modulo02 #base form.inscripcion input.envio{
	width:60px;
	height:18px;
	background:#CCCCCC;
	padding:1px 5px;
	margin:5px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	font-weight:bold;
	cursor:pointer;
}
#container #modulo02 #base form.inscripcion input.envio:hover{
	background:#999999;
	color:#000000;
}

#container #modulo02 #base form {
	float:left;
	margin:0px;
	padding:4px;
	color:#333333;
	font-size:10px;
	font-weight:normal;
}

#container #modulo02 #base form fieldset{
	margin:0px;
	padding:0px;
	width:790px;
	border:#CCCCCC 1px solid;
	padding:5px;
	max-width:790px;
	margin:0px 0px 5px 0px;
}
#container #modulo02 #base form fieldset table{
	margin:0px;
	padding:0px;
	width:775px;
	max-width:775px;
}
#container #modulo02 #base form input.envio{
	background:#CCCCCC;
	padding:2px 5px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	font-weight:normal;
	cursor:pointer;
}
#container #modulo02 #base form input.envio:hover{
	background:#999999;
	color:#000000;
}


/* sub eventos */
#modulo02 #base #cursos {
	width:100%;
	padding:0px;
	margin:10px 0px 0px 0px;
	-moz-box-shadow:1px 1px 2px #CCCCCC;
    -webkit-box-shadow:1px 1px 2px #CCCCCC;
    box-shadow:1px 1px 2px #CCCCCC;

}
#modulo02 #base #cursos h2 {
	text-align:left;
	padding:5px 10px;
	margin:5px 0px;
	background:#FFFFFF;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	background:#CCCCCC;
}
#modulo02 #base #cursos h3, #modulo02 #base #cursos p{
	margin:0px 10px 4px 20px;
}
.ciclos {
	width:240px;
	float:left;
	border:#999999 1px solid;
	margin: 10px;
	padding: 10px;
	color: #333;
}