@charset "utf-8";
/* CSS Document */
/*RESET______________________________________*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;}

ol, ul {list-style: none;}

/*ESTRUCTURA___________________________________*/
body{background:url(img/1337.png);}
 #general{ width:100%; background: transparent;}
   
   /*INDEX___________________________________*/
   #contenedor_index{width:260px; margin:auto; background: url(img/inicio_08.jpg)  no-repeat; background-position: 0 326px  }
   .menu_idiomas{ float:left} 
  
  /*CONTENEDOR_______________________________*/
  #contenedor{width:930px; margin:auto;}
 
  
   
   /*MENU___________________________________*/
   #menu{ width: 930px; height:50px}
    #menu span { display:none;}/*texto abajo de la imagen*/ 
	  #menu li{ display:block; float:left;}
	   #menu a{display:block; height:50px;}  /*Le doy la altura del botón*/
	   #menu a:hover {background-position: bottom left;}
	    #empresa{ width:135px; background:url(img/bot_e_01.png) no-repeat;}
		#empresa_a{ width:135px; background:url(img/bot_e_01.png) no-repeat  bottom left;}
	    #productos{width:130px; background:url(img/bot_e_02.png) no-repeat;}
		#productos_a{width:130px; background:url(img/bot_e_02.png) no-repeat  bottom left;}
	    #proceso{width:205px; background:url(img/bot_e_03.png) no-repeat;}
		#proceso_a{width:205px; background:url(img/bot_e_03.png) no-repeat bottom left;}
	    #contacto{width:150px; background:url(img/bot_e_04.png) no-repeat;}
		#contacto_a{width:150px; background:url(img/bot_e_04.png) no-repeat bottom left;}
	    #news{width:125px; background:url(img/bot_e_05.png) no-repeat;}
		#news_a{width:125px; background:url(img/bot_e_05.png) no-repeat  bottom left;}
	    #home{width:78px; background:url(img/bot_e_06.png) no-repeat;}
	    #ing{width:53px;background:url(img/bot_e_07.png) no-repeat;}
	    #port{width:54px; background:url(img/bot_e_08.png) no-repeat;}
   
   /*CABEZAL___________________________________*/
   #cabezal{width:930px; height:430px;}
   #cabezal_corto{width:930px; height:282px;}
   #ancla{width:100px;height:50px;	position:absolute;left: 50%; top: 310px;}
   #top{width:100px;height:50px;	position:absolute;left: 40%; top: 310px;}
   
   /*CUERPO___________________________________*/
   #cuerpo{width:900px; background-image: url(img/fondo_cuerpo.jpg); padding:30px 15px 40px 15px;}
   #cuerpo_proceso{width:930px; background-image: url(img/13original2.jpg); padding:30px 0 40px 0;}
   
    /*COLUMNA IZQUIERDA___________________________________*/
	#colizq{width:175px; padding:0 20px 0 20px; float:left;}
	  #cuerpo_izq{width:100%; margin-bottom:30px}
	  #cuerpo_izq ul{ margin-bottom:15px; }
	  #cuerpo_izq li{ padding:5px 0 15px 0; background: url(img/barraNews_15.jpg) left bottom no-repeat}
	  
	  /*MENU CATALOGO___________________________________*/
	  #menu_catalogo{ height:300px}
	  .banner_cat{display:block; background-image:url(img/bannercatalogo_e.jpg); width:175px; height:43px;}
	  .itemcat{ padding:5px 0 15px 0; background: url(img/barraNews_15.jpg) left bottom no-repeat ;display:block; width:175px}
	  ul.menu_catalogo ul{ display:none; position:absolute; top:43px}
	  ul.menu_catalogo li{ position:relative}
	  ul.menu_catalogo li:hover > ul {display:block;}
	   	   
    
	/*COLUMNA DERECHA 2 COLUMNAS___________________________________*/
	#coldcha{width:650px;float:right; margin-bottom:30px}
	 #titulo{width:100%; height:25px; margin-bottom:10px; }
	 #texto{width:460px; float:left}
	 #col_img{width:160px;float:right;}
	   #col_img li{ margin-bottom:15px}
	 #alianzas{margin-top:20px}
	 #fecha_news{width:460px; height:20px; margin-bottom:10px; padding-top:5px; text-align:right; background:url(img/13original3.jpg) }
	 #fuente{ float:left; width:100px; margin:20px 0 20px 0}
	 #volver{ float:right; margin:20px 0 20px 0}
	
	 /*MENU ABAJO___________________________________*/
	#menu_bajo{width:650px;float:right; background-image:url(img/13original3.jpg)}
   
   /*PIE___________________________________*/
   #pie{width:180px; height:35px; float:right;}
   
   
/*ESTILOS________________________________________*/   
BODY {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color: #454545;
text-align:left;
line-height:16px;
}
p{
padding-top:10px
}
.fech_nov {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#009900;
text-align:left;
font-variant:small-caps;
font-weight:bold
}
.fech_novtit {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
color:#454545;
text-align:left;
margin-right:10px;
font-variant:small-caps;
font-weight:bold
}
.tit_nov {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #454545;
text-align:left;
font-variant: normal;
}
.tex_nov {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color: #454545;
text-align:left;
font-variant: normal;
}
.tex_tabla {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color: #454545;
text-align: center;
font-variant: normal;
}
.tit_tabla {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #F5F5F5;
text-align:center;
font-variant: normal;
}
.tex_menu {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
color:#454545 ;
text-align: right;
font-variant: normal;
line-height:10px;
}
.tex_prod {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color: #CCCCCC;
margin-left:10px;
text-align: left;
font-variant: normal;
}
.tit_prod {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#009900;
text-align: left;
margin-left:10px;
font-weight:bold;
font-variant: normal;
line-height:12px;
}
.novedad {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
color:#009900;
text-align: left;
font-weight:bold;
font-variant: normal;
line-height:12px;
}
H1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#009900;
text-align:left;
font-variant:small-caps
}
H2 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
color: #009900;
text-align:left;
}
strong {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color: #454545;
text-align:left;
}
em {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color: #454545;
text-align:left;
line-height:16px;
font-style: italic
}
#texto ul {
list-style-type:none;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color: #454545 ;
line-height:14px;
text-align:left;
margin-left:10px;
}
#texto li {
background: url(img/vineta.png) left top no-repeat;
margin-bottom:15px;
padding-left: 15px;
}
#tabla_cuerpo ul {
list-style-type:none;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color: #454545 ;
line-height:14px;
text-align:left;
margin-left:10px;
}
#tabla_cuerpo li {
background: url(img/vineta.png) left top no-repeat;
margin-bottom:15px;
padding-left: 15px;
}

A:link {text-decoration:none;color:#009900;} 
A:visited {text-decoration:none;color:#009900;} 
A:active {text-decoration:none;color:#009900;text-decoration: underline} 
A:hover { font-weight:400;text-decoration: underline ; color:#009900 ;}

a.link_menu:link {text-decoration:none;color:#454545;} 
a.link_menu:visited {text-decoration:none;color:#454545;} 
a.link_menu:active {text-decoration:none;color:#009900;text-decoration: none} 
a.link_menu:hover { font-weight:400;text-decoration: none ; color:#009900 ;}

a.link_nov:link {text-decoration: none;color: #454545;font-variant:small-caps}
a.link_nov:visited {text-decoration:none;color: #666666;font-variant:small-caps}
a.link_nov:hover {text-decoration: underline;color:#009900;font-variant:small-caps;font-weight: bolder}
a.link_nov:active {text-decoration: none;color: #454545;font-variant:small-caps;font-weight: bolder}
 
a.link_novmenu:link {text-decoration: none;color:#454545 ;font-variant: normal}
a.link_novmenu:visited {text-decoration:none;color: #454545;font-variant:small-caps}
a.link_novmenu:hover {text-decoration: underline;color: #454545;font-variant: normal;font-weight: bolder}
a.link_novmenu:active {text-decoration: none;color: #454545;font-variant: normal;font-weight: bolder}

a.link_tabla:link { font-family: Geneva, Arial, Helvetica, sans-serif, Arial; font-size:9px; text-decoration:none;color:#454545;} 
a.link_tabla:visited {font-family: Geneva, Arial, Helvetica, sans-serif, Arial; font-size:9px; text-decoration:none;color:#454545;} 
a.link_tabla:active {font-family: Geneva, Arial, Helvetica, sans-serif, Arial; font-size:9px; text-decoration:none;color: #454545 ;text-decoration: none} 
a.link_tabla:hover { font-family: Geneva, Arial, Helvetica, sans-serif, Arial; font-size:9px; text-decoration: underline ; color:#454545 ;}


/*LIGHTBOX*/
#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:img/lightbox/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(img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/lightbox/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; }