/* Lo siguiente se emplea para resetear los valores por defecto de los navegadores */
* {
        margin: 0;
        padding: 0;
    }
html, body { margin:0; padding:0; border:none; }
body{
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; 	
	font-size: 100%;
	background-color:#2D66A7;	
}

hr.linea { 
	height: 2px;
	border: 0;
	color: #2C4768;
	background-color: #2C4768;
	width: 80%;
	margin:20px 20px 20px 50px;	
	float:inherit;
} 

hr.linea2 { 
	height: 2px;
	border: 0;
	color: #2C4768;
	background-color: #2C4768;
	width: 100%;
	margin-top:15px;
	margin-bottom:10px;
	float:right;
	clear:both;
} 
img {vertical-align:top;}
a img { border:0;}
a {text-decoration: none;}

html, input, textarea {
		font-family:Tahoma, Geneva, sans-serif;
		font-size: 12px;
		line-height:18px;
		color:#003399;
	}

h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	/*line-height:18px;*/
	color:#000000;
	text-align:justify;
	margin-bottom: 11pt;
}

li {
	list-style-type: none;
}

/* Definición de los estilos básicos */

p.firma, span.firma, div.firma{
	clear:both;
	float:right;
	color: #003366;
    font-family: Arial;
    font-size: 12pt;
	font-weight:bold;
	margin-left: 10px;
    margin-right: 2px;
    margin-top: 0pt;
	margin-bottom: 12pt;
    text-align: right;
    line-height: 18px; 
}

p.para, li.para, div.para {
    color: black;
    font-family: Arial;
    font-size: 10pt;
    margin-right: 0;
    margin-top: 0;
    text-align: justify;
    text-indent: 0;
    margin-bottom: 6pt;
    line-height: 18px; 
}

p.parrafo, span.parrafo, div.parrafo{
	color: black;
    font-family: Arial;
    font-size: 11pt;
	margin-left: 15px;
    margin-right: 10px;
    margin-top: 10pt;
	margin-bottom: 6pt;
    text-align: justify;
    text-indent: 0;        
	line-height:20pt;
}

p.parrafo2, li.parrafo2, div.parrafo2 {
    font-size: 11pt;
	margin-top: 12pt;
	margin-bottom: 12pt;
}

.LetraGrande{
	font-size: x-large;	
}

.LetraAzul,.LetraRoja,.LetraAmarilla,.LetraVerde{
	display:inline;
}
.LetraAzul{
	color:blue;
}
.LetraRoja{
	color:#C30000;
}
.LetraAmarilla{
	color:yellow;
}
.LetraVerde{
	color:green;
}

.itcen{
	color:blue;
	font-weight:bold;
}

.espacio10{
	height:10px;
}	
.espacio20{
	height:30px;
}	

/* Capa principal */
#PrincipalGral{
	background: url(images/bg_main_esc2.jpg) top repeat-y;
	background-attachment:fixed;
}

/* Contenedor general. Se determina el ancho y los margenes automáticos */
#contenedor {
	width:958px;
	margin: 1px auto;
	/* background-color:#ffffff;*/
}

/* Estilo de los otros contenedores */
#cabecera {
	height:258px;
	padding: 0;
	margin: 0;
	border:0;	
}


#hd_izq{
	background: url(images/bg_hd_izq.png) top no-repeat;
	width:10px; height:258px;
	float:left;
}

#hd_cen{
	background: url(images/bg_hd_cen.png) top repeat-x;
	height:258px;
	width:936px;
	float: left;
}

#hd_der{
	background: url(images/bg_hd_der.png) top left no-repeat;
	width:12px; height:258px;
	float: right;
}

#logo,#slogan{
	padding: 10px 0px 0px;
	margin: 10px 0px 0px;	
	float: left;
	width:280px; height:90px; 
	
}

#slogan{
	padding: 10px 25px 0px;
	width:569px;
}

#banda_roja{
	clear: both; 
	float:left;
	width: 976px; height:151px;
	margin: -156px 0px 0px -8px;
	background: url(images/bandaroja.png) top no-repeat;
	text-align:center;	
}

#menu{
	background: url(images/bg_menu.png) no-repeat scroll top transparent;
	margin: 22px 20px;
	width: 940px; height:110px;
}

/* Botones de Navegacion */

.btn-links {
  padding-left:20px;
}

.btn-links li {
  margin-top:10px; 	
  list-style-type: none;
  text-align: center;
  line-height: 20px; /* Define el interlineado del texto */
  top:0;
  letter-spacing: 0px;  
  float: left;
  font-size:13pt;
 /* font-family: Arial, Verdana, sans-serif, Helvetica;*/
  font-family: Geneva, Verdana; 
  width: 145px;
  border-right-style:groove;
  border-right-width:2px;
  margin-right:5px;
  border-right-color:#f3f3f3;
}

.btn-links li a {
  text-decoration: none;
  color: #fbd4d4;
  display: block;
  height: 86px;
  width: 140px;
  padding-top: 5px;
  background: url(images/bg_btn_1.png) no-repeat;
}

.btn-links li a:hover {
  color: white;  
  background: url(images/bg_btn_2.png) no-repeat;
}

.btn-links li#actual a {
  color: #fff;
  background: url(images/bg_btn_3.png) no-repeat;
  cursor:default;
}

.btn-links li a img {
	border:0;
	clear: both;	
	display: block;
	margin: 0px auto;
}

#Ubicacion{
	clear: both;
	float:left;
	width:100%;
	background-color:#ffffff;
	color:#c00000;
	font-weight:bold;
}

#uSitio{
	float:left;
	padding-left:15px;
}

#fecha{	
	padding-right:15px;
}

#contenido { 
	padding: 0px;
	background: #fff; 
}

#caja { 
	padding: 0px;
        margin: 0px;
}

#contenido { 
	padding: 0px;
	background: #fff; 
}
#caja { 
	padding: 0px;
        margin: 0px;
}

#Col_izq, #Col_der, #tercero {
	padding: 0px;
	margin: 0px auto;
}

/* Diseño a dos columnas con el contenido principal a la derecha */
#Col_izq {
	float: left;
	width: 285px;
	display: block;	
	background: #7d7db1;
}

#Col_der {	
	float: right;
	width: 665px;
	display: block;
	background: #fff;
}

/* Opciones del menú lateral izquierdo */
#tit_menu_izq{
	background: url(images/bg_menu_izq.png) no-repeat;
	height: 35px;	
	width:285px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height: 35px;/* Define el interlineado del texto */	
}
#opc_menu_izq{
	width: 285px;
	margin: 0px 0px 10px 0px;	
	/* background: url(images/fondo_eventos2.png) repeat top center;*/
	border:0px;
	line-height: 20px;/* Define el interlineado del texto */	
}

/* Botones de Navegacion */
#opc_menu_izq ul{
	padding-top:15px;
	padding-bottom:5px;
	padding-left:40px;
}
#opc_menu_izq ul li { 
	/* background: url(images/vinitcen1.png) left top no-repeat ;*/
	padding-left:0px;
	margin-left:0px;
	margin-top: 5px; 	
	/*line-height: 25px;  Define el interlineado del texto */	
	font-family: Geneva, Verdana; 
	width: 240px;   
	padding-bottom:5px;
	list-style-image:url(images/vinitcen1.png);
}
#opc_menu_izq ul li a {
  text-decoration: none;
  color: #fbd4d4;
  display: block; 	  
  padding-left:6px;
}

#opc_menu_izq ul li a:hover {
  color: #fff;  
  background: #606c88;
  
}

#opc_menu_izq ul li#actual a {	
	font-weight:bold;
	color: #fff;
	background: #b00808;
	cursor:default;
}

#bg_eve_inf{
	clear:both;
	float:left;
	background: url(images/bg_eve_inf.png) top center no-repeat;
	height: 16px;	
	width:285px;
	color:#fff;
	margin-top:-24px;	
}

/*  CSS para noticias */
.wrapper-box{
	background: #000066;	
}

.module-popular {
	height:165px; width:285px;
	overflow:hidden; margin-bottom:30px; 
	background: #000066 url(images/bg_inf_not1.png) bottom no-repeat;
	}

.boxIndent{
	width:100%;
	color: #fff;
	background: #000066 url(images/bg_sup_not1.png) no-repeat;	
	overflow:hidden;
}
.globalnews {
	font: 12px/18px Arial,Helvetica,sans-serif;

}

.clear {
	width:100%;
	overflow:hidden;
	display:none;
}

.gn_slider_5 {padding:10px 20px 5px 20px !important;}
.gn_header {color:#fff; font-size:18px; line-height:18px; display:inline-block; padding-top:15px; padding-left:20px;}
.gn_news img {margin-right:18px !important;}
.gn_news a {color:#fff; text-decoration:none; font-size:12px;}
.gn_news a:hover {color:#cccccc;}
.gn_news {color:#7192c4; font-size:11px;}
.gn_pagination_5 {*margin-top:-4px;}
.gn_pagination_5 a {color:#fff; text-decoration:none;}
.gn_pagination_5 a:hover, .gn_pagination_5 a.selected {color:#7192c4; text-decoration:none;}

.gn_clear { clear:both; height:0; line-height:0; }
.gn_header_5 { background-color:0; border:0; border-bottom:none; padding:0px; }
.gn_slider_5 { border:0; border-top:none; padding:20px; height:auto; background-color:0; overflow:hidden; border-bottom:none; }
.gn_slider_5 .gn_opacitylayer { height:100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity:1; opacity:1; }
.gn_pagination_5 { border:0; border-top:none; padding:2px 20px; text-align:right; background-color:0; }
.gn_pagination_5 a:link { font-weight:bold; padding:0 2px; }

.bg_video {
	width:275px;
	height:206px;
	background:url(images/bg_video.png) top no-repeat;
	padding: 0px 5px;
	border-bottom:0px;
}


/* declaraciones para el contenido de la columna derecha*/

/*-------------------------------------content---*/
.container {
	overflow:hidden;
	text-align:left;
/*	position:relative;*/
	margin:0px 0px 0 0;
	padding:0px 0px 0 0px;
	width:100%;
}

#left {
	float:left;
	text-align:left;
	width:373px;
	height:auto !important;
	margin:0 9px 0 0px;
	padding:0px 0 0 22px;
	position:relative;
}

#right {
	float:right;
	text-align:left;
	width:310px;
	margin:0 0 0 10px;
	padding:0 0px 0 0px;
}

#content .module ul {
	list-style:none;
	margin:0;
}

.container ul, ul, .list, #right .menu, #right ul {
	text-decoration: none;
	list-style:none;
	margin:0 0 23px 0;
	padding:0;
	text-align:left;
}

.container ul li, #content .module ul li, .list li, #right .menu li, .module_menu li, #right ul li {
}

.results ul li {background:none;}

#content ul li a:hover, #content .module ul li a:hover, 
	.container ul li a:hover, .list li a:hover, #right .menu li a:hover {
		font-weight:normal;
		color:#17222f;
}
.container ul li p {
	line-height:14px;
	padding:0;
}

/*********slider************/
#faded {
	position:relative;
	width:665px;
	margin:0 0 30px;
	height:508px;
}
#faded ul {margin:0; }
#faded li img {
	display:none;
}
#faded li .box_text {
	position:absolute; z-index:99; 
	padding:5px 60px 20px 18px; bottom:0px;
        /*bottom:0px;  */
	line-height:22px; left:0; 
	width:588px; height:25px; overflow:hidden; color:#fff; 
	background:url(images/box_text_bg2.png) 0 0 repeat;
	font-size:14px;	
}
#faded li .box_text .slogan {
	color:#fff; font-size:18px; line-height:18px; font-weight:bold; 
	display:block; padding-bottom:0px;
	background-color:
}
#faded li .box_text a {
	display:inline-block; 	
	background:url(images/banner_btn.png) no-repeat top center; 
	width:67px; 
	line-height:22px; 
	text-align:center; 
	color:#0000cc;
	padding-left:5px;	
}

#faded li .box_text a:hover {
	padding-left:5px;color:#cc3311;
	display:inline-block; 	
	background:url(images/banner_btn.png) no-repeat top center; 
	width:67px; 
	line-height:22px; 
	text-align:center; 
	color:#cc3300;
	padding-left:5px;	
}

#faded li .box_text .add_info {display:inline-block; padding-bottom:13px;}

.btn_msg a {
	float: right;
	display:inline-block; 
	width:67px; 
	line-height:22px; 
	text-align:center; 
	background:url(images/banner_btn.png) no-repeat top center; 
	color:#b00808; 
	text-decoration:none;
}

#faded .pagination {
	position:absolute;
	bottom:0px;
	left:2px;
	background:url(images/fondo_eventos.png) 0 0 repeat-x;
	
}
#faded .my {padding:0px 0 1px 0 !important;}
#faded .pagination li {
	float:left;
	padding:0;
	margin:0 auto;
	position:relative;
	background:none;
	height:60px;	
}
#faded .my li {}

#faded .pagination li a {color:#fff; padding:0; background:none;}
#faded .pagination li a {
	display:inline-block;
	text-decoration:none;
	text-indent:-5000px;
	font-size:10px !important;
	line-height:16px !important;
	color:#FBD4D4;
}
.date {color:#fff; line-height:20px !important; }


#faded .pagination li.items {border-right:1px solid #808080; padding:0px 0px;}
#faded .pagination li.items a {
	width:65px;	
	padding:0px 0px;
	text-indent:0px;	
	text-align:center;	
	font-weight:normal;
	font-size:10px;
}

#faded .pagination li a .date {
	font-weight:normal; display:inline-block; 
	font-size:10px !important; 
	padding-bottom:5px;

}

#faded .pagination li.current .active_arrow {
	width:24px; height:12px; position:absolute; 
	left:50%; top:-12px; margin-left:-10px; z-index:999; 
	background:url(images/active_arrow.png) 0 0 no-repeat;
}

#faded .pagination li a:hover, #faded .pagination li.current a {
	color:#ffffff;
	background:none;	
}

#faded .pagination li:hover .date, #faded .pagination li.current .date {
	color:#ffffff !important;
	font-weight:bold;
	background: #B00808;
	width:100%;	
}

#faded .pagination li a:hover .date, #faded .pagination li.current a .date {color:#c00000;}

#content { position:relative; z-index:1}
#content .banners p a {display:inline; background:none; line-height:18px; color:#fff; text-decoration:underline; width:auto;}
#content .banners p a:hover {color:#1e1e1e;}

/*rows bg*/
.row1 {background:url(images/row1_bg_tail.gif) repeat-y top center;}
.row1_bg_top {padding:5px 1px 0; }

.row2 {background:url(images/row2_bg_tail.jpg) repeat top center;}
.row2 .main {padding:10px 0 0;}

.row3 {background:url(images/row3_bg_tail.jpg) repeat top center;}

/*Clases para row1*/
.banners {margin:0px 0px;}

.imgindent {margin:10px 0px;}

.banners .imgindent {margin: 0px;}
.banner_icon {
	position:absolute;
	top:5px;
	right:20px;
	height: 46px;
}

.banner1, .banner2, .banner3,.banner4 {float:left; position:relative; padding:0px 15px 10px;}
.banner1 {background:url(images/bg_msj_izq.png) no-repeat top center;}
.banner2 {background:url(images/bg_msj_der.png) no-repeat top center;}

/* Declaraciones para los banners centrales */
#page .main { width:665px; margin:0 auto; text-align:left;}
#page .wrapper {width:100%; overflow:hidden;}
#page .banners {padding:0;height:350px;}

#page1 .banner1 {width:300px; height:165px;}
#page1 .banner2 {width:300px; height:165px;}
#page1 .banner3 {width:300px; height:165px; float:right;}

#page1 .banner4 {
	background: url(images/banner_diploma2.jpg) top no-repeat;	
	width:300px; height:340px; float:left;
}

/* Botones de Navegacion */
#page1 .banner4 ul{
	padding-top:100px;
	padding-bottom:5px;
	padding-left:120px;
}
#page1 .banner4 ul li { 
	/* background: url(images/vinitcen1.png) left top no-repeat ;*/
	padding-left:2px;
	margin-top: 5px; 	
	/*line-height: 25px;  Define el interlineado del texto */	
	font-family: Arial, Helvetica, sans-serif; 
	width: 175px;
	padding-bottom:5px;
	list-style-image:url(images/vinitcen1.png);
}
#page1 .banner4 ul li a {
  text-decoration: none;
  color: #fbd4d4;
  display: block; 	  
  padding-left:2px;
}

#page1 .banner4 ul li a:hover {
  color: #fff;  
  background: #606c88;
  
}

.banners h1 {padding: 1px 0; font-weight:normal;}
.banners p {color:#fff; padding:0 1px;}
.banners p.extra { margin-right:-15px;}

.banner_btn a {
	float: right;
	display:inline-block; 
	width:101px;
	height:19px; 
	line-height:18px; 
	text-align:center; 
	background:url(images/bg_btn_ban_1.png) no-repeat top center; 
	color:#f3d4d4; 
	text-decoration:none;
	vertical-align:middle;	
}
.banner_btn a span{
	font-weight:bold;
	font-size: large;
	bottom: 0;
}

.banner_btn a:hover {	
	background:url(images/bg_btn_ban_2.png) no-repeat top center; 
	color:#fff; 	
}


.btn_sup a {
	float: right;
	display:inline-block; 
	width:101px;
	height:19px; 
	line-height:18px; 
	text-align:center; 
	background:url(images/btn_1.png) no-repeat top center; 
	color:#f3d4d4; 
	text-decoration:none;
	vertical-align:middle;	
}
.btn_sup a span{
	font-weight:bold;
	font-size: large;
	bottom: 0;
}

.btn_sup a:hover {	
	background:url(images/btn_2.png) no-repeat top center; 
	color:#fff; 	
}




.banner1 a:hover {color:#a10608;}
.banner2 a:hover {color:#d57f01;}

#contenidotext1 {
        font-size: 0.85em;
        width: 35em;
        padding: 0px 15px;     
}

#tercero {
	clear: both;
	width: 958px;
	height: 20px;
	background: url(images/row1_bg_bottom.gif) top no-repeat #c00000;
}

#pie {
	/*background: #b00808; */        
	clear: both;
	padding: 5px 0px;
	margin: 0px 0;
    width: 958px;
    background: #C00000;
    color: #999999;
}


#banda_azul{
	clear: both; 	
	width: 976px; height:110px;
	margin: 0px 0px 0px -9px;
	background: url(images/bg_pie_azul.png) top no-repeat transparent;
	text-align:center;	
}

#copyright{
	clear:both;
	float:left;
	margin: 25px 10px;
	padding-left: 10px;
}

#copyright span{
	color:#fff;
}

#experiencia{
	margin: 25px 30px 0px 30px;
	float:left;
	text-align:center;
}

#ic_pie{
	margin: 10px 30px 0px 10px;
	float:right;
}

#pie #menu_pie{	
	margin: -5px 0px; 
	padding-right: 10px;
	color:#FBD4D4;
	clear:both;
    float:right;
}

#pie #menu_pie ul {
    overflow: hidden;
    padding: 0 25px 0 0;
    clear:both;	
}
#pie li {
    float: left;
    list-style-type: none;
}
#pie li a {
    color: #FBD4D4;
    margin: 0 8px 0 7px;
    text-decoration: none;
}
#pie li a:hover {
    color: #fff;
}
#pie li a.active {
    color: #fff;
    cursor: default;
}


/* Lista de planteles */
#planteles_cd ul{
	padding-top:10px;
	padding-bottom:5px;
	padding-left:30px;
}
#planteles_cd ul li { 
	padding-left:0px;
	margin-left:0px;
	margin-top: 5px; 	
	line-height: 20px; /* Define el interlineado del texto */	
	font-family: Geneva, Verdana; 
	width: 200px;   
	padding-bottom:5px;
	list-style-image:url(images/vinitcen1.png);
}
#planteles_cd ul li a {
  text-decoration: none;
  color: #003366;
  display: block; 	  
  padding-left:6px;
}

#planteles_cd ul li a:hover {
  color: #fff;  
  background: #606c88;
}

.regresar {
	color:#000fff;
	}
.regresar a{
	display:inline-block; 	
	background:url(images/banner_btn.png) no-repeat top center; 
	width:67px; 
	line-height:22px; 
	text-align:center; 
	color:#0000cc;
	padding-left:5px;	
}
.regresar a:hover {
	padding-left:5px;color:#cc3311;
	display:inline-block; 	
	background:url(images/banner_btn.png) no-repeat top center; 
	width:67px; 
	line-height:22px; 
	text-align:center; 
	color:#cc3300;
	padding-left:5px;	
}

.limpiarfloat{
	clear:both;
}

p.unidad, li.unidad, div.unidad {
    color: #000066;
    font-family: Arial;
    font-size: 14pt;
	font-weight:bold;
    margin-right: 0;
    margin-top: 12px;
    text-align: left;
    text-indent: 0;
    margin-bottom: 6pt;
    line-height: 18px; 		
}

p.telefono, span.telefono, div.telefono {
    color: #b00808;
    font-family: Arial;
    font-size: 14pt;
	font-weight:bold;
    margin-right: 0;
    margin-top: 16px;
    text-align: left;
    text-indent: 0;
    margin-bottom: 6pt;
    line-height: 24px; 		
}