@charset "utf-8";
/* CSS Document */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }
*{
outline:none
}
html,body{height:100%}

body{
background-image:url(images/bkg.jpg);
font-family:Arial, Helvetica, sans-serif;
}
#home{
width:100%;
padding-top:10%;
text-align:center;
}
#home #arriba{
margin-left:auto;
margin-right:auto;
width:800px;
}
#home #arriba img{
float:left;
margin-top:-30px;
}
#home p{
width:auto;
color:#00967D;
font-size:30px;
letter-spacing:2px;
font-weight:normal;
margin-left:auto;
margin-right:auto;
padding-bottom:-20px;
}
#flashero{
margin-top:10px;
}
#home #abajo{
text-align:center;
font-size:12px;
font-weight:bold;
margin-top:20px;
color:#00967D;
}
#home #abajo a{
color:#00967D;
text-decoration:none;
}
#home #abajo a:hover{
color:#F7931E;
text-decoration:none;
}
#general{
width:750px;
margin:0 auto 0 auto;
}
#head{
background-image:url(images/header.jpg);
width:100%;
height:100px;
margin-bottom:15px;
}
#head img{
margin:15px 30px 0px 510px;
}
#botonera{
background-image:url(images/bkg-botonera.gif);
width:740px;
height:50px;
margin-bottom:15px;
padding-left:10px;
position:relative;
z-index:3;
}
#botonera a{
font-size:21px;
color:#FFFFFF;
padding:20px;
}
#central{
width:100%;
margin-bottom:15px;
}
.home{
height:480px;
background-image:url(images/bkg-central-home.jpg);
}
.historia{
height:480px;
background-image:url(images/bkg-central-historia.jpg);
}
.productos{
height:480px;
background-image:url(images/bkg-central-liso.jpg);
}
.consultas{
height:480px;
background-image:url(images/bkg-central-liso.jpg);
}
.ubicacion{
height:480px;
background-image:url(images/bkg-central-liso.jpg);
}
.productosIn{
height:auto;
background-color:#fef9e5;
background-image:url(images/liso-top.jpg);
background-position:top;
background-repeat:no-repeat;
}
#lisobottom{
background-image:url(images/liso-bottom.jpg);
height:13px;
width:100%;
}
#central h1{
text-transform:uppercase;
color:#F7931E;
margin-left:32px;
padding-top:25px;
}
#central.home h1{
color:#00967D;
font-size:30px;
letter-spacing:2px;
font-weight:normal;
padding-top:50px;
padding-left:30px;
}
#central.historia p{
color:#656058;
width:305px;
height:390px;
margin-top:5px;
margin-left:32px;
margin-bottom:40px;
font-size:14px;
text-align:justify;
overflow:hidden;
line-height:18px;
}
#central.ubicacion p{
color:#656058;
width:305px;
height:390px;
margin-top:5px;
margin-left:32px;
margin-bottom:40px;
}
#mapa{
float:right;
width:380px;
height:385px;
margin-top:5px;
margin-right:32px;
border:none;
}
#central #flechas{
float:left;
margin-left:340px;
margin-top:-65px;
}
#central #flechas img{
padding:2px;
}
#textopie{
color:#F7931E;
text-align:center;
margin-bottom:15px;
font-size:12px;
font-weight:bold;
letter-spacing:2px;
}
#textopie a{
color:#F7931E;
text-decoration:none;
}
#textopie a:hover{
color:#60AB48;
text-decoration:underline;
}
#pie{
width:740px;
height:30px;
background-image:url(images/pie.jpg);
color:#FFFFFF;
font-size:9px;
text-align:right;
padding-right:10px;
padding-top:40px;
}
#pie a{
color:#FFFFFF;
}
#pie a:hover{
text-decoration:underline;
}
ul.submenu{
margin-left:35px;
margin-bottom:50px;
}
ul.submenu li{
float:left;
display:block;
margin-right:30px;
}
ul.submenu li a{
display:inline;
color:#60AB48;
font-weight:bold;
}
ul.submenu li a:hover{
display:inline;
color:#C4161C;
}
ul.submenu li a.activo{
color:#C4161C;
}
p.inicial{
margin:70px 150px auto 20px;
color:#FFFFFF;
line-height:1.5em;
}
#productero{
margin:60px 30px 10px 30px;
text-align:center;
}
#productero p{
font-size:11px;
color:#996633;
text-align:left;
}
#productero table{
text-align:center;
}
#productero table td{
vertical-align:top;
}
.producto{
margin:10px;
text-align:center;
font-size:12px;
font-weight:bold;
color:#333333;
}
.producto a{
color:#60AB48;
}
.producto a:hover{
color:#C4161C;
}
.producto img.zoom{
float:right;
position:absolute;
/*margin-top:100px;*/
margin-left:10px;
}
.producto img.nuevo{
position:absolute;
}
#dropable{
margin-top:-65px;
margin-left:170px;
width:85px;
color:#60AB48;
font-weight:bold;
position:absolute;
background-image:url(images/bkg-drop.gif);
background-repeat:no-repeat;
background-position: left 48px;
padding:8px;
padding-top:52px;
visibility:hidden;
z-index:1;
}
#dropable li{
padding:3px;
}
#dropable li a{
color:#60AB48;
}
#dropable li a:hover{
display:inline;
color:#C4161C;
}
#dropable li a.activo{
color:#C4161C;
}
#central.consultas p{
color:#656058;
margin-top:5px;
margin-left:45px;
font-size:12px;
}
form{
margin:20px auto 20px auto;
width:600px;
}
form label{
display:block;
font-size:12px;
height:27px;
color:#656058;
}
form label input,textarea{
float:right;
width:350px;
border:none;
background-color:#fffdf4;
padding:2px;
padding-left:5px;
font-size:12px;
color:#656058;
font-family:Arial, Helvetica, sans-serif;
border-left:1px solid #F7931E;
border-bottom:1px solid #F7931E;
}
form input{
float:right;
}
form label.texto{
height:80px;
}
form label textarea{
height:70px;
}
form label input.boton{
width:auto;
border:1px solid #F7931E;
}
#coccion{
background-color:##fef9e5;
margin:30px;
margin-top:10px;
margin-bottom:0;
padding:15px;
font-size:13px;
}
#coccion h1{
color:#F7931E;
font-size:16px;
}
#coccion h2{
color:#60AB48;
font-size:14px;
padding-left:10px;
padding-top:10px;
}
#coccion p{
padding-left:15px;
}
#masinfo{
text-align:left;
width:200px;
padding-top:12px;
float:right;
margin-top:-10px;
font-size:14px;
}
#masinfo img{
float:left;
margin-top:-12px;
}
#masinfo a{
color:#F7931E;
font-weight:bold;
}
#Enconstruccion{
color:#CC0000;
font-size:20px;
font-weight:bold;
text-transform:uppercase;
width:64%;
margin-top:10px;
text-align:center;
position:absolute;
}