@font-face {

    font-family: 'open_puigmetal';

    src: url('fonts/OpenSans-Light-webfont.eot');

    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/OpenSans-Light-webfont.woff') format('woff'),

         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),

         url('fonts/OpenSans-Light-webfont.svg#open_puigmetal') format('svg');

    font-weight: normal;

    font-style: normal;



}



body {margin:0; font-family:open_puigmetal; font-size:12px; }

h1{color:#40bfae; margin-top:0; font-family:open_puigmetal; font-size:26px; text-align:left;}

.contenido h2{font-family:open_puigmetal; color:#000; margin-top:0; font-size:18px; margin:0; padding:0; text-transform: uppercase;  text-align:left;}

.contenido h3{font-family:open_puigmetal; color:#000; margin-top:0; font-size:14px; margin:0; padding:0; text-transform: uppercase;  text-align:left;}

a{color:inherit; text-decoration:none;}

a:hover{text-decoration:none; color:inherit;}

img{border:0;}

.derecha{text-align:right;}



.cookies

{

    width:100%;

    text-align:center;

    background-color:#000;

    color:#FFF;

    font-weight:bold;

    padding-top:8px;

    padding-bottom:8px;

    z-index:101;

    display:block;

    top:0;

    position:absolute;

    opacity: 0.7;

}



.cookies input

{

    background-color:#3a88fe;

    color:#FFF;

    border:1px solid #3a88fe;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    margin-left:10px;

}

#contenedor_general

{

    background:url('fondo.jpg'); background-repeat:repeat-x; 

    position:absolute;

    top:0;

    display:block;

    width:100%;

    z-index:100;

}

#contenido

{

    margin:0 auto 0;

    width:1000px;

}

.cabecera

{

    float:left;

    width:100%;

    margin:0;

    margin-top:10px;

    /*margin:10px 0 0 0;*/

    

}

.cabecera h1

{

    margin:0;

    padding:0;

    width:300px;

    float:left;

}

.cabecera ul

{

    display:inline;

    /*list-style:none;*/

    padding:0;

}

.telefono

{

    float:right;

    width:400px;

    font-weight:bold;

    color:#FFF;

    font-size:14px;

    text-align:right;

    padding-right:20px;

    vertical-align:top;

    

    }

.telefono img{

    position:relative;

    top:6px;

}

.idiomas

{

    float:right;

    width:100%;

    text-align:right; 

    margin-top:10px;

}

.idiomas img

{

    margin:0 5px 0 5px;

    height:15px;

}

.slider_box

{

    float:left;

    width:100%;

}

.menus

{

    float:left;

    width:100%;

    margin-bottom:10px;

}

.menus img

{

    float:left;

    margin-top:20px;

}

.menu_cabecera

{

    float:left;

    width:980px;

    margin-right:20px;

    text-align:right;

    height:21px;    

}

.menu_cabecera ul

{

    list-style:none;

   

}

a.menu-part

{

    background-color:#15ab97; padding:5px 5px 2px 5px; color:#FFF;

    /*-webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-topright: 5px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;*/

}

.menus ul

{

    float:left;

    width:873px;

    /*list-style:none;  */

    padding:0;

    margin-left:25px;    

    text-transform:uppercase;

}

.menus li

{

    padding:3px 0;

    font-size:14px;

    font-weight:bold;

    color:#FFF;

}

.menus  a:hover

{

    color:#e9e9e9;

    

}

.menu_pie

{

    float:left;

    width:950px;

    margin-top:20px;

    padding:15px 15px 15px 35px;

    background-color:#1a75ce;

    color:#FFF;

    background:url('menu_pie.jpg'); background-repeat:no-repeat; 

}

.menu_pie  ul

{

    float:left;

    width:380px;

    margin:0;

    margin-top:10px;

    padding:0;

}

.menu_pie ul li 

{

    /*display:inline-block;*/

    float:left;

    list-style:none;

    width:50%;

    font-weight:bold;    

    vertical-align:top;

    list-style:none;

}

.menu_pie ul li ul

{

    /*display:block;*/

    margin-top:5px;

    list-style:none;

    width:100%;

    padding-left:10px;

}

.menu_pie ul li ul li

{

    /*display:inline-block;*/

    width:100%;

    font-weight:normal;

    list-style:square inside;

    

}

.info  ul

{

    display:inline;

    list-style:none;

    margin:0;

    padding:0;

}



/*HOME*/

.home_texto

{

    width:1000px;

    float:left;

}

.menu_centro

{

    background-color: #15ab97;

    position: absolute;

    width: 200px;

    min-height: 150px;

    top: 145px;

    margin-left:25px;

    /*-moz-border-radius: 0 0 0 10px;

    -webkit-border-radius: 0 0 0 10px;

    border-radius: 10px 10px 10px 10px;*/

    padding: 15px 15px 15px 15px;

    color: #FFFFFF;

    box-shadow: 2px 2px 5px #333;

    -webkit-box-shadow: 2px 2px 5px #333;

    -moz-box-shadow: 2px 2px 5px #333;

}

.menu_centro h2

{

    font-size:14px;

    font-weight:normal;

}

.menu_centro ul

{

    margin:0;

    margin-left:15px;

    padding:0;

}

.menu_centro li

{

    margin:0;

    padding:0;

}



/*------------------*/

/*CATALOGOS*/

.catalogo

{

    width:90px;

    float:left;

    margin:5px;

    text-align:center;

}

.catalogo img

{

    border:1px solid #CCC;    

    margin-bottom:10px;

    max-width:90px;

}



/*PRODUCTOS*/

.categorias

{

    width:100%; float:left;  margin-top:20px;

}

.categoria

{

    float:left;

    width:100%;

}

.producto

{

    float:left;

    /*width:212px;*/

    width:192px;

    min-height:100px;

    margin:0 4px 20px 4px;  

    padding:0px;

    background-color:#FFF;

    box-shadow: 2px 2px 5px #333;

    -webkit-box-shadow: 2px 2px 5px #333;

    -moz-box-shadow: 2px 2px 5px #333;

    background-repeat:no-repeat;

    

}

.producto img

{

    max-width:192px;

    height:75px;

    float:left;

}

.producto .banda

{

    float:right;

    width:177px;

    padding:3px 5px 3px 10px;

    color:#fff;

    font-size:14px;

    font-weight:bold;

    /*text-transform:uppercase;*/

    text-align:left;

    margin-top:0px;

    /*background-color:#333;*/

}



/*------------------*/

.path{font-size:10px; margin-top:10px; padding-left:30px; float:left; width:850px;}



.contenido

{

    font-family: 'Noto Sans', sans-serif;

    text-align:justify;

}

.texto

{

    float:left; width:443px; margin-left:20px; margin-right:17px;

}

.texto img

{

    max-width:443px;

}

.texto_producto

{

    float:left; width:443px; margin-left:20px; margin-right:17px;

}

.texto_producto img

{

    max-width:443px;

}

.imagenes_izquierda

{

    float:left; width:250px; padding-top:55px;

}

.imagenes_izquierda_fondo

{

    float:left; width:250px; padding-top:15px; background-color:#e0e0e0; text-align:center; font-weight:bold; font-size:16px;

}

.imagenes_izquierda_fondo .titulo

{

    padding:20px 15px 5px 15px;

    width:220px;

    float:left;

    text-align:left;

    text-transform:uppercase;

    font-size:10pt;

}

.imagenes_izquierda img

{

    max-width:250px;

    margin-bottom:15px;

    /*box-shadow: 2px 2px 5px #999;    

    -webkit-box-shadow: 2px 2px 5px #999;

    -moz-box-shadow: 2px 2px 5px #999;*/

}

.imagenes_derecha

{

    float:right; width:250px; margin-top:55px; background:url('imagenes_derecha.jpg'); padding-left:20px; min-height:600px; background-repeat:no-repeat; text-align:center;

}

.imagenes_derecha img

{

    max-width:250px;

    margin-bottom:10px;

    /*box-shadow: 2px 2px 5px #999;    

    -webkit-box-shadow: 2px 2px 5px #999;

    -moz-box-shadow: 2px 2px 5px #999;*/

}

.imagenes_inferior

{

    float:left; width:100%; padding-top:20px; padding-bottom:20px;

}

.imagenes_inferior img

{

    max-width:211px;

    margin:5px;

    box-shadow: 2px 2px 5px #999;    

    -webkit-box-shadow: 2px 2px 5px #999;

    -moz-box-shadow: 2px 2px 5px #999;

}



/*CATEGORIAS*/



.info

{

   

    width:100%;

    float:left;

    text-align:center;    

    

    color:#000;

    vertical-align:middle;

    padding:10px 0 10px 0;

    /*line-height:20px;*/

    font-size:12px;

    font-weight:bold;

   

}

.mapa

{

    width:1000px;

    height:350px;

    float:left;

}

.contacto

{

    margin-left:10px;

    width:650px;

    float:left;

}

.sub_desc

{

    width:100%;

    float:left;

    margin-bottom:24px;

    text-align:justify;

}

.contacto .linea

{

    width:315px;

    float:left;

    margin:0 5px 4px 5px;

}

.contacto .linea_completa

{

    width:640px;

    float:left;

    margin:0 5px 4px 5px;

}

.contacto .campo

{

    width:100%;

    float:left;

}

.contacto .input

{

    width:311px;

    float:left;

    padding:0;

    margin:0;

}

.contacto .input_area

{

    width:636px;

    float:left;

    padding:0;

    margin:0;

}

.lopd

{

    float:left;

    width:980px;

    font-size:10px;

    color:#666;

    text-align:justify;

    margin:10px 10px 0 10px;

}

.info_contacto

{

    margin-top:56px;

    float:left;

    width:320px;

    margin-left:10px;

}

.info_contacto .telefono

{

    font-size:32px;

    font-weight:bold;

    text-align:center;

    width:100%;

    float:left;

}

.info_contacto p

{

    width:300px;

    background-color:#f3f3f3;

    padding:10px;

    border-radius:3px; 

    -moz-border-radius:3px; /* Firefox */ 

    -webkit-border-radius:3px; /* Safari y Chrome */ 

}

.hueco_imagen{width:1000px; height:320px; float:left;}

.hueco_imagen_producto{width:800px; height:320px; float:left;}

.producto_info{width:170px; height:320px; float:left; background-color:#3a88fe; color:#FFF; padding:15px;}

.contacto .mensaje_correcto

{

    border-radius:3px; 

    -moz-border-radius:3px; /* Firefox */ 

    -webkit-border-radius:3px; /* Safari y Chrome */ 

    background-color:#e4fca1;

    border:3px solid #9bcc10;

    float:left;

    vertical-align:middle;

    padding:5px 3px 5px 3px;

    text-align:center;

    width:634px;

    margin-bottom:8px;

}

.mensaje_correcto img

{

    float:left;

    margin-right:10px;

}

    /*box*/

    

#container

{

    margin:30px 0 0 0;   

    clear: both;

    

}

.box 

{

      float:left;

      margin-right:5px;

      margin-bottom:5px;

      background-color:#FFF;

    box-shadow: 2px 2px 5px #999;    

    -webkit-box-shadow: 2px 2px 5px #999;

    -moz-box-shadow: 2px 2px 5px #999;

}

.box img

{

    width:190px;

}



/*form*/

.encuesta

{

    width:720px;

    float:left;

    margin-left:20px;

}

.encuesta .linea

{

    width:355px;

    float:left;

    margin:0 5px 4px 0px;

}

.encuesta .linea_completa

{

    width:720px;

    float:left;

    margin:0 0px 4px 0px;

}

.encuesta p

{

    width:711px;

}

.encuesta .campo

{

    width:100%;

    float:left;

}

.encuesta .input

{

    width:351px;

    float:left;

    padding:0;

    margin:0;

}

.encuesta .input_area

{

    width:711px;

    float:left;

    padding:0;

    margin:0;

}

.form_pregunta

{

    width:720px;

    float:left;

    margin:0 5px 4px 0px;

    color:#1eab97;

}

.form_pregunta img

{

    vertical-align:bottom;

    margin-left:5px;

}

.form_respuestas

{

    width:720px;

    float:left;

    margin:0 5px 4px 0px;

}

.form_completar

{

    width:720px;

    float:left;

    margin:0 5px 4px 0px;

}

.form_completar .input

{

    width:711px;

    float:left;

    padding:0;

    margin:0;

}

.encuesta .mensaje_correcto

{

    border-radius:3px; 

    -moz-border-radius:3px; /* Firefox */ 

    -webkit-border-radius:3px; /* Safari y Chrome */ 

    background-color:#e4fca1;

    border:3px solid #9bcc10;

    float:left;

    vertical-align:middle;

    padding:5px 3px 5px 3px;

    text-align:center;

    width:716px;

    margin-bottom:8px;

}

.help{width:500px;}