table,ul,li,h1,h2,h3,h4,h5,h6,p{

margin: 0px;
padding: 0px;

}

body {margin:16px 0 0 16px; 
padding:0; font:normal 11px Arial, Helvetica, sans-serif; color:#3f3f3f; background-color:#666; }

h1.titulo   {font:normal 25px Arial, Helvetica, sans-serif; color:#009900; text-indent:16px}
h1.tit_sector   {font:normal 25px Arial, Helvetica, sans-serif; color:#009900; text-indent:2px}
h1.banner   {font:normal 18px Arial, Helvetica, sans-serif; color:#273272;}
h1 {font:normal 25px Arial, Helvetica, sans-serif; color:#009900;}
h2 {font:normal 25px Arial, Helvetica, sans-serif; color:#00a0c6 }
h2.titulo   {font:normal 25px Arial, Helvetica, sans-serif; color:#00a0c6; text-indent:16px}
h2.banner   {font:normal 14px Arial, Helvetica, sans-serif; color:#273272;}
h2.feria   {font:normal 25px Arial, Helvetica, sans-serif; color:#f5b134; text-indent:16px}
h3 {font:normal 16px Arial, Helvetica, sans-serif; color:#009900}
h3.copete {font:normal 16px Arial, Helvetica, sans-serif; color:#00a0c6}
h4 {font:normal 12px Arial, Helvetica, sans-serif; color:#00a0c6}
h4.cena {font:normal 12px Arial, Helvetica, sans-serif; color:#3f3f3f}
h5{font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff}
h6 {font:bold 16px Arial, Helvetica, sans-serif; color:#ffffff}
h6 a{font:bold 17px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none}
h6.expo a{font:normal 12px Arial, Helvetica, sans-serif; color:#999; text-decoration:none}
P {line-height:16px}

.a{color: #999;text-decoration:none; font-size:10px}
.a:hover{color: #333;text-decoration: none;}

.contenido {color: #009900; text-decoration:none;border-bottom:1px dotted #009900}
.contenido a{color: #009900;border-bottom:1px dotted #009900; text-decoration:none}
.contenido a:hover{color: #009900;text-decoration: none;border-bottom:1px dotted #009900}

.cursos {color: #00A0C6; text-decoration:none;border-bottom:1px dotted #009900}
.cursos a{color: #00A0C6;border-bottom:1px dotted #009900; text-decoration:none}
.cursos a:hover{color: #00A0C6;text-decoration: none;border-bottom:1px dotted #009900}

li {list-style-type:square; list-style-position:inside; line-height:16px}

.borde-carton {
border:2px solid #d4e4d4}

.borde-feria {
border:1px solid #fcdf6e}

.margen-der{
	margin-right: 11px;
}
.margen-izq{
	margin-left: 11px;
}
.margen-top {
margin-top:11px
}
.margen-bot {
margin-bottom:16px
}

.filete {
border-right:2px solid #e9e9e9;}
.filete_hor {
background-image: url(images/filete_hor.gif);
background-repeat:repeat-x;
height:2px;}

#btn {background-image:url(images/bg-btn.jpg);
background-repeat:repeat-x;
width:300px;
height:56px;
text-align:center;
border:1px solid #ebebeb}

#btn a{
font:normal 20px Arial, Helvetica, sans-serif; 
color:#009900;
text-align:center;
line-height:40px;
text-decoration:none;
border-bottom:1px dotted #009900; }

#btn h1{ text-indent:0}
#btn span{background-image: url(images/bg-top-box.jpg) ;
background-repeat:repeat-x;
height:32px}

#boxes {background-image:url(images/box-bg.jpg);
background-repeat:repeat-x;}
#boxes h1{ text-indent:0}
#boxes span{background-image: url(images/bg-top-box.jpg) ;
background-repeat:repeat-x;
height:32px}

/* LOGIN */

.input_form {
	color:#000;width:102px;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif; 
	 border:0px;
	 padding:0px;
	 background-color:#9c9f9e
	}

/* SOLAPAS */

.tabs  {text-align:center; }
.tabs a{text-decoration: none;font:normal 11px Arial, Helvetica, sans-serif; color:#666;}
.tabs a:hover {text-decoration: none;font:normal 11px Arial, Helvetica, sans-serif; color:#333;}
.tabs-off  {text-align:center;  }
.tabs-off a{text-decoration: none;font:normal 11px Arial, Helvetica, sans-serif; color:#ccc;}
td.bg-botonera { background-image: url(images/botonera-bg.jpg);background-position:bottom; background-repeat:no-repeat;
background-color:#FEFEFE}

/* Titulo de la seccion */

td.titulo-seccion {font:bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#847B3B;padding-left: 11px; height:44px; background-color:#DEDEBC;}

div.titulo-seccion { background-color: #c8b777; width:430px;
	float: left;font:bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;height:44px;
}
div.titulo-seccion-boton {
	float: left; width:120px;
	right: 8px;}

#contenedor_swf {width:550px; float: left; clear:both}


input{color:#009400;border:1px #799d5f solid}
#inputblanco {color:#847B3B;background:#fff; border:1px #C6BF88 solid}
.input_info {color:#847B3B;background:#fff; border:1px #C6BF88 solid; height:18px;font:normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;}
#box_form {font:normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #333;padding-left:8px}
.titulo_asunto {font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #FFFFFF;background-color:#BEBC78;}


/* Botonera Feria del envase 2009 */
.botonera {
clear:both;
height:35px;
margin:0;
width:757px;
margin:0;
background-image:url(images/bg-menu.jpg)
}

.botonera ul {
-x-system-font:none;
text-decoration: none;
font:normal 11px Arial, Helvetica, sans-serif; color:#00a0c6;
height:26px;
text-align:left;
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:2px 0 0 0;
}
.botonera li {
border-right:1px solid #e9e9e8;
display:inline;
height:22px;
line-height:30px;
margin-top:8px;
padding:2px 25px;
text-align:left
}
.botonera li a {
color:#00a0c6;
line-height:28px;
text-decoration:none;
}
.botonera li a:hover {
color:#00a0c6;
text-decoration:none;
border-bottom:1px dotted #00a0c6;
}

/* INFORMACION SECTORIAL - titulo y textos */

#btn-sector {background-image: url(images/bg-btn-sector.jpg);
background-repeat:repeat-x;
width:165px;
height:36px;
text-align:center;
border:1px solid #ebebeb}

#btn-sector a{
font:normal 14px Arial, Helvetica, sans-serif; 
color:#009400;
text-align:center;
line-height:40px;
text-decoration:none;
border-bottom:1px dotted #009900; }

#btn-sector h1{ text-indent:0}

/* modulo SECTORIAL */

.tabs-sector  {text-align:center; }
.tabs-sector a{text-decoration: none;font:normal 11px Arial, Helvetica, sans-serif; color:#fff;}
.tabs-sector a:hover {text-decoration: none;font:normal 11px Arial, Helvetica, sans-serif; color:#99FF00;}
td.mod-sector {background-color:#799d5f; font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff;}
td.mod-sector a{font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff;
text-decoration:none;
border-bottom:1px dotted #fff;}
td.mod-sector h1{font:normal 16px Arial, Helvetica, sans-serif; color:#ffffff;}
td.mod-sector h2{font:normal 13px Arial, Helvetica, sans-serif; color:#ffffff;}

.input-mod-sector{color:#333;border:1px #ccc solid; width:165px}

.info_sectorial {width:100%}
.info_sectorial h1 {font:normal 25px Arial, Helvetica, sans-serif; color:#0a4709;}
.info_sectorial h2 {font:normal 25px Arial, Helvetica, sans-serif; color:#00a0c6 }
.info_sectorial h3 {font:normal 16px Arial, Helvetica, sans-serif; color:#0a4709;}

/* INFORMACION SECTORIAL - botonera */

.botonera-sector {
clear:both;
height:35px;
margin:0;
width:100%;
margin:0;
background-image:url(images/bg-menu-sector.jpg)
}

.botonera-sector ul {
-x-system-font:none;
text-decoration: none;
font:normal 11px Arial, Helvetica, sans-serif; color:#009900;
height:26px;
text-align:left;
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:2px 0 0 0;
}
.botonera-sector li {
border-right:1px solid #e9e9e8;
display:inline;
height:22px;
line-height:30px;
margin-top:8px;
padding:2px 54px;
text-align:left
}
.botonera-sector li a {
color:#009900;
line-height:28px;
text-decoration:none;
}
.botonera-sector li a:hover {
color:#009900;
text-decoration:none;
border-bottom:1px dotted #009900;
}

/* LIGHTBOX ESTILOS */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.noticiasList {
    float: left;
    padding-bottom: 20px;
    text-align: left;
}

.noticiasList ul {
    list-style: none outside none;
    padding-left: 10px;
}

.noticiasList li {
    display: block;
    padding: 10px 0;
    vertical-align: middle;
}

.noticiasList span {
    color: #666666;
    display: block;
	font-size:15px
}

.noticiasList a {
    display: inline;
    font-size: 15px;
    line-height: 1.1em;
    margin-bottom: 5px;
    text-decoration: none;
}

/* Capacitaciones */

.capacitacionList {
    float: left;
    padding-bottom: 20px;
    text-align: left;
	clear:left
}

.capacitacionList ul {
    list-style: none outside none;
    padding-left: 10px;
}

.capacitacionList li {
    display: block;
    padding: 10px 0;
    vertical-align: middle;
}

.capacitacionList span {
    color: #666666;
    display: block;
	font-size:16px;
}

.capacitacionList a {
    display: inline;
    font-size: 15px;
    line-height: 1.1em;
    margin-bottom: 5px;
    text-decoration: none;
	color:#00A0C6;
}

.capacitacionList h5 {
    display: inline;
    font-size: 15px;
    line-height: 1.1em;
    margin-bottom: 5px;
    text-decoration: none;
	color:#666;
	font-style:normal
}

.capacitacionList h4 {
    display: inline;
    font-size: 18px;
    line-height: 1.1em;
    margin-bottom: 5px;
    text-decoration: none;
	font:18px normal Arial, Helvetica, sans-serif;
	color:#666666
}

/* footer */
.footer { font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif; color:#333;}
.footer a:link{font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#527a9d}
.footer a:link{font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#333333}


