*{margin:0px; padding:0px;}
body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#333333; background:url(../imagenes/stripe.png) ;} /*#58ac9f  D9E6ED */
/*body { font:0.8em "Trebuchet MS"; color:#000000; background:#456789 ;}*/
#contenedor { width:960px; display:block; margin:0 auto 0 auto; background:#ffffff; padding:1px 1px 1px 1px; overflow:auto;}

#contenedor #banner{width:900px; height:70px; display:block; float:left; background: url(../imagenes/banner.jpg) no-repeat; margin-top:10px; margin-left:5px; margin-right:20px;}
#contenedor #principal {width:717px; display:block; float:left;  margin-top:5px; margin-left:10px;  background:#fff; }
#logotipo {width:700px; display:block; float:left; padding-top:210px; background: url(../imagenes/colegio01.png) no-repeat; margin-left:5px;}
/*#contenedor #footer{width:950px; display:block; float:left; padding-top:30px; padding-bottom:30px; }*/

#derecha{ float:left; display:block;  background:url(../imagenes/right-panel-mid.jpg) repeat-y; width: 210px; font-size: 90%; margin: 10px 0px 0px 5px; }
#derecha .top { background:url(../imagenes/right-panel-top.jpg) no-repeat ; width: 100%; margin: auto; padding-top: 35px; }
#derecha .bottom { background: url(../imagenes/right-panel-bottom.jpg) repeat ; height:50px; width:213px; }
#derecha .block { margin-left:36px; width:145px;}
#derecha .block h3 { width:149px; margin:0px 0px 15px 0px; color:#23b0c1; text-align:center; padding: 0px 0px 5px 0px; display:block; font-size: 130%; border-bottom: #EABC59 2px solid; line-height:1.3em; }
#derecha .block h3 a:hover, a:visited, a{ color:#23b0c1; }
#derecha .block ul { list-style:none; margin:0px; padding:0px; }
#derecha .block li { display:block; padding:5px 0px 2px; border-bottom:#EABC59 1px solid;  }
#derecha .block li a { color:#666; padding:0 9px 9px 0; display:block; margin-top:4px; font-size:110%; text-align:right; text-decoration:none;}
#derecha .block li a:hover { color:#A40809; text-decoration:none;}

#derecha .block label{font:1em "Trebuchet MS"; color:#874563; clear:right; display:block;}
#derecha .block #tipo{padding: 2px; border: 1px solid; border-color: #5794bf #b7d5ea #c7e2f1 #c5daed; -moz-border-radius: 1px;}

#clock { font:1em "Trebuchet MS";  font-weight:bolder; display:block; float:right; padding:0;margin-right: -30px; margin-top:50px;}
.bloque_enlace img { width:165px; display:block; float:left; margin-left:5px; margin-right:5px; border:0px; text-decoration:none;}

br {clear:both;}

/*--------------------Accordion---------------------------*/
#accordion {margin:5px 0px 0px 0px;  background:#ffffff;}
h3.toggler {cursor: pointer; border: 1px solid #f5f5f5;	border-right-color: #ddd;	border-bottom-color: #ddd;	font-weight:bold;	font-size: 12px; background: #d2d2d0; color: #528CE0; margin: 0 0px 4px 0;	padding: 3px 5px 1px;}
.element{width:210px;height:auto;background:url(../imagenes/box.jpg) no-repeat top;padding-top:10px;}

/*-----------------------login's--------------------------*/
#input_usuario{margin:10px auto 0 auto; padding: 3px 5px 5px 25px; width: 120px; height: 15px; border: none;  display:block; font-size:11px;  background: #FFFFFF url(../imagenes/usuario.gif) no-repeat;}
#input_pass{margin:10px auto 0 auto; padding: 3px 5px 5px 25px; width: 120px; height: 15px; border: none; display:block; font-size:11px;  background: #FFFFFF url(../imagenes/pass.gif) no-repeat;}
.submit{float:right;margin-right:30px;margin-top:5px;}

/*---------------------Menu de imagenes--------------------------*/
img {border:none;}
.menu_img{display:block; width:710px; height:95px; background:#d2d2d0;}
.menu_img div{display:block; float:left; margin:5px 0px 5px 5px;}
.menu_img div a:active{ text-decoration: none;}
.menu_img div a:links a:visited{ text-decoration: none;}
.menu_img div a:hover{ text-decoration: none; color:#ffffff;}

/*--------------------footer_img---------------------------*/
/*div #footer_img{display:block; float:left; width:960px; background: url(../imagenes/footer.png) no-repeat; padding-top:75px; margin-top:20px;}*/
div #footer_img{float:left; width:960px; background: url(../imagenes/footer.png) no-repeat center;}
div #img_footer{float:left; width:566px; height:62px; background: url(../imagenes/img_footer.jpg) no-repeat center; padding:15px 5px 15px 5px;}
div #fimpes{float:right; width:60px; height:62px; background: url(../imagenes/fimpes.gif) no-repeat center; padding:15px 5px 15px 5px;}

/* ------------------Sample 1 Rotacion de imagenes en banner---------------------*/
/*#box1{position:absolute;}
#box1 span{	display:block;	float:left;}
.mask1{position:relative;width:700px;	height:210px;	overflow:hidden;}
*/
.sample{padding:0px; margin:0px 0 5px 0;}
/* ------------------Sample 5 Paginacion de contenido---------------------*/
/* Sample 5*/
#box5{ position:absolute; 	width:700px; }
#box5 span{	display:block; }
#info5{bottom:0; }

.info{ 	width:700px; 	height:50px; 	background:#000; 	position:absolute; }
.info p, .info h4{ 	color:#fff; padding:3px 8px; 	font-family:Arial; }
.info h4{ 	font-size:14px;} 
.info h4 a{ 	float:right;	background:#fff; 	color:#000; 	font-size:14px; padding:0 3px; 	text-decoration:none }
span img{ 	display:block;	border:none; }

.mask2{ position:relative; width:700px; height:210px; overflow:hidden; }

.buttons{padding:5px;}
.buttons span{color:#0080FF; cursor:pointer; font:10px Verdana}
.buttons span#prev5{margin-left:0px; margin-right:275px;}
.buttons span#next5{margin-left:275px; margin-right:0px;}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}
/* ------------------Sample 8 Paginacion de contenido---------------------*/
/* Sample 8*/
#box8{ position:relative;}
#box8 div{width:700px; float:left; }
#box8 .buttons{text-align:left }
#box8 .next{float:right }
.sample8 .buttons{ text-align:center; clear:both; }
.sample8 .mask8{border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
/*
.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}*/
.mask8{position:relative;width:700px;	height:auto;	overflow:hidden;}

/* -----------------contenido----------------- */
.title{font-size:14px;font-weight:bold;color:#7B0E10; text-align:left;}
.title_posgrados{ font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#000000; text-align:center;}

#left_section{ width:710px; height:auto; float:left; }
.left_box{width:700px; height:auto; float:left; margin:10px 10px 10px 0px;}
.title_small{ font-size:12px; font-weight:bold; color: #000000; text-align:left;}

#left_box_1{ width:320px; height:380px; float:left; margin:10px 1px 10px 10px; border-right:3px #B3B5B8 solid;}
dl.services{list-style-type:none; float:left; display:block; margin:0px; padding:15px 0 0 2px; }
/*dl.services dt{display:inline;}*/

a.nav_services:link, a.nav_services:visited {display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:13px;text-decoration:none; background:url(../imagenes/bullet.png) no-repeat left; color:#000;}
a.nav_services:hover {display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:13px;text-decoration:none; background:url(../imagenes/bullet_a.png) no-repeat left; color:#000000;}



#left_box_2{ width:325px; float:left; margin:10px 5px 10px 1px; padding-left:12px; border-left:1px  #CCCCCC solid; }
.news_box{ padding:10px 0 0 0; clear:both; }
.news_submenu{ clear:both; float:left; padding-top:5px; margin-left:10px; border-bottom:1px #CCCCCC solid; }
.news_link{ float:left; padding-right:20px; }
.leer_mas {background: url(../imagenes/read_more.gif) no-repeat; display:inline; margin-left:5px 0 0 0; padding:0 0 0 15px; }
.leer_mas:hover{text-decoration:none; color:#000; }
.news_link a{ text-decoration:none; color:#999999; }
.news_link a:hover{ text-decoration:none; color:#000; }

img.pic_news{ float:left; padding:0px 5px 5px 5px; }

/*---cont----*/
blockquote{	/*background:#FFFFFF url(../imagenes/bq.gif) top left no-repeat;*/	margin:0 auto;	padding:0 0 0 40px;	color:#666;	font-size:12px;	width:80%;	text-align:justify;}
#contenido {width:700px; display:block; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px ;}
#contenido .titulo{ width:700px; margin:0 auto 5px auto; color:#874563; text-align:center; padding: 5px 0 10px 0; display:block; font-size: 130%; font-weight:bolder;}
#contenido h1{ width:700px; margin:0 auto 5px auto; color:#874563; text-align:center; padding: 5px 0 10px 0; display:block; font-size: 130%; font-weight:bolder;}
#contenido p{text-indent:20px; margin:20px 20px 10px 30px;text-align:justify; }
#contenido .parrafo{ margin:20px 20px 10px 30px;text-align:justify; }
#contenido .parrafo{ margin:20px 20px 10px 0px;text-align:justify; }
#contenido .img_left{float:left; margin-right:10px; margin-left:31px;}
#contenido .img_right{float:right; margin-left:10px; margin-right:31px;}

/*#contenido ul {margin-left:80px; display:block;}
#contenido ul li {background:url(../imagenes/bullet-left.jpg) no-repeat left top; display:block;padding-left:10px;margin-top:6px;text-align:justify;padding-right:18px;}*/

#derecha #imagenes {height:230px;width:208px;display:block;background:#fff; }
#derecha #imagenes .img_link { height: 70px; width:100px; display:block; padding:1px 1px;float:left;}
#derecha #imagenes img {height: 66px; width:95px; }

ol {float:left; display:block; list-style:decimal; padding-left:20px;}
ol li {margin-left:20px; margin-top:6px; text-align:justify;}
#contenido ul {float:left; display:block; list-style:none; padding-left:20px;}
#contenido ul li {background:url(../imagenes/bullet-left.jpg) no-repeat top left;/* display:block;*/ padding-left:10px; margin-top:6px; text-align:justify;}
#contenido ul li a{text-decoration:none; color:#000000; margin-top:10px;}

/*#contenido .parrafo ul {margin-left:10px; display:block; float:left;}
#contenido .parrafo ul li {background:url(../imagenes/bullet-left.jpg) no-repeat top left;display:block;padding-left:10px;}*/

#contenido .parrafo .lista {margin-left:10px; display:block; float:left; width:650px;}
#contenido .parrafo .lista li {background:url(../imagenes/bullet-left.jpg) no-repeat top left;display:block;padding-left:10px;}

#contenido .firma {float:right; clear:both; margin:5px 0px 5px 0px;}
#contenido td{ border: 0px solid #fff; text-align:left; padding:5px 6px 5px 6px; }
#contenido td a{ text-decoration:none;color:#666; text-align:left; font-size:12px; font-weight:bold;}
#contenido td a:hover{ text-decoration:none;color:#123456;text-align:left; }
strong.calend {margin:0px 20px 0px 0px;}

#contenido #hermanos{display:block; width:700px;}
#contenido #hermanos .actual {display:block;width:200px;margin:5px auto;border:1px solid #ccc;float:none;text-align:center;}
#contenido #hermanos .img_actual {display:block;margin:3px auto 0px auto;border:1px solid #ccc;float:none;}
#contenido #hermanos div {display:block;width:128px;margin:5px 5px;border:1px solid #ccc;float:left;text-align:center;}
#contenido #hermanos div img{display:block;height:130px;width:110px;margin:3px auto 5px auto;border:1px solid #ccc;float:none;}

#contenido blockquote .parrafo ul {margin-left:0px; display:block;}
#contenido blockquote .parrafo ul li {background:url(../imagenes/bullet-left.jpg) no-repeat top left;display:block;padding-left:10px;}

#contenido #galeria{display:block; width:700px}
#contenido #galeria div{display:block; width:155px; margin:5px 5px;border:2px solid #ccc;float:left;text-align:center;}
#contenido #galeria div a{text-decoration:none; color:#000000;}
#contenido #galeria div img{display:block; margin:3px auto 5px auto;border:1px solid #ccc;float:none;}

#derecha #imagenes {height:230px;width:208px;display:block;background:#fff; }
#derecha #imagenes .img_link { height: 70px; width:100px; display:block; padding:1px 1px;float:left;}
#derecha #imagenes img {height: 66px; width:95px; }
#coloquio {fload:center;}
#coloquio img {padding-left:10px; padding-right:10px; padding-bottom:20px;}
#coloquio a{padding-left:20px; padding-right:20px; padding-bottom:20px; text-decoration:none;}

#directorio tr:hover{background-color:#dddddd;}
#frm_login { background:#dddddd url(../imagenes/box2.jpg); border: 1px solid #ccc;}
#frm_login label { margin-top:4px; margin-left:10px; font-size:12px; float:left; display:block; clear:left; color:#333; font-weight:bolder; width:150px;}
h3 {background-color:#D2D2D0;color:#7B0E10;padding:6px; text-align:center;}

#directorio .seccion { font-size: 12px; padding:0px;  background-color:#548dd4; display:block;}
#directorio .depto {    font-weight: normal; color: #fff; display:block; float:left; width:400px;}
/*#directorio .extension { display:block; float:left; color:#fff; font-weight:bolder; }*/
#directorio .extension { display:block; float:right; color:#fff; font-weight:normal; margin-right:20px}
#directorio .email{font-size: 11px; color:#657843; display:block;}

.center {text-align:center;}
.center small {font-size:80%; color:#1B83E8;}
.himg {float:left; text-align:center; margin:5px; display:block;  width:100px;}
.himg img {margin:0; padding:0; border:1px solid #999; padding:5px; }
.himg small{margin:0; padding:0;font-size:11px;}
.clear {clear:both;}

table{margin:0; font-size:11px; border-spacing:0 5px; text-align:center;}
table tr{background-color:#F1F8EE;  }
table td {border-top: 5px solid #fff;  border-bottom:1px dotted #000; padding:2px; }
table th { padding-left:2px; text-align:center; background-color:#5D7090; color:#fff;}
table tr.odd {background-color:#DBE6DD;}
#puestos td {border-top: 1px solid #bebebe;}
#puestos .ok{background:url(../imagenes/ok.png) no-repeat center;}
#puestos .right{text-align:right;}
.post_long { margin-left:10px; margin-top:10px; float:left; display:block; width:680px;}
.post_long img{float:left; border: 1px #999 solid; padding:2px; margin-right: 5px; }
.post_long .img_left {float:left;}


#revista {margin:0 0 0 30px; }
#revista li {float:left; width:120px; display:block; background-image:none; text-align:center; margin: 0 3px;}
#revista li img {margin:0; border:1px solid #999; padding:5px; }


/*------------------lightbox-------------------*/
#jquery-overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px}
#jquery-lightbox{position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#jquery-lightbox a img{border: none}
#lightbox-container-image-box{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#lightbox-container-image{padding: 10px}
#lightbox-loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#lightbox-nav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#lightbox-container-image-box > #lightbox-nav{left: 0}
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width: 49%; height: 100%;  display: block; /*zoom: 1;*/}
#lightbox-nav-btnPrev{left: 0; float: left}
#lightbox-nav-btnNext{right: 0; float: right}
#lightbox-container-image-data-box{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data{padding: 0 10px; color: #666}
#lightbox-container-image-data #lightbox-image-details{width: 70%; float: left; text-align: left}	
#lightbox-image-details-caption{font-weight: bold}
#lightbox-image-details-currentNumber{display: block; clear: left; padding-bottom: 1.0em}			
#lightbox-secNav-btnClose{width: 66px; float: right;padding-bottom: 0.7em}
/*------------------ fin de lightbox-------------------*/
/*.noticias {font-size: 13px; }
.noticias li {margin:0 0 0 20px; padding:3px 0 8px 0 ;text-align:left }
.noticias li b {float:left; display:block}
.noticias li a {color:#333; float:left; display:block}*/
.not {font-size:13px; margin:10px 0 0 55px; text-align:left;}
.not .titnot {float:left; font-weight:bolder; background:url(../imagenes/bullet-left.jpg) no-repeat left; padding-left:10px;}
.not .linknot {margin-left:5px;float:left; display:block}
.not .linknot a{color:#333;}

#news-ticker{
	width:710px;
	height:105px;
	background-color:#dddddd;
	overflow:hidden;
	margin:5px 0 10px 0;
	
}
	#news-ticker h4{
		color:#933;
		display:inline;
	}
	#news-ticker div{
		height:18px;
		width:580px;
		/*border:1px black solid;*/
		padding:2px;
		margin-top:-1px;
	}
		#news-ticker div.first{
			margin-top:0;
		}
		
	#news-ticker p{
		font-size:11px;
		margin-left: 0 !important;
		margin-left: 5px;
		display:inline;
	}

