/* Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: bottom; }
body { line-height: 1.5; margin: 0; font-family: "segoe UI",arial,helvetica,sans-serif; color: #333;}
body { _font-family: arial,helvetica,sans-serif !important;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input, textarea { margin: 0;}

html > body {font-size: 16px;}

/* per Firefox */
a { outline: none; }

a {color: #900 /*942e1e*/; text-decoration: none;}
a:hover {text-decoration: underline;}

/* Headings */
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal; color: #333;}

/* Text generic */
p { margin: 0 0 1em; font-size: 1em;}
ul, ol { margin: 0; }
ul { list-style-type: none; }
ol { list-style-type: decimal; }
ol li {margin: 0 0 1em 4em}
dl { margin: 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 0.5em; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; }
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

/* Layout */

body {background: #FFF url(../img/body_bg.png) left top repeat-x; border-top: 10px solid #B8432E;}
body { _border-top: 10px solid #B8432E !important;}

#tot {margin: 0 auto; width: 960px;}


#marca {padding: 54px 0 34px; position:relative;}
#marca a.logo {background:transparent url(../img/logo.png) no-repeat scroll left top; display:block; height:51px; text-decoration:none; width:473px;}
#marca a.logo span {display:none;}
#marca ul#telef {position:absolute; right:0; top:-5px;}
#marca ul#telef {_top:-30px !important;}
#marca ul li {}

#marca {_padding: 0px 0 34px !important;}

#idiomas {background: url("../img/bg_idiomas.png") no-repeat left bottom #B8432E; color: #FFFFFF; font-size: 80%; margin: 0 0 45px; padding:0; text-align: center; width:150px;}
#idiomas a {display:inline-block; padding:0 8px 5px; color:#FFF;}

#tel {font-weight:bold; line-height:1.25;color: #005F1B;}
#tel strong {color: #B8432E; font-weight: bold; font-size: 150%;}

/* header */
a.inicio{ text-decoration:none; cursor:pointer }
a.inicio:hover{ text-decoration:none; }
tr.uno td{ font-family: arial; font-size: 36px; border-bottom: 1px solid #B8432E;	line-height: 1; color: black; }
tr.uno strong.barcelona{ color: #999; padding-right: 7px; font-weight:normal}
tr.dos td{font-family: arial; font-size: 12px; letter-spacing: 1px; line-height: 2; font-weight: bold;  color: #888; margin-left:2px;  }
tr.dos td p{ margin:0 0 0 3px; padding:0; }
tr.dos td strong{ color: #333 }

#marca table{ _width: 520px !important;}


/*
#marca ul.inicio li{ float:left; width:400px;}
li.uno { font-family: arial; font-size: 36px; border-bottom: 1px solid #B8432E;	line-height: 1; color: black;  width:400px;}
li.uno strong.barcelona{ color: #999; padding-right: 7px; font-weight:normal}
li.dos {font-family: arial; font-size: 12px; letter-spacing: 1px; line-height: 2; font-weight: bold;  color: #888; margin-left:2px;  }
li.dos { margin:0 0 0 3px; padding:0; }
li.dos strong{ color: #333 }


*/


/* fin header */


#conte {background: #F5ECE4 /*url(../img/bg01.png) left top repeat-x*/; overflow: hidden; border: 1px solid #c5bdb4; border-bottom:0;}

#nav {float: left; margin: 50px 0 0 22px;}
#nav li {}
#nav a, #nav a:visited {border-top: 2px solid #fcf6ef; border-bottom: 1px solid #c5bdb4; color: #666; display: block; font-weight: bold; padding: 5px 20px; margin: 0;}
#nav a:hover {background: #FCF3EF; padding: 6px 21px 4px 19px; border-top: 1px solid #c5bdb4; border-bottom: 2px solid #fcf6ef; border-left: 1px solid #c5bdb4; color: #B8432E; text-decoration: none; }
#nav a.actual {color: #B8432E;}
#nav a.actual:hover {background: transparent; color: #B8432E; border-top: 2px solid #fcf6ef; border-bottom: 1px solid #c5bdb4; border-left: 0; padding: 5px 20px; text-decoration: none;}

#foto {float: right; width:710px; background:#DBD3CC; position:relative; margin:0;padding:0; overflow:hidden;}
#foto img{width: 710px; height:325px; margin:0;padding:0;}
x#foto img{_height:320px }
#textoFoto {bottom: 19px; position: absolute; right: 20px;}
#textoFoto p {font-weight: bold; margin: 0; padding: 0; color:#FFF; text-shadow: #333 2px 2px 2px;}

#conte2 {overflow: hidden; position:relative; clear:both; display:block; float:none;}
.tit {background: #782C1E; color: #FCF3EF; font-size: 18px; margin: 0 0 0; padding: 10px 0; text-align: center; border: 1px solid #696964; border-top:0;}
.supertit {background: url("../img/hor.png") no-repeat scroll center top #FFFFFF; color: #222; font-size: 24px; margin: 30px 0 0; padding: 40px 0 10px; text-align: center;}
h2.txt {border-top:0 solid #228744; float:left; font-size:90%; margin:0 40px 0 0; padding:40px 0 0; width:210px;}
h2.txt.last {margin-right: 0; padding-right: 0;}
h2.txt strong {font-weight: bold; color: #005F1B;}
/* anulado temporalmente por Antonio */
xh2.txt span {-moz-border-radius-bottomleft:0.8em; -moz-border-radius-bottomright:0.8em; -moz-border-radius-topleft:0.8em; -moz-border-radius-topright:0.8em; background:#781F0F; color:#FFFFFF; display:block; font-size:110%; font-weight:bold; margin-top:20px; padding:10px 10px 10px 15px;}

h2.txt img {float: left; margin: 0 10px 0 0;}

#subconte {background: url("../img/check.png") no-repeat scroll 40px center transparent; bottom: 0; left: 0; position: absolute; width: 720px; height:160px; padding:10px;}
#garantia, #precio {color: #005F1B; font-size: 18px; padding: 40px 0 0 130px; text-align: left;}
#precio {padding-top:20px;}

#trabaja {float: left; width: 430px; margin: 50px 0 20px;}
.intxt {margin: 0 10px 30px;}

.respetamos {margin-top: 2.5em; color: #B8432E; font-weight: normal;}

h3.eslogan {color:#999; font-size:120%; font-weight:normal; margin:0.5em 0;}
.circle {background:transparent url(../img/circle.png) no-repeat left center;  padding:0 64px 0 22px;}
.circlast {padding-right: 0;}

#pie {border-top: 1px solid #B8432E; text-align: center; padding: 10px; font-size: 80%; color: #222;}
.direccion {font-style: italic;}

/* Gradulux
------------------------------------------------- */
.lista-colecciones {position:relative; overflow:hidden; margin:40px 0 0; width:100%}
.lista-colecciones a {display:block; float: left; margin: 0 40px 40px 0; padding: 25px 0 0; width: 210px; height:185px;}
.lista-colecciones a.last {margin-right: 0; padding-right: 0;}
.lista-colecciones a:hover {text-decoration:none;}

#silhouette {background:url(../img/silhouette.jpg) left top no-repeat;}
#silhouette:hover {background:url(../img/silhouette.jpg) left bottom no-repeat;}
#duette {background:url(../img/duette.jpg) left top no-repeat;}
#duette:hover {background:url(../img/duette.jpg) left bottom no-repeat;}
#facette {background:url(../img/facette.jpg) left top no-repeat;}
#facette:hover {background:url(../img/facette.jpg) left bottom no-repeat;}
#plisadas {background:url(../img/plisadas.jpg) left top no-repeat;}
#plisadas:hover {background:url(../img/plisadas.jpg) left bottom no-repeat;}
#venecianas {background:url(../img/venecianas.jpg) left top no-repeat;}
#venecianas:hover {background:url(../img/venecianas.jpg) left bottom no-repeat;}
#ven-madera {background:url(../img/ven-madera.jpg) left top no-repeat;}
#ven-madera:hover {background:url(../img/ven-madera.jpg) left bottom no-repeat;}
#estores-pleg {background:url(../img/estores-pleg.jpg) left top no-repeat;}
#estores-pleg:hover {background:url(../img/estores-pleg.jpg) left bottom no-repeat;}
#estores-enroll {background:url(../img/estores-enroll.jpg) left top no-repeat;}
#estores-enroll:hover {background:url(../img/estores-enroll.jpg) left bottom no-repeat;}
#verticales {background:url(../img/verticales.jpg) left top no-repeat; margin:0 40px 0 0;}
#verticales:hover {background:url(../img/verticales.jpg) left bottom no-repeat;}

.lista-colecciones a span {background:#B8432E; color:#FFF; padding:7px 12px;}
.lista-colecciones a:hover span {background:#055B1A; color:#FFF;}

#panel {background:#F5ECE4; color: #005F1B; bottom: 0; padding:30px 10px 30px 70px; height: 150px; position: absolute; right: 0; width: 630px; font-size:32px;}
#panel strong {color:#000; font-weight:normal}

.colecciones {margin:0 0 40px 2px; display:block; float:none; width:100%}
.colecciones li {float:left; margin:0 19px 0 0; padding:0 0 0 5px; border-left:1px solid #000; width:83px; overflow:hidden}
.colecciones li.last {margin:0;}
.colecciones a {display:block; text-transform: uppercase; font-size:75%; line-height:1.2;}
.colecciones a.actual {color:#000;}

/* cortinas Gradulux indiv
------------------------------------------------- */
#cab-galeria h1 {
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 30px;
}
#cab-galeria h1 a {background:url(../img/arrow.png) right center no-repeat; padding:0 20px 0 0; margin:0 5px 0 0;}

#img_galeria {margin:30px 0 10px;}
#img_galeria li {float:left; margin:0 30px 30px 0;}
#img_galeria li.last {margin-right:0; padding-right:0;}

.descripcion {float:left; margin:0 40px 0 0; padding:0; width:300px;}
.descripcion h2 {background:#782C1E; color:#fff; padding:5px 12px; margin:0 0 20px; font-size:120%; font-weight:normal;}
.descripcion h3 { color:#782C1E; padding:5px 12px; margin:20px 0 0px; font-size:110%; font-weight:bold;}
.primero {font-weight:bold; color:#333;}

.imgs {float:right; width:620px; margin:0 0 30px;}



/* Forms
------------------------------------------------- */

#f1, #f2 {margin: 50px 25px 50px 75px; color: #005F1B; font-weight: bold;}
#f2 {background:#F5ECE4; float:right; margin:50px 0 20px; padding:2em; border: 1px solid #f0e7dc;}
#fs1 {width: 35em;}
#fs2 {width: 25em;}
#fs1 h2, #fs2 h2 {font-weight: bold; font-size: 150%;  color: #005F1B; margin-bottom: 1em;}
textarea {height:8em; margin:1em 0; width:100%; resize: none; }
.txtinput label {float: left;}
.txtinput input {float: right; width: 26em;}
#fs2 .txtinput input {width: 18em;}
.txtinput, .textarea {overflow: hidden; margin-bottom: 1.5em;}
p.errormsg {color: #F00;}
p.explica {margin: 0; padding: 0 0 1em; color: #666; font-weight: normal;}
p.explica strong { color: #005F1B;}
p.boton {margin: 2.5em 0 0;}

#veh {display:inline-block; width: 210px; overflow:hidden; margin-right: 10px;}
#exp {display:inline-block; width: 210px; overflow:hidden; margin-right: 10px;}
#vehiculo-si, #experiencia-si {margin: 0 0.5em 0 0em;}
#vehiculo-no, #experiencia-no {margin: 0 0.5em 0 3em;}

/* =clearfix
---------------------------------------------------------------------- */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:block;min-height:1%;}
* html .clearfix {height:1%;}

/* cocon-patibilizacion con el admirado IE6 */

#conte { _height: 325px; _font-family: arial, helvetica, sans-serif;}
#nav { _height: 275px;	_margin-left: 12px }
#nav a { _height: 16px; _width: 163px; text-decoration:none; }
a.actual {color: #005F1B !important; }
h3.eslogan, p.txtinput, p.textarea, p.boton, p.rad { clear:both; }
p.txtinput { margin: 1em 0 1em 0; }
.txtinput label {clear: left}



/* final de la cocon-patibilizacion con el admirado IE6 */