/*--------------------------------------------------
########### CSS RESET
--------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
input, textarea {margin: 0;padding: 0;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px;}
/*--------------------------------------------------
########### HTML Gral. Tags
--------------------------------------------------*/
body{background:#fff url("../imagenes/bck-total.png") repeat-x;font:normal 12px/16px "Trebuchet MS";}
.logosecobras a{float:left;display:block;background:transparent url("../imagenes/logotipo-secobras.png") no-repeat;width:167px;height:33px;margin-top:4px;}
.logosecobras .logo{position:absolute;left:-9999px;}

h1{text-transform:uppercase;color:#8eac00;font-size:22px;border-bottom:1px dotted #ccc;padding-bottom:4px;}


h2{margin:16px 0;font:bold 16px "Arial";color:#fff;padding:4px 6px;background:#8eac00;}
h2.tituspacer{padding-top:12px;}
h2 a{margin:16px 0;font:bold 16px "Arial";color:#fff;padding:4px 6px;background:#8eac00;text-decoration:none;}
h2 a:hover{text-decoration:underline;color:#fff;}

h3{font-weight:bold;margin:8px 0;font-family:"Trebuchet MS", "Verdana";text-align: left;font-size:12px;color:#8eac00;letter-spacing:1px;text-transform:uppercase; border-bottom:1px solid #DBDBDB;}
h4{font:bold 16px "Trebuchet MS";color:#8eac00;margin-top:40px;}

p{color:#5e5e5e;line-height:18px;margin:10px 0;text-align:justify;}
strong{font-weight:bold;}

a{color:#353d3e;padding:2px;text-decoration:none;font-weight:bold;}
a:hover{color:#8eac00;}

/*--------------------------------------------------
########### Estructura
--------------------------------------------------*/
#mainwrapper{width:940px;margin:0 auto;}
#header, #contenido{overflow:hidden;}
#contenido{text-align:center;}
#footer{background:transparent url("../imagenes/bck-footer.png") repeat-x; height:140px;margin-top:20px;}

/*--------------------------------------------------
########### Cabezal
--------------------------------------------------*/
.telefonos{padding-top:4px;margin-top:10px;float:right;height:27px;font:bold 18px/18px "Arial";color:#adb0b1;background:transparent url("../imagenes/telefonos.png") no-repeat;text-indent:30px;}
.banner{margin:0 auto;}

/*-------------------Slide------------------------*/
div#feature_wrp {height: 233px; color:#000;background:none;}
div#feature {width:924px; height:100%; position: relative; overflow: hidden;margin:2px auto;background:none;}
div#slide_wrp {width:720px; height:300px; overflow: hidden; position: absolute; top:20px; left:90px;background:none;}
a#prev, a#next {text-indent: -9999px; width: 43px; height:67px; display:block; position: absolute; top: 100px; }
a#prev {background: url("../imagenes/previo.png") no-repeat; left:40px;  }
a#next {background: url("../imagenes/siguiente.png") no-repeat; right:50px;  }
div.slide {width:100%; height:300px; overflow: hidden;}
/* div.colizq {margin-top:10px;width:48%;float:left;height:200px;text-align:center;}
div.colder {width:44%;float:right;margin-top:10px;height:200px;background:#fff;} */

div.contslide{width:711px;height:208px;}

div.homeimg{background:transparent url("../imagenes/bck-slider.png") no-repeat;}
div.pisosimg{background:transparent url("../imagenes/bck-pisos.png") no-repeat;}
div.gomaimg{background:transparent url("../imagenes/bck-pisos-goma.png") no-repeat;}

div.contslide h2{background:none;text-transform:uppercase;color:#8eac00;font-size:22px;padding:20px 0 0 320px;display:block;font-weight:normal;margin:0;text-align:left;}


div.contslide h3{margin:0;padding:8px 6px 4px 320px;text-align:left;border:none;font:bold 16px "Arial";text-transform:none;color:#313639;}
div.contslide h3 a{background:none;color:#313639;text-decoration:none;padding:0;text-transform:none;}
div.contslide h3 a:hover{color:#313639;text-decoration:underline;}

div.contslide p{margin:0;padding:8px 10px 0 320px;text-align:left;background:transparent;color:#3b3c3d;text-decoration:none;display:block;}
div.contslide p a{font-weight:normal;background:none;color:#313639;text-decoration:none;padding:0;}
div.contslide p a:hover{color:#3b3c3d;text-decoration:underline;}

/*--------------------------------------------------
########### Menu
--------------------------------------------------*/
.menu{background:transparent url("../imagenes/bck-menu.png") no-repeat; height:56px;width:880px;margin:-4px auto 0 auto;}
.menu ul{margin-left:6%;}
.menu ul li{float:left;display:inline;padding-top:24px;margin:0 5px;}
.menu li a{text-transform:uppercase;color:#fff;font:bold 14px/16px "Trebuchet MS";text-decoration:none;}
.menu li a:hover{color:#313639;}

.menuactivo{text-transform:uppercase;color:#313639;;font:bold 14px/16px "Trebuchet MS";text-decoration:none;}
/*--------------------------------------------------
########### Contenidos
--------------------------------------------------*/
.coluizq, .coluder{min-height:400px;margin-top:40px;text-align:left;}
.coluizq{float:left;width:216px;}
.coluder{float:right;width:710px;padding-top:8px;}

/*-- columna Izquierda --*/
.iconos{background:transparent url("../imagenes/bck-iconos.png") no-repeat;width:217px;min-height:210px;}
.iconos ul{padding:14px 0 0 16px;}
.iconos ul li{background:transparent url("../imagenes/divisor-iconos.png") no-repeat left bottom;}
.iconos ul li a{height:48px;display:block;text-decoration:none;padding-top:12px;width:96%;color:#8d8d8d;}

.iconos ul li a.mail{background:transparent url("../imagenes/icono-mail.png") no-repeat;}
.iconos ul li a.face{background:transparent url("../imagenes/icono-face.png") no-repeat;}
.iconos ul li a.youtube{background:transparent url("../imagenes/icono-youtube.png") no-repeat;}
.iconos ul li a.obras{background:transparent url("../imagenes/icono-obras.png") no-repeat;}
.iconos ul li a.novedades{background:transparent url("../imagenes/icono-novedades.png") no-repeat;}
.iconos ul li a.skype{background:transparent url("../imagenes/icono-skype.png") no-repeat;}

.iconos ul li a.mail:hover, .iconos ul li a.face:hover, .iconos ul li a.obras:hover, .iconos ul li a.novedades:hover{color:#8eac00;}

.tituiconos{text-transform:uppercase;font-size:14px;font-weight:bold;display:block;}
.descripcioniconos, .tituiconos{padding-left:40px;}

.submenu{background:transparent url("../imagenes/bck-iconos.png") no-repeat;width:217px;min-height:172px;margin-bottom:8px;}
.submenu ul{padding:14px 8px 0 8px;}
.submenu ul li a{font-weight:bold;font-family:"Arial";padding-left:6px;text-transform:uppercase;color:#545454;height:20px;display:block;text-decoration:none;padding-top:6px;width:96%;border-bottom:1px dotted #d4d4d4;margin-top:1px;}
.submenu ul li a:hover{background:#f5f5f5;border-bottom:1px dotted #96b601;color:#96b601;}

.notasinteres{background:transparent url("../imagenes/bck-iconos.png") no-repeat;width:217px;min-height:210px;}
.notasinteres h2{font:bold 14px/16px "Arial";color:#8eac00;background:none;padding:16px 20px;margin:0px;}
.notasinteres ul{padding:0 0 0 16px;}
.notasinteres ul li{border-bottom:1px dotted #ccc;padding:4px 0;width:96%;}

.notasinteres ul li a{text-decoration:none;color:#8d8d8d;font:normal 12px/18px "Arial";background:none;display:block;}
.notasinteres ul li a:hover{color:#bae004;background:#fcfcfc;}

/*-- columna Derecha --*/
.colder p{text-align:justify;}

/*-- Preguntas Frecuentes--*/
.preguntasfrec{padding:6px 4px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin-bottom:20px;margin-top:8px;}

/*--------------------------------------------------
########### Footer
--------------------------------------------------*/
.footertxt{margin:10 auto;padding-top:40px;text-align:center;font:normal 12px/16px "Arial";}
.footertxt p{color:#adb0b1;text-align:center;}
.footertxt ul{}
.footertxt ul li{display:inline;}
.footertxt ul li a{color:#adb0b1;text-decoration:none;text-transform:capitalize;font-weight:normal;}
.footertxt ul li a:hover{color:#d0d3d4;background:transparent;}
.footertxt a{color:#adb0b1;text-decoration:none;font-weight:normal;}
.footertxt a:hover{color:#d0d3d4;background:transparent;}

.footertxt ul li a.footersecobras{color:#96b601;font-weight:normal;}
.footertxt ul li a.footersecobras:hover{color:#fff;background:transparent;}

/*--------------------------------------------------
########### Imagenes y Alineacion
--------------------------------------------------*/
.imgizquierda{float:left;margin:0 10px 10px 0;}
.imgderecha{float:right;margin:0 0 10px 10px;}
.IMGDer{float:right;margin-left:8px;}
/*--------------------------------------------------
########### Listas
--------------------------------------------------*/
.listas{list-style-image: url("../imagenes/list-bullet.png");color:#5e5e5e;margin-left:22px;}
.listas li{line-height:22px;}
.espaciolistas{padding-right:24px;}

.linkpoup li a{display:block;background:#f7f7f7;margin:2px 0;text-decoration:none;padding-left:8px;font-weight:normal;}

/*---- listas links pisos ----*/
.pisoslinks h2{font:bold 12px "Arial";color:#333;background:none;padding:0;margin:30px 0 2px 0;border-bottom:1px dotted #ccc;}
.pisoslinks ul{padding:0;margin:0;}
.pisoslinks ul li{display:inline;color:#ccc;}
.pisoslinks ul li a{font:normal 12px "Arial";color:#b2b2b2;text-decoration:none;}
.pisoslinks ul li a:hover{color:#333;text-decoration:underline;}

/*--------------------------------------------------
########### Nuestras obras Y Novedades
--------------------------------------------------*/
.galeriaimg {overflow:hhiden;width:98%;}
.galeriaimg li{float:left;display:inline;margin:8px;padding:2px;}
.galeriaimg li img{border:4px solid #e9e9e9;}
.galeriaimg li img:hover{border:4px solid #c9c9c9;}

/* slideViewer */
.svw {width: 687px; height: 232px; background: #fff;}
.svw ul{position: relative; left: 0em;}
.stripViewer {position: relative;overflow: hidden; border: 5px solid #8eac00;margin: 0 0 1px 0;}
.stripViewer ul {position: relative;left: 0;top: 0;width: 1%;list-style-type: none;}
.stripViewer ul li {float:left;}
.stripTransmitter {overflow: auto;width: 1%;}
.stripTransmitter ul {position: relative;list-style-type: none;}
.stripTransmitter ul li{width: 20px;float:left;margin: 0 1px 1px 0;}
.stripTransmitter a{font: bold 10px Verdana, Arial;text-align: center;line-height: 16px;background: #8eac00;color: #fff;text-decoration: none;display: block;}
.stripTransmitter a:hover {background: #fff;color: #8eac00;}
.stripTransmitter a.current, .stripTransmitter a.current:hover {background: #b8df02;color: #fff;}
code {width:93%;font: normal 1em/1.3em 'Courier New', Courier, Fixed;color: #000;display: block;padding: 0;margin: 0;background-color: #fff;white-space: pre;overflow-x: auto;}


/*------------------Tablas Form------------------------*/
.formobligatorio{color: #8DAB00;margin-left:4px;}
form p{background:#f7f7f7;margin:2px;padding:4px 2px;}
form input{}
.btnform{text-align:right;padding-right:10px;}
.labelform{width:250px;display:inline-block;}


#ContenedorTablas{overflow:hidden;}
#ContenedorTablas table{ border: 0;background:#fff;border-spacing:4px;}
#ContenedorTablas tbody{margin:2px 0;}
#ContenedorTablas tr{line-height:14px;height:26px;margin:2px 0;}
#ContenedorTablas td {background-color: #F7F7F7;font-family:  "Arial";font-size: 12px;color: #666;}

.luminarias {background-color: #F7F7F7;border-bottom: solid 1px #ccc;border-top: solid 1px #ccc;font-family:  "Arial";font-size: 12px;color: #666;padding:10px 0;}
.FichaTecnica{text-align: center;}
.tablasDerecha{padding-right: 10px;text-align: right;width: 50%;font-size: 12px;}
.tablasIzq{padding-left: 10px;text-align: left;.width: 50%;font-size: 12px;}
.textoMuestras{text-align: center;font-size: 10px;font-family: "Arial";color: #444;text-transform: uppercase;background-color: White;}
.IMGIzq {float:left;margin-top:5px;margin-right: 10px;margin-bottom: 5px;margin-left: 0px;}

/*------------------OFERTAS------------------------*/
.ofertapisos{margin:0 auto;background: url("../imagenes/oferta-piso-de-goma.jpg") no-repeat;width:710px;height:292px;}
.ofertapisos p{padding:148px 0 0 44px;}
.ofertapisos p .preciopromo{font-weight:bold;font-size:20px;color:#8eac00;}

/*--------------------------------------------------
########### LANDING PAGES
--------------------------------------------------*/
#layout{background:url("../promos/imagenes/bck-layout.jpg") no-repeat; width:940px;overflow:hidden;min-height:600px;margin-top:2px;}
#layout .izqcolum{margin:32px 0 0 26px;width:200px;float:left;background: url("../promos/imagenes/bck-leftbar.jpg") no-repeat right top;min-height:882px;}
#layout .dercolum{margin:32px 26px 0 0;width:680px;float:right;}
#layout .bannercont{overflow:hidden;width:160px;margin-left:14px;}
#layout a.banner1, a.banner2, a.banner3, a.banner4{display:block;width:151px;margin:4px 0;}
#layout a.banner1 span, a.banner2 span, a.banner3 span, a.banner4 span{display:none;}
a.banner1{background:url("../promos/imagenes/banners.jpg") no-repeat;background-position:0px 0px;height:194px;}
a.banner1:hover{background-position:0px -199px;}
a.banner2{background:url("../promos/imagenes/banners.jpg") no-repeat;background-position:-155px 0px;height:134px;}
a.banner2:hover{background-position:-155px -138px;}
a.banner3{background:url("../promos/imagenes/banners.jpg") no-repeat;background-position:-310px 0px;height:148px;}
a.banner3:hover{background-position:-310px -152px;}
a.banner4{background:url("../promos/imagenes/banners.jpg") no-repeat;background-position:-467px 0px;height:134px;}
a.banner4:hover{background-position:-467px -138px;}
.divisorbanner{background:url("../promos/imagenes/divisor-banners.jpg") no-repeat;width:151px;height:16px;display:block;}

.izqcolum .iconos{background:none;width:190px;min-height:210px;}
.izqcolum .iconos ul{padding:14px 0 0 4px;}
.izqcolum .iconos ul li{background:transparent url("../imagenes/divisor-iconos.png") no-repeat left top;}
.izqcolum .iconos ul li a{height:42px;display:block;text-decoration:none;padding-top:10px;width:96%;color:#8d8d8d;}
.izqcolum .iconos ul li a.mail{background:transparent url("../imagenes/icono-mail.png") no-repeat 0 -2px;}
.izqcolum .iconos ul li a.face{background:transparent url("../imagenes/icono-face.png") no-repeat 0 -2px;}
.izqcolum .iconos ul li a.obras{background:transparent url("../imagenes/icono-obras.png") no-repeat 0 -2px;}
.izqcolum .iconos ul li a.novedades{background:transparent url("../imagenes/icono-novedades.png") no-repeat 0 -2px;}
.izqcolum .iconos ul li a.skype{background:transparent url("../imagenes/icono-skype.png") no-repeat 0 -2px;}
.izqcolum .iconos ul li a.mail:hover, .iconos ul li a.face:hover, .iconos ul li a.obras:hover, .iconos ul li a.novedades:hover{color:#8eac00;}

.dercolum h1{font:normal 32px/28px "Trebuchet MS";color:#8eac00;text-transform:uppercase;border-bottom:1px dotted #ccc;}
.dercolum h2{font:normal 24px/28px "Trebuchet MS";color:#313639;background:none;}
.dercolum .promo{margin:0 auto;}
.dercolum .listholder{background:url("../promos/imagenes/bck-propiedades.jpg") no-repeat;width:659px;height:310px;}
.dercolum ul{padding:20px 0 0 14px;}
.dercolum ul li{background:url("../promos/imagenes/bullet-propiedades.jpg") no-repeat 0 8px;font:normal 17px/32px "Trebuchet MS";color:#7f7f7f;text-indent:20px;}
.dercolum .formholder{background:#f1f3f5 url("../promos/imagenes/bck-form.jpg") no-repeat right top;border:1px solid #ccc;overflow:hidden;padding:10px;}
.dercolum form{background:#e9ecef;border:1px solid #ccc;width:400px;float:left;padding:20px;font:bold 12px Arial;}
.dercolum form label{margin-bottom:10px;}
.dercolum form .caja{background:#fff;border:1px solid #ccc;width:350px;height:25px;}
.dercolum form .txtarea{background:#fff;border:1px solid #ccc;width:350px;}
.dercolum form .enviabtn{border:1px solid #ccc;background:#e0dfe3;padding:4px;}
.dercolum form .enviabtn:hover{background:#8eac00;color:#fff;}
.dercolum form .error{color:red;font-style:italic;display:block;font-size:10px;}

.dercolum .legales{font-size:10px;}