/* default css */

body{
	background-color:#fff;
	font-family:'Courier New', Courier, monospace;
	margin:0;
	padding:0;
	
	line-height:0.8em;
	.line-height:normal;
}

#wrapper1{
	width:968px;
	margin:0 auto;
	
}



#header
{
	margin: 0 auto;
	height: 387px;
	margin-bottom: 2px;
}

#gutter
{
	float: left;
	width: 0px;
	height: 1px;
}

#col1
{
	position:relative;
	float: left;
	width: 975px;
	.margin-top:50px;
	
	
}



#footer
{
	clear: both;
	height: 20px;
	text-align:center;
	font-size:10px;
	background-color:#373934;
	color:#747171;
	padding-top:5px;
}
#footer a{
	font-size:10px;
	text-decoration:none;
	color:#747171;
	
}
#barra_top{
	position:relative; margin: 0 auto;  width:975px; height:38px; background-image:url(../images/img_sitio/linea_top.jpg);
}
/*
#play{
	position:relative; float:left; margin-left:5px; margin-top:2px;   width:20px; height:23px; background-image:url(../images/img_sitio/play.jpg);
}
*/
#play{
	position:relative; float:left; margin-left:5px; margin-top:7px; height:23px; font-family:"Courier New", Courier, monospace; color:#FFF; font-size:24px; font-weight:bold;
}

#contact{
	position:relative; float:right; margin-right:5px; margin-top:5px;   width:27px; height:18px; background-image:url(../images/img_sitio/sobre.jpg);
}
#top{
    position:relative; 
    background-repeat:no-repeat;
    background-position: center;
	width:975px;
	height:360px;
	left:3px;
	
}
#titulo{
	position:relative; float:left;  margin-top:150px;font-family:'Courier New', Courier, monospace; font-size:18px; color:#FFF;
}

#menu{
	position:relative;
	float:left;
	width:975px;
	height:20px;
	text-align:center;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}
#menu li{
	position:relative;
	float:left;
	width:80px; 
	height:25px;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	padding-top:3px;
	font-weight:normal;
	list-style:none;
	cursor:pointer;
}
#menu li:hover{
	font-weight:bold;
}
#menu a{
	text-decoration:none;
	color:#000;
}
#top_seccion{
	position:relative; 
	float:left; 
	margin-left:40px;
	margin-top:40px; 
	width:968px; 
	
	font-family:"Courier New", Courier, monospace;
}
#top_seccion li{
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
}
#top_seccion p{
	width:900px;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 890px; /*Width of Carousel Viewer itself*/
height: 275px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 890px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*---------------------------------------------------------------------------------*/









.trans {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}



h1
{
	margin: 0;
	/*padding: 5px;*/
	font-size:18px;
	line-height:20px;
	font-family:"Courier New", Courier, monospace;
	
	color:#000;
}

p{
	font-size:12px;
	color:#747171;
	line-height:1.2em;
}
/*
#thumb_nota_portada{
	position:relative; 
	float:left; 
	width:448px; 
	height:275px; 
	background-position:center; 
	background-repeat:no-repeat;
	border:1px solid #5d683d;
}*/
.foto_port{
    /*position:relative;*/
	float:left;
	width:890px;
	height:275px;
    overflow: hidden;
	background-position:center;
	background-repeat:no-repeat;
	/*border:1px solid #5d683d;*/
}
#contiene_nota{
	position:relative; 
	float:left; 
	margin-left:40px;
	margin-top:25px; 
	
}
table{
	border-color:#066;

}
.container_basico{
	position:relative; 
	float:left; 
	width:540px; 
	margin-top:15px;	
}
.tit_fondoVerde{
	position:relative; 
	float:left; 
	width:540px; 
	height:20px; 
	padding-top:5px; 
	text-align:center; 
	color:#fff; 
	font-weight:bold; 
	background-color:#5d683d; 
	margin-bottom:20px;
	margin-top:20px;
}
.bloque_lugar{
	position:relative; 
	float:left; 
	width:170px; 
	height:70px; 
	margin:5px;
}
.tit_fondoBlanco{
	position:relative; 
	float:left; 
	width:170px; 
	text-align:center;
	font-size:12px; 
	font-weight:bold;
	color:#5d683d;	
}
.destacado_agy{
	position: relative; 
	float:left; 
	width:170px; 
	height:16px; 
	padding-top:4px; 
	text-align:center; 
	font-size:12px; 
	font-weight:bold; 
	background-color:red; 
	color:#fff;
}
.tit_fondoVerdeChico{
	position:relative; 
	float:left; 
	width:170px; 
	text-align:center;
	font-size:12px; 
	font-weight:bold;
	color:#fff;
	background-color:#5d683d;
}
.caja_textoGris{
	position:relative; 
	float:left; 
	width:160px; 
	padding:5px; 
	text-align:center;
	font-size:10px; 
	color:#999;
}
.texto_gris{
	font-size:12px;
	color:#747171;
}
.texto_gris_basico{
	position:relative;
	float:left;
	font-size:12px;
	color:#747171;
	margin-left:15px;
}
/*******************************************************************/
h2
{
	margin-top: 0;
	padding-top: 7px;
}

h2
{
	margin-left: 2px;
	margin-right: 2px;
}
a img{
	border:none;

}

#top{
	position:relative; 
	width:968px;
	height:387px;
	margin:0 auto;
}
#header_top{
	position:relative;
	width:967px;
	height:387px;
	background-position:center;
	background-repeat:no-repeat;
}



/*notas*/
.titular{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#1b3152;
	text-decoration:none;
}
.titular a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#1b3152;
	text-decoration:none;
}

.copete{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1b3152;
	
}
/*.autor{
	position:relative;
	margin-top:-5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#1b3152;
	letter-spacing:2px;
	text-transform:uppercase;
}*/
.cont_imagen{
	position:relative;
	float:left;
	width:310px;
	height:270px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#ccc;
	
}
/**/
.dias_calendario{
	position:relative;
	float:left;
	width:26px;
	margin-left:5px;
	margin-right:4px;
	text-align:center; 
	font-size:10px; 
	color:#1b3152; 
	/*background-color:#c7e1f1;*/
	border:none;
	
}
.caja_dia{
	position:relative;
	float:left;
	width:26px;
	margin-left:4px;
	margin-right:5px;
	text-align:center; 
}



.dia_marcado{
   
	cursor:pointer;
	text-align:center; 
	color:#1b3152;
	font-size:11px; 
	text-decoration:none;
	font-weight:bold;
	position:relative;
	top:-2px;
	.top:2px;
}

.dia_comun{
    position:relative;
	float:left;
	width:26px;
	margin-left:4px;
	margin-right:5px;
	text-align:center; 
	font-size:11px; 
	color:#788ca6;
	height:16px;
	margin-top:4px;
}

.linea_dias{
	position:relative;
	float:left;
	width:247px;
	height:24px;
	border-bottom:1px solid #1b3152;

}
.calendar{
	border:none;
}
.calendar-month{
	position:relative;
	float:left;
	text-align:center;
	font-size:12px; 
	color:#555;
	font-weight:bold;
	position:relative;
	top:-2px;
	width:206px;
}
.barra_titulos{
	/*background-color:#c7e1f1; */
	height:14px;
	width:247px;
	border-bottom:1px solid #1b3152;
	margin-top:3px;
}
.dia_con_link{
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#1B3152;
	font-weight:bold;
	position:relative;
	top:-2px;
}
#link_evento{
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#1B3152;
	font-weight:bold;
	position:relative;
	top:-2px;
}
#calendario tr{
	height:16px;
}
.marca_dia{
	width:26px;
	height:20px;
	border:1px solid #1B3152;
	margin-top:1px;
}

.calendari{
	width:247px;
}
/**/
.btn_meses1{
	position:relative;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#1B3152;
	font-weight:bold;
	position:relative;
	top:-2px;
	width:20px;
}
.btn_meses2{
	position:relative;
	float:left;
	font-size:11px;
	font-weigth:bold;
	text-decoration:none;
	color:#1B3152;
	font-weight:bold;
	position:relative;
	top:-2px;
	width:20px;
}
/* ---------->>> jtip <<<---------------------------------------------------------------*/


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
.title{
	font-size:11px;
	font-weigth:bold;
	text-decoration:none;
	color:#1B3152;
	font-weight:bold;
	position:relative;
	top:-2px;

}

table {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	
	border-collapse: separate;
	
}
#recomendadoss{
	position:relative; 
	float:left; 
	width:247px; 
	margin-top:15px;
	.margin-top:-3px;
	background-repeat:no-repeat; 
	background-position:top;
}
#tit_recomendados{
	position:relative; 
	float:right;
	padding-right:4px;
	font-size:18px; 
	margin-top:7px; 
	margin-right:2px; 
	
}
#items_recomendados{
	position:relative; 
	background-color:#FFEFB3;
	float:left; 
	margin-top:10px; 
	padding-top:15px; 
	padding-left:7px;
}


/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	font-size: 1em;
	float: left;
	position: relative;
	z-index: 1;
	border-right: 1px solid #1a3c94;
	bottom: -1px;
	margin-left:5px;
	margin-top:5px;
	height:20px;
	.height:19px;
}
.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #1a3c94;
	border-right: none;
	height:18px;
	width:71px;
}
.ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	position:relative;
	float: left;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding: .1em .7em;
	color:#1B3152;
	/*background: #dadada url(images/dadada_40x100_textures_02_glass_75.jpg) 0 50% repeat-x;*/
}
.ui-tabs-nav li a:hover {
	/*background: #dadada url(images/dadada_40x100_textures_02_glass_75.jpg) 0 50% repeat-x;*/
	
	color: #212121;
}
.ui-tabs-nav li.ui-tabs-selected {
	border-bottom-color: #d6e8f6;
	height:18px;
	
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
	/*background: #d6e8f6 url(images/ffffff_40x100_textures_02_glass_65.png) 0 30% repeat-x;*/
	background-image:none;
	background-color:#d6e8f6;
	color: #d68635;
	height:18px;
}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	clear:left;
	border: 1px solid #1a3c94;
	/*background: #d6e8f6 url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;*/
	color:#1B3152;
	padding: 0.1em 0.2em;	
	font-size: 1em;
	width:227px;
	margin-left:5px;
	margin-top:7px;
	.margin-top:-1px;
	
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}

.ui-tabs-hide { display: none; }

.tabs_tam{
	font-size:10px;
}

.tit_calendario1{
	position:relative; 
	float:left; 
	margin-top:25px;
	margin-left:4px; 
	font-size:11px; 
	color:#1b3152; 
	font-weight:bold;
}
.tit_calendario2{
	position:relative; 
	float:left; 
	margin-top:18px;
	margin-left:4px; 
	font-size:28px; 
	color:#fff; 
	font-weight:bold;
}
.fondo_denoticias{
	position:relative; 
	float:left;
	width:247px; 
	height:27px; 
	border-bottom:3px solid #fff; 
	background-repeat:no-repeat; 
	background-position:center;
}
.de_denoticias{
	position:relative; 
	float:right;
	width:75px; 
	top:9px; 
	height:27px;
	font-size:16px; 
	color:#000;
}
.div_icono_tab{
	position:relative; 
	float:right; 
	margin-right:5px; 
	margin-top:3px; 
	width:51px;
}
.imagen_tab{
	position:relative; 
	float:right;
}
.li_noticia_rss{
	position:relative;
	left:-25px;
	list-style:none;
	background-position:left; 
	background-repeat:no-repeat; 
	padding-left:15px; 
	border-bottom:1px solid #4e0b0b; 
	font-size:11px;
	width:180px;
	margin-top:7px;
}
.link_noticia_rss{
	position:relative;
	top:-2px;
	color:#1b3152; 
	text-decoration:none;
	font-size:11px;
}
#footer_islas{
	position:relative;
	float:left;
	width:968px;
	height:18px;
	margin-top:5px;
	
	background-color:#DAECF6;
	color:#252172; 
	text-align:center;
	.line-height:22px;
	
}
#footer_islas li{
	position:relative;
	float:left;
	width:968px;
	margin-top:2px;
	.margin-top:-2px;
	text-align:center;
	text-decoration:none;
	list-style:none;
}
#footer_islas li a{
	
	font-size:11px;
	color:#162983;
	text-decoration:none;
}
#banner_top { cursor:pointer;}


#sms1{
	position:relative; 
	float:left; 
	width:247px; 
	margin-top:25px;
	.margin-top:-3px;
	background-repeat:no-repeat; 
	background-position:top;
}
#tit_sms1{
	position:relative; 
	float:right;
	padding-right:4px;
	font-size:18px; 
	margin-top:7px; 
	margin-right:2px; 
	
}
/*profesores y staff*/
.nuestros_profesores{
	position:relative; 
	float:left;
	margin-left:10px;
}
.nombre_prof{
	position:relative; 
	float:left;
	width:543px;
}
.curri_profe{
	position:relative; 
	float:left; 
	margin-left:5px; 
	width:550px; 
	border-bottom:1px solid #263F02;
}
.imagen_curri_prof{
	position:relative; 
	float:left; 
	margin-left:5px; 
	width:95px; 
	height:125px;
	background-repeat:no-repeat; 
	background-position:center;
}
.cont_texto_curri{
	position:relative; 
	float:left; 
	margin-left:10px; 
	width:390px; 
	border-left:1px solid #263F02; 
	padding-left:15px; 	
}
.texto_curri{
	position:relative; 
	float:left;
	margin-left:10px;
}
.lugares_curri{
	position:relative; 
	float:left; 
	margin-left:5px; 
	width:550px; 
	margin-top:10px;
}
.tit_donde_curri{
	position:relative; 
	float:left; 
	width:543px;
	margin-left:-5px;
}
.lugar_curri{
	border:1px solid #263F02; 
	margin:3px;
}
.texto_director{
	position:relative; 
	float:left;
	margin-left:10px;
}
.relativo{
	position:relative; 
	float:left;
}
.cont_prof_staff{
	position:relative; 
	float:left; 
	margin-left:10px; 
	width:960px; 
	padding-top:15px; 
	
}
.prof_staff{
	position:relative; 
	float:left; 
	width:180px;  
	border:1px solid #000;
	margin-bottom:10px;
}
.nombre_proff_staff{
	width:180px; 
	height:16px; 
	padding-top:4px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#333;
	color:#fff; 
	text-align:center;
}
.imagen_prof_staff{
	position:relative; 
	float:left; 
	margin-left:5px; 
	width:160px; 
	height:250px;
	background-repeat:no-repeat; 
	background-position:center;
}
.datos_prof_staff{
	position:relative; 
	float:left; 
	margin-left:5px; 
	width:160px; 
	text-align:center;
}
.cont_masinfo_prof_staff{
	position:relative; 
	float:left;
	width:160px; 
	min-height:250px;
	padding-top:4px;
	background-color:#fff;
	
	font-family:'Courier New', Courier, monospace;
	color:#fff; 
	text-align:center;
}
.masinfo_prof_staff{
	font-size:12px; 
	background-color:#5D683D; 
	height:20px; 
	width:160px; 
	color:#fff; 
	font-weight:bold;
}
#sobre_staff{
	position:relative; 
	float:left; 
	width:16px; 
	height:16px; 
	background-position:center; 
	background-image:url(../images/img_sitio/btn_contact_staff.png);
}
#sobre_profe{
	position:relative; 
	float:left; 
	width:16px; 
	height:16px; 
	background-position:center; 
	background-image:url(../images/img_sitio/btn_contact.png);
}

.sitemap{}
.sitemap li{
	list-style:square;
	line-height:20px;
	
}
.sitemap li a{
	color:#5D683D;
	font-size:12px;
	text-decoration:none;
}
#galeria{
	position: relative; 
	float:left;
	width:960px;
	margin-top:30px;
}
#menu_galeria{
	position: relative; 
	float:left; 
	width:200px; 
	padding-left:30px;
}
.item_menu_gal{
	position: relative;
	width:170px; 
	float:left;
	list-style:none; 
	height:15px; margin-top:10px;
}
.item_menu_gal a{
	font-family:'Courier New', Courier, monospace; 
	text-decoration:none; 
	color:#000;
}
.item_menu_gal a:hover{
	font-family:'Courier New', Courier, monospace; 
	text-decoration:none; 
	color:#666;
}
.item_menu_gal_sel{
	position: relative;
	width:170px; 
	float:left;
	list-style:none; 
	background-color:#000; height:15px; margin-top:10px;
}
.item_menu_gal_sel a{
	font-family:'Courier New', Courier, monospace; text-decoration:none; color:#fff;
}
.item_menu_gal_sel a:hover{
	font-family:'Courier New', Courier, monospace; text-decoration:none; color:#666;
}
#titu_galeria{
	position: relative; 
	float:left;
	width:170px; 
	height:20px; 
	font-family:'Courier New', Courier, monospace; 
	font-size:20px; 
	border-bottom:1px solid #000;
}
#cont_galeria{
	position: relative; 
	float:left; 
	margin-left:40px;
	margin-top:50px;
}
#historia{
	position:relative; 
	float:left; 
	margin-left:40px;
	margin-top:40px; 
	width:968px; 
	
	font-family:"Courier New", Courier, monospace;
}
#historia li{
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
}
#historia p{
	font-family:"Courier New", Courier, monospace;
	width:900px;
}
#historia strong{
	position:relative; color:#000;
}
#historia img{
	float:center;
	
}
#pagina_links{
	position:relative; 
	float:left; 
	width:965px; 
	margin-top:15px; 
	font-family:'Courier New', Courier, monospace;
}
#pagina_links_titulo{
	position:relative; 
	float:left; 
	width:965px; 
	height:20px; 
	padding-top:5px; 
	text-align:center; 
	color:#fff; 
	font-weight:bold; 
	background-color:#333; 
	margin-bottom:20px;
	margin-top:20px;
}

#bloque_link{
	position:relative; 
	float:left; 
	width:450px; 
	margin:5px;
}

#titulo_link{
	position:relative; 
	float:left; 
	width:450px; 
	text-align:center;
	font-size:12px; 
	font-weight:bold;color:#000;
}


/*STYLEM*/
* {
	margin: 0;
	padding: 0;
}

body { 
    font: 11px 'Courier New', Courier, monospace;
   
}

#wrapper {
    width: 800px;
    margin: 25px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
	border: 10px solid #ccc;
}

.scroll {
	overflow: hidden;
	width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 420px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/img_sitio/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/img_sitio/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #999;
}

a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

a:hover {
	border-bottom: 1px solid #999;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}
/*fin stylem*/