@import "general.css";

body,html{
margin:auto;
padding:0;
width:100%;
height:100%;
font-family: Arial,Helvetica,sans-serif;
color:#363636;
}



/****************HEADER*******************/
#header{
position:relative;
height:120px;
background: url("../css/img/bg_header.png") top left repeat-x;
overflow: hidden;
margin:auto;
}

.content-header{
   width:960px;
   height: 120px;
   position:relative;
   margin: 0 auto 0 auto;
   
}

.logouanl{
position:absolute;
overflow:hidden;
top: 10px;
left:20px;
margin:5px;
}

.whiteline{
   width:2px;
   height:85px;
   top: 15px;
   left: 230px;
   background:url("../css/img/whiteline.png") top left repeat-y;
   position: absolute;
   text-align: left;
   display: block;
}


.logobcayb{
position:absolute;
height:100px;
overflow:hidden;
top: 10px;
left:240px;
margin:5px;

}

.titulo-dgb {
    overflow: hidden;
    position: absolute;
    left: 380px;
    top: 30px;
    font-family: times, arial, helvetica;
    color:#fff;
    font-size: 28px;
   }

.sitemap {
    overflow: hidden;
    position: absolute;
    left: 880px;
    top: 60px;
    width:100px;
    font-family: arial, helvetica;
    color:#363636;
    font-size: 12px;
    margin:0 auto;
    overflow:hidden;
   }
   
.dateheader {
    overflow: hidden;
    position: absolute;
    left: 770px;
    top: 95px;
    width:210px;
    font-family: arial, helvetica;
    color:#363636;
    font-size: 12px;
    margin:0 auto;
    overflow:hidden;
   }
   
   
/****************HEADER MENU******************/
#header-menu{
width:100%;
height:32px;
background: url("../css/img/bg_menu.png") #1c2e61  top left repeat-x ;
overflow:hidden;
text-transform:uppercase;
font-weight:bold; 
font-family: Arial, Helvetica, sans-serif;
font-size:13px;

}

.content-menu{
   width:960px;
   height:32px;
   padding-top: 10px;
   position:relative;
   margin:auto;
}

.content-menu ul{
   width:960px;
   height:15px;
   margin:auto;
}

.content-menu li{
    margin-right: 60px;
    margin-left: 50px;
    float:left;
    list-style:none;
    text-align: center;
}

.content-menu li a{
    text-decoration:none;
    color:#945000;
}

.content-menu li a:hover{
    text-decoration:underline;
    color:#945000;
}


/****************FOOTER MENU******************/
#footer-menu{
width:100%;
height:32px;
background: url("../css/img/bg_menu.png") #1c2e61  top left repeat-x ;
overflow:hidden;
text-transform:uppercase;
font-weight:bold; 
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
}

#footer{
position:relative;
height:150px;
/*máximo height:190px;*/
background: url("../css/img/bg_header.png") top left repeat-x;
overflow:hidden;
margin:auto;
}

.content-footer{
   width:960px;
   position:relative;
   margin:auto;
   color: #363636; font-size:13px;
}

.logo-ice {
   background-image: url("../css/img/ice.png");
   width: 188px;
   height: 90px;
   background-repeat: no-repeat;
   position:absolute;
   margin-top:30px;
   left:15px;
   padding-bottom:0px;}

.logo-80aniv { background-image: url("../css/img/80aniversario.png");
	    width: 145px;
	    height: 90px;
	    background-repeat: no-repeat;
	    position:absolute;
	    margin-top:25px;
	    left:0px;
	    padding-bottom:0px;}
  
  /*BAJA 28feb23 CSR*/          
.logo-2030 {
   /* background-image: url("../css/img/vision2020.png"); se quitó el 03jul2019*/
   background-image: url("../css/img/vision2030.png");
   width: 188px;
   height: 90px;
   background-repeat: no-repeat;
   position:absolute;
   margin-top:30px;
   left:15px;
   padding-bottom:0px;}

.aniversariouanl {
   /* background-image: url("../css/img/vision2020.png"); se quitó el 03jul2019*/
   background-image: url("../css/img/90aniv.png");
   width: 188px;
   height: 90px;
   background-repeat: no-repeat;
   position:absolute;
   margin-top:30px;
   left:15px;
   padding-bottom:0px;}
   
.footer-left  {top: 40px; left:180px; position:absolute;}
.footer-center{top: 14px; left:600px; position:absolute; line-height: 40px;}
.footer-right {top: 14px; left:785px; position:absolute; line-height: 40px;}
.footer-right {top: 14px; left:785px; position:absolute; line-height: 40px;}
.footer-right, .footer-right img a{color: #363636; font-size:12px; top: 18px; left:790px; position:absolute; line-height: 40px;}
.footer-right img{top: 5px;left:-35px; position:absolute; line-height: 40px;}

.footer-left a, .footer-center a, .footer-right a
{color: #363636; text-decoration:none;}

.footer-left a:hover, .footer-center a:hover, .footer-right a:hover
{color: #363636; text-decoration:underline;} 

/****


#footer p{
width:876px;
text-align:right;
margin-right:20px;
margin-top:30px;
}



	    


*/

/************BANNER SLIDER***********/

#container-featured{
width:960px;
height:200px;
left:0;
margin:auto;
padding:0;
position:relative;
overflow:hidden;
z-index:1;
}

#container-featured ul{
margin:0;
list-style: none;
}

.featured {
   width: 960px;
   height:200px;
   position: relative;
   margin:auto;
   padding:0;
   z-index: 1;
   color:#333; }

.overlay {
   float: left;
   width: 500px;
   height: 200px;
   
   background: url("img/overlay.png") repeat-y right;
   position: absolute;
   z-index: 1999;
   } 

#promote-dgb .promote {
   position:relative;
   left:0;
   width:940px;
   height:200px;
   margin:auto;
   overflow:hidden;
   background:url("img/loading.gif") no-repeat 30% 50%; }

#promote-dgb .promote img { float: left; margin: 0 0 0 0; padding: 0; }
#promote-dgb .promote h1 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align:left; float: left; width: 410px; font-size: 26px; margin:15px 0px 5px 15px; line-height: 33px; }
#promote-dgb .promote p { float: left; width:420px; font-size: 17px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #363636; margin: 0 0 0 15px; line-height: 23px;  text-align:justify;}
#promote-dgb .promote h1 a { text-decoration:none; color: #c76c00; }
#promote-dgb .promote h1 a:hover { text-decoration:none; color: #c76c00; }
#nav { width: 500px; height: 40px; z-index: 2000; position:absolute; top: 162px; left: 500px; left: 540px\9; }
#nav li { float: left; margin-right: 5px; border: 1px solid #c5c5c5 }
#nav li a { display: block; padding: 2px; }
#nav li.activeSlide { border: 1px solid #c5c5c5; background-color: #cb9c29; color:#333;  }



/*****************PRINCIPAL CONTENT*****************/
#container{
   position:relative;
   left:0;
   top:0;
   width:960px;
   margin:0 auto;
   overflow:hidden;
   margin-bottom: 20px;
}

#content{
   position:relative;
   left:0;
   top:0;
   width:100%;
   overflow:hidden;
   
}

#line-banner {margin: 0 0 0 0; width:960px; height:2px; background:url("img/line3.png") top left repeat-x;  }

.left-inicio{
position:relative;
left:0;
top:0;
width:312px;
overflow:hidden;
float:left;
padding: 0px 3px 3px 3px;
/*background:#009922;*/
}

.center-inicio{
position:relative;
left:0;
top:0;
padding: 0px 3px 3px 5px;
width:312px;
overflow:hidden;
float:left;
border-left: 1px solid #c5c5c5;
border-right: 1px solid #c5c5c5;
/*background:#005588;*/
}

.right-inicio{
position:relative;
left:0;
top:0;
padding: 0px 3px 3px 5px;
width:312px;
overflow:hidden;
float:left;
/*background:#226678;*/

}

   
.servicios img {
        margin-bottom: 10px;
        width:305px;
        height: 150px;
        text-align: center;
        padding: 3px;
	}

.servicios ul{
  line-height: 1.5em;
  margin: 0;
  padding: 0 0 0 25px;
 }
 
 .servicios ul.ser{
  list-style-image:url("../css/img/vineta-ser.png");
 }
 
 .servicios ul.tec{
  list-style-image:url("../css/img/vineta-tec.png");
 }
 
  .servicios ul.ap{
  list-style-image:url("../css/img/vineta-ap.png");
 }

.servicios a {
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   font-size:16px;
   text-decoration: none;
   color: #363636;
   margin: 0 0 0 0;
	}
        
.servicios a:hover {
   text-decoration: underline;
	}




/* EVENTOS*/

table.eventos {border-top: 1px solid #c5c5c5; width:550px; margin: 5px 0 10px 5px; padding: 5px 5px 5px 0 ;  overflow: hidden;}

.eventos
{
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   padding: 5px;
   border-top: 1px solid #c5c5c5;
   font-size:12px;
   color:#363636;
   height: 80px;
  
   
}

.eventos-sec a, .eventos-sec a:hover
{
   color:#363636;  
}

h3.month{
   padding: 5px;
}

h3.day {
   border-right: 1px solid #c5c5c5;
   width: 45px;
   height: 40px;
   text-align:center;
   padding: 10px 5px 5px 5px;
   font-size:16px;
   float: left;
   margin:auto;
   margin-right: 10px;
	}
        



.date{font-size:10px; color:#8b6638;}
        
.titeve a{
   text-align:justify;
   font-weight: bold;
   font-size:12px;
   float: left;
   margin:auto;
   margin-right: 10px;
   color:#363636;
   
	}

.dateeve {
   text-align:justify;
   font-style: italic;
   font-size:12px;
   float: left;
   margin:auto;
   margin-right: 10px;
   color:#363636;
    
	}
        
.desceve {
   text-align:justify;
   font-size:12px;
   float: left;
   margin:auto;
   margin-right: 10px;
   color:#363636;
    width:450px;
	}

ul.none{
   list-style-type: none;
	}

   
/*Search
#search-content{ overflow: hidden;
    position:absolute;
    width: 300px;
    height:30px;
    left: 670px;
    top:10px;
}
    
#search{ overflow: hidden;
    font-family:Arial, Helvetica, sans-serif; 
    color:#363636;
    font-size: 12px;}
#search img{ border:0px; }
#search input[type='text'] {background:url(../css/img/img_search.png) top left no-repeat; width: 190px; height:25px; padding-left:30px; border:0px; float:left;}
#search input[type='image'] {position:absolute; float:left; padding-left:2px; border:0px;}
#search fieldset {border:0px;}


.english {
    overflow: hidden;
    position: absolute;
    left: 925px;
    top: 60px;
    width:100px;
    font-family: arial, helvetica;
    color:#363636;
    font-size: 12px;
    margin:0 auto;
    overflow:hidden;

   }


/**** Left menu PRINCIPAL****


/*Left-properties-NEWS


	
/**** NEWS Secundary***/
.news-sec
{
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   vertical-align: top;
   margin: 0 5px 10px 0;
   font-size:12px;
   color:#363636;
}

.news-sec
{
vertical-align: top;
}

.news-sec a, #news-sec a:hover
{
   color:#363636;  
}

.news-sec img {
	border: 1px solid #c5c5c5;
        width: 130px;
        height: 60px;
        padding: 3px;
        margin-bottom: 5px;
        margin-right: 10px;
	}

.news-sec tr td.entra {
	vertical-align: top;
	}
	
/* NEWS Grande Agregado el 5 de enero de 2012*/
.news-gde
{
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   vertical-align: top;
   margin: 0 5px 10px 0;
   font-size:12px;
   color:#363636;
}

.news-gde
{
vertical-align: top;
}

.news-gde a, .news-gde a:hover
{
   color:#363636;  
}

.news-gde img {
	border: 1px solid #c5c5c5;
        width: 260px;
        height: auto;
        padding: 3px;
        margin-bottom: 5px;
        /**margin-right: 10px;**/
	}

        
/************NEWS*************/

#news {border-top: 1px solid #c5c5c5; width:550px; margin: 5px 0 5px 5px; padding: 10px 0 0 0;  overflow: hidden;}

img.news  {text-align: center; width:120px; height: 80px; border:1px solid #c5c5c5;  padding:3px; float:left; margin: 0 10px 20px 0;}
.newstit{font-family: arial; font-size: 16px; color: #363636; text-align: justify; padding: 0 0 0 0px;	}

/****NOTICIA GENERAL****
.newsfoto{text-align: right;   font-size:11px;   font-family: Arial, Helvetica, sans-serif;   font-weight:normal;   padding:10px;   color:#363636;}
.newsfuente{text-align: left;   font-size:12px;   font-family: Arial, Helvetica, sans-serif;   font-weight:normal;   padding:0 0 15px 5px;   color:#363636;}
img.banner-news{margin: 15px 0 5px 5px; padding:0; border: 0;}
**/



/* center-properties-EVENTS*

.events
{
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   padding: 5px;
   font-size:12px;
   color:#363636;
   height: 60px;
}

.events a, .events a:hover
{
   color:#363636;  
}
h3.desc {
   border: 1px solid #c5c5c5;
   width: 45px;
   height: 40px;
   text-align:center;
   padding: 10px 5px 5px 5px;
   font-size:16px;
   float: left;
   margin:auto;
   margin-right: 10px;
	}
        
        
/* EVENTS

/*.events-sec
{
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   padding: 5px;
   border-top: 1px solid #c5c5c5;
   font-size:12px;
   color:#363636;
   height: 60px;
   
}*/
/*
h3.month{
   padding: 5px;   
}

.events-sec a, .events-sec a:hover
{
   color:#363636;  
}

h3.day {
   border-right: 1px solid #c5c5c5;
   width: 45px;
   height: 40px;
   text-align:center;
   padding: 15px 5px 5px 5px;
   font-size:16px;
   float: left;
   margin:auto;
   margin-right: 10px;
	}
	
/**** Center description Una sola columna CENTRAL*****
#desc-iniciocentral{
position:relative;
left:0;
top:0;
width:755px;
padding: 0 5px 0 5px;
overflow:hidden;
float:left;
border-right: 1px solid #c5c5c5;
}

/**** Right menœ PRINCIPAL*****/
#rm-principal{
position:relative;
left:2px;
top:0;
margin: 0;
width:190px;
overflow:hidden;
float:left;
}


#rm-principal a img{
width: 182px;
    border:1px solid #c5c5c5;
   margin:0;
    padding:3px;
    margin: 5px 0 0 0;
    list-style: lower-greek;
}

/* Table Rigth Menu*/
#rm-princ ul{
    float:left;
    margin:0;
    padding:0;
    }
#rm-princ li{
    width: 182px;
    height: 40px;
    border:1px solid #c5c5c5;
    margin:0;
    padding:3px;
    margin: 5px 0 0 0;
    }


#rm-princ li a.txt1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:left;
    line-height:1.6;
    color: #363636; 
    font-size:12px;
    text-decoration:none;
    }

#rm-princ li a.txt2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:left;
    line-height:3;
    color: #363636; 
    font-size:12px;
    text-decoration:none;
    }

#rm-princ img{
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    float: left;
    text-align:center;
    }

#rm-princ a:hover.txt1 , #rm-princ a:hover.txt2 {text-decoration: underline; }

/* Table Rigth Menu
#rm-aviso{
position:relative;
width:182px;
height:120px;
padding:3px;
margin-bottom: 5px;
overflow:hidden;
float:left;
border: 1px solid #c5c5c5;

}

#rm-aviso h2
{
	font-family:Arial,Helvetica;
	color:#ffffff;
	font-size:14px;
	background:url("../css/img/bg_tit.png") no-repeat;
	text-align:center;
	width:182px;
        height:25px;
	font-weight:normal;
        margin:0;
}

#rm-aviso h2.top
{
        padding: 5px 0 10px 0 ;
}
.rmavisotxt { padding: 10px 5px 5px 5px; color:#2a2a2a; text-decoration:none; text-align:center; font-size:13px; }
.rmavisotxt a {color:#2a2a2a; text-decoration:none; font-size:13px; }
.rmavisotxt a:hover{ text-decoration:underline; }


*/



/*FONT PROPERTIES

h1{
   font-size:25px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   padding:5px;
   }

h2{
   font-size:20px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   padding-left: 5px;
   color:#8b6638;
   }
   
h2.fc2{
   font-size:20px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   padding:5px;
   color:#24366a;

   }
   
h3{
   font-size:16px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   margin-bottom:3px;
   }
   
h4{
   font-size:14px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:bold;
   text-align:justify;
   padding:5px;
   color:#363636;
   }
   
h4.fc2{
   font-size:14px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   padding:5px;
   color:#24366a;
   }


h5{
   font-size:12px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   padding:5px;
   color:#363636;
   }
   

   
h6{
   font-size:12px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   padding:5px;
   color:#363636;
   }
   
h7{
   font-size:12px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   padding:5px;
   color:#363636;
   }*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, #news-prin a, #new-sec a, #rm-princ a, #events a, #news-prin a .fc4
{text-decoration:none;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover, #news-prin a:hover, #new-sec a:hover,
#rm-princ a:hover, #events a:hover, #news-prin a:hover .fc4 
{text-decoration:underline;}

/*Left-properties-NEWS*/

.news-prin
{
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-align:justify;
   vertical-align: top;
   margin: 0 5px 10px 0;
   font-size:12px;

}
.news-prin tr td.fc4 a, .news-prin tr td.fc4 a:hover{font-size:14px; color:#24366a; }
.date{font-size:10px; color:#8b6638;}

a .date{text-decoration:none;}
a:hover .date{text-decoration:underline;}

.news-prin img {
	border: 1px solid #c5c5c5;
        padding: 3px;
        margin-bottom: 10px;
        width:360px;
        height: 160px;
	}
.news-prin tr td.entra {
	vertical-align: top;
	}
#news-prin a, #new-sec a, #news-prin a .fc4
{text-decoration:none;}
#news-prin a:hover, #new-sec a:hover, #news-prin a:hover .fc4 
{text-decoration:underline;}
/***

p {
text-align:justify;
padding: 5px;
font-size:13px;
color:#363636;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.3em;
}

center{
margin: 0;
padding: 0;
font-size:13px;
color:#363636;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.3em;
}
*/
a {
text-decoration:none;
color:#363636;
}

a:hover{
text-decoration:underline;
color:#363636;
}

a.yellow   {
text-decoration:none;
color:#8b6638;
}

a:hover.yellow {
text-decoration:underline;
color:#8b6638;
}
/*
ul, ol, h1, h2, h3, h4, h5, h6, h7{
margin:0;
}

li{
list-style:none;
}

img
{
  border:0;
}
*/
/************FECHA ACTUALIZACION****************/

.clear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
}

/* LIST  Rigth Menœ INEGI*

    
.embed {
    width: 190px;
    height: 190px;
    margin-top: 5px;
    padding:0;   
    } 
    
/* Captcha *

#signupform {
    padding-left: 20px;
    width:320px;
            }
#signupform p{
width:500px;
text-align:left;
margin-right:0px;
margin-top:0px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:3px;
}

#signupform img{
    width: 132px;
    height: 46px;
    margin: 0 10px 0 0;
    float: left;
    text-align:center;
    }

input, textarea{
    font-size: 15px;
}
.status {
    color:#ac1413;
    font-family: arial,helvetica,sans-serif;
    font-size:15px;
}

.select {width:90%;}


.logo-ice { background-image: url("../css/img/ice.png");
	    width: 188px;
	    height: 90px;
	    background-repeat: no-repeat;
	    position:absolute;
	    margin-top:30px;
	    left:15px;
	    padding-bottom:0px;}