@charset "utf-8";
/* CSS Document */
body{margin:0; background:#FFF url(../images/bg-body.jpg) repeat-x top; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;color:#fff;text-align:left; height:100%}
html{ height:100%}
ul, li { list-style:none}
img{ border:0}
a{ text-decoration:none; color:#FFF}
a:hover{color:#fddc00}
h1{ font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0px; font-weight:normal;}
h2{ font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0px; padding-top:10px}
h3{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0px; padding-top:15px; padding-bottom:15px; color:#005e0e; font-style:italic}

#contenedor{width:100%; margin:0 auto -114px; position:relative;min-height:100%; float:left}

#principal {width:970px; margin:0 auto;}

#header{ padding-top:15px; width:100%; text-align:center; position:relative; float:left; z-index:1}

#botonera { position:relative; float:left; z-index:2; margin-top:-40px; height:37px}
#botonera ul{ margin-left:80px}
#botonera li{ float:left; height:26px; width:115px; margin-left:8px;}
#botonera a.selected{background:#59a711; }
#botonera a{ float:left; background:#7dd72a; height:28px; width:115px; margin-left:8px; padding-top:9px; text-align:center}
#botonera a:hover{background:#59a711;}

.footer, .push{ height:114px; position:relative; float:left; width:100%}

.footer { width:100%;  background:#828282 url(../images/bg-footer.jpg) repeat-x bottom; height:114px; position:relative; float:left;}
.footer .footer-cont{ width:920px; margin:0 auto; padding-left:50px; padding-top:1px; position:relative; height:113px}
.footer li { float:left; position:relative; margin-left:25px; margin-right:25px; line-height:15px;}

/* SLIDESHOW */
				
#slideshow{ background:url(../images/bg-barra.jpg) no-repeat; height:112px; width:970px; margin-top:28px; float:left; position:relative; padding-bottom:30px; padding-top:15px; z-index:200}
#slideshow #slidesContainer {width:860px; margin-left:40px;height:98px; padding-left:30px;overflow:auto;position:relative; float:left;}
#slideshow #slidesContainer .slide {position:relative;float:left;}
#slideshow #slidesContainer .slide img{position:relative;float:left; margin-left:50px; margin-right:50px}
.control {display:block;width:39px;height:235px;text-indent:-9999px;position:absolute;cursor: pointer; top:200px;}
#leftControl {top:45px; left:18px;background:transparent url(../images/flecha-izq.jpg) no-repeat 0 0; z-index:200; width:18px; height:39px;}
#rightControl {top:45px;right:18px;background:transparent url(../images/flecha-der.jpg) no-repeat 0 0; z-index:200; width:18px; height:39px;}


#contenido { float:left; position:relative; height:100%; padding-bottom:20px; width:970px; color:#383838; font-size:14px; margin-top:15px}
#contenido .izq{ float:left; position:relative; width:459px; margin-left:5px}
#contenido .izq div{ float:right; position:relative; width:449px;}
#contenido .der { float:right; position:relative; width:471px; margin-right:5px}
#contenido .der div{ float:right; position:relative; width:461px; margin-top:15px}


#galeria { background:url(../images/bg-galeria.png) no-repeat top; width:920px; float:left; position:relative;z-index:3; margin-top:3px; padding:25px;color:#4f4f4f; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
#galeria ul { width:100%; margin:0px; padding:0px; margin-left:2px; margin-top:15px}
#galeria li{ float:left; position:relative; margin:4px; width:297px; height:215px}
#galeria-producto { background:url(../images/bg-galeria.png) no-repeat top; width:970px; float:left; position:relative;z-index:3; margin-top:3px; padding-top:8px; padding-left:8px}
#galeria-producto .imagen { width:551px; float:left; position:relative}
#galeria-producto .descripcion { width:388px; margin-top:20px; background:url(../images/productos/bg-galle-text.jpg) no-repeat; float:left; height:265px; position:relative}
#galeria-producto .descripcion span{ margin:10px; float:left; position:relative}
#galeria-producto .descripcion span.separador{ height:2px; width:368px; background:url(../images/productos/bg-separador.jpg) repeat-x; margin:0px; margin-left:10px;}
#galeria-producto .descripcion h1{ font-size:26px; color:#db3f1a; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:10px; padding:0px;  float:left; position:relative; width:300px}
#galeria-producto .descripcion h2{ font-size:15px; color:#4f4f4f; font-family:Arial, Helvetica, sans-serif; float:left; position:relative; padding:0px; width:300px}
#galeria-producto .descripcion h3{ font-size:13px; color:#4f4f4f; font-family:Arial, Helvetica, sans-serif; float:left; position:relative; padding:0px; margin-left:17px; margin-top:15px; font-style:normal}

#galeria .form{ width:510px; position:relative; float:left; margin-left:3px}
#galeria .form span { float:left; position:relative; margin-top:10px;}
#galeria .form a { float:right; position:relative; margin-top:10px; margin-right:45px}
#galeria .datos-c{ width:400px; float:right; position:relative;background:url(../images/bg-direccion.jpg) no-repeat right; height:331px; margin-top:10px; margin-bottom:10px}
#galeria .datos-g { width:860px; float:left; position:relative; background:url(../images/bg-correo.jpg); height:83px; padding-top:33px; padding-left:60px}
#galeria .datos-g li { width:250px; height:83px}
#galeria .datos-g a{ color:#666}

.direccion{ padding-top:50px; padding-left:22px; float:left; position:relative}
.telefono{ padding-top:60px; padding-left:22px; float:left; position:relative}

input{ border:#cacaca 1px solid; width:462px; height:22px}
textarea {border:#cacaca 1px solid; width:460px; height:104px}