@charset "utf-8";
/* CSS Document */

/* reset 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
* { margin:0; padding:0; font-family:"Segoe Ui", Helvetica, Arial, sans-serif !important; }
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section, button {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:"Segoe UI","Lucida Grande",Calibri,Helvetica,Arial,sans-serif !important;/*vertical-align:baseline;*/}
body {line-height:1.5;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a{  }
a:link, a:visited { color:#04408c }
a:active { color:red}
a img {border:none;}
.txtSmall { font-size:10px; !important; text-align:right}
#texto_peque_italica { font-size:10px; font-style:italic;}
#texto_peque { font-size:10px;}
#texto_rojo { color:#942d18; font-weight:bold; font-size:10px;}
#texto_azul { color:#04408c;  }
#texto_gris { color:#898888; font-weight:bold}
textarea { font-size:12px;}
.limpiar { clear:both;}
.limpiar_izq { clear:left;}
 
/* typography  
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
body, th, p {background:transparent;font-family:"Segoe UI","Lucida Grande",Calibri,Helvetica,Arial,sans-serif;font-size: 12px; background-color:#fafafa;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;margin-top:0}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em; font-family:"Segoe UI","Lucida Grande",Calibri,Helvetica,Arial,sans-serif;}
h2 {font-size:2em;margin-bottom:0.75em; font-family:"Segoe UI","Lucida Grande",Calibri,Helvetica,Arial,sans-serif;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em; font-family:"Segoe UI","Lucida Grande",Calibri,Helvetica,Arial,sans-serif;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em; font-family:"Segoe UI","Lucida Grande",Calibri,Helvetica,Arial,sans-serif;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em; font-family:"Segoe UI","Lucida Grande",Calibri,Helvetica,Arial,sans-serif;}
h6 {font-size:1em;font-weight:bold; font-family:"Segoe UI","Lucida Grande",Calibri,Helvetica,Arial,sans-serif;}

/* Para el header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#header {  height:76px;  background-image:url(../img/fondoheader.png); background-repeat:repeat-x; color:#e3e9ed;  }
#header_top { width:1500px;  margin:0 auto; }
#arealogin { padding-left:20px; padding-top:5px; height:70px; float: left; font-size:12px; font-weight:bold; width:50%;  }
#bienveAdmin { padding-left:20px; padding-top:20px; height:70px; float: left; font-size:20px; font-weight:bold;  }
#areaderecha { height:70px; float:right; width:40% }
#areaCulturest { padding-left:20px; font-size: 28px; font-weight:bold; }
#areaElsitio {   font-size:10px; font-weight:bold; }
#header_menu_contenedor { height:35px;background:#d7e8fc; }
#header_menu {  width:1500px; margin:0 auto;}

/* menu del header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#cssmenu{ height:35px; display:block; padding:0; margin: 0;  background:#d7e8fc; font-weight:bold; color:black; font-size:8px; float:left   } 
#cssmenu > ul {list-style:inside none; padding:0; margin:0; } 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative; font-size:10px} 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:8px 20px; font:bold 13px/100%; text-align:center; text-decoration:none; color:black} 
#cssmenu > ul > li:first-child > a{}  /* primer elemento del menu, Inicio */
#cssmenu > ul > li > a:after{ content:''; position:absolute;  top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:-1px; bottom:-1px;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #98c8ff; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#d7e8fc; border-color:#cccccc; top:-1px; z-index:999; } /* padding-bottom:9px; padding-top:9px; */
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#d7e8fc; border-color:#cccccc;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:34px; padding:0px 0; background:#d7e8fc;  z-index:999; border: 1px solid #cccccc } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt; color:black; text-decoration:none;  border-bottom: 1px solid #cccccc } 


#cssmenu > ul > li > ul > li a:hover{ background:#04408c;  color:white; padding:8px 20px; } 
#cssmenu{border-color:#cccccc; color:black;} 
#cssmenu > ul > li > a{border-right:1px solid #cccccc; color:black;} 
/* para quitar la linea de la derecha de cada opcion, se usa en la opcion Salir*/#cssmenu > ul > li#ultimo > a { color:black; border-right:1px solid #d7e8fc;} 
#cssmenu > ul > li > a:after{border-color:#cccccc;} 
#cssmenu > ul > li > a:hover{background:#d7e8fc;}

/* Login
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.login{ background:url(../img/login/bg.png) repeat-y; padding:0 0 0 29px; }
.login label{ padding:0 0 8px 0; font-weight:bold; }
.int_login{ background-color:#fbfbfb; border:1px solid #e5e5e5; width:276px; height:35px; font-size:18px; color:#868585; }
.login label{ display:block; color:#777; }

/* Para el body 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#agrupa_body { width:1500px;  margin:0 auto;  } /* */
#agrupa_body_alumno { width:860px; float:left; }

#area_titulo { width:auto; font-size:12px; color:#04408c; font-weight:bold; padding:10px 0 10px 20px; }
#area_titulo_alumno { height:auto; width: auto; font-size:16px; font-weight:bold; color:#4d4948; padding:10px 10px 10px 10px; }

/* Parte publica */
#agrupa_body_publico { width:70% ;margin:0 auto; margin-top:25px;min-height:300px; padding-top:25px;}
#area_titulo_actv_publica { height:auto; width: auto; font-size:18px; font-weight:bold; color:#4d4948; padding:10px 10px 10px 10px; }


#icono_titulo { vertical-align: middle; }
.caja_gris { color:#04408c; padding:5px; font-size:12px; background-color:#f0eded;  }

.area_trabajo { width:95%; border:#d7e8fc 1px solid; margin:0 auto; padding:10px; color:#4d4948; font-size:12px;  }
.area_trabajo .titulos { font-weight:bold; }

#msg_sobre_tabla { font-size:10px; color:#04408c; padding-bottom:10px;  }
.tabla_informacion {   border-collapse: collapse;  }
.tabla_informacion .tabla_interna { border-collapse:separate; }
.tabla_informacion .tabla_interna td { border:none; padding: 5px;  }
.tabla_informacion .tabla_interna td.remarca{ background-color:#fcfcfc; border:solid 1px #84a2c7; padding:5px; }
.tabla_informacion td { border:solid #716e6d thin; padding: 5px; }
.tabla_informacion .par { background-color:#fafafa; }
.tabla_informacion .impar { background-color:#e6ebf1; }
.tabla_informacion th { background-color:#e6e6e6; font-weight:bold; border:solid #716e6d thin; padding: 5px;  font-size:10px;}

/*  novedades */
#area_novedades { width:100%; background-color:#FFFFFF; border:#d7e8fc 1px solid; padding:3px; float:left; margin-bottom:10px;}
.area_novedad_1 { width:860px; height:146px; padding-bottom:5px; padding-top:5px; }
.area_browse_1 {width:860px; height:auto; padding-bottom:5px; padding-left:10px;  clear:both;  }
.area_novedad_2 { width:425px; height:354px;  float:left; }
.area_browse_2 {width:425px; height:auto; padding-bottom:5px; padding-top:5px; padding-left:10px; float:left; clear:both;}
.area_send { width:860px; height:auto; padding-top:60px; padding-bottom:10px; clear:both; }

/* bullets */
.bullet_azul { margin-left:50px; list-style:none; padding-top:5px; }
.bullet_azul  li { background-image:url(../img/palomita_azul.png); background-repeat:no-repeat; background-position:left top; padding:0 0 5px 25px; }
.bullet_flechaazul { margin-left:50px; list-style:none; padding-top:5px; }
.bullet_flechaazul  li { background-image:url(../img/flechabulletazul.png); background-repeat:no-repeat; background-position:left top; padding:0 0 3px 25px; }

#mensaje_error { color:#8d1d1d; font-weight:bold; }
#mensaje_aviso { color:#04408c; font-weight:bold; padding:50px; }

/* Para formulario de alta de usuario */
#area_instrucciones  { width:100%; background-color:#FFFFFF; border:#d7e8fc 1px solid; padding:10px; float:left; margin-bottom:10px;}
#area_1 { width:30%; height:190px; background-color:#FFFFFF; border:#d7e8fc 1px solid; padding:10px; float:left }
#area_2 { width:62%; height:auto; background-color:#FFFFFF; border:#d7e8fc 1px solid; padding:10px; float:left; margin-left:10px; }
#area_3 { width:95%; height:auto; background-color:#FFFFFF; border:#d7e8fc 1px solid; padding:10px; float:left; margin-top:10px; }
.tabla_formulario td.remarca{ background-color:#fcfcfc; border:solid 1px #84a2c7; padding:2px;}
.tabla_formulario td input { padding:5px;}
.tabla_formulario td textarea { padding:5px;}
.tabla_formulario th{ background-color:#FFFFFF;}
.tabla_formulario th a{color:#04408c; font-weight:bold; text-decoration:none;}
.tabla_formulario th a:hover{ text-decoration:underline; }
.formato_boton { background-image: url(../img/fondo_boton.png); background-repeat: repeat; display:block;
				padding: 0 8px 0 8px; height:27px; margin-bottom:5px; color:#414141;
				border-radius:5px;-moz-border-radius:5px 5px 0px 0px; font-weight:bold;
				-webkit-border-radius:5px 5px 0px 0px; border:1px solid #bcbcbc; line-height:27px; }
.formato_boton a { color:#0060af; text-decoration:none; }				
.formato_boton:hover { border-color: #999 #999 #888; }
.formato_boton a:focus, .formato_boton a:hover {color:#1c417c;text-decoration:underline;}
.formato_boton input { font-family:"Segoe UI","Lucida Grande",Calibri,Helvetica,Arial,sans-serif;}
.obligatorio { color:#FF0000;  font-weight:bold }

/* Para formulario de busqueda de usuario */
#formato_paginacion { padding-top:10px;  }
#formato_paginacion a, #formato_paginacion strong { background:#fafafa; padding:4px 7px; text-decoration:none; border: 1px solid #716e6d; color:#292929; font-size:10px; }
#formato_paginacion strong, #formato_paginacion a:hover { font-weight:normal; background:#e6e6e6; }

/* Para formulario de correo */
#area_correo  { width:auto; height:auto; background-color:#FFFFFF; border:#d7e8fc 1px solid; padding:10px; }

/* Para el footer 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#footer {  height:76px;  background-image:url(../img/fondoheader.png); background-repeat:repeat-x; color:#e3e9ed;  }
#footer_detalle { width:1000px;  margin:0 auto; padding-top:25px; }

/* Autosuggest
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.suggestionsBox {
    position: absolute;
    left: 30px;
	top:558px; left: 680px;
    margin: 10px 0px 0px 0px;
    width: 200px;
    background-color: #212427;
	border-radius:7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	behavior:url(border-radius.htc);
    border: 2px solid #000;
    color: #fff;
	z-index: 5;
}

.suggestionsBox2 {
    position: absolute;
    left: 5px;
	top:0px; 
    margin: 10px 0px 0px 0px;
    width: 500px;
    background-color: #d7e8fc;
	border-radius:7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	behavior:url(border-radius.htc);
    border: 2px solid #121e24;
    color: #121e24;
	z-index: 5;
}

.suggestionsBox3 {
    position: absolute;
    margin: 10px 0px 0px 0px;
    width: 80px;
    background-color: #212427;
	border-radius:7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	behavior:url(border-radius.htc);
    border: 2px solid #000;
    color: #fff; z-index:2;
}

.suggestionsBox4 {
    position: absolute;
    margin: 10px 0px 0px 0px;
    width: 200px;
    background-color: #212427;
	border-radius:7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	behavior:url(border-radius.htc);
    border: 2px solid #000;
    color: #fff; z-index:2;
}
 
.suggestionList {
    margin: 0px;
    padding: 0px;
}
 
.suggestionList li {
	list-style-type:none;
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}
 
.suggestionList li:hover {
    background-color: #659CD8;
}

#alert {width: 200px;
	background-color: #A0C7F1;
	border: #A0C7F1 solid 1px;
	clear: both;
	float: left;
}

/*---- area izquierda  para alumnos --------*/
#texto_azul { color:#246093; font-weight:bold; }
#titulo_culturest { font-size:13px; font-weight:bold; color: #246093; float: left; width:70px; padding: 10px 0 10px 30px;  }
#sidebar_izq { width:140px; float:left; background-color:#fafafa;  }
#menuppal { width:135px;  }
#menuppal ul li { width:135px; list-style: none; height:56px; }

#menuppal ul li a { font-size:12px; text-decoration:none; display:block;}
#menuppal ul li:hover{  background-color:#236093;  background-repeat:no-repeat; cursor:point;	text-decoration:none; } 

.alinea_texto { padding-top:20px; }
.alinea_texto_largo { padding-top:12px; }

#opc_1 a { height:56px; width:70px; background-image:url(../img/menuizq/espectaculos-grande.png); display:block; 
				background-repeat:no-repeat; background-position: left; vertical-align:middle; padding-left:50px; color:#4d4948; font-weight:bold;}
#opc_1_sel a { height:56px; width:85px; background-image:url(../img/menuizq/espectaculos-grandeclaro.png); display:block; 
					background-color:#236093; background-repeat:no-repeat; background-position:left; vertical-align:middle; 
					padding-left:50px; color:#e3e9ed; font-weight:bold;}				
#opc_1 a:hover, #opc_1_sel a:hover { color:#e3e9ed; background-color:#236093; background-image:url(../img/menuizq/espectaculos-grandeclaro.png); }

#opc_2 a { height:56px; width:70px; background-image:url(../img/menuizq/gposclubes-grande.png); display:block;
				background-repeat:no-repeat;  background-position:left center; vertical-align:middle; padding-left:50px; color:#4d4948;  font-weight:bold;}
#opc_2_sel a { height:56px; width:85px; background-image:url(../img/menuizq/gposclubes-grandeclaro.png); display:block; 
					background-color:#236093; background-repeat:no-repeat; background-position:left; vertical-align:middle; 
					padding-left:50px; color:#e3e9ed; font-weight:bold;}					
#opc_2 a:hover, #opc_2_sel a:hover { color:#e3e9ed; background-color:#236093; background-image:url(../img/menuizq/gposclubes-grandeclaro.png); }

#opc_3 a { height:56px; width:70px; background-image:url(../img/menuizq/talleres-grande.png); display:block;
				background-repeat:no-repeat;  background-position:left center; vertical-align:middle; padding-left:50px; color:#4d4948;  font-weight:bold;}
#opc_3_sel a { height:56px; width:85px; background-image:url(../img/menuizq/talleres-grandeclaro.png); display:block; 
					background-color:#236093; background-repeat:no-repeat; background-position:left; vertical-align:middle; 
					padding-left:50px; color:#e3e9ed; font-weight:bold;}					
#opc_3 a:hover, #opc_3_sel a:hover { color:#e3e9ed; background-color:#236093; background-image:url(../img/menuizq/talleres-grandeclaro.png); }

#opc_4 a { height:56px; width:70px; background-image:url(../img/menuizq/actosacademicos-grande.png); display:block;
				background-repeat:no-repeat;  background-position:left center; vertical-align:middle; padding-left:50px; color:#4d4948;  font-weight:bold;}
#opc_4_sel a { height:56px; width:85px; background-image:url(../img/menuizq/actosacademicos-grandeclaro.png); display:block; 
					background-color:#236093; background-repeat:no-repeat; background-position:left; vertical-align:middle; 
					padding-left:50px; color:#e3e9ed; font-weight:bold;}					
#opc_4 a:hover, #opc_4_sel a:hover { color:#e3e9ed; background-color:#236093; background-image:url(../img/menuizq/actosacademicos-grandeclaro.png); }

#opc_5 a { height:56px; width:70px; background-image:url(../img/menuizq/otrasactvs-grande.png); display:block;
				background-repeat:no-repeat;  background-position:left center; vertical-align:middle; padding-left:50px; color:#4d4948;  font-weight:bold;}
#opc_5_sel a { height:56px; width:85px; background-image:url(../img/menuizq/otrasactvs-grandeclaro.png); display:block; 
					background-color:#236093; background-repeat:no-repeat; background-position:left; vertical-align:middle; 
					padding-left:50px; color:#e3e9ed; font-weight:bold;}					
#opc_5 a:hover, #opc_5_sel a:hover { color:#e3e9ed; background-color:#236093; background-image:url(../img/menuizq/otrasactvs-grandeclaro.png); }
#opc_6 a { height:56px; width:60px; background-image:url(../img/menuizq/todasactvs-grande.png); display:block;
				background-repeat:no-repeat;  background-position:left center; vertical-align:middle; padding-left:50px; color:#4d4948;  font-weight:bold;}
#opc_6_sel a { height:56px; width:85px; background-image:url(../img/menuizq/todasactvs-grandeclaro.png); display:block; background-color:#236093;
				background-repeat:no-repeat; background-position:left; vertical-align:middle; padding-left:50px; color:#e3e9ed; font-weight:bold;}					
#opc_6 a:hover, #opc_6_sel a:hover { color:#e3e9ed; background-color:#236093; background-image:url(../img/menuizq/todasactvs-grandeclaro.png); }
					
#opc_7 a { height:56px; width:60px; background-image:url(../img/menuizq/acreditaciones-grande.png); display:block;
				background-repeat:no-repeat;  background-position:left center; vertical-align:middle; padding-left:50px; color:#4d4948;  font-weight:bold;}
#opc_7_sel a { height:56px; width:85px; background-image:url(../img/menuizq/acreditaciones-grandeclaro.png); display:block; background-color:#236093;
				background-repeat:no-repeat; background-position:left; vertical-align:middle; padding-left:50px; color:#e3e9ed; font-weight:bold;}					
#opc_7 a:hover, #opc_7_sel a:hover { color:#e3e9ed; background-color:#236093; background-image:url(../img/menuizq/acreditaciones-grandeclaro.png); }
					
#opc_8 a { height:56px; width:60px; background-image:url(../img/menuizq/links-grande.png); display:block;
				background-repeat:no-repeat;  background-position:left center; vertical-align:middle; padding-left:50px; color:#4d4948;  font-weight:bold;}
#opc_8_sel a { height:56px; width:85px; background-image:url(../img/menuizq/links-grandeclaro.png); display:block; background-color:#236093;
				background-repeat:no-repeat; background-position:left; vertical-align:middle; padding-left:50px; color:#e3e9ed; font-weight:bold;}					
#opc_8 a:hover, #opc_8_sel a:hover { color:#e3e9ed; background-color:#236093; background-image:url(../img/menuizq/links-grandeclaro.png); }
#opc_9 a { height:56px; width:60px; background-image:url(../img/menuizq/horn-grande.png); display:block;
				background-repeat:no-repeat;  background-position:left center; vertical-align:middle; padding-left:50px; color:#4d4948;  font-weight:bold;}
#opc_9_sel a { height:56px; width:85px; background-image:url(../img/menuizq/horn-grandeclaro.png); display:block; background-color:#236093;
				background-repeat:no-repeat; background-position:left; vertical-align:middle; padding-left:50px; color:#e3e9ed; font-weight:bold;}					
#opc_9 a:hover, #opc_9_sel a:hover { color:#e3e9ed; background-color:#236093; background-image:url(../img/menuizq/horn-grandeclaro.png); }
#opc_10 a { height:56px; width:60px; background-image:url(../img/menuizq/dudascoment-grande.png); display:block; line-height:1;
				background-repeat:no-repeat;  background-position:left center; vertical-align:middle; padding-left:50px; color:#4d4948;  font-weight:bold;}
#opc_10_sel a { height:56px; width:85px; background-image:url(../img/menuizq/dudascoment-grandeclaro.png); display:block; background-color:#236093;
				background-repeat:no-repeat; background-position:left; vertical-align:middle; padding-left:50px; color:#e3e9ed; font-weight:bold;}					
#opc_10 a:hover, #opc_10_sel a:hover { color:#e3e9ed; background-color:#236093; background-image:url(../img/menuizq/dudascoment-grandeclaro.png); }
#opc_11 a { height:56px; width:60px; background-image:url(../img/menuizq/mapa-grande.png); display:block; line-height:1;
				background-repeat:no-repeat;  background-position:left center; vertical-align:middle; padding-left:50px; color:#4d4948;  font-weight:bold;}
#opc_11_sel a { height:56px; width:85px; background-image:url(../img/menuizq/mapa-grandeclaro.png); display:block; background-color:#236093;
				background-repeat:no-repeat; background-position:left; vertical-align:middle; padding-left:50px; color:#e3e9ed; font-weight:bold;}					
#opc_11 a:hover, #opc_11_sel a:hover { color:#e3e9ed; background-color:#236093; background-image:url(../img/menuizq/mapa-grandeclaro.png); }

#area_ayuda { width:140px; height:20px; padding:0 10px 20px 5px; }
/* ----- */

/* Para la impresion de la constancia */
#encabezado_constancia { background-color:#154c92; font-size:16px; width:100%; height:100px; }