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%; box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #262626;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
}

.ic, .ic a {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}

.bg-top-shadow {width:100%; background: linear-gradient(to bottom, rgba(0,0,0,0.05), transparent); padding:40px 0 52px}	
#page3 .bg-top-shadow {padding:40px 0 35px}	
#page4 .bg-top-shadow {padding:40px 0 60px}	
#page5 .bg-top-shadow {padding:40px 0 62px}

.bg-top {width:100%; background:#f9f9f9;}
.bg-top-2 {width:100%; background:#ffffff;}
.bg {width:100%; background:#ffffff;}

/* Video de fondo a pantalla completa */
.fullscreen-bg {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    overflow: hidden;
    z-index: -100;
}
.fullscreen-bg__video {
    position: absolute;
    top: 50%; left: 50%;
    z-index: -100;
    width: auto; height: auto;
    min-width: 100%; min-height: 100%;
    transform: translate(-50%, -50%);
}

@media (max-width: 767px) {  
  .fullscreen-bg { background: #000; }  
  .fullscreen-bg__video { display: none; }  
}

.bg-bot {
    position: relative;
    top: 0; left: 0;
    width: 100%;
    background: transparent; /* Permite ver el video de fondo */
}

.main {
    max-width: 980px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    font-size: 0.8125em;
    line-height: 1.6153em;
}

a {color:#ff9601; outline:none; transition: color 0.2s ease;}
a:hover {text-decoration:none; color: #ff7001;}

.col-1, .col-2 {float:left}
.wrapper {width:100%; overflow:hidden}
.extra-wrap {overflow:hidden}
p {margin-bottom:18px}
.p0 {margin-bottom:0px; text-align: left}
.p1 {margin-bottom:8px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:40px}
.p5 {margin-bottom:50px}
.reg {text-transform:uppercase}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.it {font-style:italic}
.letter {letter-spacing:-1px}
.color-1 {color:#fff}
.color-2 {color:#000}
.color-3 {color:#262626}
.color-4 {color:#ff9601}

.frame {
    padding:10px;
    background:#fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 4px;
}
.frame2 {
    padding:9px;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius: 4px;
}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px}
.spacing {margin-right:35px}
.indent-top {padding-top:13px}
.indent-top2 {padding-top:4px}
.indent-top3 {padding-top:15px; color:red; text-align: left}
.indent-right {padding-right:30px}
.indent-right2 {padding-right:10px}
.indent-left {padding-left:30px}
.indent {padding:0 10px 0 30px}
.indent2 {padding-left:50px}
.indent3 {padding:0 15px}
.indent-bot {margin-bottom:20px}
.indent-bot2 {margin-bottom:30px}
.indent-bot3 {margin-bottom:45px}
.inner {padding:0 55px 0 28px}
.inner-2 {padding:0 45px 0 42px}
.img-indent-bot {margin-bottom:25px}
.img-indent {float:left; margin:0 22px 8px 0}	
.img-indent2 {float:left; margin:0 30px 0px 0}	
.img-indent3 {float:left; margin:0 23px 0px 0}	
.img-indent-r {float:right; margin:0 0px 0px 40px}	
.prev-indent-bot {margin-bottom:10px; color:ORANGE}
.prev-indent-bot2 {margin-bottom:5px; color:red; text-align: left}
.buttons a:hover {cursor:pointer}
.menu li a, .list-1 li a, .list-2 li a, .link, .button {text-decoration:none}
.logo {text-decoration:none}

/*********************************header*************************************/
header {width:100%; position:relative; z-index:2; background: #fff;}
.row-1 {width:100%; height:71px; border-bottom: 1px solid #eee;}

h1 {padding:15px 0 0 0; position:relative; font-weight:normal; text-transform:uppercase; margin-left:-4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}	
h1 span {display:inline-block; font-size:28px; line-height:1.2em; color:#949494; letter-spacing:-1px; padding:29px 0 0 4px}

/***** Menú Unificado (Sin bordes entre opciones) *****/
.menu, .nav {padding:0; width:100%; list-style: none;}
.menu li, .nav li {float:left; position:relative;}	
.menu li a, .nav li a {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    display:block;
    width:112px;
    font-size:15px;
    line-height:1.238em;
    padding:21px 0 24px 0;
    color:orange;
    text-align:center;
    text-transform:uppercase;
    background: none;
    letter-spacing:-1px;
    transition: all 0.2s ease;
}
.menu li a:hover, .menu li a.active,
.nav li a:hover, .nav li a.active {
    color:red;
    background-color:#000;
}

/*********************************content*************************************/
#content {width:100%; padding:0; position:relative; z-index:1}
.gallery {
    padding:20px 0 26px 20px;
    background:#fff;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    border-radius: 6px;
    overflow: hidden;
}

/* -- gallery begin --*/ 
div.content {display: none; width: 620px; height: 403px; margin: 0; padding: 0px; float: left; overflow: hidden} 
div.content img {position: relative; z-index: 2} 
div.content a, div.navigation a {text-decoration: none; display:block; position:relative; cursor:pointer}	
div.content a img, div.navigation a img {position:relative; z-index:1}	
div.content a span, div.navigation a span {display:block; width:140px; height:121px; background:#000; position:absolute; left:0; top:0; z-index:2}	
div.content a span.selected, div.navigation a span.selected {display:none !important} 
div.nav-controls {position:absolute; left:0px; width:596px; bottom:0px; z-index: 1} 
div.nav-controls a.prev {background:url(../images/prev.gif) no-repeat 0 0; width:39px; height:39px; text-indent:-5000px; position:absolute; bottom:2px; left:0; z-index:11} 
div.nav-controls a.prev:hover {background:url(../images/prev-h.gif) no-repeat 0 0} 
div.nav-controls a.next {background:url(../images/next.gif) no-repeat 0 0; width:39px; height:39px; text-indent:-5000px; position:absolute; bottom:2px; right:0; z-index:11} 
div.nav-controls a.next:hover {background:url(../images/next-h.gif) no-repeat 0 0} 
div.slideshow-container {position: relative; height: 403px; z-index:1} 
div.slideshow span.image-wrapper {display: block; width: 620px; height: 403px; position:absolute; left:0; top:0} 
div.slideshow a.advance-link {display: block; width: 620px; height: 403px; padding: 0; margin: 0} 
div.slideshow a.advance-link img {padding:0; margin:0; display:block; position:absolute; left:0; top:0} 
div.caption-container {position: absolute; top: 0; left: 0; width: 596px; height: 151px} 
span.image-caption {display: block; position: absolute; width: 596px; height: 151px; top: 0; left: 0; z-index:10} 
div.caption {width: 536px; height: 128px; padding: 23px 30px 0 30px; line-height: 18px; font-size: 13px; color: #fff} 
div.caption h5{line-height: 18px; font-size: 13px; color: #fd003f; text-transform:uppercase; font-weight:bold; text-decoration:none} 
div.caption h6{line-height: 18px; font-size: 13px; color: #fff; font-weight:normal; margin: 0 0 18px 0} 
div#thumbs {width: 320px; height:420px; overflow: hidden; padding: 0px} 
ul.thumbs {float: right; margin-left:0; padding: 0; width:320px; height:auto; overflow:visible; list-style: none;} 
ul.thumbs li {height: 121px; float:left; margin: 0 20px 20px 0; overflow: hidden; padding: 0; vertical-align:top} 
ul.thumbs li img {border: none} 
a.thumb:focus {outline: none} 
div.pagination {clear: both; text-align:center; position:relative; z-index:10} 
div.top.pagination {display:none} 
div.navigation div.bottom {display:none} 
/* -- gallery end --*/

.quote {padding-left:30px; position:relative}
.spacer-1 {width:100%}
h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:48px; line-height:1.2em; margin:0 0 22px 0; color:#262626; font-weight:normal; letter-spacing:-2px; text-align: left}
h6 {color:#ff9601}
.title {display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:49px; line-height:71px; text-transform:uppercase; letter-spacing:-3px; color:#ff9601; padding:0 25px 0 0}	
.title.t2 {font-size:60px; line-height:1.3em; padding:0 40px 0 0}

.tdate-1 {display:block; font-weight:bold}
.border-bot {width:100%; padding-bottom:20px; border-bottom: 1px solid #eee;}
.box {
    width:100%;
    background:#fff;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    border-radius: 6px;
}
.button {
    display:inline-block;
    padding:10px 20px 11px;
    color:#fff;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:1.22em;
    background:#000;
    text-transform:uppercase;
    letter-spacing:-1px;
    border-radius: 4px;
    transition: background 0.2s;
}	
.button:hover {background:#ff9601}

.list-1 li {display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:21px; line-height:26px; padding:0 0 10px 12px; letter-spacing:-1px}
.list-1 li.last {padding:0 0 0 12px; color:red}	
.list-1 li a:hover {color:red}

.list-2 li {line-height:1.23em; padding:8px 0; border-bottom: 1px solid #eee;}	
.list-2 li a {display:inline-block; color:#262626; padding-left:10px}		
.list-2 li a:hover {color:#ff9601}	
.list-2 .last-item {background:none}

.price-list li {width: 100%; overflow: hidden; vertical-align: top; line-height: 1.23em; padding:7px 0 9px; color: #262626; border-bottom: 1px solid #eee;}
.price-list li.last {background:none}
.price-list li strong {display: block; overflow: hidden}
.price-list li span {float: right; color: #262626}
.price-list li a {float: left; text-decoration: none; color: #262626; padding-left:10px}		
.price-list li a:hover {color:#ff9601}

.link:hover {text-decoration:underline} 
.link-1 {display:inline-block; font-size:14px; padding-right:8px}
.link-1:hover {color:#fff} 
.text-1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:21px; line-height:30px; color:#ff9601; display:block; letter-spacing:-1px} 
.price {display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:35px; line-height:1.2em; letter-spacing:-2px}
dl span {float:left; width:93px}
dl strong {float:left; width:80px; font-weight:normal}

/****************************footer************************/
footer {width:100%; padding:40px 0 33px; background:#fff; border-top: 1px solid #eee;}
.phone-numb {display:inline-block; font-size:24px; line-height:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; margin-top:-4px}	
.phone-numb span {display:inline-block; font-size:28px; color:#1; padding-top:3px}
.list-services {padding:0; list-style: none;}	
.list-services li {float:left; padding:0 0 0 20px}	
.list-services li:first-child {padding:0}		
.list-services li a {display:block; width:60px; height:45px; background:url(../images/social-icons.png) left top no-repeat;}		
.list-services li a.item-2 {background-position:-80px 0}		
.list-services li a.item-3 {background-position:-160px 0}		
.list-services li a.item-4 {background-position:-240px 0}				

#page_footer1 {margin : 0px auto; width : 100%; height : 21px; background-color : #5C5E5F; font-size : 10px; color : #C8C6C6;}
#page_footer1 #rights1 {padding-top : 3px; padding-left : 15px; float : right;}

h2a {font-size: 9px; color:blue; text-align:center}
h3a {font-size: 14px; color:black; text-align:center}
h4a {font-size: 10px; color:black; text-align:center}

/* Corrección estricta para mantener la galería y las miniaturas lado a lado */
.gallery .wrapper.indent-bot {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
}

div.content {
    float: none !important;
    margin: 0 !important;
}

div#thumbs {
    float: none !important;
    margin: 0 !important;
}

ul.thumbs {
    float: none !important;
    margin: 0 !important;
}

/* Recuperar sombras y realismo original en cajas y galería */
.gallery, .box {
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.70) !important;
    -moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.70) !important;
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.70) !important;
}

.frame {
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.70) !important;
    -moz-box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.70) !important;
    -webkit-box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.70) !important;
}
/* Transición suave y moderna para los enlaces del menú */
.menu li a, .nav li a {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Forzar que las tablas de los productos no ensanchen la columna */
.grid_4 table {
    width: 100% !important;
    max-width: 100% !important;
}
/* Ajuste milimétrico para el grid de 3 columnas */
.container_12 .wrapper.p4 .grid_4 {
    width: 292px !important;
}