/* CSS Document */
*{margin:0;padding:0;}
html,body{
background:#FFF;
color:#333;
text-align:center;
height: 120px;
}
body{font:12px arial,helvetica,verdana,sans-serif;}
h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
a{color:#333;text-decoration:none;}
a:hover{color:#666;}
#wrapper{border-top: 5px solid #333;margin:0px auto;text-align:left;width:800px;}
#banderas{width: 35px; text-align:right; height: 30px; padding: 0 2px 0 2px; float:right;}
/*ESTILOS PARA EL MENÚ Y LA CABECERA*/
#masthead{padding:5px 0;}
#masthead h1 a{text-transform:uppercase;width:400px;float:left;margin:12px 0 0 0;}
#masthead h1 a em{font-style:normal;color:#555;}
ul.nav{list-style:none;background:#fff;}
.nav li{border-right:1px solid #DDD;float:left;display:block;width:94spx;}
.nav li a{font-size:11px;outline:none;color:#333;text-decoration:none;display:block;padding:10px 0 12px 5px;width:94px;text-transform:uppercase;}
.nav li a span{font-size:11px;color:#777;text-transform:lowercase;}
.nav li a:hover{background:#333;color:#eee!important;width:94px;}
* html .nav li a:hover{background:#333;width:93px;}
.nav li.skip{border-left:1px solid #DDD;float:right;display:block; width:94px;}
.nav li.skip a{width:94px;}
li.top{border-left:1px solid #DDD;float:right;display:block; width:94px;}
li.top a{width:94px;}
.nav li.skip a:hover, li.top a:hover { background: transparent;color: #333 !important;}
#archives{background:#333;}
#archives ul{list-style:none;padding:5px 0 3px 0;}
#archives li{float:left;display:block;width:101px;}
#archives li a{font-weight:bold;color:#7F7F7F;width:99px;display:block;padding:2px 0 4px 5px;}
#archives li a:hover{color:#EEE;}
/***********CAPAS PARA EL CONTENIDO**************/
div#center{height: 400px; overflow:hidden;}
/*capa medio arriba*/
#panelMedio{width:780px; height: 400px; background:url(../img/middlebg.jpg) 0 0 no-repeat; position:relative; margin:10px auto; padding:28px 0 0 0px;}
#panelVacaciones,#panelRuta{
width:800px;
position:relative;
top:0px;
left:0px;
padding-top: 5px;
}
#panelFichas{width:500px;margin: 0 auto;padding-top: 5px;float:left;}
#panelarribaMedio{width:779px; position:relative; top:0px; left:0px; padding-top: 5px;}
#panelarribaMedio p{font:14px/20px Arial, Helvetica, sans-serif;color:#333;}
#panelarribaMedio p.captiontext{font:12px/17px Verdana, "Times New Roman", Times, serif; background:#fff; color:#989898; padding:0 25px 0 25px;}
#panelarribaMedio p.name{width:77px; background:#fff; color:#000; font-size:14px; font-style:italic; font-weight:bold; padding:0 0 0 300px;}
#panelarribaMedio p.border{background:url(../img/dot-line.gif) 0% 50% repeat-x; height:74px; padding:0px; margin:0px;}
#panelarribaMedio #foto{width:307px; height:204px; background:url(../img/foto.jpg) 0 0 no-repeat #DFCC97; color:#fff; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:0px; right:0px;}
#panelarribaMedio #foto p.largeone{font-size:24px; padding:18px 0 0 100px;}
#panelarribaMedio #foto p.largetwo{font-size:30px; padding:5px 0 0 100px;}
#panelarribaMedio #foto p.click{width:51px;}
#panelarribaMedio #foto p.click a{width:36px; height:18px; display:block; font-size:16px; background:url(images/arrow.gif) 0% 50% no-repeat #AC9248; line-height:14px; color:#fff; text-decoration:none; margin:14px 0 0 166px; padding:0 0 0 15px;}
#panelarribaMedio #foto p.click a:hover{text-decoration:underline;}
/*fin capa medio arriba*/
/*capa contenido izq*/
#panelIzquierdo{width:200px; float:left;}
#panelIzquierdo h2{width:200px; font:22px/28px Georgia, "Times New Roman", Times, serif; background:#fff; color:#3D3C2C;}
#panelIzquierdo h3{width:300px; height:70px; background:url(../img/icon1.jpg) 0% 50% no-repeat #fff; color:#B38800; font:18px/70px Georgia, "Times New Roman", Times, serif; padding:0 0 0 65px;}
#panelIzquierdo p.titulo{font-size:18px; background:#fff; color:#999999; padding:0 61px 0 0;}
#panelIzquierdo p.more{width:66px; height:25px;}
#panelIzquierdo p.more a{width:60px; height:25px; display:block; background:url(../img/arrow1.gif) 85% 50% no-repeat #AC9145; color:#fff; font:14px/25px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; margin:0 0 0 300px; padding:0 0 0 6px;}
#panelIzquierdo p.more a:hover{background:url(images/arrow1.gif) 85% 50% no-repeat #D20039; color:#fff; text-decoration:none;}
#panelIzquierdo ul{padding:5px 62px 10px 0;}
#panelIzquierdo ul li{height:20px;}
#panelIzquierdo ul li.top-lipadding{padding:24px 0 0;}
#panelIzquierdo ul li a{background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#3D3C2C; font-size:14px; line-height:20px; text-decoration:none; padding:0 0 0 20px;}
#panelIzquierdo ul li a:hover{ background:url(images/bullet2.gif) 0 6px no-repeat #fff; color:#7A7A77; text-decoration:none;}
/*fin capa contenido izq*/
/*paneles inferiores*/
#panelInferior{width:750px; margin:0 auto 0 auto; background-color:#fff; height:275px;}
/*inferior izquierda*/
#inferiorIzq{width:350px; float:left;}
#inferiorIzq h2{background:url(../img/current_events.gif) no-repeat 23px 19px #FFF;width:274px;height:40px;display:block;font-family:Georgia, "Times New Roman", Times, serif;font-size:28px;color:#333333;padding:22px 0 0 121px;line-height:17px;font-weight:normal;}
#inferiorIzq h2 span{font-family:Georgia, "Times New Roman", Times, serif;color:#666666;font-size:14px;font-weight:bold;line-height:17px;}
#inferiorIzq p{width:250px; display:block; margin:0 39px 0 23px; line-height:17px; margin-top:20px; font-size:14px; padding-bottom:5px;}
#inferiorIzq a{width:50px; height:23px; display:block; margin:10px 0 0 275px; font-family:Georgia, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; background:url(images/more_bg.gif) no-repeat #FFFBEF; text-decoration:none; line-height:19px; padding-left:18px;}
#inferiorIzq a:hover{}
/*fin inferior izquierda*/
/*inferior derecha*/
#inferiorDer{width:300px;float:right;}
#inferiorDer form.login{}
#inferiorDer form.login h2{}
/*fin inferior derecha*/
/*fin paneles inferiores*/
/***********FIN CAPAS CONTENIDO*********************/
/******************TEXTO**********************************/
/*#noticia{font-family: "Lucida Sans Unicode", sans-serif;font-size: 13px; color: #777;line-height:20px; text-align:justify; padding: 10px 10px 20px 20px;}*/
.destacado {font-family: Verdna, "Times New Roman", Times, serif;float:left;color:#993300;width:200px;padding:6px;margin-right:10px;position:relative;font-size:18px;font-weight:normal;text-align:left;font-style: italic;border-top:4px solid #CCC;border-bottom:4px solid #CCC;}
.textos{padding: 2px 10px 0 15px; line-height: 20px;}
/*****************FIN TEXTO*******************************/
/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;}
* html .fix{height:1%;}
.fix{display:block;}
/***footer****/
/*#footer{width:100%;height:163px;margin:0 auto 0 auto; float:left;font:11px/16px Arial, Helvetica, sans-serif;background: #fff url(../img/fnd_footer.gif) repeat-x 0 0;}
#footer ul{width:600px; margin:21px auto 0 auto; display:block; font-size:0px; height:20px;padding-left:130px;}
#footer ul li{display:block; float:left; height:16px; font:13px/16px Arial, Helvetica, sans-serif;}
#footer ul li a{margin:0 10px 0 10px; text-decoration:none;color:#333;}
#footer ul li a:hover{text-decoration:underline;}
#footer ul.ad{width:435px; margin:17px auto 0 auto; display:block; height:50px;}
#footer ul.ad li{display:block;float:left; margin:0px 0 0 0; border-right:#FFFFFF 1px dashed; height:37px;}
#footer ul.ad li.lil{display:block;float:left; margin:0px 0 0 0; border-right:none; height:37px;}
#footer ul.ad li a.add{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; color:#353535; text-decoration:none; font-weight:bold; margin:0 10px 0 10px;}
#footer ul.ad li a.add:hover{text-decoration:none;}
#footer ul.ad li a.add span{color:#666666;}
#footer p{width:203px; margin:0 auto 0 auto;display:block;}
#footer p.lk {margin:0 auto; text-align:center;}
#footer p.lk a {color:#fff;}
#footer p a:hover {color:#000;background-color:#C6C6C6;}*/
.footer{width:800px;height:26px;border-top:4px solid #CBCBCB;border-bottom:5px solid #FFF;background-color:#E8E8E8;text-align:center;color:#A2A2A2;clear:both;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: 26px;font-weight: bold;font-variant: normal;text-transform: none;text-decoration: none;margin: 0 auto;}
.footer-link{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: 26px;font-weight: bold;font-variant: normal;text-transform: none;
color: #A2A2A2;text-decoration: none;}
.footer-link:hover{color:#333;text-decoration:underline;}
/*FIN footer*/
/*SUBMENÚS*/
#cursos{background:#333;}
#cursos ul{list-style:none;padding:5px 0 3px 0;}
#cursos li {float:left;display:block;width:800px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#cursos li a{font-weight:normal;color:#E4E4E4;width:780px;display:block;padding:2px 0 4px 5px;}
#cursos li a:hover{color:#FFF;}
#actv{background:#333;}
#actv ul{list-style:none;padding:5px 0 3px 0;}
#actv li {float:left;display:block;width:800px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#actv li a{font-weight:normal;color:#E4E4E4;width:780px;display:block;padding:2px 0 4px 5px;}
#actv li a:hover{color:#FFF;}
#empresas{background:#333;}
#empresas ul{list-style:none;padding:5px 0 3px 0;}
#empresas li {float:left;display:block;width:800px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#empresas li a{font-weight:normal;color:#E4E4E4;width:780px;display:block;padding:2px 0 4px 5px;}
#empresas li a:hover{color:#FFF;}
#tantan{background:#333;}
#tantan ul{list-style:none;padding:5px 0 3px 0;}
#tantan li {float:left;display:block;width:800px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#tantan li a{font-weight:normal;color:#E4E4E4;width:780px;display:block;padding:2px 0 4px 5px;}
#tantan li a:hover{color:#FFF;}
/*FIN SUBMENÚS*/
/******DESLIZADOR********/
#CF {visibility:hidden; position:relative;}
#CF img {position:absolute;border:none; margin-top: -35px;}
#captions {position:absolute;width: 600px;text-align:center;z-index:10000; margin-top: 20px; margin-left: 130px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666;}
#slider {
position:relative;
width: 770px;
z-index:99999;
margin-top: 50px; /*border:2px solid #b3b3b3;*/
background-color:#fff;
height: 50px;
}
#knob {width:70px;height:50px;}