/* 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:Arial; font-size:62.5%; color:#858383}
a {text-decoration:none; color:#858383}
a:hover {color:#009b00; text-decoration: underline}

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

p {padding:0}


/* Ajustes */

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


/* Estructura general del site */

body { background:#8c8c8c}
#general, #general_interior {width:980px; height:585px; margin:0 auto 0 auto; background:url(../img/bg_general.gif) repeat-x}
#general_interior {background:url(../img/bg_interior.gif) repeat-x; height:601px}
#pie-portada {font-size:1.4em; color:#ffffff; margin-top:25px; text-align:center; padding-bottom:10px}
#pie {font-size:1.4em; color:#ffffff; margin-top:7px; text-align:center; padding-bottom:10px}
.izda, .izda_interior { width:180px; margin-top:13px; float:left}
.izda_interior { margin-top:13px}
.dcha {width:800px; margin-top:10px; background:#e3dfdf; float:left; font-size:1.4em}
.contenido { background:#FFFFFF; margin:40px 0 0 0; padding:10px; height:450px;}
.contenido p.portada{font-size:1.6em; margin-left:60px; width:830px}
.contenido_interior { background:#FFFFFF; margin:10px 0 0 10px; padding:10px; height:441px;}
#fotos,#fotos02 { margin-top:10px}
.contenido_interior h2 { font-size:1.6em; margin:5px 0 0 20px; color: #009b00;}
.contenido_total h2 { font-size:2.5em; margin:10px 0 0 10px; color: #ff0000; font-weight:bold}



/* Menu */
.menu01, .menu01_interior { font-size:1.4em; color:#007701; float:right; margin: 10px 8px 0 0}
.menu01 ul, .menu01_interior ul { margin-right:10px}
.menu01 ul li, .menu01_interior ul li { display:inline}
.menu01 ul li img, .menu01_interior ul li img { margin:0 3px}
.menu02 {font-size:1.2em; margin:10px 0 0 15px}
.menu02 a {line-height:24px}
.menu02 span {color:#009b00; background:url(../img/ico_flecha02.gif) 0 5px no-repeat; padding-left:10px; line-height:24px; font-weight:bold;}
.menu02 a.on {color:#009b00; background:url(../img/ico_flecha02.gif) 0 5px no-repeat; padding-left:10px; line-height:24px; font-weight:bold;}
.menu03 {margin-left:10px}
.menu03 a {line-height:18px}
.menu03 span {color:#009b00; background:none; padding-left:0;line-height:18px}

/*  Portada */

.logo { background:url(../img/bg-logo.gif) no-repeat}
.logo h1 img { margin:8px 0 0 20px;}
.logo-ofertas { position:relative; top:-60px; left:490px; width:300px}
p.interior {width:700px}
.contenido ul { margin-left:50px}
.contenido ul li { list-style-type:none; display:block; float:left; margin:10px 25px 0 0; width:150px; height:170px;}
.contenido ul li.ultimo { margin-right:0}
.contenido p {margin:20px 0 0 10px; font-size:1.4em; text-align:justify; width:750px; color:#565656;}
.contenido p.descargar {margin:20px 0 0 0;}
.contenido p.descargar:hover {background:url(../img/gr-descargar-on.gif) no-repeat}
.contenido p.tira { position:relative; top:-34px; left:-20px;}
p.instaladores {border: 1px solid #000; padding:5px; background:#eee; color:#060; margin:20px 0 50px 90px; font-weight:bold; font-size:1.6em; width:770px; text-align:center}

/*interior*/
.izda_interior p.descarga_aluminio { margin:145px 0 0 10px}
.izda_interior p.descarga_pvc { margin:235px 0 0 10px}
.izda_interior p.descarga_hierro { margin:163px 0 0 10px}
.izda_interior p.descarga_cristal { margin:199px 0 0 10px}
.izda_interior p.descarga_persianas { margin:150px 0 0 10px}
p.interior { margin:14px 0 0 20px; text-align:justify}
.contenido_interior img { border:1px solid #ccc;}
.contenido_interior #fotos02-sec img { border:1px solid #ccc; padding:30px 100px; background:#eeeeee;}

#fotos02-sec { margin:50px 0 0 30px}
#fotos02-sec img { margin:2px}
#fotos02 { margin-top:50px}
#fotos02 img { margin:2px}

.contenido_total {height:470px; margin:13px 0 0 0; padding:0px 20px; background:#fff;}

.galeria {
	position:relative;
	top:0;
	left:20px;
	width:700px;
}

/*empresa*/
p.empresa { width: 370px; font-size:1.6em; float:left; margin:20px 60px 0 10px; text-align:justify; background:#fff; color:#009b00; padding:30px; height:363px; border:1px solid #009b00}
.contenido_total .fotos_empresa {float:left; margin-top:20px}
.contenido_total .fotos_empresa img { border:1px solid #009b00; margin-bottom:20px}

/*ofertas*/
.h-ofertas { height:870px}
span.leyenda { position:relative; top:20px; left:50px}
ul.ofertas {width: 700px; color:#666; margin:20px 0 0 30px; font-size:1.5em; }
ul.ofertas li {background:url(../img/bg-ofertas.gif) no-repeat; padding: 10px 20px 0 20px; list-style-type:none; height:150px;}
ul.ofertas li img { float:left; margin:6px 14px 0 10px}
ul.ofertas li span { font-weight:bold; padding-left:5px}
ul.ofertas li p { color:#666; font-size:0.7em; float:right; margin:7px 10px 0 0}
ul.ofertas li p span { color:#009b00; font-size:2em;}

/*mapa*/
.mapa { margin-left:20px}

/*contactanos*/
p.contactanos { font-size:2em; text-align:center; padding-top:20px}
p.contactanos02 { font-size:1.6em; padding:40px 0 10px 20px; float:left; width:480px}
p.volver {text-align:center; margin-top:50px}


/* Formularios */

.formulario  { float:left; margin:20px 0 0 0px}
.formulario span { font-size:1em; color:#009b00}
form.contacto { margin:5px 0 0 0px; width:400px;}
form.contacto p { margin-bottom:8px; font-size:1.6em; font-weight:bold}
form.contacto p.enviar { text-align:right}
form.contacto label {}
form.contacto input, textarea { border:1px solid #009b00;}
form.contacto textarea {height:60px; margin-bottom:3px}
form.contacto input.long1 {width:400px}
form.contacto textarea.long1 {width:400px; height:110px}