/* Normalizacion */

* {margin:0; padding:0; border:0}
.hide {display:none}
.clear {display:block; clear:both; height:0px; margin-top:-2px; font-size:1px}
img {border:none; margin:0; padding:0}

/* Titulares y clases de texto */

body {font-family:helvetica; font-size:75%; background:url(../img/bg-general.jpg) repeat-x #51a448; color:#666}
a {text-decoration:none; color:#666}
a:hover {color:#666; text-decoration: underline}

h1,h2 {font-weight:normal; padding:0;}

p {padding:0}

ul li { list-style-type:none}


/* Ajustes */

.izq {float:left}
.der {float:right}

/* tablas */
caption { display:none}

/* menu */
.menu {background:#258d1a; width:850px;}
.menu ul {padding:5px;}
.menu ul li { display:inline; margin:0 15px 0 10px; color:#000; font-size:1.3em; padding:0 15px}
.menu ul li a {color:#fff}
.menu ul li a:hover {color:#000; text-decoration:none;}
.menu ul li.contacto {float:right; margin:0px 0 0 0; padding:0; color:#fff; margin-right:12px}
.menu ul li.contacto img { vertical-align:middle;}
.submenu ul {float:left; margin-top:20px}
.submenu ul li { display:inline; margin-left:5px;}
.submenu ul li.calidad {float:right; margin:5px 4px 0 0}
a#submenu01 { float:left; text-indent:-9999em; width:90px; height:25px; background:url(../img/gr-submenu01.gif) top left no-repeat;}
a#submenu01:hover {background-position:0 -25px;}
a#submenu01b {float:left; text-indent:-9999em; width:90px; height:25px; background:url(../img/gr-submenu01.gif) top left no-repeat;  background-position:0 -25px;}
a#submenu02 { float:left; text-indent:-9999em; width:46px; height:25px; background:url(../img/gr-submenu02.gif) top left no-repeat;}
a#submenu02:hover {background-position:0 -25px;}
a#submenu02b { float:left; text-indent:-9999em; width:46px; height:25px; background:url(../img/gr-submenu02.gif) top left no-repeat; background-position:0 -25px;}
a#submenu03 { float:left; text-indent:-9999em; width:69px; height:25px; background:url(../img/gr-submenu03.gif) top left no-repeat;}
a#submenu03:hover {background-position:0 -25px;}
a#submenu03b { float:left; text-indent:-9999em; width:69px; height:25px; background:url(../img/gr-submenu03.gif) top left no-repeat;background-position:0 -25px;}
a#submenu04 { float:left; text-indent:-9999em; width:71px; height:25px; background:url(../img/gr-submenu04.gif) top left no-repeat;}
a#submenu04:hover {background-position:0 -25px;}
a#submenu04b { float:left; text-indent:-9999em; width:71px; height:25px; background:url(../img/gr-submenu04.gif) top left no-repeat;background-position:0 -25px;}
a#submenu05 { float:left; text-indent:-9999em; width:106px; height:25px; background:url(../img/gr-submenu05.gif) top left no-repeat;}
a#submenu05:hover {background-position:0 -25px;}
a#submenu05b { float:left; text-indent:-9999em; width:106px; height:25px; background:url(../img/gr-submenu05.gif) top left no-repeat;background-position:0 -25px;}
a#submenu06 { float:left; text-indent:-9999em; width:133px; height:25px; background:url(../img/gr-submenu06.gif) top left no-repeat;}
a#submenu06:hover {background-position:0 -25px;}
a#submenu06b { float:left; text-indent:-9999em; width:133px; height:25px; background:url(../img/gr-submenu06.gif) top left no-repeat;background-position:0 -25px;}
.submenu img {float:right; }

/* pie */
#pie {color:#fff; padding:2px 0 2px 10px; background:#278b1b; font-size:1.2em;}
#pie a { color:#fff}
#pie span { margin:0 25px}
#pie span.sigue { font-size:0.8em; margin:0 0}
#pie img { vertical-align:middle; margin:0 5px}
#pie .sellos { margin-left:110px}
#pie p { float:right; padding-right:5px}


/* Estructura general */
#general {width:850px; margin:0 auto 0 auto; background:#fff;}
#contenido {width:850px; padding-bottom:10px; background:url(../img/bg-menuseccion.gif) repeat-y}
#contenido-portada {width:850px; padding-bottom:10px; margin-top:5px;}

/* portada */
h1 { margin-top:5px}
.mid { float:left; width:292px; margin:16px 0 0 12px; background:url(../img/bg-noticias.gif) repeat-x; height:166px; padding:1px 6px; color:#666; border:1px solid #278b1b; font-size:1.1em;}
.mid a:hover {text-decoration:none; color:#278b1b}
.mid span {font-size:1.2em; color:#fff;}
.mid img {margin-right:10px; float:left}
.mid p { height:130px;margin-top:12px;overflow:auto; scrollbar-face-color: #666; 
scrollbar-shadow-color: #666; 
scrollbar-highlight-color: #666; 
scrollbar-3dlight-color: #ddd; 
scrollbar-darkshadow-color: #ddd; 
scrollbar-track-color: #ddd; 
scrollbar-arrow-color: #FFFFFF;}
.menu-dcha { width:192px; float:right; margin:6px 0px 6px 0; height:150px; padding:10px}
.menu-dcha ul li { color:#278b1b; font-size:1em; padding:5px 0 5px 4px; background:url(../img/bg-menu.jpg) no-repeat; height:26px}
.menu-dcha ul li a { color:#666; font-weight:bold}
.menu-dcha ul li.tienda {font-weight:bold}
p.destacado01 { text-align:center; font-size:2.8em; color:#278b1b;}
ul.secciones li { float: left; text-align:center; font-size:2.2em}
ul.secciones li a:hover {color:#278b1b; text-decoration:none}
img.instaladores { float:left; margin:16px 0 0 10px}


/* seccion */
h2 {font-size:1.3em; border-bottom:1px solid #999; color:#666; margin-bottom:18px; padding-left:5px; background:#eee; font-weight:bold}
h2 span { font-weight:normal}
ul.menu-seccion { width:260px; float:left;	}
ul.menu-seccion li { background:#8dda88; margin-bottom:2px; color:#576453; font-size:1.4em; padding:4px 10px}
ul.menu-seccion li:hover { background: #ccc;}
ul.menu-seccion li a:hover { text-decoration:none}
img.foto { float:right}
p.descripcion {font-size:1.3em; padding:10px}
ul.listado01 {position:relative; float:right}
ul.listado01 li {float:left; font-size:1.2em; line-height:30px; width:280px; margin:20px 0 0 0; padding:5px; border-top:1px solid #666; border-bottom:1px solid #666}
ul.listado01 li img {margin-right:10px; float:left}
ul.listado01 li span {color:#278b1b}
h2 a {color:#278b1b; font-weight:normal}
h2 a:hover {color:#666; text-decoration:none}
ul.menu-seccion li ul, ul.menu-subseccion li ul { width:260px; margin:0 0 -4px -10px; padding:0}
ul.menu-seccion li ul li, ul.menu-subseccion li ul li {margin:0 0 0 0; background:#eee; font-size:0.9em; padding-left:20px}
ul.menu-seccion li ul li a:hover, ul.menu-subseccion li ul li a:hover {color:#666; text-decoration:underline;}
ul.menu-seccion li ul li:hover, ul.menu-subseccion li ul li:hover { background:#eee}
.info {float:right; width:575px; text-align:center}
.info p { background:#ccc; padding:10px; text-align:left; width:540px; margin-top:10px}
.info p span {color:#278b1b;}
ul.menu-seccion a strong {color:#fff}
p.masinfo, p.masinfo02 {width:510px; float:right; height:451px; margin-right:40px}
p.masinfo span { font-size:1.7em; color:#278b1b; font-weight:bold}
p.masinfo02 { text-align:center;}
p.masinfo02 img { margin-bottom:10px}
p.texto, p.texto02 { float:right; width:555px; padding:20px; font-size:1.2em; height:160px}
p.texto02 {height:100%}

/*galeria fotos*/
#wrap {float:right; width:575px}
#wrap img.serie { margin:12px 0 0 12px}
#wrap p {color:#000000; margin-top:40px; background:#eee; padding:2px 8px; font-size:0.9em; width:130px; text-align:center}
#wrap p:hover {background:#278b1b}
#wrap a:hover {color:#fff; text-decoration:none}
p.colores { text-align:center}

/*nuestras marcas*/
ul.marcas { padding:20px; border:2px solid #eee; width:780px; margin-left:10px; text-align:center; height:402px}
ul.marcas li { display:inline; margin:0 20px;}
ul.marcas li img { margin:10px 0}

/*galeria fotos nuestros trabajos*/
#gallery {
	width:750px;
	height:444px;
	margin:0 auto;
	position:relative;
	background:#f8f8f8;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#gallery #fullsize {
	position:absolute;
	left:0;
	top:0;
	height:450px;
	width:750px;
	overflow:hidden;
	text-align:center;
}
#gallery #fullsize div {width:750px; height:700px; position:relative;}
#gallery #fullsize div img {clear:both; display:block; margin:0 auto; border:10px solid #fff; width:480px; height:360px; position:relative; z-index:500;}
#gallery #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;}
#gallery #fullsize div p {padding:5px 0; margin:0; font-size:12px; line-height:18px;}
 
#gallery #fullsize a.previous {display:block; height:120px; width:180px; position:absolute; left:10px; top:200px; z-index:10; border:10px solid #fff;}
#gallery #fullsize a.next {display:block; height:120px; width:180px; position:absolute; right:10px; top:200px; z-index:10; border:10px solid #fff;}
 
#gallery #fullsize a.previous img,
#gallery #fullsize a.next img {width:180px; height:120px; border:0; display:block; filter: alpha(opacity=40); opacity:0.4;}
 
#gallery #fullsize a:hover {direction:ltr; z-index:600;}
#gallery #fullsize a:hover img {filter: alpha(opacity=80); opacity:0.8;}


/* formularios */
.formulario  {margin:20px 0 0 80px}
.formulario span { font-size:1em; color:#009b00}
.formulario p { font-size:1.4em; color:#009b00}
.formulario p.volver {margin:30px 0 338px 0}
form.contacto { margin:5px 0 0 0px; width:600px; color:#009b00}
form.contacto p { margin-bottom:5px; font-size:1.3em; font-weight:bold;}
form.contacto p.enviar { text-align:right; margin-bottom:8px}
form.contacto input, textarea { border:1px solid #009b00;}
form.contacto textarea {height:60px; margin-bottom:3px}
form.contacto input.long1 {width:600px}
form.contacto textarea.long1 {width:600px; height:110px}

/* info y descargas */
ul.descargas { margin:0 0 0 80px; height:446px}
ul.descargas li {font-size:1.4em; line-height:30px; color:#009b00;}
ul.descargas li a {color:#009b00;}
ul.descargas li a:hover {color:#009b00; text-decoration:underline}

/* venta de productos */
ul.venta { margin:0 0 0 10px;}
ul.venta li { float:left; width:198px; margin:0 2px 2px 0; background:#eee; padding:4px; height:305px}
ul.venta li p { height:130px}
ul.venta li p.img {color:#009b00; font-size:1.6em; font-weight:bold; text-align:center;}
ul.venta li p img { margin-bottom:10px}
ul.venta li span { font-size:0.5em; color:#666}


/* empresa */
.empresa { width:440px; float:left; padding:20px; height:416px; text-align:justify; font-size:1.3em; background:#eee; margin-right:10px}
.empresa img { float:right}