@charset "utf-8";
/* CSS Document */

body{ font-family:Arial; margin:0px; padding:0px; background-color:#06C;}

#jos_global{ width:970px; height:auto; margin:auto; padding:auto;  }

/*jos_global{ width:1000px; height:auto; margin:auto; padding:auto; background:#fff; border-left:20px solid #C2D9E9; border-right:20px solid #C2D9E9;}*/

#jos_top{ width:100%; height:auto; margin:auto; padding:auto; background:#fff; }
#jos_topcentro{ width:960px; height:auto; margin:auto; padding:auto; background-image:url(img/demotophome.jpg); }

#jos_bannerw{ width:960px; height:auto; margin:auto; padding:auto; background:#fff; }
#jos_banner{width:100%; height:auto; float:left; background:#FFF; margin:auto;}



#jos_menu{width:200px; float:left; background-color:#000; color:#FFF; height:800px;}

#jos_body{width:960px;  float:left;  padding-left:5px; padding-right:5px; margin:auto; padding:auto; margin-bottom:10px;}
#jos_body_contenido{width:700px;  float:left;  padding-left:5px; padding-right:5px; margin:auto; padding:auto; margin-bottom:10px; color:#FFF; font-size:13px;}

#quienesomos{float:left; width:230px; height:auto;  margin:5px; color:#FFF; font-size:12px;}
#quienesomosmenu{width:225px;  background: #E79702;height:32px; color:#FFFFFF; padding-left:5px; padding-top:5px; font-size:14px;}


#actividades{float:left; width:230px; height:auto;  margin:5px; color:#FFF; font-size:12px;}
#actividadesmenu{width:225px;  background: #E79702;height:32px; color:#FFFFFF;padding-left:5px; padding-top:5px; font-size:14px;}

#actividades ul{
margin:0;
padding:0;
list-style:none;
}
#actividades li{
border-bottom:1px solid #C9EAF1;
}
#actividades a{
padding:5px 0px 2px 4px;
color:#fff;
text-decoration:none;
display:block;
}
#actividades a:hover{
color:#fff;
background-color:#3FB5D0;
text-decoration:none;
}


#empleos{float:left; width:230px; height:auto;  margin:5px; color:#FFF; font-size:12px;}
#empleosmenu{width:225px;  background:#E79702; height:32px; color:#FFFFFF;padding-left:5px; padding-top:5px; font-size:14px;}


#empleos ul{
margin:0;
padding:0;
list-style:none;
}
#empleos li{
border-bottom:1px solid #C9EAF1;
}
#empleos a{
padding:5px 0px 2px 4px;
color:#fff;
text-decoration:none;
display:block;
}
#empleos a:hover{
color:#fff;
background-color:#3FB5D0;
text-decoration:none;
}



#feria_empresa{float:left; width:230px;  height:150px;  margin:5px; color:#FFF; font-size:12px; border-bottom:1px  #fff dashed; padding-bottom:3px; overflow:hidden;}
#feria_logo{float:left; width:75px; height:75px; padding:2px; border:2px solid #000;  color:#FFF; font-size:12px; overflow:hidden; background:#FFF;}
#feria_descripcion{float:left; width:140px;   height:80px; color:#FFFFFF; padding-left:2px; padding-top:1px; font-size:14px; overflow:hidden;}


#feria_empresa ul{
margin:0;
padding:0;
list-style:none;
}
#feria_empresa li{
border-bottom:1px solid #C9EAF1;
}
#feria_empresa a{
padding:0;
color:#fff;
text-decoration:none;
display:block;
}
#feria_empresa a:hover{
color:#fff;
background-color:#3FB5D0;
text-decoration:none;
}



#feria_detalle{float:left; width:680px;  height:auto;  margin:5px; color:#FFF; font-size:12px;  padding-bottom:3px; overflow:hidden;}
#feria_detalle_{float:left; width:690px;  height:auto;  margin:5px; color:#FFF; font-size:12px;  padding-bottom:3px; overflow:hidden;}

#feria_detalle_info_empresa{float:left; width:240px; padding-left:5px;  height:auto;  margin:5px; color:#FFF; font-size:12px;  padding-bottom:3px; overflow:hidden; border-left:1px #FFF dashed;}

#feria_detalle a{
padding:0;
color:#fff;
text-decoration:none;
display:block;
}

#feria_detalle_info_empresa a{
padding:0;
color:#fff;
text-decoration:none;}
#feria_detalle_info_empresa a:hover{
padding:0;
color:#FC0;
text-decoration:none;}

#feria_detalle_strong{
color:#fff;
text-decoration:none;
display:block;
border-top:3px solid #FC0;
}

#blog{float:left; width:230px; height:auto;  margin:5px; color:#FFF; font-size:12px;}
#blogmenu{width:225px;  background:#E79702; height:32px; color:#FFFFFF;padding-left:5px; padding-top:5px; font-size:14px;}
 
#blog ul{
margin:0;
padding:0;
list-style:none;
}
#blog li{
border-bottom:1px solid #C9EAF1;
}
#blog a{
padding:5px 0px 2px 4px;
color:#fff;
text-decoration:none;
display:block;
}
#blog a:hover{
color:#fff;
background-color:#3FB5D0;
text-decoration:none;
}



#servicios{float:left; width:230px; height:auto;  margin:5px; color:#FFF; font-size:12px; border:1px  #FFF dashed;}
#serviciosmenu{width:225px;  background: #E79702;height:auto; color:#FFFFFF;padding-left:5px; padding-top:5px; font-size:14px; padding-bottom:20px;}

#servicios a{color:#FFF; text-decoration:underline;}

#aviso{float:right; width:230px; height:auto;  margin:5px; color:#FFF; font-size:12px; border-bottom:1px  #FFF dashed; margin-left:10px; border-left:1px  #FFF dashed; padding:10px;}


#novedades{float:left; width:200px; height:auto;  margin:5px; color:#FFF; font-size:12px;}
#novedadesmenu{width:195px;  background: #006699;height:32px; color:#FFFFFF;padding-left:5px; padding-top:5px;}



#navint {
width:200px;
height:auto;
float:left;
font-size:14px;
}


#navint ul{
margin:0;
padding:0;
list-style:none;
}
#navint li{
border-bottom:1px solid #C9EAF1;
}
#navint a{
padding:5px 0px 2px 4px;
color:#fff;
text-decoration:none;
display:block;
}
#navint a:hover{
color:#fff;
background-color:#3FB5D0;
text-decoration:none;
}


ul#blue { margin:0; padding:0; list-style-type:none;}

ul#blue li {  float:left; border-top:10px solid #ccc; margin-right: 5px; padding-right: 5px; padding-top: 5px; 
min-width:60px;
max-width:150px; 
}

ul#blue .current { border-top:10px solid #000; background:#F3F3F3; height:60px;}

ul#blue li:hover { border-top:10px solid #000; background:#F3F3F3; height:60px;}
_ul#blue li:hover { border-top:10px solid #000; background:#F3F3F3; height:60px;}

ul#blue li a { padding:2px 2px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000;}

ul#blue li a:hover { color:#B9720B; border:none; }



#barra{background:#fff; height:auto; border-bottom:5px solid #CCC;  padding-bottom:10px;}

#barra a{color:#039; text-decoration:none; font-size:14px;}
#barra a:hover{color:#09F; text-decoration:none; font-size:14px;}

#coleccion {background:#FFF; border-left:10px solid #CCC; height:auto; padding-left:10px; font-size:12px;}
#coleccion a{color:#039; text-decoration:none; font-size:14px; }
#coleccion a:hover{color:#09F; text-decoration:underline; font-size:14px; }
#coleccion li{
border-bottom:1px solid #C9EAF1;
padding-top:5px;
padding-bottom:5px;
}

#foto{border-bottom:10px solid #9C0;}


#jos_pie{ width:960px; height:auto; margin:auto; padding:auto; border-top:5px solid #FFF; color:#FFF; font-size:12px; padding-top:5px; padding-bottom:5px;}