@CHARSET "ISO-8859-1";

/* IMPORTANTE: Los estilos particulares colocarlos al final */


/* Estilo general */

body {
	background-color: #f3f4f4;
background-image: url(../images/bg_body.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0% 0%;
	font-family: tahoma, arial, verdana;
	font-size:0.89em;
	text-align:center;
	margin:0px;
	padding:0px;
	color: #878787;
}

p
{
	font-family: tahoma, arial, verdana;
	font-size:1.1em;
}
img{border:0px;}
h1, h2 {text-indent:4px;}
h1{font-size:1.30em; }

h2{font-size:1.18em; }
h3{font-size:1.10em; }

ul { list-style:none; }

/* Estilo general de links */
a:link,  a:hover,  a:visited
{
	text-decoration:none;
	font-weight:bold;
	color: #878787;
}

/* Contenedor del dise�o */
#contenedor
{
	clear:both;
	width:950px;
	margin:0 auto;
	padding:0px;
	text-align:left;
	height:auto;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	background-color: #fff;
	background-image: url(../images/bg_cont.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	position:relative;
}
#contenedor:after {
	content: ".";
	display: block;
	height : 0;
	clear: both; 
	visibility: hidden;
}


/* Header */
#header
{
	clear:both;
	margin:0px;
	padding:0px;
	width:100%;
}

/* Barra superior para los links de idiomas */
#barraIdiomas
{
	clear:both;
    float:left;
	margin:0px;
	padding:0px;
    width:100%;	
	height:52px;
	text-align:right;
	font-size:0.75em;
	background-image:url(../images/bg_gray.jpg);
}

#barraIdiomas ul
{
	margin-top:18px;
	margin-right:50px;
}

#barraIdiomas li
{
	display:inline;
	list-style-type:none;
	list-style-position:inside;
	padding-left:25px;
}

/* Imagen para el logo del Header */
#logo
{

	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	height:auto;
	background: transparent url(../images/p_2.jpg) top left;
	width:950px;
height:143px;
}

/* Estilo genereal Menues horizontales */
.menuHorizontal 
{
	padding:0px;
	margin:0px;
	text-align:center;
}

.menuHorizontal .menu ul
{
	padding:0px;
	padding-top:18px;
	margin:0px;
}

#barraInferior .menuHorizontal .menu ul{
font-size:10px;}

/* Barra de menu principal */
#barraPrincipal
{
	clear:both;
	float:left;
    width:100%;	
	margin:0px;
	padding:0px;
	height:52px;
	text-align:left;
	background-image:url(../images/bg_gray.jpg);
}

#barraPrincipal .menuHorizontal 
{
	float:left;
	width:auto;
	display:inline;
	text-align:left;
	font-size:0.8em;
	margin-left:20px;
}

#barraPrincipal .menuHorizontal ul li
{
	display:inline;
	list-style-type:none;
	list-style-position:inside;
	padding-left:10px;
}

/* Input Buscar dentro de la barra de menu principal */
.buscar
{
	float:right;
	display:inline;
	width:auto;
	margin-right:10px;
	border: 0px;
}

.buscar img
{
	border: 0px;
	margin-left:5px;
	vertical-align:middle;
}

.buscar a:link, .buscar a:hover, .buscar a:visited
{
	border: 0px;
}

.buscar form
{
	float:left;
	display:inline;
	width:auto;
	font-size:0.8em;
	padding-top:14px;
}

.buscar input
{
	color: #bbb;
	border: 1px solid #b6b6b6;
}

/* Barra lateral izquierda */
#barraIzquierda
{
	clear:both;
	float:left;
	width:25%;
	background-color: transparent;
	margin:0px;
	padding:0px;

}

#barraIzquierda > p
{
	font-size:0.8em;
	margin-top:25px;
	margin-left:15px;
	text-align:justify;
}


.login
{
	float:right;
	display:inline;
	background-color:#C1C2C4;
	color:white;
	width:100%;
	margin-right:0px;
}

.login form
{
	display:inline;
	width:auto;
	font-size:0.8em;
	padding-top:0px;

}
.login table { width:200px; margin-left:15px;}

.login a:link,  .login a:hover,  .login a:visited
{
	text-decoration:none;
	font-weight:bold;
	color: #ffffff;
	font-size:11px;
}


/* Barra central */
#barraCentral
{
	float:right;
	width:74.8%;
	background-color: transparent;
	margin:0px;
	margin-left:1px;
	padding:0px;
	min-height:330px;
	height:auto !important;
	height:330px;

}

/* Titulo de las barras laterales y centrales */
.tituloBarra
{
	margin:0px;
	width:100%;
	background-color: #C1C2C4;
	color: white;
	padding:0px;
	padding-top:4px;
	height:22px;
	margin-bottom:3px;
}

.c_login .tituloBarra
{
	height:21px;
	border-bottom:1px #FFFFFF solid
}

.tituloBarra p
{
	margin:0px;
	margin-left:30px;
	font-weight:bold;
	font-size:0.9em;
	color: #fff;
}	

.tituloBarra .rutaUbicacion
{
	margin:0px;
	margin-left:30px;
	font-weight:bold;
	font-size:0.8em;
	color: #fff;
}

.tituloBarra a
{
	margin:0px;
	font-weight:bold;
	font-size:0.9em;
	color: #fff;
}

/* Texto de la barra central */
#barraCentral #contenido
{
	margin: 15px;
	text-align:justify;
	font-size:0.8em;
}

/* Listas de las barras laterales y centrales */
/*#barraIzquierda .menu
{
	padding:0px;
	margin:0px;
	margin-left:28px;
	margin-top:5px;
	font-size:0.8em;
}

#barraIzquierda .menu ul
{
	padding:0px;
	margin:0px;
	list-style-type:none;
	text-indent:2px;
}

#barraIzquierda .menu ul li
{
	margin-bottom:0.3em;
}

#barraIzquierda .menu a
{
	font-weight:bold;
	font-size:0.95em;
}*/
#barraIzquierda .menu {
width: 237px;
background:transparent;
padding-top:6px;
padding-bottom:10px;
border-right:#EFEFEF solid 1px;

}

#barraIzquierda .menu ul {
list-style: none;
margin: 0;
padding: 0;

}
#barraIzquierda .menu ul li ul li ul {
background: #f6f6f6;}

#barraIzquierda .menu a, #barraIzquierda .menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
text-indent:16px;
}

#barraIzquierda .menu h2 {
width: 100%;
color: #ffffff;
background-color: #c1c2c4;
text-transform: uppercase;
padding:0px;
margin:0px;
height:25px;
}

#barraIzquierda .menu a {
color: #666;
text-decoration: none;
}

#barraIzquierda .menu h2 a {
color:#fff;}

#barraIzquierda .menu a:hover {
color: #666;
font-weight:bold;

}

#barraIzquierda .menu li {
position: relative;
}

#barraIzquierda .menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

#barraIzquierda div.menu ul ul ul,
#barraIzquierda div.menu ul ul li:hover ul ul
{display: none;}

#barraIzquierda div.menu ul ul li:hover ul,
#barraIzquierda div.menu ul ul ul li:hover ul
{display: block;}

/* Barra inferior (pie) */
#barraInferior
{
	clear:both;
	
	margin:0px;
	padding: 0px;
	height:52px;
	text-align:left;
	background-image:url(../images/bg_gray_pie.jpg);
	border-top: 1px solid #E2E2E2;
}

#barraInferior .menuHorizontal 
{
	float:left;
	width:auto;
	display:inline;
	text-align:left;
	font-size:0.8em;
	margin-left:20px;
}

#barraInferior .menuHorizontal ul li
{
	display:inline;
	list-style-type:none;
	list-style-position:inside;
	padding-left:10px;
}

/* Imagen y texto barra inferior */
#barraInferior #veritas
{
	float:left;
	margin:0px;
	padding:0px;
}

#barraInferior #veritas img
{
	float:left;
	border:none;
}

#barraInferior #veritas p
{
	float:left;
	display:inline;
	padding:0px;
	padding-top:20px;
	margin:0px;
	font-size:0.7em;
	font-weight:bold;
}

/* Texto barra inferior */
#barraInferior p
{
	float:left;
	margin-top:20px;
	font-size:0.7em;
	margin-left:6px;
	
}
/* Menu barra inferior */
#barraInferior .menuHorizontal
{
	float:right;
	margin-right:50px;
	font-size:0.75em;
}

.boton
{
	color: #ffffff;
	font-size:11px;
	font-weight:bold;
	background:#cccccc;
	border: 1px solid #b6b6b6;
	cursor:pointer;
	float:right;
	margin-top:5px;

}

.botonLogin
{
	
	font-size:10px;
	font-weight:bold;
	background:#C1C2C4;
	cursor:pointer;
	color: #ffffff;
	border: 1px solid #C1C2C4;
}

.textarea
{
	font-family: tahoma, arial, verdana;
	font-size:1em;
	width:210px;
	height:80px;
}

/* Estilos de familias y productos */
/* Listas de las barras laterales y centrales */
#barraIzquierda .menuProductos
{
	font-size:0.9em;
}

#barraIzquierda .menuProductos .product
{
	font-style:italic;
	color:#bbb;
	text-indent:2px;
}

#barraIzquierda .menuProductos ul
{
	list-style:none;
	text-indent:0px;
	padding:0px;
	margin-left:12px;
	width:194px;
}

#barraIzquierda .menuProductos a
{
	font-weight:bold;
	font-size:0.9em;
	text-indent:2px;
}

#lightbox
{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: none; }


#content
{
	font-size:0.8em;
}

#theader
{
	clear:both;
	width:700px;
}

#theader img
{
	float:left;
}

#theader table
{
	float:left;
	border: 0px;
	margin-left:5px;
}

#second
{
	clear:both;
	float:left;
	width:700px;
}

#second table
{
	float:left;
	width:auto;
}

#second img
{
	float:left;
	margin-left:5px;
	margin-top:20px;
}

#tercero
{
	clear:both;
	float:left;
	width:710px;
	font-size:0.8em;
	margin-top: 25px;
	margin-bottom: 50px;
}

#terceroIzquierda
{
	float:left;
}

#terceroIzquierda table
{
	margin-top: 30px;
}

#terceroIzquierda #foto4
{
	margin-left: 5px;
}

#terceroDerecha
{
	float:left;
	margin-left:5px;
	width:auto;
}

#terceroDerecha img
{
	float:left;
	margin-left:5px;
	width:auto;
}

#terceroDerecha p
{
	clear:both;
	float:left;
	margin-left:5px;
	margin-top:20px;
	width:auto;
}

/* Estilos de productos y famililas */
#mainImage img
{
	clear:both;
	float:left;
	border: 1px solid #bbb;
	width:auto;
	height:auto;
	margin-right:10px;
	margin-bottom:10px;
	
}



/* Descarga de cat�logo */
#catalogs
{
	float:right;
	vertical-align:middle;
}

#catalogs a:link,  #catalogs a:hover,  #catalogs a:visited
{
	font-weight:normal;
	text-decoration:none;
}

#catalogs img
{
	border: 0px;
	width:20px;
	height:20px;
	vertical-align:middle;
	margin-left:5px;
}

/* Titulo de familia y producto */
#name
{
	width:auto;
	float:left;
}

#name h1
{
	font-size:1.2em;
	font-weight:bold;
}

/* Descripcion */
#description p
{
	float:left;
	width:480px;
}

#familyDescription p
{
	clear:both;
	float:left;
	width:auto;
}

/* Fotos del producto o familia */ 
.otherPhotosTitle 
{
	clear:both;
	float:left;
	margin-top:20px;
	margin-bottom:15px;
	font-size:1.2em;
	background-color: #c1c2c4;
	color: white;
	width:97%;

}


.otherPhotos 
{
	clear:both;
	float:left;
	width:680px;
	text-align:center;
	min-height:170px;
	height:auto !important;
	height:170px;
}

.otherPhotos img
{
	border: 1px solid #bbb;
	margin-right:10px;
}

#click
{
	float:right;
	margin-top:120px;
}

/* Leer mas */
.readMoreLink 
{
	display:block;
	width:680px;
	clear:both;
	padding-top:30px;
	margin-bottom:20px;
	text-align:right;
}

/* Estilo del listado de productos */
.producto
{
	width:170px;
	float:left;
	text-align:center;
	margin-bottom:4px;
	text-align:center;
}

.producto p
{
	margin: 8px;
	margin-top:8px;
	text-align:center;
	font-size:0.85em;
	font-weight:bold;
}

.producto p a
{
	font-weight:normal;
}

/* Estilos particulares */
.c_comercial #logo {background: transparent url(../images/p_6.jpg) top left;}
.c_fabricacion #logo {background: transparent url(../images/p_5.jpg) top left;}
.c_empresa #logo {background: transparent url(../images/p_4.jpg) top left;}
.c_sectores #logo {background: transparent url(../images/p_3.jpg) top left;}
.c_clientes #logo {background: transparent url(../images/p_7.jpg) top left;}
.c_contacto #logo, .c_faq #logo {background: transparent url(../images/p_8.jpg) top left;}
.c_home #logo {background: transparent url(../images/p_1.jpg) top left;}

.c_faq h4 {font-size:1.2em;}
.c_faq h3 {font-size:1.2em; font-weight:bold; color: #070f71;}



/* Home */

ul.productos_servicios {
width:90%;
height:460px;
margin:auto;
padding:0px;
margin-top:15px;
margin-bottom:10px;
}

ul.productos_servicios li{ width:25%; float:left; text-align:center; margin:0px; padding:0px;
margin-bottom:8px;height:220px;}

#descargas
{
	list-style:none;
	list-style-position:inside;
	margin:0px;
	padding:0px;
}

table.contacto, table.registra{ width:85%;
margin-left:40px;
margin-bottom:15px;
margin-top:10px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

table.contacto b{ font-size:1.1em; display:block;
margin-top:3px; padding-bottom:2px;}

table.registra{ margin-top:5px; padding-top:10px; padding-bottom:10px;}
table.registra label{display:block; width:100%; text-align:left; font-weight:bold;}
table.registra input{width:95%; font-size:1.1em; text-align:left;}
table.registra input.boton{	text-align:center;}

div.resumen_noticias{width:80%; margin-top:0px; margin-left:50px; margin-bottom:15px;}
div.resumen_noticias:after {
	content: ".";
	display: block;
	height : 0;
	clear: both; 
	visibility: hidden;
}
div.resumen_noticias h2 {width:100%; clear:both; padding-top:5px; margin-bottom:4px; border-bottom:1px solid #CCCCCC;
padding-bottom:2px; }
div.resumen_noticias img{ float:left; margin:6px;}
div.resumen_noticias a{ float:right; margin-top:3px; width:150px;}


div.faqs{padding:14px; margin-top:0px; padding-top:0px;} 
div.faqs p{margin:5px;}
div.faqs h5 {margin-bottom:3px; margin-top:0px; font-size:1em}


.img_izq_bj{
display:block;position:absolute;left:0px;bottom:52px;}

.fileDownload
{
	list-style-image: url('../images/fileDownload.png');
	margin:0px;
	padding:0px;
}

.subrayado{border-bottom:1px solid #CCC;
padding-bottom:4px;}

.contenido_tecnologico { margin:0px; padding:0px;}
.contenido_tecnologico h2{ text-decoration:underline;}
.p_tecnologico{width:480px; font-size:1.1em; float:right;  }
.p_tecnologico li{ padding:0px; margin:0px; float:left;width:480px; text-align:justify; margin-bottom:3px;}
.p_tecnologico li span{display:block; width:41%; float:left; text-align:left; font-weight:bold;}
.p_tecnologico li label{ display:block; width:59%; float:right; text-align:left;}

.c_search h2
{
    font-size:1.2em;
    color:#000;
    padding-left:15px;
    margin-bottom:2px;
    background: url('../images/minisearch.png') no-repeat top left;
}

.c_search h3
{
    font-size:1em;
    font-weight:normal;
    margin-top:2px;
    margin-bottom:2px;
    margin-left:20px;
}

.c_search #contenido a:link, .c_search #contenido a:hover, .c_search #contenido a:visited
{
    color:orange;
    font-size:0.9em;
}

.c_search .resalted
{
    font-weight:bold;
}

.searchButton
{
    margin: 0px;
    background-color: transparent;
    border: none;
    display:inline;
    width:30px;
}