/*****************************************************************************************************************
*	LAYOUT MAIN
*****************************************************************************************************************/


body { border:0px; margin: 0px;  background: url("../images/bg_degradado.png") 0px 0px repeat-x;  font-family: Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px; color: #5E5E5E; }

#top { position: relative; top: 10px; height: 89px; width: 100%; background: url("../images/cinta_cabecera_trans.png"); background-position: 0px 0px; background-repeat: repeat-x; margin-top: 5px; z-index: 1; }
    #top .content { width: 967px; margin: auto; }
    #top #logo { margin-left: 30px; margin-top: 10px; float: left; }

    #top #menu { float: right; margin-right: 3em; margin-top: 30px;}

    #top #menu li { display: block; padding-left: 25px; float: left; }
    #top #menu li a {display: block; padding-left: 25px ; float: left; padding-top: 12px; height: 36px; font-size: 1.0em; font-weight: bold; color: #989898; text-decoration: none; text-transform: capitalize; }

    #top #menu li a:hover { text-decoration: underline;}
    #top #menu li a.inicio { background: url("../images/iconos/icono_01.gif") 0px 0px no-repeat; }
    #top #menu li a.empresa { background: url("../images/iconos/icono_02.gif") 0px 0px no-repeat; padding-left: 28px  }
    #top #menu li a.productos { background: url("../images/iconos/icono_03.gif") 0px 0px no-repeat; }
    #top #menu li a.pedidos { background: url("../images/iconos/icono_04.gif") 0px 0px no-repeat; padding-left: 22px }
    #top #menu li a.enlaces { background: url("../images/iconos/icono_05.gif") 0px 0px no-repeat; }
    #top #menu li a.contactar { background: url("../images/iconos/icono_06.gif") 0px 0px no-repeat; }

#cabecera { display: block; margin: auto; }

.grismedio { color: #666; }
#adornos { background-color: #a7a5a6;width: 967px; height: 32px; margin: auto; }
#adornos .rojo { background-color: #9EA700; width: 728px; height: 32px;  float: right; }

.panel-izquierda {  width: 200px; margin: 0 2em; float: left; line-height: 1.3em; }
.panel-centro {	color: #5E5E5E; line-height: 1.3em; float: right; width: 720px; overflow: hidden; margin-right: 5px; margin-bottom: 3em;}
.panel-izquierda h3, .panel-centro h2 { font-size: 1.7em; color: #5E5E5E; margin-top: 2em; margin-bottom: 0.9em; font-weight: normal; }


#contenido {  width: 977px; margin: auto; overflow: hidden;  background: url("../images/sombra_pagina.png") repeat-y;	z-index: 0; }

#contenido .derecha  {
   background-position: 970px 0px;
   background-repeat: repeat-y;

 overflow: hidden;}

.pie  { width: 977px; margin: auto; background: url("../images/degradado_dows.png") no-repeat; height: 6px; margin-bottom: 15px;  top: -5px; position: relative; }

.contenedor-pie  { width: 950px; margin: auto;}
#contenido #pie { clear: both; width: 950px; margin: auto; height: 15px; background-color: #ececed; margin-top: 20px; margin-bottom: 15px;}


ul.css {  text-align: right; padding: 0em 0em 0em 0em;  margin-right: 1em; }
    ul.css li { display: inline; margin: 0; padding: 0px; }
div.o2w { float: right; }
#copyright { float: left; }
#o2w { float: right; padding-top: 0em; padding-right: 0px; color: gray; font-size: 0.8em; text-decoration:none; clear: both; margin-right: 1em;  margin-top: 1em; }
#o2w:hover { text-decoration: underline; }
#columna-derecha { float: right; width: 200px; }
.no-visible { display: none; }
#idiomas a { float: right; margin-top: 1em; margin-right: 5em; font-size: 0.9em; color: #f0f0f0; text-decoration: none;}
.es  { background: url("../images/es.png") 0 1px no-repeat; padding-left: 20px; padding-bottom: 1px  }
.en  { background: url("../images/en.png") 0 1px no-repeat; padding-left: 20px; padding-bottom: 1px }
.de  { background: url("../images/de.png") 0 1px no-repeat; padding-left: 20px; padding-bottom: 1px }
.wide-column { width: 460px; margin-right: 25px; line-height: 21px;  }
.float-left { float: left;}
/*****************************************************************************************************************
*	INDEX/INDEX
*****************************************************************************************************************/

#productos { margin-top: 30px; float: left; margin-bottom: 30px;}
#productos li { padding: 0px; margin: 0px; float: left; }

#productos li a { padding: 25px 120px 0px 15px; vertical-align: 50%; width: 98px; height: 47px; display: block; margin-right: 5px; font-size: 16px; color: #FFFFFF; line-height: 18px; text-decoration: none; }
#productos li a:hover {text-decoration: underline; }

#productos li a.hogar { background: url("../images/modulo_home_hogar.png"); }
#productos li a.industria { background: url("../images/modulo_home_industria.png"); }
#productos li a.agricola { background: url("../images/modulo_home_agricola.png"); margin-right: 0px;}
#productos li a.flota-de-transporte { background: url("../images/modulo_home_flota.png"); padding-top: 15px; height: 57px; }
#productos li a.barcos { background: url("../images/modulo_home_barcos.png"); }
#productos li a.maquinaria-industrial { background: url("../images/modulo_home_maquinaria.png"); margin-right: 0px; padding-top: 15px; height: 57px; }

.bidones { height: 120px;   margin-top: 15px; font-size: 10px; color: #CC0000; line-height: 16px;  padding-top: 15px;}
.bidones img {float: left; margin-right: 1em; }

/*****************************************************************************************************************
*	CONTENT/VIEW
*****************************************************************************************************************/
.content-view  { background: url("../images/bg_contenido_plantilla.jpg") 520px 0px no-repeat;
    min-height: 360px;
    padding: 25px;
}
.content-view  .column1 { clear: both; }
.content-view  .column1, .content-view .column2 { width: 230px; float: left; margin-right: 25px; line-height: 21px; }

.content-view .column3 { width: 230px; float: right; margin-top: 160px; font-size: 11px; color: #666666; line-height: 13px; }
.content-view h2  {
    font-size: 34px;
    color: #1B4787;
    line-height: 40px;
}

.content-view h3  {	font-size: 17px; color: #333333; font-weight: normal; margin-bottom: 15px; margin-top: 25px; }
.content-view .column3 h3 {
    font-size: 14px;
    font-weight: normal;
    color: #339933;
    margin-bottom: 5px;
}
.content-view a { color: #333; }

/*****************************************************************************************************************
*	PRODUCTOS
*****************************************************************************************************************/
#productos-mini { margin-top: 2em;	font-family: Arial, Helvetica, sans-serif;font-size: 12px; line-height: 13px;   overflow: hidden;}
#productos-mini li { display: block; float: left; }
#productos-mini li a {  display: block; width: 78px; padding-top: 65px; text-align: center;  color: #339933; font-weight: bold; text-decoration: none; }
#productos-mini li a:hover { text-decoration: underline; }
#productos-mini li a.hogar { background: url("../images/micro_icono_hogar.gif") 50% top no-repeat; }
#productos-mini li a.industria { background: url("../images/micro_icono_industria.gif") 50% top no-repeat; }
#productos-mini li a.agricola { background: url("../images/micro_icono_agricola.gif") 50% top no-repeat; }
#productos-mini li a.flota-de-transporte { background: url("../images/micro_icono_flota.gif") 50% top no-repeat; }
#productos-mini li a.barcos { background: url("../images/micro_icono_barcos.gif") 50% top no-repeat; }
#productos-mini li a.maquinaria-industrial { background: url("../images/micro_icono_maquinaria.gif") 50% top no-repeat;}

.content-view .column-pdf { width: 230px; float: right; margin-top: 0px; font-size: 11px; color: #666666; line-height: 1.2em;  }
.content-view .column-pdf h3 {
    font-size: 14px;
    font-weight: normal;
    color: #339933;
    margin-bottom: 1em;

}
.content-view .column-pdf img  { border: 1px solid #999; padding: 1px; float: left; margin-top: 0.2em; margin-right: 1em;}
.content-view .column-pdf a.descarga { display: block;clear: both; margin-top: 1em; font-size: 10px;color: #990000; line-height: 20px; text-decoration: none; }
.content-view .column-pdf a.descarga:hover { text-decoration: underline; }
/*****************************************************************************************************************
*	EMPRESA
*****************************************************************************************************************/
.content-view.empresa { background: url("../images/bg_contenido_empresa.jpg") 490px 15px no-repeat; }
.content-view.empresa .column1,.content-view.empresa .column2 { padding-right: 15px;  width: 205px;}
.content-view.empresa .column3 { margin-top: 180px; }


/*****************************************************************************************************************
*	/PEDIDOS/INDEX
*****************************************************************************************************************/

#formulario-pedidos div { padding-top: 15px; padding-bottom: 5px; font-size: 1.1em;}
#formulario-pedidos label { display: block; margin-bottom: 5px;}
#formulario-pedidos #apellidos { width: 18em;}
#formulario-pedidos #lugar { width: 32em;}
#formulario-pedidos #cantidad { width: 4em;}
#formulario-pedidos #telefono { width: 18em;}
#formulario-pedidos #observaciones { width: 35em;}
#formulario-pedidos #empresa {  width: 32em;}
#formulario-pedidos .nombre, #formulario-pedidos .nif, #formulario-pedidos .cantidad, #formulario-pedidos .producto   { float: left; margin-right: 2em;}
#formulario-pedidos #enviar { display: block; margin-left: 12em; margin-top: 25px;}

.content-view .texto-estrecho { width: 480px;  line-height: 21px; margin-top: 1.5em; margin-bottom: 1.5em; padding-right: 20px; }


/*****************************************************************************************************************
*	CONTACTAR/INDEX
*****************************************************************************************************************/
.content-view.contactar { background: url("../images/bg_contenido_plantilla2.jpg") 480px 15px no-repeat; }

.content-view.contactar .column3 h5 { margin-top: 1em; margin-bottom: 0px; padding-bottom: 0px; }
.content-view.contactar .column3 { margin-top: 0px; float: right; width: 220px;}


/*****************************************************************************************************************
*	ENLACES/INDEX
*****************************************************************************************************************/
.content-view.enlaces { background: url("../images/bg_contenido_enlaces.jpg") 480px 0px no-repeat; }
#enlaces { margin-top: 3em;}
#enlaces li { margin-bottom: 2em;}
#enlaces li a { text-decoration: none; color: #666666; cursor: pointer;}
#enlaces li img { float: left; margin-right: 2em; }
#enlaces li { color: #666666; font-size: 0.95em; line-height: 13px;	margin: 0px;}
#enlaces li h4 { color: #1B4787; }
#enlaces li div {  float: left;}

/*****************************************************************************************************************
* UI/PROMOCION
*****************************************************************************************************************/
#promocion { position: relative; margin-right: 5px; font-family: Arial, Helvetica, sans-serif; width: 253px; float: right; }
#promocion.big {  height: 250px;  margin-top: -254px;}
#promocion.mini { height: 155px;   margin-top: -155px; }

#promocion p.head, #promocion h2 { font-size: 1.5em; text-transform: uppercase;  font-weight: normal; padding: 0.5em 0; margin: 0 0.8em; }
#promocion p.head { color: #04466b; background: url("../images/dots.gif") 0 100% repeat-x; }
#promocion h2 { color: white; padding: 0.2em 0 0 0; }

#promocion #contenedor-imagen {  overflow: hidden; float: right;  margin: 0.8em 0.8em; font-size: 1.5em; }
#promocion img { margin: auto; display: block;  }
#promocion p.texto {  font-size: 1.08em; color: #83B5D1; margin: 0.2em 1em;  }
#promocion a { font-size: 0.75em; color: #CBDFF3; margin: 3em 3em 0 0; display: block; clear: both;  text-align: center; text-decoration: none; }
#promocion a:hover { text-decoration: underline; }

#promocion.mini h2 { font-size: 1.2em; font-weight: bold; margin-left: 1em;  }
#promocion.mini a { margin-top: 1em; clear: none; }
#promocion.mini p.texto { margin-top: 0em; }

label.error {  color: red; font-size: 0.8em; }