@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(superfish.css);
@import url(superfishp.css); /* CLASES CSS PARA EL MENU PRINCIPAL*/
@import url(tabs.css);
@import url(avicon.css);
@import url(contenido.css);
@import url(noticias.css);
@import url(ver_contenido.css);
@import url(sexylightbox.css);
@import url(tabla.css);
@import url(galeria.css);
@import url(jquery.countdown.css);
@import url(jquery.jcarousel.css);
@import url(skins/carrousel-banners.css);



/**************************************************************************/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444;
	background: url(../images/bg-dgiai.png) #E9E9E9;
	background-position:center top;
	background-repeat:no-repeat;
		
}

p {
	line-height:1.4em;
	margin:10px 0;
}

em {
	font-style:oblique;
}

strong, b{
	font-weight:bold;
	
}

a { 
	color:#973900;
	text-decoration:none;
}

a:hover {
	cursor:pointer;
	text-decoration:none;
}

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	margin:10px 0;
	line-height:1.4em;
	font-weight: bold;
}
h1 {
	font-size:20px;
	color:#000;
}
h2 {
	font-size:18px;
	color:#333;
}
h2 span {
	font-size:14px;
	color:#999;
	display:block;
}
h3 {
	font-size:16px;
	color:#666;
}
h4 {font-size:14px;
	color:#999;
}

.clear {
	clear:both;
}
	

/**************************************************************************
ESTILO PARA EL CUERPO DE LA PAGINA
UBICACIÓN: "pages/head.php".
**************************************************************************/

.page {
	width:960px;
	margin:0px auto 0px auto;
	background:#fff;
	min-height:550px;
	
}

.head {
	height:110px !important;
	position:relative;
	background: #fff /*url(../images/bg-head.jpg)*/ repeat-x center top;	
	}

.logo-sec{
	background:url(../images/logo-black.png) no-repeat center top;
	height:88px;
	width:320px;
	position:absolute;
	left:10px;
}

.menu-principal{
	position:absolute;
	top:15px;
	right:0px;
	width:500px;
	
	
}
	
	
	
.head-shadow {
	height:10px;
	background: #fff url(../images/bg-shadow-banner.jpg) no-repeat center top;
	display:none;
	
}
	


/****************************************************************/

.menu1 {	
	height:30px;
	background:#BDBBB4;
	position:relative;	
}

.menu1 .sf-menu li li, .menu1 .sf-menu li li li {
	background:#BDBBB4;
}

.menu2 {	
	height:30px;
	background:#3D8231;
	position:relative;	
}

.menu2 .sf-menu li li, .menu2 .sf-menu li li li {
	background:#3D8231;
}

.menu3 {	
	height:30px;
	background:#FF9A00;
	position:relative;	
}

.menu3 .sf-menu li li, .menu3 .sf-menu li li li {
	background:#FF9A00;
}

.menu4 {	
	height:30px;
	background:#FF6600;
	position:relative;	
}

.menu4 .sf-menu li li, .menu4 .sf-menu li li li {
	background:#FF6600;
}

.menu5 {	
	height:30px;
	background:#050659;	
	position:relative;
}

.menu5 .sf-menu li li, .menu5 .sf-menu li li li {
	background:#050659;
}

.menu6 {	
	height:30px;
	background:#564848;	
	position:relative;
}

.menu6 .sf-menu li li, .menu6 .sf-menu li li li {
	background:#564848;
}



.menu7 {	
	height:30px;
	background:#FF6600;
	position:relative;	
}

.menu7 .sf-menu li li, .menu7 .sf-menu li li li {
	background:#FF6600;
}

.menu8 {	
	height:30px;
	background:#159A69;
	position:relative;	
}

.menu8 .sf-menu li li, .menu8 .sf-menu li li li {
	background:#159A69;
}

.menu9 {	
	height:30px;
	background:#8B9442;
	position:relative;	
}

.menu9 .sf-menu li li, .menu9 .sf-menu li li li {
	background:#8B9442;
}


.menu10 {	
	height:30px;
	background:#1C7A42;
	position:relative;	
}

.menu10 .sf-menu li li, .menu10 .sf-menu li li li {
	background:#1C7A42;
}

.menu11 {	
	height:30px;
	background:#185931;
	position:relative;	
}

.menu11 .sf-menu li li, .menu11 .sf-menu li li li {
	background:#185931;
}


.menu12 {	
	height:30px;
	background:#564848;
	position:relative;	
}

.menu12 .sf-menu li li, .menu12 .sf-menu li li li {
	background:#564848;
}

.menu13 {	
	height:30px;
	background:#564848;
	position:relative;	
}

.menu13 .sf-menu li li, .menu13 .sf-menu li li li {
	background:#564848;
}


.menu14 {	
	height:30px;
	background:#5B4A80;
	position:relative;	
}

.menu14 .sf-menu li li, .menu14 .sf-menu li li li {
	background:#5B4A80;
}


.menu22 {	
	height:30px;
	background:#000;
	position:relative;	
}

.menu22 .sf-menu li li, .menu2 .sf-menu li li li {
	background:#000;
}


/******************************************************************/

.foot{
	background:#322C27 url(../images/bg-foot.jpg) repeat-x top;
	margin:0 auto;
	width:960px;
	height:60px;
	position:relative;
	margin-bottom:30px;
	border-top:2px solid #E6E4DE;

}

.col-1 {
	float:right;
	
	width:260px;
	margin-top:10px;
	padding:0 10px;
	
	
	
}

.col-2 {
	float:left;
	width:679px;
	min-height:800px;
	/*background:url(../images/bg-col-2.png) no-repeat right 0px;*/
	border-right:1px solid #F2F0EA;
	
	
	
}





.img-left{
	float:left;
	margin:0px 5px 5px 0px;
	padding:5px;
	background:#fff;
	
	
}

.img-right{
	float: right;
	margin:5px;
	padding:5px;
	
	background:#fff;
	
}

.img-centro{
	
	margin:5px auto;
	padding:5px;
	
	background:#fff;
	border:1px solid #f5f5f5;
}



.img-left-2{
	float:left;
	margin:5px;
	margin-top:0;
}

.img-right-2{
	float: right;
	margin:5px;
	margin-top:0;
}

.img-centro-2{
	float: none;
	clear:both;
	margin:5px auto;
	
}

.img-left-3{
	float:left;
	margin:5px;
	margin-top:0;
	width:80px;	
}


/******************************************************************/

.foot .texto {
	font-size:10px;
	color:#B4AE9D;
	position:absolute;
	width:800px;
	top:10px;
	left:10px;
	line-height:1.2em;

}

.foot .texto strong {
	text-transform:uppercase;
}

.foot .texto a {
	color:#CCC;
}

.flogo-ns {
	background:url(../images/logo-foot-ns.jpg) no-repeat center;
	width:200px;
	height:60px;
	position:absolute;
	top:0;
	right:0;
}

/*****************************************************************INICIO*/

.menu-recomendamos, .multimedia{
	margin:15px 10px;
	background: #fff ;
	font-size:11px;
		
}

.multimedia {
	border:0px;
}

.menu-recomendamos h3{
	color:#fff;
	background: #F9B200;
	padding:5px 10px;	
	font-size:11px;
	font-weight:normal;
	margin:0; margin-bottom:5px;
	
}




.menu-recomendamos li {
	list-style:url(../images/bullet.gif) inside;
	margin-left:0px;
	border: 0px solid #fff;
	padding:6px 6px;
	
}
.menu-recomendamos li a {
	color:#333;

	
}

.menu-recomendamos li:hover {
	background:#FFF4D6;
	padding:5px;
	border: 1px solid #F3DA98;
	text-decoration:none;
}



.bread {
	margin:10px 0;
	color:#666;
}

/*********************************************/



.encuesta {
	border-top:3px solid #FC6;
	width: auto;
	padding:10px;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
}




.campo {
	width:80%;
}




.error {
	color:#F00;
	font-weight:normal;
	font-size:11px;
	display:block;

	
}

.checked {
	background: #03C;
	display:inline;
	width:20px; height:20px;
	background:url(../images/icons/accept.png) no-repeat center;
	padding:5px 6px;
	margin-left:1px;
}



.obligatorio {
	color:#564848; font-weight:bold; padding:0 5px; font-size:13px;
}

small {
	font-size:12px;
	font-weight:normal;
}

/********************************/



.meta2 {
	margin:10px 0;
}


.contador {
	padding:5px;
	margin:5px;
	color:#333;
	line-height:1.2em;
	border:1px  dotted #ddd;
	display:block;

}


.contador strong{ 
	font-size:13px;
	font-weight:normal;
	margin-bottom:5px;
	display:block;
	
	display:block; 
	
} 
.cred strong a {background:#FC735F;color:#FFF;padding:5px;display:block}
.cgreen strong a{background:#A6DD00;color:#FFF;padding:5px;display:block}
.cyellow strong a{background:#FFD52D;color:#FFF;padding:5px;display:block}

.hasCountdown {
	background:0;
	border:0;
	margin:10px auto;
}

.countdown_amount {
	font-size:14px;
	font-weight:bold;}

/*.cred{
	background:#FFF4F2;
	border:1px solid #FDA093;
	
}*//*.cgreen{
	background:#F7FFDD;
	border:1px solid #C2FF0D;
	
}*/
/*.cyellow{
	background:#FFFAE6;
	border:1px solid #FFE26F;
	
}*/






.addthis_toolbox {
	padding:5px 0;	
	margin:5px 0;
	
}




.contadores {
	margin:10px auto;
	width:250px;
}

.contadores h5 {
	margin:10px 0;
	font-size:16px;
	
}

/***********************************MENU PROGRAMAS 
*************************************************/

ul.menu-programas li{
	

border-right:1px solid #555555;
	font-weight:bold;

line-height: 40px;

	float:left;
	
	
}
nav{
	border: 1px solid #d5d5d5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    background: url(../images/nav_bg.gif) repeat;
    height: 33px;
    position: relative;
    margin: 0 0 20px 0;
}

.menu-programas2 {
    line-height: 1.0;
}
.menu-programas2, .menu-programas2 * {
    margin: 0;
    padding: 0;
    list-style: none;
	
}

#nav li {
    border-right: 1px solid #d5d5d5;
	font-weight:bold;
	
}
.menu-programas2 li {
    float: left;
    position: relative;font-weight:bold;
	line-height: 20px;
	border:1px solid #093;
}




ul.menu-programas li a{
	padding:10px 30px;
	color:#555555;
	line-height:1.2em;
	display:block;
	width:auto;
	height:autopx;
	/*text-shadow: 0px 1px 0px #333;*/
}

ul.menu-programas li a:hover{
	text-decoration:none;
	font-weight:bold;
}



ul.menu-programas li.CEI{
	font-weight:bold; 
	background: #575756;
}




ul.menu-programas li.CEI a{
	background: #818181;
	/*padding-left:60px;
	width:90px;*/
	
}



/*ul.menu-programas li.CSA{
	background:url(../images/bg-menu-csa.jpg) repeat-x top;
}




ul.menu-programas li.CSA a{
	background:url(../images/logo-csa-menu.png) no-repeat 10px  center;
	padding-left:50px;
	width:100px;
	
}

ul.menu-programas li.CSA:hover{
	background:url(../images/bg-menu-csa-h.jpg) repeat-x top;
}
*/
ul.menu-programas li.PROBEM{
	font-weight:bold;
	background: #F0592F;
}

ul.menu-programas li.PROBEM a{
	background:#F6921E;
	/*padding-left:60px;
	width:130px;*/
	
}

/*ul.menu-programas li.PROBEM:hover{
	background:url(../images/bg-menu-probem-h.jpg) repeat-x top;
}*/

ul.menu-programas li.PIP{
	font-weight:bold;
	background:#188940;
}

ul.menu-programas li.PIP a{
	background:#37B34A;
	/*padding-left:60px;
	width:130px;*/	
}


/*ul.menu-programas li.PIP:hover{
	background:url(../images/bg-menu-pip-h.jpg) repeat-x top;
}*/

ul.menu-programas li.IESA{
	font-weight:bold;
	background:url(../images/bg-menu-iesa.jpg) repeat-x top;
}

ul.menu-programas li.IESA a{
	background:url(../images/logo-iesa-menu.png) no-repeat 10px  center;
	padding-left:60px;
	width:130px;	
}

/*ul.menu-programas li.IESA:hover{
	background:url(../images/bg-menu-iesa-h.jpg) repeat-x top;
}*/

ul.menu-programas li.MATF{
	background:#B62324;
	font-weight:bold;
}

ul.menu-programas li.MATF a{
	background:#EE4036;
	/*padding-left:60px;
	width:130px;*/
	
}

/*ul.menu-programas li.MATF:hover{
	background:url(../images/bg-menu-matf-h.jpg) repeat-x top;
}*/


/***********************Programas****************
************************************************/
.tbienvenida {
	display:block;
	clear:both;
	padding:10px;
	padding-bottom:0;
	font-size:16px;
	color:#332D28;
}

.tprogramas {
	background:#665A51;
	padding:7px 10px;
	color:#FFF;
	clear:both;
	display:block;
	width:260px;
	margin:10px 0 !important;
	clear:both;
	
}
.programas li {
	padding:10px;
	width:310px;
	border-bottom:1px solid #F2F0EA;
	border-left:1px solid #F2F0EA;
	float:left;
	height:260px;
	line-height:1.4em;
}

.programas li strong{
	color:#332C26;
	font-size:13px;
	
}

.programas li.nbl {
	border-left:0;
}

.programas li.uno {
	width: auto;
	height:auto;
	clear:both;
	padding:10px 20px;
	border:0px;
	background:url(../images/bg-bienvenidos.jpg) no-repeat center bottom;
	margin-bottom:20px;
}

.programas li.tres {
	width: auto;
	height:auto;
	height:150px;
	clear:both;
	padding:10px 20px;
	background:url(../images/bg-bienvenida-programa.jpg) no-repeat -40px 5px;
	margin-bottom:20px;
}

.programas li.tres h2{
	
}

/**********************Banners*************************************/


#carrousel-banners {	
	margin:10px auto;
}

.carrousel-banners {
	/*background: url(../images/bg-carrousel-banners.jpg) no-repeat center top;
	padding-top:20px;
	margin:5px;*/
}

.banner-programa li {
	text-align:center;
	display:block;
	padding:10px 5px;
}


/**********************Galerias*************************************/

.galerias{
	padding:20px;
}

.galerias-list li{
	width:180px;
	height:220px;
	overflow:hidden;
	padding:10px;
	border:1px solid #ddd;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.galerias-list li a {
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
	display:block;
	margin:5px 0;
}

.galerias-list-side li{
	padding:5px;
	border:1px solid #ddd;
	margin:5px 0;

}

.galerias-list-side li a {
	font-size:11px;
	color:#333;
	line-height:1.2em;
}

.galerias-list-side li img{
	float:left;
	margin-right:5px;
}





/*
.galerias-list li{
	padding:10px 0;
	line-height:1.2em;
	display:block;
	clear:both;
	border-bottom:1px solid #F2F0EA;
}

.galerias-list.img-list-gal li img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.galerias-list.img-gal li img{

}

.galerias-list li a {
	font-size:12px;
	color:#332C26;
}

.galerias-list li span{
	display:block;
	font-size:11px;
	font-style:italic;
}

.galerias .ver-mas{
	display:block;
	padding:10px;
	text-align: right;
	font-weight:inherit;
	color:#973900;
	font-size:11px;
}
*/
/*************************/

.sitios-page{
	padding:10px;
	padding-right:15px;
	min-height:500px;
}

.sitios-page .avicon-list li{
	border-bottom:1px solid #F2F0EA;
	margin:10px 0;
	list-style:none;
}

.sitios-page .avicon-list li a {
	font-size:12px;
	font-weight:bold;
	color:#332C26;
}
	
/*******************************/

.contacto {
	padding:10px;
	padding-right:15px;
}



.html-side{
	padding:5px;
	background:#F5F2ED;
	border:1px solid #E3DBCC;
}

.html-side h3{
	font-size:14px;
	font-weight:bold !important;
	color:#973900;
}

.html-side ol li{
	display:block;
	margin:5px;
	line-height:1.4em;
}
	

.html-side .titulo {
	display:none;
	
	
}


.pagnav{
	padding:5px;
	text-align:right;
}
.pagnav span, .pagnav a {
	display:inline-block;
	padding:5px;
	background:#F5F2ED;
	border:1px solid #E3DBCC;
	font-size:11px;
	margin-left:5px;
}


.pagnav span{
	color:#973900;
	font-weight:bold;
}

.bannersp h4{
	padding:5px 10px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	background:#564848
}

h4 {
	font-weight:bold !important;
}