/* generated by csscreator.com */ 
html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-color:#E9E9E9;
	background-image:url(../img/bgpagina.gif);
	background-repeat:no-repeat;
	background-position:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}
img{
	border:none; margin: auto;
}
h1{
	margin:0;	padding:0; font-size:1em;
}
h2{
	margin:0;	padding:0; font-size:0.9em;
}
h3{
	margin:0;	padding:0; font-size:0.8em;
}
p{
	margin:0;	padding:0;font-size:1.2em; 
}
a:focus{
	border-width:0px;
}
a:link {
	color: #6D8408;
	text-decoration: none;
}
a:visited {
	color: #FF8E00;
	text-decoration: none;
}
a:hover {
	color: #F7941D;
	text-decoration: none;
}
a:active {
	color: #A8BA7A;
	
	text-decoration: none;
} 
 
#web{ 
 width:975px;
  
 
margin-left:auto; 
 margin-right:auto;
 background-image:url(../img/fondo.jpg);
 background-repeat:repeat-y;  
} 
#idioma{
text-align:right; padding-right:20px; padding-top:10px; padding-bottom:2px; margin-left:auto; margin-right:auto; width:975px; font-size:12px;
}
#idioma a {
color : #444;
text-decoration : underline;
}
#idioma a:hover {
color:#FF9900;
}
#cabecera{
 position:relative; 
 height:160px; 
 width:100%;
 background-image:url(../img/cabecera.jpg);
 background-repeat:no-repeat;
 }
 #cabecera_nosotros{
 position:relative; 
 height:160px; 
 width:100%;
 background-image:url(../img/cabecera_nosotros.jpg);
 background-repeat:no-repeat;
 }
 #cabecera_servicios{
 position:relative; 
 height:160px; 
 width:100%;
 background-image:url(../img/cabecera_servicios.jpg);
 background-repeat:no-repeat;
 }
 #cabecera_clientes{
 position:relative; 
 height:160px; 
 width:100%;
 background-image:url(../img/cabecera_clientes.jpg);
 background-repeat:no-repeat;
 }
 #cabecera_contactos{
 position:relative; 
 height:160px; 
 width:100%;
 background-image:url(../img/cabecera_contactos.jpg);
 background-repeat:no-repeat;
 }
 #cabecera_efactory{
 position:relative; 
 height:160px; 
 width:100%;
 background-image:url(../img/cabecera_efactory.jpg);
 background-repeat:no-repeat;
 }
 #cabecera_catalogo{
 position:relative; 
 height:160px; 
 width:100%;
 background-image:url(../img/cabecera_catalogo.jpg);
 background-repeat:no-repeat;
 }
#cabecera p{
 text-align:right;
 padding-top:25px;
 padding-right:22px;
 font-size:11px;
 }
#cabecera a {
color : #444;
text-decoration : none;
}
#cabecera a:hover {
color:#FF9900;
}
#pad {height:155px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:0 0 0 0; margin:0; margin-left:15px;list-style:none; height:30px; width:941px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; background-color:#333333; border-bottom: 1px solid #FFFFFF;}
#menu li {float:left; margin-right:1px;}
#menu li a {display:block; float:left; height:30px; line-height:30px; background:#333; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 30px 0 20px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#FF8E01;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#FF8E01;}
#menu li:hover > a.sub {color:#fff; background-color:#FF8E01;}

#menu li.current a {color:#fff; background:#FF8E01;}

#menu li a.sub {background: #333 url(../img/up-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#FF8E01 url(../img/up-arrow.gif) no-repeat right center;;}

#menu li:hover ul {left:0; top:auto; bottom:30px; width:99px; background:#FF8E01;}
#menu a:hover ul {left:0; top:auto; bottom:0; width:99px; background:#FF8E01;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:auto; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:auto; background:#FF8E01; white-space:nowrap; width:99px; z-index:200; height:auto;}
#menu :hover ul :hover ul.fly3 {bottom:auto; top:-53px;}
#menu :hover ul :hover ul.fly2 {bottom:auto; top:-27px;}
#menu :hover ul :hover ul.fly1 {bottom:auto; top:-27px;}

#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a {width:99px; padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#333 url(../img/right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#E5DBD4; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#E5DBD4; color:#fff;}

#menu :hover ul li.currentsub a { background:#EFEFED; color:#333;}
#menu :hover ul li.currentsub a.fly {background:#084 url(../img/right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#FF8E01; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#0d7; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#FF8E01; color:#fff;}

#col_izq{
 width:20%; 
 float:left; 
 position:relative;
 height:auto; 
 
 }
 #destacado{
 width:190px;
 height:116px; 
 position:relative;
 background-image:url(../img/destacado.gif);
 background-repeat:no-repeat;
 margin-left:15px;
 clear:right;
 border: 1px solid #999999;
 border-top:0;
 padding-top:5px;
 }
 
 #destacado p{
 font-size:1.3em;
 color:#F4F4F4;
 font-weight:700;
 text-align:left;
 padding-top:40px;
 padding-left:8px;
 padding-right:8px;
  padding-bottom:8px;
 line-height: 1.3em;
 font-variant:small-caps;
 font-style:italic;

 }
 #noticias{
 width:380px;
 height:300px; 
 position:relative;
 background-image:url(../img/noticias.gif);
 background-repeat:no-repeat;
 margin-left:15px;
 clear:right;
 }
 #partners{
	width:380px;
	height:86px;
	position:relative;
	background-image:url(../img/partners.gif);
	background-repeat:no-repeat;
	margin-left:15px;
	clear:right;
	background-color:#333;
 
 }
 #novedades{
	width:380px;
	height:100px;
	position:relative;
	background-image:url(../img/novedades.jpg);
	background-repeat:no-repeat;
	margin-left:15px;
	clear:right;
	background-color:#333;
 
 }
 #efactory{
	width:380px;
	height:100px;
	position:relative;
	background-image:url(../img/efactory.jpg);
	background-repeat:no-repeat;
	margin-left:15px;
	clear:right;
	background-color:#333;
 
 }
 #partners img{
 margin-left:15px;
 margin-top:40px;
 }
 #resto_menu{
	width:380px;
	background-color:#3B3B3B;
	
	position:relative;
	background-repeat:no-repeat;
	margin-left:15px;
	clear:right;
 
 }
#contenido{  
 float: right; 
 display:inline; 
 position: relative; 
 width:560px;
 height:auto;
 min-height:413px;
 background-color:#FFFFFF;
 margin-right:20px;

 background-image:url(../img/separador.gif);
 background-repeat:repeat-x;
 background-position:right 0px;
 
 
 
 }
 #contenido h2{
 padding-top:8px;
 font-size:13px;
 color:#FF8E01;
 font-weight:bold;
 text-align:right;
 padding-right:25px;
  padding-bottom:15px;
  text-transform:uppercase;
  letter-spacing:7px;
  background-image:url(../img/fyd.gif);
  background-repeat:no-repeat;
  background-position:535px 5px;
  
  
  
  }
 #contenido p{
 font-size:1.1em;
 line-height: 2.2em;
 padding-top:10px;
 color:#333333;
 font-weight:100;
 text-align:justify;
 padding-right:20px;
 padding-left:20px;
  padding-bottom:10px;
  
  
  
  
  
  
  }
  
  #contenido ul{
  font-family:Geneva, Arial, Helvetica, sans-serif;
  
  padding: 5px 10px 5px 40px;
  display:block;
  clear:both;

	
	
	
	
	
	
	
  }
  
  #contenido ul.valores{
  float:right;
  margin-right:20px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  padding: 5px 10px 5px 20px;
  background-color:#EDF1E4;
	border: 1px solid #C5D1A5;
	border-bottom: 2px solid #C5D1A5;
	width:35%;
	margin-left:20px;
	
	
  }
  #contenido li{
	list-style:circle;
	list-style-position:outside;
	font-size:12px;
	line-height: 1.1em;
	padding-top:10px;
	color:#333333;
	font-weight:600;
	text-align:justify;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:5px;
  }
  #contenido ul.tabla{
  display: block; position:relative; margin-left:17px;
  margin-bottom:10px;
  font-weight:600;
 color:#72891C;
 width:19%;
 margin-top:20px;
 padding:4px;
 float:left;
 
  }
  #contenido li.tabla{
  list-style:none;
  font-size:11px;
 line-height: 1.2em;
 
 color:#72891C;
 font-weight:500;
 text-align:left;
 padding:5px;
 
  }
  #contenido p.noticia{
  font-size:12px;
 display:block;
 width:92%;
 float:right;
 margin-top:5px;
 margin-bottom:5px;
	background: #F8FAF1 url(../img/menu_icon.gif) center no-repeat;
	background-position: 2px 3px; /* x-pos y-pos */
	text-align: justify;
	padding: 5px 10px 5px 20px;
	border-top: 2px solid #ADBF80;
	border-bottom: 3px solid #C5D1A5;
	
  }
  #contenido p.pagination {
  display:block;
  float:right;
  font-size:11px;
  font-weight:bold;
  


	padding:3px;
	margin:3px;
	text-align:center;
}

#contenido p.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #2C2C2C;
	text-decoration: none; 
	color: #fff;
	background: #2C2C2C url(../img/image1.gif);
}

#contenido p.pagination a:hover, div.pagination a:active {
	border:1px solid #ADBF80;
	color: #FFF;
	background: #ADBF80 url(../img/pag_over.gif);
}

#contenido p.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ADBF80;
  font-weight: bold;
	background: #ADBF80 url(../img/pag_over.gif);
	color: #FFF;
}

#contenido p.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ADBF80;
	color: #ccc;
}

  
#pie{
 height:106px;
 width:975px;
 background-image:url(../img/pie.jpg);
 background-repeat:no-repeat; 
 clear:both;
 }

#pie p{
 font-size:11px;
 color:#FFFFFF;
 padding-left:23px;
 padding-top:70px;
 }
 #subpie {
	margin-left:auto;
	margin-right:auto;
	width:auto;
}
 #subpie p{
text-align:center;  font-size:11px; vertical-align:middle; padding-top:10px; padding-bottom:10px;
}
#subpie a {
color : #444;
text-decoration : underline;
}
#subpie a:hover {
color:#FF9900;
}
.cssxhtml{float:right; padding-right:20px; color:#FF9900; font-size:11px; font-weight:bold; text-decoration:none;}

  
 .hidden {visibility: hidden;
 display:none;
}
.aviso{font-size:0.9em;}
.destacado{

 font-size:15px;
 display:block;
 width:80%;
 
 
 margin-top:5px;
 margin-bottom:10px;
 margin-left:20px;
	background: #F8FAF1 url(../img/ok.gif) center no-repeat;
	background-position: 5px 11px; /* x-pos y-pos */
	text-align: justify;
	padding: 5px 10px 5px 20px;
	border-top: 2px solid #ADBF80;
	border-bottom: 3px solid #C5D1A5;

 
 }
 .destacado_contacto{

 font-size:12px;
 display:block;
 width:87%;
 
 
 margin-top:5px;
 margin-bottom:10px;
 margin-left:20px;
	background: #F8FAF1 url(../img/ok.gif) center no-repeat;
	background-position: 5px 11px; /* x-pos y-pos */
	text-align: justify;
	padding: 5px 10px 5px 20px;
	border-top: 2px solid #ADBF80;
	border-bottom: 3px solid #C5D1A5;

 
 }
 .destacado_texto{

 font-size:15px;
 display:block;
 clear:both;
 width:70%;
 float:right;
 
 
 margin-top:5px;
 margin-bottom:10px;
 margin-left:20px;
	
	text-align: justify;
	padding: 5px 10px 5px 20px;
	border-top: 2px solid #ADBF80;
	border-bottom: 3px solid #C5D1A5;

 
 }
 .destacado_texto_contacto{

 font-size:14px;
 display:block;
 clear:both;
 width:70%;
 float:right;
 
 
 margin-top:5px;
 margin-bottom:10px;
 margin-left:20px;
	
	text-align: justify;
	padding: 5px 10px 5px 20px;
	
	border-bottom: 3px solid #C5D1A5;

 
 }
 
.imagen_centrada{clear:both; display: block; position:relative; margin:auto; padding: 5px 5px 5px 5px; background:#EBF3FC; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; background:  url(../img/sombra_imagen.jpg) repeat-x bottom left; margin-top:10px; margin-bottom:5px;}

.imagen_izquierda{
	clear:both;
	float:left;
	display: block;
	position:relative;
	margin-left:20px;
	margin-right:15px;
	padding: 5px 5px 5px 5px;
	background:#EBF3FC;
	border-top: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	background:  url(../img/sombra_imagen.jpg) repeat-x bottom left;
	margin-top:10px;
	margin-bottom:10px;
	
}
.imagen_derecha{clear:both; float:right; display: block; position:relative; margin-left:15px; margin-right:20px;padding: 5px 5px 5px 5px; background:#EBF3FC; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; background:  url(../img/sombra_imagen.jpg) repeat-x bottom left; margin-top:10px; margin-bottom:10px;}
 
 .tabla_centrada{clear:both; display: block; position:relative; margin:auto; padding: 2px 2px 2px 2px; background:#EBF3FC; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; background:  url(../img/sombra_imagen.jpg) repeat-x bottom left; margin-top:10px; margin-bottom:5px; text-align:center; font-size:10px;}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.naranja{color:#FF9900;}
.naranja_g{color:#FF9900; font-size:1.5em;}
.citaaleatoria {


background-color:#F3F3F3;
border-bottom:4px solid #C2CBD3;
border-top:4px solid #C2CBD3;
border-left:1px solid #C2CBD3;
color:#FFFFFF;
width:89%;
float:right;



font-style:italic;

margin-bottom:10px;
margin-top:9px;
padding:6px 7px 10px 27px;
}
.citaaleatoriapeq {


background-color:#F3F3F3;
border-bottom:4px solid #C2CBD3;
border-top:4px solid #C2CBD3;
border-right:1px solid #C2CBD3;
color:#FFFFFF;
width:92%;
float:left;



font-style:italic;

margin-bottom:10px;
margin-top:9px;
padding:6px 7px 10px 27px;

}
.contacto {


background-color:#F3F3F3;
border-bottom:4px solid #C2CBD3;
border-top:4px solid #C2CBD3;
border-right:1px solid #C2CBD3;
color:#FFFFFF;
width:45%;
float:left;



font-style:italic;

margin-bottom:10px;
margin-top:9px;
padding:6px 7px 10px 27px;

}
.v_align{vertical-align:middle;}
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
#mytable {
	
	
	width:46%;
	float:left;
	margin-left:15px;
	margin-top:5px;
	
	
}
th {
	
	color: #4f6b72;
	
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 18px;
	background: #DCCFC9 url(../img/bg_header.jpg) no-repeat;
	border: 1px solid #CCCCCC;
}

td.nobg {
	
	background: none;
	
}

td {
	
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border: 1px solid #CCCCCC;
	
	background: #fff url(../img/bullet1.gif) no-repeat;
	font-size:9px; 
}

th.specalt {
	border: 1px solid #CCCCCC;
	background: #FF8E00 url(../img/bullet2.gif) no-repeat;
	font-size:9px;
	color:#FFFFFF;
	
}
