article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; }
@font-face {
    font-family: 'UniversRoman';
    src: url('univers/universltstd-webfont.eot');
    src: url('univers/universltstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('univers/universltstd-webfont.woff') format('woff'),
         url('univers/universltstd-webfont.ttf') format('truetype'),
         url('univers/universltstd-webfont.svg#UniversLTStd55Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {}
div[data-role="page"] {
    background: none
}
.content {
	max-width: 720px;
	min-width: 320px;
	margin: 0 auto;
    padding-top: 50px;
    background: #fff
}
.menu {
    left: 0;
    position: fixed;
    right: 0;
    top:0;
    width: 100%;
    z-index: 1000;
    min-height:50px;
    line-height:50px;
    border-top:1px solid #B6B6B6;
    background: #f0f0f0;
  }
.menu img, .menu a {
    display: inline-block;
    vertical-align: middle;
}
.menu img:first-child {
    margin-left: 3%;
}
.menu a[data-rel="back"] {
    margin: 0 0 0 3%;
    padding: 0;
    float: left;
}
.menu a {
    padding: 0 2%;
    float: right;
    font-family: "UniversRoman", sans-serif;
    font-weight: normal;
    font-size: 1em;
    color: #808080;
    text-shadow: #fff 0 1px 0;
    text-decoration:none;
    text-transform: uppercase;
}

.menu a.btnMenu, footer a.btnMenu {
    /*display: block !important;*/
    float: right;
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 10px 10px 0 0;
    background: #949494 url(../img/layout/img-menu.png) center no-repeat;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    text-indent: -999% 
}
.menu a.btnMenu:active {
    background-color:#666 
}

/* FlexSlider
*********************************/ 
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0; border-bottom: 5px solid #FC0}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.verMenu {
    display: none;
    width: 100%;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 63%, #fcfcfc 70%, #f5f5f5 80%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(63%,#ffffff), color-stop(70%,#fcfcfc), color-stop(80%,#f5f5f5), color-stop(100%,#dddddd));
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 63%,#fcfcfc 70%,#f5f5f5 80%,#dddddd 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#ffffff 63%,#fcfcfc 70%,#f5f5f5 80%,#dddddd 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 63%,#fcfcfc 70%,#f5f5f5 80%,#dddddd 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 63%,#fcfcfc 70%,#f5f5f5 80%,#dddddd 100%);
    background-size: 100% 3px 
}
#page .verMenu {
    display: block !important;
}
.verMenu a {
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 50px !important;
    color: #808080 !important;
    text-decoration: none;
    text-indent: 20px;
    text-transform: uppercase;
    display: block;
    width: 100%;
    background: url(../img/layout/img-flecha-menu.png) 95% center no-repeat;
}

footer {
    clear: both;
    margin-top:1px;
    padding-top: 20px;
    background: #E2E2E2;
    background: -moz-radial-gradient(center top, ellipse cover, #a9a9a9 0%, #e2e2e2 72%, #e2e2e2 100%), #E2E2E2;
    background: -webkit-gradient(radial, center top, 0px, center top, 100%, color-stop(0%,#a9a9a9), color-stop(72%,#e2e2e2), color-stop(100%,#e2e2e2)), #E2E2E2;
    background: -webkit-radial-gradient(center top, ellipse cover, #a9a9a9 0%,#e2e2e2 72%,#e2e2e2 100%), #E2E2E2;
    background: -o-radial-gradient(center top, ellipse cover, #a9a9a9 0%,#e2e2e2 72%,#e2e2e2 100%), #E2E2E2;
    background: -ms-radial-gradient(center top, ellipse cover, #a9a9a9 0%,#e2e2e2 72%,#e2e2e2 100%), #E2E2E2;
    background: radial-gradient(ellipse at center top, #a9a9a9 0%,#e2e2e2 72%,#e2e2e2 100%), #E2E2E2;
    background-size: 100% 16px;
    background-repeat: no-repeat;  
}
footer div {
    width:46%;
    padding:0 2%;
    float: left;
    font-size: 11px;
    color: #808080
}
footer h5 {
    font-size: 12px;
    margin: 0;
}
footer div:first-child h5 {
    text-transform: uppercase
}
footer p, footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 20px   
}
footer li:first-letter {
    color: #f90
}
footer nav {
    clear: both;
    padding: 7% 2%
}
footer nav a {
    color: #f90 !important;
    text-decoration: none;
    font: normal 15px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    display: block;
    line-height: 20px;
    height: 20px
}
footer nav a:first-child {
    width: 140px;
    background: url(../img/layout/marcador-mapa.png) right 0 no-repeat;
    margin: 0;
    float: left
}
footer a:last-child {
    margin: 0 15px 0 0;
    float: right !important
}
footer h6 {
    font: normal 10px/30px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    color: #808080 !important;
    text-align: center;
    margin: 0;
    clear: both;
}

/* seccion productos ------------------------------------------------------------------ */
h1 {
    background: #fc0;
    margin: 1px 0 1px;
    height: 30px;
    width: 100%;
    color: #fff;
    font: bold 13px/30px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    text-shadow:none;
    text-indent: 15px
}
.linkProd {
    position: relative
}
.linkProd img {
    width: 100%
}
.linkProd p {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    height: 30px;
    margin: 0;
    background:rgba(0,0,0,.4) url(../img/layout/img-flecha-link.png) 98% center no-repeat;
    color: #fff;
    font: normal 14px/30px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    text-indent: 15px;
    text-shadow:none;
    pointer-events: none;
}
.producto > img{
    border-bottom: 5px solid #fc0;
    width: 100%
}
.producto > p {
    padding: 12px;
    margin: 0;
    font: normal 15px/19px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    color: #808080
}
.tabs {
    border-bottom: 5px solid #fc0;
    display: block;
    width: 100%;
    overflow: hidden;
}
.tabs a {
    font: normal 16px/30px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    color: #808080 !important;
    text-decoration: none;
    padding: 2%
}
.tabs a.act {
    background: #fc0;
    color: #fff !important;
    text-shadow:none;
}
/*#alcance, #terminaciones, #descarga {
    display: none;
}*/
.producto .linkProd p {
    background:rgba(0,0,0,.4) url(../img/layout/img-lupa.png) 98% center no-repeat !important;
}
.producto ul {
    margin: 0;
    padding: 10px 0 0;
    height: 100%;
    overflow: hidden
}
.producto li {
    list-style: none;
    width: 78px;
    height: 78px;
    float: left;
    overflow: hidden;
    margin: 0 12px 10px;
    text-align: center;
    font: normal 13px 'UniversRoman', Arial, Helvetica, sans-serif !important; 
    color: #808080
}
.producto li abbr {
    line-height: 25px
}
#descarga {
    padding: 5%
}
#descarga a {
    display: block;
    width: 100%;
    height: 55px;
    background: url(../img/layout/icon-pdf.png) left center no-repeat;
    padding-left: 55px;
    font: normal 18px/55px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    text-decoration: none;
    color: #808080 !important;
}
/* sillas */
.sillas a {
    display: block;
    width: 50%;
    float: left;
    font: bold 16px/20px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    text-decoration: none;
    color: #808080 !important;
    text-align: center;
    margin-bottom: 10px
}
.sillas a img{
    width: 100%
}

/* seccion productos apmliados ------------------------------------------------------------------------ */
.zoom a[data-rel="back"]{
    position: fixed;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    background: url(../img/layout/btn-volver.jpg);
    overflow: hidden;
    text-indent: -999%
}
.zoom img {
    width: 100%;
}
.zoom > p {
    position: fixed;
    right: 0;
    bottom: 0;
    font: normal 13px/20px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    color: #fff;
    text-shadow:none;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
    background: #fc0
}
/* sillas */
.silla {
    margin-top: -50px;
}
.silla div {
    padding: 10px
}
.silla div h1 {
    font: bold 18px/20px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    color: #808080;
    background: none;
    display: inline;
    margin: 0;
    text-indent: 0
}
.silla div h1:first-child:nth-last-child(1) { /* con esto compruebo si sólo hay un elemento y lo centro */
    text-align: center
}
.silla div p {
    font: normal 13px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    color: #808080;
    margin: 0;
    text-shadow:none;
}
.sillas_descrip div h1,.sillas_descrip div p {
    color: #fff !important
}

/* seccion proyectos ------------------------------------------------------------------------ */
.proyecto h1 {
    text-indent: 0;
    background: none;
    font: bold 20px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    color: #808080;
    padding: 10px;
    margin-bottom: 10px
}
.proyecto > p {
    font: normal 16px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    padding:0 10px;
    margin: 0 0 10px;
    color: #808080
}
.proyecto ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden;
}
.proyecto li {
    padding: 0 10px;
    margin: 0;
    font: normal 14px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    color: #FFB100;
    float: left;
    width: 40%
}
.proyecto li strong {
    color: #AEAEAE;
    font-weight: normal
}
.proyecto .linkProd p {
    text-indent: -999%;
    overflow: hidden;
    width: 40px;
    height: 40px;
    right: 0;
    background-image: url(../img/layout/img-lupa.png);
    background-position: center; 
}

/* seccion compania ------------------------------------------------------------------------ */
.compania img {
    width: 100%;
    border-bottom: 5px solid #fc0;
    margin-bottom: 15px
}

.compania img.certificacion {
    width: auto;
    border: none;
    margin: none;
}

.compania h2,.compania h3, .compania p {
    margin: 0 10px 10px
}
.compania h2 {
    color: #fc0;
    font: normal 18px 'UniversRoman', Arial, Helvetica, sans-serif !important;
}
.compania p {
    color: #808080;
    font: normal 14px/20px 'UniversRoman', Arial, Helvetica, sans-serif !important;
}
.compania h3 {
    color: #808080;
    font: normal 18px 'UniversRoman', Arial, Helvetica, sans-serif !important;
    border-bottom: 1px dotted #808080;
    margin: 20px 10px
}
.compania img:last-child {
    border-bottom: none
}

/* seccion contacto ------------------------------------------------------------------------ */
.form {
    padding: 0 15px 15px
}
.form h2 {
    font: 22px "UniversRoman", sans-serif;
    color: #f90;
    margin-bottom: 20px
}
.form form div {
    margin-bottom: 15px;
}
.form label {
    font: 14px "UniversRoman", sans-serif;
    color: #808080;
    display: block;
}
.form input, .form textarea {
    background-color: #d9d9d9;
    border: 1px solid #b1b1b1;
    line-height:39px;
    height: 39px;
    padding: 0 1%;
    font-size:110%; /*20px*/
    color: #333;
    width:98%;
    -webkit-border-radius:0;
    border-radius:0;
}
.form input[name="prefijo"] {
    width:15%;
    text-align: center;
    margin-right: 1%;
}
.form input[name="telefono"] {
    width:78%
}
.form textarea {
    line-height:normal;
    height:184px
}
.form form p {
    width:80%;
    float: left;
    color: #808080;
    font-size: 13px;
}
.form input[type="submit"] {
    width:20%;
    border:0;
    color: #fff;
    -webkit-border-radius:0 !important;
    border-radius:0 !important;
    background:#FFB600 !important;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#FFB600), color-stop(100%,#FFB600)) !important;
    background: -webkit-linear-gradient(-45deg, #FFB600 0%,#FFB600 100%) !important;
}
.form input[type="submit"]:active {
    background:#f90;
    background:#f90 !important;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f90), color-stop(100%,#f90)) !important;
    background: -webkit-linear-gradient(-45deg, #f90 0%,#f90 100%) !important;
}
#respuesta {
    height:100%;
    overflow: hidden;
}
#respuesta p{
    margin: 0 0 20px;
    padding: 10px;
    background: #f40 ;
    color: #fff;
    float: left;
}

@media only screen and (orientation:landscape) {
    .zoom {
        margin-top: -50px;
    }
}

/**/