@charset "utf-8";

/* CSS Document */



* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}



body { background:url(ima/home/bg-b.gif) repeat-x;}



p { margin-bottom:15px;} p.final { margin-bottom:0;}



li, ul { list-style:none;} img { border:none;}



a:focus { outline:none; width:0; height:0; border:none;}



#wrapper { width:980px; margin:auto;}



#header, #content, #footer { text-align:left;}



h1, h2, h3, h4, h5, h6 { font-weight:normal;}



#header-top, #header-bottom, #menu, #home, #tabs-home, #tabs-home2, #footer-top, #footer-bottom { overflow:hidden; }

div.izq { float:left;}

div.der { float:right;}



/*--------------------------------HEADER---------------------------*/



#header-top { padding:7px 10px 0 10px;}

img.logo { margin:30px 0 0 10px; float:left;}

#header-bottom div.der { margin:25px 10px 0 0; text-align:right;}

#redes { float:left; margin:0 20px 0 250px;}

#menu { margin:25px 0 0 0;}

div.menu { float:left; padding:10px 15px 30px 15px; margin:0 10px 0 10px;}

div.menu:hover a { color:#636161;}

div.menu:hover { background:#efefef;  border-radius: 10px; -moz-border-radius:10px;   -webkit-border-radius:10px; behavior:url(/border-radius.htc); }



/*--------------------------------HOME---------------------------*/



#home { background:#FFF;}

#home div.izq { padding-left:8px;}

img.atras { position:absolute; margin:100px 0 0 5px;}

img.adelante { position:absolute; margin:100px 0 0 610px;}

img.boton { position:absolute; margin:180px 0 0 280px;}

#b-b { position:absolute; margin:205px 0 0 535px;}

#b-b a { padding:3px 5px 3px 5px; background:#93a3ba; font-size:11px; color:#043170;}

#b-b a:hover { background:#89af0c; color:#FFF;}

#home div.der { padding:5px 5px 5px 10px; width:320px;}

#home div.der img.novedades { float:right; margin-left:5px;}

#home div.der h2 { margin-bottom:15px;}



#tabs-home { background:url(ima/home/linea1.png) repeat-x bottom; padding-bottom:5px;}

#tabs-home h2.semi14 { min-height:25px;}

div.tabs-home { float:left; background:url(ima/home/bg-it.png) no-repeat; width:218px; height:166px; margin:15px 3px 20px 4px; padding:8px 10px 0 10px;}

div.tabs-home div { margin:13px 0 0 0;}

div.tabs-home div img { float:left; margin-right:20px;}

#tabs-home2 div.izq { width:560px; margin:20px 0 20px 15px; padding-right:25px; border-right:1px dotted #040404;}

#tabs-home2 div.izq h3 { margin-bottom:20px;}

#tabs-home2 div.izq img { float:right; margin-left:20px;}

#tabs-home2 div.der h3 { margin-bottom:20px;}

#tabs-home2 div.der { width:330px; margin:20px 0 20px 15px; padding-right:25px; }

#tabs-home2 div.der div { float:left; width:160px; margin-right:20px; height:95px;}



/*--------------------------------PRODUCTOS---------------------------*/



#banner-int { background:#FFF; padding-left:11px;}

div.productos, div.productos div.izq, div.productos div.der, div.prod-item, div.quienes, div.trans, div.novedades, div.novedades-detalle { overflow:hidden; }

div.productos div.izq {width:410px; padding:0 80px 0 20px;}

div.productos div.der { width:410px;}

#productos h1, #contacto h1, #servicios h1, #quienes h1, #trans h1, #novedades h1 { margin:20px 0 40px 20px;}

div.prod-item { margin-bottom:40px;}

div.prod-item div.izq { padding:3px; background:#FFF; border:1px solid #999; width:100px; margin-right:35px;}

div.prod-item div.der { width:265px;}



div.galeria { overflow:hidden;  margin-bottom:25px;}

div.galeria img { float:left; margin:0 15px 0 15px;}



/*--------------------------------CONTACTO---------------------------*/



div.contacto, div.contacto div.izq div.form, div.servicios, div.marcas-item { overflow:hidden; }

div.contacto {padding:0 40px 0 40px;}

div.contacto div.izq { width:48%;}

div.contacto div.izq div.form { margin-bottom:20px;}

div.contacto div.izq div.form div { float:right; text-align:left; width:355px;}

div.contacto div.izq div.form div input, div.contacto div.izq div.form div textarea { width:320px; padding:3px; resize:none;}

div.contacto div.der { width:48%;}

#mapa { margin-bottom:15px; border:2px solid #e3e2e2;}



/*--------------------------------NOVEDADES---------------------------*/



div.novedades, div.novedades-detalle { padding:0 20px 0 20px;}

div.novedades > div.izq, div.novedades > div.der { width:400px;}

div.novedades > div.izq { margin-right:130px;}

div.novedades-item { overflow:hidden; min-height:110px; margin-bottom:50px;}

div.novedades-item div.izq { padding:3px; border:1px solid #CCC; float:left; background:#FFF; width:105px;}

div.novedades-item div.der { float:right; width:260px;}

#paginador { text-align:right; padding:0 20px 20px 20px; letter-spacing:5px;}

div.novedades-detalle { padding-bottom:20px;}

div.novedades-detalle div.izq { width:435px;}

div.novedades-detalle div.izq img { border:2px solid #FFF;}

div.novedades-detalle div.izq div { margin-top:20px; float:right;}

div.novedades-detalle div.izq div img { margin:0 5px 0 5px;}

div.novedades-detalle div.der { width:460px;}



/*--------------------------------QUIENES SOMOS y tranformadores--------------------------*/



div.quienes { padding:0 20px 0 20px;}

div.quienes div.izq, div.quienes div.der { width:430px; padding-left:20px;}

div.cuadro { padding:15px; background:#e4e2e2; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px; padding:20px;  

box-shadow: 2px 2px 5px #e3e2e2; -webkit-box-shadow: 2px 2px 5px #e3e2e2;  -moz-box-shadow: 2px 2px 5px #e3e2e2; margin-bottom:20px;}

div.quienes div.der  img { border:2px solid #e3e2e2;}



div.trans div.izq, div.trans div.der { width:48%;}

div.trans div.der img { border:2px solid #e3e2e2;}



/*--------------------------------SERVICIOS y marcas---------------------------*/



div.servicios, div.marcas, div.trans { padding:0 20px 20px 20px;}

div.servicios img { border:2px solid #e3e2e2;}

div.servicios div.izq { padding-top:70px;}

div.servicios div.izq, div.servicios div.der { width:48%}

ul.servicios, ol.servicios { margin-left:20px;}

ul.servicios li { margin-bottom:20px; list-style:disc;}

ol.servicios li { margin-bottom:20px; }

#marcas h1 { margin:20px 0 10px 20px;}

div.marcas-item img { float:left; margin:0 18px 0 18px;}

div.marcas-item { padding:30px 0 30px 0; border-bottom:1px dotted #e3e2e2;}



/*--------------------------------TERMINOS Y POLITICAS---------------------------*/



#terminos { padding:20px; text-align:justify;}

#terminos h1 { margin-bottom:40px;}



/*--------------------------------FOOTER---------------------------*/

#footer-top { padding:30px 10px 25px 10px; background:url(ima/home/linea2.png) repeat-x;}

#footer-top a { font-size:11px;  color:#676565;}

#ft1, #ft2, #ft3, #ft4 { float:left;}

#ft1 { width:280px;}

#ft2 { width:295px;}

#ft3 { width:210px;}

#footer-bottom { padding:25px 20px 40px 15px; background:url(ima/home/linea2.png) repeat-x;}

#footer-bottom img { float:right;}



/*--------------------------------TXT---------------------------*/



.menu18 { font-size:18px; color:#b1b1b1;} /* va ir en el div no en la tipo*/

.bold24 { font-size:24px; color:#8e8c8c;}

.semi14 { font-size:14px; color:#000;}

.semi18 { font-size:18px; color:#000;}



.blanco11 { font-size:11px; color:#FFF;}

.blanco16 { font-size:16px; color:#FFF;}

.blanco18 { font-size:18px; color:#FFF;}



.azul11 { font-size:11px; color:#043170;}

.azul14 { font-size:14px; color:#043170;}

.azul18 { font-size:18px; color:#043170;}



.negro12 { font-size:12px; color:#000;}



.gris11 { font-size:11px; color:#8e8c8c;}

.gris12 { font-size:12px; color:#8e8c8c;}



.grisfuerte11 { font-size:11px;  color:#676565;}

.grisfuerte12 { font-size:12px;  color:#676565;}

.grisfuerte14 { font-size:14px;  color:#676565;}

td { font-size:12px;  color:#676565;}

.error{color: red;}
.alert.success {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #ded;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 20px;
}
.alert.error, .alert.danger {
    color: #dd1c47;
    border-color: #dd1c47;
    background-color: #f9ccd6;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 20px;
}