/* ------------------------- */
/* Estilos Generales */
/* ------------------------- */

body {
     background-image: linear-gradient(135deg, #261809 100%, ##423f34 100%);
     background:url(../images/body-bg.jpg) center top repeat #151515
}


/* reglas CSS para formulario */
.form-consulta {max-width: 500px; background: #eee; padding: 25px; font-family: 'Source Sans Pro', sans-serif;}
.campo-form {width:100%; height:36px; margin:2px 0 6px; padding-left:6px; box-sizing: border-box; border-radius:3px; border:0; font-family: 'Source Sans Pro', sans-serif; font-size:1em;}
label span {color: #f00}
textarea {min-height: 150px!important;}
.btn-form {display: inline-block; border:0; background: #000; height: 46px; line-height: 46px; padding: 0 20px; border-radius: 6px; color:#fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px}
.btn-form:hover {background: #444}/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
     display:block;
}
mark, rp, rt, ruby, summary, time {
     display:inline;
}
/* Global properties ======================================================== */
html {
     width:100%;
     height:100%;
}
body {
     font-family:Arial, Helvetica, sans-serif;
     font-size:100%;
     color:#7f7f7f;
     min-width:960px;
     height:100%;
     background:url(../images/body-bg.jpg) center top repeat #151515
}
.ic {
     border:0;
     float:right;
     background:#fff;
     color:#f00;
     width:50%;
     line-height:10px;
     font-size:10px;
     margin:-220% 0 0 0;
     overflow:hidden;
     padding:0
}
.main-bg {
     width:100%;
     min-height:100%;
     background:url(../images/bg-2.jpg) center top repeat-x;
}
.bg {
     width:100%;
     min-height:100%;
     background:url(../images/bg.jpg) center top no-repeat;
}
.main {
     width:960px;
     padding:0;
     margin:0 auto;
     font-size:13px;
     line-height:24px;
}
a {
     color:#b22300;
     outline:none;
}
a:hover {
     text-decoration:none;
}
.col-1, .col-2 {
     float:left;
     width:160px;
}
.col-1 {
     margin-right:50px;
}
.wrapper {
     width:100%;
     overflow:hidden;
}
.extra-wrap {
     overflow:hidden;
}
p {
     margin-bottom:18px;
}
.p0 {
     margin-bottom:0px;
}
.p1 {
     margin-bottom:8px;
}
.p2 {
     margin-bottom:15px;
}
.p3 {
     margin-bottom:30px;
}
.p4 {
     margin-bottom:45px;
}
.p5 {
     margin-bottom:50px;
}
.fleft {
     float:left;
}
.fright {
     float:right;
}
.alignright {
     text-align:right;
}
.aligncenter {
     text-align:center;
}
.color-1 {
     color:#fff;
}
.color-2 {
     color:#000;
}
.color-3 {
     color:#b22300;
}
/*********************************boxes**********************************/
.indent {
     padding:41px 30px 0 0;
}
.indent-top {
     padding-top:15px;
}
.indent-left {
     padding-left:30px;
}
.indent-left2 {
     padding-left:10px;
}
.indent-right {
     padding-right:50px;
}
.indent-bot {
     margin-bottom:30px;
}
.indent-bot2 {
     margin-bottom:30px;
}
.indent-bot3 {
     margin-bottom:45px;
}
.indent-bot4 {
     margin-bottom:55px;color:#DBE921;
}
.prev-indent-bot {
     margin-bottom:10px;
}
.prev-indent-bot2 {
     margin-bottom:5px;
}
.img-indent-bot {
     margin-bottom:25px;
}
.margin-bot {
     margin-bottom:35px;
}
.img-indent {
     float:left;
     margin:0 19px 0px 0;
}
.img-indent2 {
     float:left;
     margin:0 25px 0px 0;
}
.img-indent3 {
     float:left;
     margin:0 30px 0px 0;
}
.img-indent4 {
     float:50;
     margin:100 10px 10px 0;
}
.img-indent-r {
     float:right;
     margin:0 0px 0px 40px;
}
.buttons a:hover {
     cursor:pointer;
}
.menu li a, .list-1 li a, .link, .link-1, .link-2, .button, h1 a {
     text-decoration:none;
}
/*********************************header*************************************/
header {
     width:100%;
     position:relative;
     z-index:2;
}
h1 {
     padding:45px 20px 37px 26px;
     background:url(../images/h1-bg.jpg) 0 0 no-repeat;
     float:left;
}
h1 a {
     display:inline-block;
     width:445px;
     height:220px;
     text-indent:-900em;
     background:url(../images/logo.png) 0 0 no-repeat;
}
.address {
     display:block;
     font-size:24px;
     line-height:48px;
     text-align:right;
     color:#b22300;
}
.phone {
     display:block;
     font-size:25px;
     line-height:30px;
     text-align:right;
     color:#fff;
     margin-top:-5px;
}
/***** menu *****/
header nav {
     width:100%;
     height:52px;
     background:url(../images/menu-bg.jpg) 0 0 no-repeat;
     overflow:hidden;
}
#page1 header nav {
     margin-bottom:28px;
}
.menu li {
     float:left;
     position:relative;
     background:url(../images/menu-spacer.gif) left top no-repeat;
}
.menu > li:first-child {
     background:none;
}
.menu li a {
     display:inline-block;
     font-size:18px;
     line-height:25px;
     padding:12px 28px 12px 29px;
     color:#808080;
     text-transform:capitalize;
}
.menu > li:first-child > a {
     text-indent:-999em;
     background:url(../images/menu-home.png) center -25px no-repeat;
     min-width:22px;
}
.menu li a.active, .menu > li > a:hover {
     color:#fff;
}
.menu > li:first-child > a.active, .menu > li:first-child > a:hover {
     background-position:center 15px;
}
/***** slider *****/
.slider-wrapper {
     width:960px;
     height:400px;
     overflow:hidden;
     position:relative;
}
.slider {
     width:960px;
     height:400px;
}
.items {
     display:none;
}

.slider-wrapper2 {
     width:700px;
     height:250px;
     overflow:hidden;
     position:center;
}
.slider2 {
     width:700px;
     height:250px;
}
.items2 {
     display:1;
}


.prev, .next {
     display:block;
     width:80px;
     height:400px;
     text-indent:-9999em;
     position:absolute;
     z-index:99;
     top:50%;
     margin-top:-200px;
}
.prev {
     background:url(../images/slider-prev.png) 0 0 no-repeat;
     left:0;
}
.next {
     background:url(../images/slider-next.png) 0 0 no-repeat;
     right:0;
}
/*********************************content*************************************/
#content {
     width:100%;
     padding:43px 0;
     position:relative;
     z-index:1;
}
.spacer-1 {
     width:100%;
     background:url(../images/pic-1.gif) 217px 0 repeat-y;
}
h2 {
     font-size:40px;
     line-height:1.2em;
     color:#fff;
     font-weight:normal;
     letter-spacing:-1px;
     margin-bottom:9px;
}
h3 {
     font-size:25px;
     line-height:2em;
     color:#fff;
     margin-bottom:2px;
}
h3 strong {
     display:block;
     margin-top:-25px;
}
h4 {
     font-size:18px;
     line-height:25px;
     color:#f0f0f0;
     font-weight:normal;
     margin-bottom:8px;
}
h6 {
     color:#fff;
     font-weight:normal;
     margin-bottom:3px;
}
.border-bot {
     width:100%;
     padding-bottom:31px;
     background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
.border-bot2 {
     width:100%;
     padding-bottom:23px;
     margin-bottom:18px;
     background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
.box {
     width:260px;
     background:#151515;
     border-radius:4px;
     -moz-border-radius:4px;
     -webkit-border-radius:4px;
}
.box .padding {
     padding:15px 15px 20px 30px;
}
.container-bot {
     width:100%;
     padding-bottom:6px;
     background:url(../images/container-bot.png) left bottom no-repeat;
}
.container-top {
     width:100%;
     padding-top:6px;
     background:url(../images/container-top.png) left top no-repeat;
}
.container {
     width:100%;
     padding:20px 0 40px;
     background:url(../images/container-tail.png) left top repeat-y;
}
.button {
     display:inline-block;
     padding:5px 15px 6px;
     font-size:13px;
     line-height:1.23em;
     font-weight:bold;
     color:#000;
     background:url(../images/button-tail.gif) 0 0 repeat-x #fb4400;
     cursor:pointer;
     border-radius:3px;
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
}
.button:hover {
     background:#fb4400;
     color:#fff;
}
.list-1 li {
     line-height:18px;
     padding:8px 0 8px 10px;
     background:url(../images/marker-1.gif) 0 15px no-repeat;
}
.list-1 a {
     display:inline-block;
     color:#DBE921;
     font-weight:bold;
}
.list-1 a:hover {
     color:#DBE921;
}
.list-2 li {
     line-height:20px;
     padding:5px 0 5px 10px;
     background:url(../images/marker-1.gif) 0 13px no-repeat;
}
.list-2 a {
     display:inline-block;color:#DBE921;
}
.list-2 a:hover {
     text-decoration:none;
}
#page4 .list-2 a {
     color:#DBE921;
     text-decoration:none;
}
#page4 .list-2 a:hover {
     text-decoration:underline;
}
.link:hover {
     text-decoration:underline;
}
.link-1 {
     display:inline-block;
     font-weight:bold;
     padding-left:14px;
     color:#fff;
     background:url(../images/marker-2.gif) 0 10px no-repeat;
}
.link-1:hover {
     text-decoration:underline;
}
.link-2 {
     color:#7f7f7f;
}
.link-2:hover {
     text-decoration:underline;
}
.text-1, .text-2 {
     display:inline-block;
     font-size:40px;
     line-height:1.2em;
     color:#fff;
     letter-spacing:-1px;
}
dl span {
     float:left;
     width:80px;
}
dl.main-address dt {
     margin-bottom:5px;
}
dl.main-address span {
     float:left;
     width:74px;
     color:#fff;
}
.price-list td {
     border:1px solid #343434;
     line-height:39px;
}
.price-list thead td {
     width:139px;
     text-align:center;
     color:#fff;
     font-weight:bold;
}
.price-list td:first-child {
     width:158px;
}
.price-list tbody td:first-child {
     color:#fff;
     font-weight:bold;
     text-align:left;
     text-indent:19px;
}
.price-list tbody td {
     text-align:center;
}
/**** Lightbox ****/
.lightbox {
     position:relative;
     z-index:1;
     overflow:hidden;
     display:inline-block;
     cursor:pointer;
}
.lightbox img {
     position:relative;
     z-index:1;
}
.lightbox span {
     display:inline-block;
     position:absolute;
     left:0px;
     top:0;
     width:100%;
     height:100%;
     background:url(../images/video-marker.png) no-repeat 50% 50%;
     z-index:2;
     padding:0;
}
/***** contact form *****/
#contact-form {
     display:block;
     width:100%;
}
#contact-form label {
     display:block;
     height:34px;
     overflow:hidden;
}
#contact-form input {
     float:left;
     width:259px;
     font-size:13px;
     line-height:1.23em;
     color:#808080;
     padding:5px 10px;
     margin:0;
     font-family:Arial, Helvetica, sans-serif;
     border:none;
     background:#fff;
     outline:none;
     border-radius:2px;
     -moz-border-radius:2px;
     -webkit-border-radius:2px;
}
#contact-form textarea {
     float:left;
     height:380px;
     width:489px;
     max-height:380px;
     max-width:489px;
     min-height:380px;
     min-width:489px;
     font-size:12px;
     line-height:1.25em;
     color:#808080;
     padding:5px 10px;
     margin:0;
     font-family:Arial, Helvetica, sans-serif;
     border:none;
     background:#fff;
     overflow:auto;
     outline:none;
     border-radius:2px;
     -moz-border-radius:2px;
     -webkit-border-radius:2px;
}
.text-form {
     float:left;
     display:block;
     font-size:13px;
     line-height:26px;
     width:70px;
     color:#7f7f7f;
     font-family:Arial, Helvetica, sans-serif;
}
.buttons {
     padding:20px 10px 0 0;
     text-align:right;
}
.buttons a {
     margin-left:15px;
     padding:5px 32px 6px;
}
/****************************footer************************/
footer {
     width:100%;
     padding:0 0 40px;
     text-align:center;
}
footer span {
     display:block;
}

.titulo {
     font-size: 55px;
     text-transform: uppercase;
     letter-spacing: 7px;
}

.galeria img {
     box-shadow: 0 8px 10px -4px rgba(0,0,0,.6);
     border-radius: 15px;
}

.materialbox-caption {
     bottom: 30px;
     right: 0;
     width: 40%;
     height: auto%;
     padding: 10px;
     margin: auto;
     background: #000;
     box-shadow: 5px 5px #fff;
     font-size: 20px;
     color: #fff;
     line-height: 28px;
}

.galeria .col {
     margin-bottom: 60px;
}

@media screen and (max-width: 600px){
     .materialbox-caption {
          width: 90%;
     }
}

@media screen and (max-width: 992px){
     .materialbox-caption {
          width: 70%;
     }
}