html, body  { margin:0; font-family: 'Lato', sans-serif; background: #fff; max-width: 100%; color: #313130; font-weight: 400; font-size: 10pt}
* {outline:none;}
img{border:0;}
a{text-decoration: none !important;cursor: pointer;}
input:focus, button:focus, select:focus, option:focus, textarea:focus { outline: 0 !important; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0),0 0 0px rgba(102,175,233,0) !important; box-shadow: inset 0 0px 0px rgba(0,0,0,0),0 0 0px rgba(102,175,233,0) !important;}

::selection { background: #67893D; color: #fff }
::-moz-selection { background: #67893D; color: #fff }

h1  { font-size: 36pt; margin: 0; font-weight: 800;}
h2  {font-size:35pt;margin:0;font-weight:900; text-transform: uppercase;}
h3  { font-size:15pt;margin:0;font-weight:800; }
h4  { font-size:32pt;margin:0;font-weight:300; }

.wow { visibility: hidden;}
.no-pad {padding:0 !important;}
.no-pad-left {padding-left:0 !important;}
.no-pad-right {padding-right:0 !important;}
.no-mar {margin:0 !important;}
.no-mar-left {margin-left:0 !important;}
.no-mar-right {margin-right:0 !important;}
.no-bor {border:0 !important;}
.no-rad{border-radius: 0 !important}
.sep  {height:1px;}
.sepxl  {height:5px;}
.sepxl div {height:100%;}
.sepv  {width:1px; display: inline-flex}
.img-responsive{display: inline;}
.anim { -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.valign-cont { display: table;}
.valign {vertical-align: middle; display: table-cell;}
.valign-bot {vertical-align: bottom; display: table-cell;}
.sticky { top: 50px; position: fixed; width: 370px;}

.bl {color:#fff;}
.bgbl{background: #fff}
.bghover-bl:hover{background: #fff}
.hover-bl:hover{color: #fff}

.am {color:#f7b334;}
.bgam{background: #f7b334}
.bghover-am:hover{background: #f7b334}
.hover-am:hover{color: #f7b334}

.vd {color:#67893D;}
.bgvd{background: #67893D}
.bghover-vd:hover{background: #67893D}
.hover-vd:hover{color: #67893D}

.gris {color:#7C7C7C;}
.bggris{background: #7C7C7C}
.hover-gris:hover {color:#7C7C7C;}
.bghover-gris:hover{background: #7C7C7C}

.mas10 { background: rgba( 255, 255, 255, 0.1); }
.menos10 { background: rgba( 0, 0, 0, 0.1); }

.justshadow { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
.shadow { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0); 
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;}
.shadow:hover { box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.1) }

.cover { height: 100vh; width: 100%; background-color: #fff; position: absolute; z-index: 100;}

@keyframes defade { 0% {opacity: 0} 100% {opacity: 1} }
.head { height: 140px; width: 100%; background-color: rgba( 255, 255, 255, 0); position: fixed; z-index: 99; top: 0; animation-name: defade; animation-duration: 1.5s;}
.head-in {  }
.interna-top { padding-top: 170px; height: auto;background-position: top center; background-image: url(../imgs/bg-head.jpg); background-size: cover;background-attachment: fixed; }
.interna { height: auto;background-position: center; background-image: url(../imgs/bg-head.jpg); background-size: cover; background-attachment: fixed; }

.banderitas { position:absolute;top:20px;z-index:999; left:50%; margin-left:510px; }

.social { height: 25px; width: 25px; padding: 3px; text-align: center; font-size:13pt !important; line-height: 11pt; display: inline-block; margin: 15px 2px 0; border-radius: 3px}
.social:hover { background-color:#f7b334 ;  }
.fb { background-color: #2d5172 }
.yt { background-color: #ff0000 }

.logo { height: 120px;  }
.logo img { height: 73px }
.menu { min-height: 50px; margin-top: 18px; }
.pre-menu { font-style: italic; font-size: 10pt; padding-top: 30px; }

.head.smaller { height: 80px; background-color: rgba( 255, 255, 255, .9); } 
.head.smaller .social { margin: 10px 2px 0; color: #f7b334}
.head.smaller .social:hover { color: #fff}
.head.smaller .menu { margin-top: 25px; } 
.head.smaller .menu .menu-drop { background: transparent;}

.head.smaller .logo { height: 80px } 
.head.smaller .logo img { height: 50px; margin-bottom: 15px } 

.top-in { height: 150px; background-position: top center; background-image: url(../imgs/bg-head-in.png); }
.top { height: 600px; background-position: top center; background-image: url(../imgs/bg-head.jpg); background-size: cover }
.top .texto { margin-top: 240px }
.top .texto p:first-child { text-transform: uppercase; font-size: 28pt ; font-weight: 300; line-height: 34pt; padding-right: 15px}
.top .texto p:first-child span {font-weight: 900}
.top .texto .sep { height: 5px; width: 265px; border-radius: 3px; margin: 25px 0; background-image: url(../imgs/deg.jpg); background-size: cover ;  }
.top .texto p { font-size: 16pt; font-weight: 300; padding-right: 150px }

.top .item .logo-top { padding: 35px 70px; margin: 0; width: 430px; height: 340px; position: absolute; bottom: 0; left: 50%; margin-left: -215px}
.top .item .logo-top img { padding-bottom: 25px}
.top .slick-dots { bottom: 0px; text-align: center }
.top .slick-top img { display: inline-block; }
.top .slick-dots li.slick-active button:before { font-family: 'FontAwesome'; content: '\f068'; color: #0971ce; }

.menu { margin-top: 65px;}
.menu .menu-drop {  border-radius: 18px; padding: 0 20px; height: 40px; text-align: center;margin: 0; line-height: 1; display: inline-block; position: relative; background: #fff}
.menu .menu-drop > ul { margin: 0; padding: 0; padding-top: 0px }
.menu .menu-drop > ul:after, .menu .menu-drop:after { clear: both; visibility: hidden;}
.menu .menu-drop > ul > li { font-size:10pt; font-weight:700; letter-spacing:0.6pt; width: auto; display: inline-block; position: relative; list-style:none; display:inline-block; text-transform:uppercase ; line-height:11pt;}
.menu .menu-drop > ul > li:after { background: #ffffff; display: block; position: absolute; width: 100%; height: 0; top: 0; z-index: 0; -webkit-transition: height .2s; -moz-transition: height .2s; -ms-transition: height .2s; -o-transition: height .2s; transition: height .2s; }
.menu .menu-drop > ul > li > a { color: #67893D;  background-image: url(../imgs/deg.jpg); background-size: cover ; background-repeat: no-repeat; background-position: center -50px; padding: 13px 20px; height: auto; display: block; text-decoration: none; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.menu .menu-drop > ul > li > ul { border-top: 5px solid #67893D; background: #ffffff; min-width: 250px; margin-left:-64px; padding: 0; z-index: 9999; position: absolute; left: -9999px; width: auto; display: block;  }
.menu .menu-drop > ul > li > ul > li { padding: 0;  width: auto;  display: block; border: 0; font-size: 9pt; margin:0; padding: 0px; max-height: 0; position: absolute; -webkit-transition: max-height 0.4s ease-out; -moz-transition: max-height 0.4s ease-out; -ms-transition: max-height 0.4s ease-out; -o-transition: max-height 0.4s ease-out; transition: max-height 0.4s ease-out;}
.menu .menu-drop > ul > li > ul > li > a { color: #67893D;text-transform: uppercase; display: block; width: auto; text-align: left; height: auto; padding: 11px 10px 11px 20px; margin: 0;}
.menu .menu-drop > ul > li:hover { }
.menu .menu-drop > ul > li:hover > ul { left: 0;}
.menu .menu-drop > ul > li:hover:after { height: 100%; }
.menu .menu-drop > ul > li:hover > a { color: #fff; background-image: url(../imgs/deg.jpg); background-size: cover ; background-repeat: no-repeat; background-position: top center }
.menu .menu-drop > ul > li:hover > a:before { border-top-color: #ffffff; }
.menu .menu-drop > ul > li:hover > ul > li { max-height: 72px;  position: relative;}
.menu .menu-drop > ul > li > ul > li:hover > a { background: #67893D; color: #fff; }

.foot { height: 500px; background-image:url(../imgs/bg-foot.jpg); border-top: 10px solid #E8AB00} 
.foot .foot-top { height: 385px; } 
.foot .foot-top .foot-img { height: 400px;} 
.foot .foot-top .foot-cont { height: 400px;} 
.foot .foot-cont .menu-drop {  border-radius: 18px; padding: 0 20px; height: 40px; text-align: center;margin: 0; line-height: 1; display: inline-block; position: relative; background-size: cover; background-image: url(../imgs/deg.jpg)}
.foot .foot-cont .menu-drop > ul { margin: 0; padding: 0; padding-top: 0px }
.foot .foot-cont .menu-drop > ul:after, .foot .foot-cont .menu-drop:after { clear: both; visibility: hidden;}
.foot .foot-cont .menu-drop > ul > li { font-size:10pt; font-weight:700; letter-spacing:0.6pt; width: auto; display: inline-block; position: relative; list-style:none; display:inline-block; text-transform:uppercase ; line-height:11pt;}
.foot .foot-cont .menu-drop > ul > li:after { background: #ffffff; display: block; position: absolute; width: 100%; height: 0; top: 0; z-index: 0; -webkit-transition: height .2s; -moz-transition: height .2s; -ms-transition: height .2s; -o-transition: height .2s; transition: height .2s; }
.foot .foot-cont .menu-drop > ul > li > a { color: #fff; padding: 13px 20px; height: auto; display: block; text-decoration: none; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.foot .foot-cont .menu-drop > ul > li > ul { border-top: 5px solid #67893D; background: #ffffff; min-width: 250px; margin-left:-64px; padding: 0; z-index: 9999; position: absolute; left: -9999px; width: auto; display: block;  }
.foot .foot-cont .menu-drop > ul > li > ul > li { padding: 0;  width: auto;  display: block; border: 0; font-size: 9pt; margin:0; padding: 0px; max-height: 0; position: absolute; -webkit-transition: max-height 0.4s ease-out; -moz-transition: max-height 0.4s ease-out; -ms-transition: max-height 0.4s ease-out; -o-transition: max-height 0.4s ease-out; transition: max-height 0.4s ease-out;}
.foot .foot-cont .menu-drop > ul > li > ul > li > a { color: #67893D;text-transform: uppercase; display: block; width: auto; text-align: left; height: auto; padding: 11px 10px 11px 20px; margin: 0;}
.foot .foot-cont .menu-drop > ul > li:hover { }
.foot .foot-cont .menu-drop > ul > li:hover > ul { left: 0;}
.foot .foot-cont .menu-drop > ul > li:hover:after { height: 100%; }
.foot .foot-cont .menu-drop > ul > li:hover > a { color: #67893D; background:#fff; }
.foot .foot-cont .menu-drop > ul > li:hover > a:before { border-top-color: #ffffff; }
.foot .foot-cont .menu-drop > ul > li:hover > ul > li { max-height: 72px;  position: relative;}
.foot .foot-cont .menu-drop > ul > li > ul > li:hover > a { background: #67893D; color: #fff; }
.foot .foot-cont p { padding: 30px; height: 40px; text-align: center;margin: 0; letter-spacing: 2pt; text-transform: uppercase; font-size: 8pt}

.foot .foot-bot { height: 100px; border-top: 2px solid #E8AB00; background: #fff; } 
#copyright {height:30px;font-size:6pt; font-weight: 400; text-transform: uppercase;  letter-spacing: 4pt; padding-top: 15px; opacity: .7  }
#copyright a { color: #3A3733 ; }
#copyright:hover a  { color: #67893D}

.interna .titulo h1 { font-size: 25pt; font-weight:800; text-transform: uppercase; padding: 40px ;display: inline-block; line-height: 20pt;}

.interna .titulo.mini > p { font-size: 11pt; letter-spacing: 2pt; margin: 0; font-weight:800; text-transform: uppercase; padding: 40px 0 0 ; }
.interna .titulo.mini > .sepxl { margin: 10px 0 15px }

.mid { padding-top: 100px; height: 500px; background-position: top center; background-image: url(../imgs/bg-mid.jpg); }
.mid .titulo .sep { height: 5px; width: 265px; border-radius: 3px; margin: 5px 0 50px; display: inline-block; }
.mid .titulo p { text-transform: uppercase; font-size: 28pt ; font-weight: 900; line-height: 34pt;}
.mid .item { display: inline-block; float: none;-webkit-transform: scale(1,1) translate(0px,0px); transform: scale(1,1) translate(0px,0px);  }
.mid .item img { display: inline-block; float: none; -webkit-transform: scale(0.85,0.85) translate(0px,0px); transform: scale(0.85,0.85) translate(0px,0px);   }
.mid .item:hover { -webkit-transform: scale(1.15,1.15) translate(0px,0px); transform: scale(1.15,1.15) translate(0px,0px); }

.mid .item p { color: #fff; font-size: 13pt ; font-weight: 300; line-height: 14pt; margin-top: 10px  }
.mid .item p span { font-weight: 900;  }

.bot { height: 400px; background-position: top right; background-image: url(../imgs/bg-bot.jpg); }
.bot .video { height: 400px; background-color: #000 }
.bot .texto { height: 400px;}
.bot .texto p:first-child { text-transform: uppercase; font-size: 28pt ; font-weight: 300; line-height: 34pt; padding-right: 180px}
.bot .texto p:first-child span {font-weight: 900}
.bot .texto .sep { height: 5px; width: 265px; border-radius: 3px; margin: 25px 0; background-color: #fff; }
.bot .texto p { font-size: 16pt; font-weight: 300; padding-right: 300px }
.bot .texto a { text-transform: uppercase; height: 35px; border-radius: 17px; font-size: 10pt; font-weight: 900; padding:7px 35px; background-color: #fff; color: #E8AB00; margin-top:10px; display: inline-block; border: 3px solid #fff}
.bot .texto a:hover { background-color: transparent; color: #fff; }

.novedades { background-color: #fff; background-image: url(../imgs/bg-dots.png); background-position: center; min-height: 410px  }
.novedades .item { height: 165px; }
.novedades .item .bar { height: 5px; width: 110px; float: right; background: #f7b334; }
.novedades .item .foto {height: 100%; background-size: cover; background-position: center center;}
.novedades .item .texto { height: 165px; }
.novedades .item .texto .transp { height: auto; padding: 15px 20px; background-color: rgba(0, 0, 0, 0.6); }
.novedades .item .texto .transp p { font-size: 10pt; line-height: 12pt; margin: 0; font-weight: 800; text-transform: uppercase; color: #fff; letter-spacing: 2pt ;}
.novedades .item .texto .transp p:first-child { font-size: 8pt; font-weight: 400; color: #f7b334; }
.novedades .item .texto .sep { height: 1px; width: 40px; margin-top: 3px; }
.novedades .item:hover .bar { width: 100%;background: #f7b334; }
.novedades .item:hover .texto .transp { padding: 25px 20px; background-color: rgba(0, 0, 0, 0.8); }

.blog { background-color: #fff; background-image: url(../imgs/bg-squares.png); background-position: center; height: auto; padding-bottom: 60px }
.blog .item { height: 165px; margin-bottom: 40px }
.blog .item-big { height: 370px; margin-bottom: 40px }
.blog .item .bar { height: 5px; width: 110px; float: right; background: #f7b334; }
.blog .item .foto {height: 100%; background-size: cover; background-position: center center;}
.blog .item .texto { height: 100%; }
.blog .item .texto .transp { height: auto; padding: 15px 20px; background-color: rgba(0, 0, 0, 0.6); }
.blog .item-big .texto .transp { padding: 20px 25px; }
.blog .item .texto .transp p { font-size: 10pt; line-height: 12pt; margin: 0; font-weight: 800; text-transform: uppercase; color: #fff; letter-spacing: 2pt ;}
.blog .item-big .texto .transp p { font-size: 14pt; line-height: 15pt; margin: 0; font-weight: 800; text-transform: uppercase; color: #fff; letter-spacing: 3pt ;}
.blog .item .texto .transp p:first-child { font-size: 8pt; font-weight: 400; color: #f7b334; }
.blog .item .texto .sep { height: 1px; width: 40px; margin-top: 3px; }
.blog .item:hover .bar { width: 100%;background: #f7b334; }
.blog .item:hover .texto .transp { padding: 25px 20px; background-color: rgba(0, 0, 0, 0.8); }
.blog .item-big:hover .texto .transp { padding: 35px 25px; background-color: rgba(0, 0, 0, 0.8); }

.blog .noticia { padding: 40px 0 }
.blog .noticia p.titulo { font-size: 23pt; letter-spacing: 2pt; font-weight:800; text-transform: uppercase; line-height: 25pt; color: #444; margin-bottom: 20px }
.blog .noticia p.subtitulo { font-size: 10pt; letter-spacing: 2pt; font-weight:800; text-transform: uppercase; color: #333; }
.blog .noticia-item { height: 481px; }
.blog .noticia-info p { font-size: 7pt; text-transform: uppercase; letter-spacing: 2pt; font-weight: 400 }
.blog .noticia-cont p { font-size: 12pt; color:#333; line-height: 28pt; margin-bottom: 20px }
.blog .noticia-cont p a { color: #333; font-weight: 800; border-bottom: 3px solid #67893D; padding: 0 3px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.blog .noticia-cont p a:hover { color: #fff; background-color:  #67893D ; border-bottom: 0 }
.blog .galeria .item  {height:90px; width:100px; opacity: 0.8; margin: 0 5px; padding: 0; margin-bottom: 10px; overflow: hidden; display: inline-block;-webkit-transition: opacity 0.3s linear 0s;transition: opacity 0.3s linear 0s;}
.blog .galeria .item .foto {height:100%; margin-bottom: 0; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.blog .galeria .item:hover  {opacity: 1}

.prods { background-color: #ddd; background-image: url(../imgs/bg-squares.png); background-position: center; min-height: 620px  }
.prods .item { width: 20%; height: 345px; }
.prods .item .bar { height: 5px; width: 110px; float: right; background: #f7b334; }
.prods .item .interior {height: 340px; padding:24px; background-color: #eee}
.prods .item .interior .foto {height: 170px; width: 100%; border: 3px solid #0971ce; background-size: cover; background-position: center center;}
.prods .item .interior .texto { height: 165px; }
.prods .item .interior .texto .transp { height: auto; }
.prods .item .interior .texto .transp p { font-size: 12pt; line-height: 12pt; margin: 0; font-weight: 800; color: #0971ce; margin-top: 20px }
.prods .item .interior .texto .transp p:nth-child(2) { font-size: 8pt; font-weight: 400; color: #7C7C7C; border-bottom: 3px solid #f7b334;padding-left: 2px; padding-right: 2px;display: inline-block; padding-bottom: 1px; letter-spacing: 1pt; text-transform: uppercase; }
.prods .item .interior .texto .sep { height: 1px; width: 40px; margin-top: 3px; }
.prods .item:hover .bar { width: 100%;background: #f7b334; }
.prods .item:hover .interior { background-color:  #fff; }

.fotos-obra .tab-content .foto { height: 60vh; background-repeat: no-repeat; background-size: contain; background-position: center}
.fotos-obra .nav-tabs .foto { height: 84px; }
.fotos-obra .nav-tabs li { height: 100px; border-top: 6px solid #f4f4f4 !important; border-right: 6px solid #f4f4f4 !important }

.logos { height: auto; padding-bottom: 60px; background-color: #fff; background-image: url(../imgs/bg-dots.png); background-position: center; }
.logos .item { height: 110px; }
.logos .item img { opacity: .7; filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: grayscale(100%) }
.logos .item:hover img { opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: grayscale(0%) }

.titulo .categoria { position: absolute; margin-top: 20px; right: 20px; text-transform: uppercase; background-color: #fff; padding: 3px 10px; font-size: 10pt; letter-spacing: 3pt }
.titulo .empresa { position: absolute; top: 50px; right: 20px; text-transform: uppercase; background-color: #fff; padding: 3px 10px; font-size: 10pt; letter-spacing: 3pt }
.titulo .categoria:hover, .titulo .empresa:hover { background-color: #2d2b28; color: #fff;}
.titulo h2 { border-left:10px solid #fff; padding-left: 15px; line-height: 19pt; margin: 25px 5px; padding: 15px; font-weight: 800;}
.titulo h2 i { line-height: 8pt; font-size: 12pt; font-weight: 400; font-style: normal; letter-spacing: 3pt}


.breadcrumbs-cont { background-color: #f7b334; }
.breadcrumbs { height: 35px; overflow: hidden }
.breadcrumbs p{ padding:11px 0px 15px;font-size: 7pt !important; color: rgba(255, 255, 255, 0.7); letter-spacing: 2pt; font-weight: 400; text-transform: uppercase; }
.breadcrumbs p i { margin: 0 5px }
.breadcrumbs p a { color: #fff;
  -webkit-transition: color 0.3s linear 0s;
  transition: color 0.3s linear 0s;}
.breadcrumbs p a:hover {color: #fff}

.paginador { margin-top: 30px; font-weight: 700 }
.paginador a { color:#0971ce; }
.paginador .boton { border-right:2px solid #f4f4f4 ; padding: 7px 15px; background: #fff;
-webkit-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;}
.paginador .boton:hover { color: #fff; background: #f7b334; }
.paginador .active { color: #fff; background: #0971ce; }

.productos { background-color: #fff; background-image: url(../imgs/bg-squares.png); background-position: center; height: auto; padding-bottom: 60px  }
.productos .item { width: 25%; height: 345px; margin-bottom: 25px}
.productos .item .bar { height: 5px; width: 110px; float: right; background: #f7b334; }
.productos .item .interior {height: 300px; padding:24px; background-color: #f8f8f8; border: 1px solid #eee}
.productos .item .interior .foto {height: 140px; width: 100%; border: 3px solid #0971ce; background-size: cover; background-position: center center;}
.productos .item .interior .texto { height: 130px; }
.productos .item .interior .texto .transp { height: auto; }
.productos .item .interior .texto .transp p { font-size: 12pt; line-height: 12pt; margin: 0; font-weight: 800; color: #0971ce; margin-top: 20px }
.productos .item .interior .texto .transp p:nth-child(2) { font-size: 8pt; font-weight: 400; color: #7C7C7C; border-bottom: 3px solid #f7b334;padding-left: 2px; padding-right: 2px;display: inline-block; padding-bottom: 1px; letter-spacing: 1pt; text-transform: uppercase; }
.productos .item .interior .texto .sep { height: 1px; width: 40px; margin-top: 3px; }
.productos .item:hover .bar { width: 100%;background: #f7b334; }
.productos .item:hover .interior { background-color:  #fff; }

.productos .categorias { min-height: 50px }
.productos .categorias > div { border: 1px solid #f4f4f4; padding: 0 0 5px }
.productos .categorias p { padding:5px 15px; font-weight: 600; font-size: 9pt; display: block; margin: 0; color: rgba(0, 0, 0, 0.7); border-bottom: 1px solid #f4f4f4 }
.productos .categorias p i { padding-right: 5px; font-size: 8pt }
.productos .categorias p:hover { padding:7px 25px 7px 20px; color: #fff;}
.productos .categorias .in { padding: 15px 15px 10px; overflow: hidden; text-transform: uppercase; margin-bottom: 10px;  }
.productos .categorias .in h3 { font-size: 11pt; letter-spacing: 1pt  }

.productos .bar { height: 5px; width: 110px; float: right; background: #f7b334; }
.productos .producto .foto {height: 440px; border: 3px solid #0971ce; background-size: cover; background-position: center center;}
.productos .producto .texto { height: auto; }
.productos .producto .texto p:nth-child(2) { font-size: 15pt; line-height: 12pt; margin: 0; font-weight: 800; color: #0971ce; text-transform: uppercase; margin-top: 2px; letter-spacing: 1pt; color: #444;}
.productos .producto .texto p:nth-child(1) { font-size: 8pt; font-weight: 400; color: #7C7C7C; border-bottom: 3px solid #f7b334;padding-left: 2px; padding-right: 2px;display: inline-block; padding-bottom: 1px; letter-spacing: 1pt; text-transform: uppercase; }
.productos .producto .texto p { font-size: 11pt; line-height: 20pt; color: #333; }
.productos .producto .texto .agregar { font-size: 10pt; text-transform: uppercase; padding: 8px 25px; margin-top: 5px; font-weight: 800; letter-spacing: 1pt ; display: inline-block; border: 3px solid #67893D }
.productos .producto .texto .cantidad { margin-top: 15px; margin-bottom: 0 }
.productos .producto .texto .cantidad label { color: #444; font-size: 10pt; text-transform: uppercase; padding: 7px 0; font-weight: 800; letter-spacing: 1pt; text-align: left }
.productos .producto .texto .cantidad .form-control { color: #444; font-size: 10pt; font-weight: 800; letter-spacing: 1pt; text-align: left; border-color: #eee }
.productos .producto .texto .sep { height: 1px; width: 40px; margin-top: 3px; }

.contenido {  background-position: center; background-size: cover; background-image: url(../imgs/bg-in.jpg); height: auto; padding-bottom: 100px }

.tinimce-wrap { padding: 50px 0; }
.tinimce-wrap h1 { font-size: 32pt; padding:0; margin-bottom: 25px; text-transform: initial; color: #2d2b28}
.tinimce-wrap h2 { font-size: 20pt; padding:0; margin-bottom: 25px; text-transform: initial; color: #2d2b28; font-weight: 300; height: auto }
.tinimce-wrap h3 { font-size: 20pt; margin-bottom: 25px; color: #2d2b28; font-weight: 900; display: inline-block; text-transform: uppercase; letter-spacing: 2pt }
.tinimce-wrap h4 { font-size: 15pt; padding:0; margin: 10px 0; text-transform: initial; color: #2d2b28; font-weight: 800; height: auto; display: inline-block; }
.tinimce-wrap h5 { font-size: 15pt; padding:0; margin-bottom: 25px; text-transform: initial; font-weight: 300; height: auto; font-style: italic;color: #2d2b28;}
.tinimce-wrap h6 { font-size: 9pt; padding:0; margin-bottom: 25px; text-transform: initial; height: auto}
.tinimce-wrap hr { margin: 45px 0 45px; border-top: 1px solid rgba( 0, 0, 0, 0.1); }
.tinimce-wrap p  { font-size: 11pt; color:#323232; line-height: 25pt; margin-bottom: 20px }
.tinimce-wrap table p  {font-size: 11pt; line-height: 20pt; font-weight: 300; margin-bottom: 20px; text-align: justify;}
.tinimce-wrap p strong, .tinimce-wrap p b {font-weight: 800;}
.tinimce-wrap p img { max-width: 100%; height: auto; padding: 15px }
.tinimce-wrap p a, .tinimce-wrap ul li a  { color: #323232; font-weight: 800; border-bottom: 3px solid #67893D; padding: 3px 2px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.tinimce-wrap p a:hover, .tinimce-wrap ul li a:hover { color: #fff; background-color:  #67893D ; border-bottom: 0 }
.tinimce-wrap ul { list-style-type: none;font-size: 11pt; line-height: 18pt; font-weight: 300; margin-bottom: 25px }
.tinimce-wrap ol { font-size: 11pt; line-height: 18pt; font-weight: 300; margin-bottom: 25px }
.tinimce-wrap ul li:before { content: ""; margin-right: 10px; display: inline-block; width: 7px; height: 7px; background-color: #67893D; border-radius: 50%; margin-bottom: 2px;}
.tinimce-wrap .rrssb-buttons li:before { display: none }
.tinimce-wrap .foto { height: 300px; background-position: center center; background-repeat: no-repeat;background-size: cover; margin-bottom: 40px; }
.tinimce-wrap .galeria { padding-bottom: 30px }
.tinimce-wrap .galeria .item  {height:90px; width:100px; opacity: 0.8; margin: 0 5px; padding: 0; margin-bottom: 10px; overflow: hidden; display: inline-block;-webkit-transition: opacity 0.3s linear 0s;transition: opacity 0.3s linear 0s;}
.tinimce-wrap .galeria .item .foto {height:100%; margin-bottom: 0; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.tinimce-wrap .galeria .item:hover  {opacity: 1}
.tinimce-wrap table { width: 100%; max-width: 100%;  margin-bottom: 20px;}
.tinimce-wrap table > thead > tr > th, .tinimce-wrap table > tbody > tr > th, .tinimce-wrap table > tfoot > tr > th, .tinimce-wrap table > thead > tr > td, .tinimce-wrap table > tbody > tr > td, .tinimce-wrap table > tfoot > tr > td {   padding: 15px 20px;  line-height: 1.42857143;  vertical-align: top;  border-top: 1px solid #ddd; }
.tinimce-wrap table {  border: 1px solid #ddd;}
.tinimce-wrap table > thead > tr > th, .tinimce-wrap table > tbody > tr > th, .tinimce-wrap table > tfoot > tr > th, .tinimce-wrap table > thead > tr > td, .tinimce-wrap table > tbody > tr > td, .tinimce-wrap table > tfoot > tr > td {  border: 1px solid #ddd;}
.tinimce-wrap table > thead > tr > th, .tinimce-wrap table > thead > tr > td {  border-bottom-width: 2px;}
.tinimce-wrap table > thead > tr > td {  background-color: #67893D; border-color: #67893D; font-weight: 800; color: #fff;}
.tinimce-wrap table > tbody > tr:nth-of-type(odd) {  background-color: rgba(0, 0, 0, 0.03);}
.tinimce-wrap table  { min-height: .01%;  overflow-x: auto;}

.md-content .cont h3 { color: #f7b334; height: auto; font-size: 11pt; letter-spacing: 0pt; font-weight:800; text-transform: uppercase; margin: 30px 0 25px;border: 4px solid transparent; display: inline-block; padding: 7px 20px; -webkit-border-image: url(../imgs/bar-rj.png) 1 round; -o-border-image: url(../imgs/bar-rj.png) 1 round; border-image: url(../imgs/bar-rj.png) 1 round;}
.md-content .cont p  { font-size: 9.5pt; color:#333; line-height: 15pt; margin-top: 0px; text-align: justify; padding-right: 15px }
.contenido .tinimce-wrap .equipo .item .md-trigger { cursor: pointer; }

              .boton a { border: 2px solid #9b9086; margin-bottom: 25px; font-weight: 700; color: #fff; padding:5px 40px; text-transform: uppercase; font-size: 11pt;display: inline-block; margin-top:20px }
              .boton a {
                -webkit-transition: all 0.2s linear 0s;
                transition: all 0.2s linear 0s;}
                .boton a:hover {border: 2px solid #9b9086;background-color: #fff;  }

.contacto input, .contacto textarea { width:100%; background: #fff; border:0; padding:10px; margin: 0 }
.contacto button { border:0; padding:10px 40px; margin: 0 ; text-transform: uppercase; display: inline-block; font-size: 10pt}
.contacto .lead { margin: 0 }
#map { height: 300px;  }

#formulario button { height:40px;margin-bottom: 25px; font-weight: 700; padding:5px 40px; text-transform: uppercase; font-size: 11pt;display: inline-block; margin-top:20px; border: 0; background-position: top left; background-image: url(../imgs/bar-vd.png);}
#formulario button:hover { background-position: bottom left; }
#formulario ::-webkit-input-placeholder { color: #222222;}
#formulario :-moz-placeholder { color: #222222; opacity:  1; }
#formulario ::-moz-placeholder { color: #222222; opacity:  1; }
#formulario :-ms-input-placeholder { color: #222222; }
#formulario .item .sep { width: 0; height: 3px; background-position: top left; background-image: url(../imgs/bar-vd.png);}
#formulario .item:hover .sep { width: 100%; }
#formulario .item input:focus + div .sep, #formulario .item textarea:focus + div .sep { width: 100%; }
#formulario .item input, #formulario .item textarea { background-position: center left; background-image: url(../imgs/input.png);box-shadow: none; }
#formulario .item input:hover, #formulario .item textarea:hover, #formulario .item input:focus, #formulario .item textarea:focus { background-position: center right; box-shadow: none; }



@media (min-width: 1080px) {

}

@media (max-width: 1199px) {

	.top { height: 500px; background-size: 1600px 500px }
	.top .texto p:first-child { font-size: 22pt ; line-height: 27pt;}
	.top .texto p { font-size: 14pt; }
	.banderitas { margin-left:410px; }

	.bot .texto p:first-child { font-size: 22pt; line-height: 27pt; padding-right: 50px; }
	.bot .texto p { font-size: 14pt; padding-right: 50px;  }

	.logo img { height: auto; }
	.rueda .titulo > p { font-size: 15pt; line-height: 20pt}
	.rueda .titulo { margin-top: 95px;}
	.blue .titulo > p { font-size: 14pt;}
	.foot .datos-foot .social-foot { padding: 14px 15px; }
  .contenido .tinimce-wrap p  {font-size: 11pt; line-height: 18pt; }

                  }

@media (max-width: 991px) {

	.top { height: 390px; background-size: 1250px 390px }
	.top .texto { margin-top: 160px; }
	.banderitas { margin-left:300px; }

	.logo { height: 110px; }
	.rueda .titulo > p { font-size: 11pt; line-height: 17pt}
	.rueda .titulo { margin-top: 60px;}
	.rueda p { font-size: 10pt; padding: 15px 10px 0; line-height: 20pt; }
	.blue .titulo > p { font-size: 10pt;padding: 32px 15px 0;line-height: 17pt;}
	.blue .blue-cont { padding-top: 0px ;}
	.foot .datos-foot .social-foot { padding: 14px 20px;}
	.interna .titulo > h1 { font-size: 25pt; }
	#cssmenu > ul > li > ul, #cssmenu > ul > li > ul > li > ul { margin-top: 23px; }
	.menu .menu-drop > ul > li > a { font-size: 9pt }
	.menu .menu-drop > ul > li > a { padding: 13px 10px;}

.foot .logo-foot img {height: auto;}

  .productos .tinimce-wrap .datos .rrssb-buttons { margin-top: 5px}
  .productos .tinimce-wrap .info { padding-right: 0 }
  .productos .tinimce-wrap .datos { padding-left: 0 }

  .pre-menu a .item { font-size: 9pt; padding: 5px 5px; letter-spacing: 0pt; margin: 0 5px }
  .pre-menu .sep { margin-right: 5px; margin-top: 3px }

  .planes-index .item .subtitulo p {font-size: 10pt; letter-spacing: 9pt}
  .planes-index .item .imagen { height: 120px ; width:120px ; }
  .planes-index { margin-bottom: 40px }

  .titulo { height: auto; margin-bottom:20px }
  .titulo p { font-size: 25pt;}

  .contenido .tinimce-wrap p  {font-size: 10pt; line-height: 15pt; }
  .contenido .tinimce-wrap ul {font-size: 10pt; line-height: 15pt; }
  .contenido .foto { height: 248px;  }
  .contenido .nav-tabs .foto { height: 38px }

                  }

@media (max-width: 767px) {

	.banderitas { margin-left:-160px; }

	.top { height: 350px; background-size: 928px 290px; background-position: 0 top; margin-top: -152px; border-top: 60px solid #f7b334 }
	.logo { border: 0; margin-top:30px; }
	.head.smaller { height: auto; background: url(../imgs/red.png); background-position: bottom; } 
	.head.smaller .social { margin: 15px 2px 0; color: #f7b334}
	.head.smaller .social:hover { color: #fff}
	.head.smaller .menu { height: auto; margin-top: 18px; } 
	.head.smaller .menu ul li { padding:15px 20px 10px;  height: 40px }
	.head.smaller .logo { height: 80px } 
	.head.smaller .logo img { height: auto; margin-bottom: 0px } 
	.top-in { height: 150px;background-size: 928px 290px; background-position: -100px top; background-image: url(../imgs/bg-head.png); margin-top: -130px;  border-top: 40px solid #f7b334}
	.breadcrumbs p{ margin-bottom: 0 }

	.top .texto { margin-top: 120px; }
	.top .texto p:first-child { font-size: 14pt ; line-height: 18pt;}
	.top .texto p { font-size: 12pt; padding-right: 70px }
	.top .texto .sep {  margin: 10px 0;}

	.mid .item {  float: left; height: 160px }
	.mid { padding-top: 50px; height: auto; background-size: cover }
	.mid .titulo .sep { margin: 5px 0 20px;  }
	.mid .titulo p { font-size: 20pt ; line-height: 34pt;}
	.mid .item p { font-size: 9pt ;  line-height: 11pt; }

	.bot { height: auto;}

	.foot .logo-foot div { text-align: center }
	.foot .logo-foot img { height: 60px; margin-top: 10px; margin-bottom: 30px }
	.foot .datos-foot > div > p { font-size: 9pt}
	#copyright {height:40px;font-size:6pt; letter-spacing: 1pt;  padding-top: 40px;  }
	.foot .foot-cont p { padding: 30px; height: auto; float: left }

  .logo-blanco { width: 70px; margin-bottom: 15px }
  .productos .tinimce-wrap .datos p:nth-child(2) { font-size: 17pt; letter-spacing: 3pt ;  }

  .slide .item p { font-size: 18pt; padding: 10px 0px; letter-spacing: 2pt ; line-height: 20pt; margin: 0}

  .container { max-width: 320px; }

  .head { height: auto; padding: 0; position: relative; background-position: bottom;}
  .slide {  padding-top: 30px; height: 300px }
  .slide .item {  padding-top: 30px; height: 250px }
  .head .logo { height: auto; padding-bottom: 30px }
  .head .logo img { padding-bottom: 30px }
	.head-in {}

	.minimenu {background-color:#f7b334 !important ; }

  .bienvenido p { font-size: 12pt; font-weight: 400; text-transform: uppercase; padding: 5px 0px; letter-spacing: 1pt ; line-height: 16pt; margin: 0}
  .bienvenido p span {  font-size: 25pt; font-weight: 900; text-transform: uppercase; letter-spacing: 1pt ; line-height: 33pt }

  .interna.head { height: auto;  }
  .interna .logo { height: auto; padding-top: 0px }
  .interna.titulo { height: 100px; margin-top: 0px; }
  .interna .titulo > h1 {font-size: 20pt;}
  .interna.foto { height: 300px; background-position: top center; background-repeat: no-repeat; background-size: cover; margin-bottom: 0px; }
  .interna .menu ul li a {color: #2d2b28;}
  .interna .menu ul li:hover a { color: #0971ce; }

  .breadcrumbs { height: auto; }

  .titulo { height: auto; margin-bottom:20px }
  .titulo p { font-size: 22pt;letter-spacing: 3pt ; line-height: 42pt; margin: 0}
  .titulo .sep { margin-top: 0px }

  .planes-index .item .subtitulo p {font-size: 10pt;}
  .planes-index .item .imagen { height: 100px ; width:100px ; }
  .planes-index { margin-bottom: 40px }

  .menu ul li { margin-bottom: 13px  }
  .menu ul li:hover { margin-bottom: 0px }

  .menu-min {margin:0 ;}
  .menu-min .panel{border-bottom: 0px solid rgba(0, 0, 0, 0.05); border-radius: 0}
  .menu-min .panel-heading {padding:10px 0 !important; }
  .menu-min .panel-heading h4{ font-size: 12pt; font-weight: 800}
  .menu-min ul{margin:0; padding:0px; list-style: none; border-top: 1px solid rgba( 0, 0, 0, 0.05) ; text-align: left}
  .menu-min ul li { height:auto; padding:5px 10px; float: none; font-size:10pt; border: 0; border-bottom: 1px solid rgba( 0, 0, 0, 0.05); margin:0;  display: block; font-weight: 800}
  .menu-min ul li ul li { font-weight: 300 }
  .menu-min ul li:hover { border: 0px ; border-bottom: 1px solid rgba( 0, 0, 0, 0.05); color: #fff; margin: 0px; padding:5px 10px;}
  .menu-min ul li:hover a{color:#fff; }
  .menu-min ul li a{color: #fff; }
  .menu ul .active { border-bottom: 1px solid rgba( 0, 0, 0, 0.05);  padding:5px 10px; }
	
	.interna .titulo h1 {font-size: 16pt; padding: 30px 30px 10px; line-height: 17pt; }

  .panel {background: none;-webkit-box-shadow: none; box-shadow: none;}
  .panel-default{border: 0}
  .collapse.in  {border: 0}
  .panel-body   {padding: 10px 0 5px; border-top: 1px solid #231f20; margin-bottom: 30px}
  .panel-body p {font-size: 11pt}
  .panel-group .panel-heading+.panel-collapse>.panel-body{border-top: 0px; position: relative;z-index: 999; background: #f7b334;}
  .panel-title  {font-size: 18pt;padding:10px 20px;}
  .panel-default>.panel-heading{background: none;padding:5px 0;text-align: left;}
  .panel-default>.panel-heading h3{font-weight: 700}

  .contenido h2 { height: auto; display: inline-block; margin-bottom: 20px; font-size:18pt;}
  .contenido h3 { font-size:11pt;}
  .contenido h1 { font-size:18pt ; height: auto; padding:8px 12px; margin-bottom: 15px}

  .contenido .tinimce-wrap { padding: 30px 20px }
  .contenido .tinimce-wrap h1 { font-size: 20pt; margin-bottom: 25px}
  .contenido .tinimce-wrap h2 { font-size: 11pt; padding:10px; margin-bottom: 25px;height: auto }
  .contenido .tinimce-wrap h3 { font-size: 11pt; padding:10px;  }
  .contenido .tinimce-wrap h4 { font-size: 11pt; padding:10px; margin-bottom: 25px;height: auto;  }
  .contenido .tinimce-wrap h5 { font-size: 11pt; padding:10px; margin-bottom: 25px;height: auto; }
  .contenido .tinimce-wrap h6 { font-size: 9pt; margin-bottom: 25px; height: auto}
  .contenido .tinimce-wrap p  { font-size: 9pt; line-height: 15pt; margin-bottom: 25px}
  .contenido .tinimce-wrap p strong, .contenido .tinimce-wrap p b {font-weight: 800}
  .contenido .tinimce-wrap p img { max-width: 100%; height: auto; }
  .contenido .tinimce-wrap p a { ; font-weight: 700; padding:1px 2px;
  -webkit-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;}
  .contenido .tinimce-wrap p a:hover { color:#fff; background: #9b9086; }
  .contenido .tinimce-wrap ul { list-style-type: none;font-size: 9pt; line-height: 15pt; margin-bottom: 25px }
  .contenido .tinimce-wrap ol { font-size: 9pt; line-height: 18pt; margin-bottom: 25px }
  .contenido .tinimce-wrap ul li:before { content: ""; margin-right: 10px; display: inline-block; width: 7px; height: 7px; background-color: #9b9086; border-radius: 50%; margin-bottom: 2px;}
  .contenido .tinimce-wrap .rrssb-buttons li:before { display: none }
  .contenido .tinimce-wrap .foto { height: 300px; background-position: center center; background-repeat: no-repeat;background-size: cover; margin-bottom: 40px; }
  .contenido .tinimce-wrap .galeria .item  {opacity: 0.8; padding: 0; margin-bottom: 10px; overflow: hidden;
  -webkit-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;}
  .contenido .tinimce-wrap .galeria .item .foto {height:100%; margin-bottom: 0; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: cover;}
  .contenido .tinimce-wrap .galeria .item:hover  {opacity: 1}


                        #formulario div:nth-child(1) {padding:0 0px 20px 0}
                        #formulario div:nth-child(2) {padding:0 0px 20px 0}
                        #formulario div:nth-child(3) {padding:0 0px 20px 0}
                        #formulario div:nth-child(4) {padding:0 0 20px}
                        #formulario div:nth-child(5) {padding:0 0 20px}
                        #formulario div:nth-child(6) {padding:0 0 20px}
                        #formulario .sepxl  {height:3px;padding: 0}
                        #formulario .sepxl div {height:100%;padding: 0}

                        .menu .head .logo {margin-left: -100px;margin-top: 0px}
                        .menu .head {height: 200px;padding-top: 50px;}
                        .menu .head img { width:200px }

                        .pagination span {font-size: 10pt;font-weight: 700;}

                        #footer {}
                        #footer p {line-height: 25pt;font-size: 10pt}

                        .nav-tabs li { border-bottom: 2px solid #fff;}

                      }



#myModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
#myModal .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}



/* Add Animation - Zoom in the Modal */
#myModal .modal-content { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.modal-close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.modal-close:hover,
.modal-close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    #myModal .modal-content {
        width: 100%;
    }
}