html, body  {height: 100%; margin:0; font-family: 'Open Sans', sans-serif; background: #fff; max-width: 100%; color: #333333; font-weight: 300; font-size: 12pt}
* {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: #50a700; color: #fff }
::-moz-selection { background: #50a700; 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; }

.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:3px;}
.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}

.vd {color:#50a700;}
.bgvd{background: #50a700}
.bordervd{border-color: #50a700 !important}
.bghover-vd:hover{background: #50a700}
.hover-vd:hover{color: #50a700}

.nj {color:#ec6e00;}
.bgnj{background: #ec6e00}
.bghover-nj:hover{background: #ec6e00}
.hover-nj:hover{color: #ec6e00}

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

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

.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 10px rgba(0, 0, 0, 0.3) }

.index { height: 100vh; background-image: url(../imgs/bg.jpg); background-size: cover; background-position: center }
.index .logo { height: 150px; background-image: url(../imgs/bg-logo.png); background-size: cover; background-position: center ; background-repeat: no-repeat; padding-top: 20px; padding-left: 13%; margin-top: 80px }

.encabezado { padding: 70px 13% 20px;  }
.encabezado p { font-size: 30pt; letter-spacing: 3pt; text-transform: uppercase; font-weight: 900; line-height: 45pt }

.bajada { padding: 0px 13% 40px;  }
.bajada p { font-size: 11pt; letter-spacing: 3pt; text-transform: uppercase; font-weight: 900; line-height: 30pt }

.menu { padding: 0px 13% 40px;  }
.menu a { font-size: 12pt; letter-spacing: 3pt; text-transform: uppercase; font-weight: 900; line-height: 40pt; color: #333;  }
.menu i { padding: 0 15px  }
.menu a:hover { color: #fff;  }

.ingresar { height: 100vh; }
.ingresar .top { padding: 20px 0; font-size: 13pt; letter-spacing: 3pt; text-transform: uppercase; font-weight: 900;  }
.ingresar .mid { padding: 30px; font-size: 10pt; letter-spacing: 2pt; text-transform: uppercase; font-weight: 900;  }
.ingresar .mid form input { padding: 10px 15px; font-size: 10pt; letter-spacing: 2pt; text-transform: uppercase; font-weight: 300; height: 50px; border: none; border-bottom: 5px solid #50a700 ; background-color: #eeeeee; margin-bottom: 25px }
.ingresar .mid form button { padding: 10px 15px; font-size: 11pt; letter-spacing: 2pt; text-transform: uppercase; font-weight: 900; height: 45px; border-width: 3px; border-style: solid ; }
.ingresar .mid a { padding: 20px 0px 0; font-size: 8pt; display: block; }

.noticia { height: 285px; background-position: center; background-repeat: no-repeat; background-size: cover;  }
.noticia .capa { height: 100%; background-color: rgba( 0, 0, 0, 0.8); padding: 50px 80px }
.noticia .capa:hover { background-color: rgba( 0, 0, 0, 0.5); }
.noticia .capa p { font-size: 16pt; font-weight: 400;  }
.noticia .capa .sep { padding: 0; height: 2px; width: 50px }
.noticia .capa:hover .sep { width: 100% }
.noticia .mas { padding: 8px 15px; height: 40px; width: 280px; position: absolute; right: 0; bottom: 0; text-align: right; font-size: 14pt }

.pre-menu { font-style: italic; font-size: 10pt; padding-top: 30px; }

.interna .menu { padding: 0px 13% 40px;  }
.interna .menu a { font-size: 11pt; letter-spacing: 3pt; text-transform: uppercase; font-weight: 300; line-height: 40pt; color: #fff;  }
.interna .menu i { padding: 0 15px; font-size: 9pt  }
.interna .menu a:hover { color: #50a700;  }

.interna .logo { height: 90px; padding: 15px 20px; background-color: rgba(0, 0, 0, .8); text-align: center;}
.interna .logo .logo-in { width: 100px; }
.interna .barra-nav { height: calc( 100vh - 215px ); padding: 30px; overflow: auto}
.interna .barra-nav .titulo h4 { font-size: 18pt; letter-spacing: .5pt; text-transform: uppercase; font-weight: 900; line-height: 25pt ; margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 0 0 10px }
.interna .barra-nav .buscador label { font-size: 10pt; font-weight: 800; }
.interna .barra-nav .buscador button { font-size: 11pt; font-weight: 800; text-transform: uppercase; letter-spacing: 2pt; padding: 10px; }
.interna .barra-nav .buscador #sandbox-container input { font-size: 9pt;  }
.interna .barra-nav .buscador select { font-size: 11pt; font-weight: 400; padding: 5px 15px; border: 0; width: 100% }
.interna .barra-nav .buscador select option { border: 0;  }
.interna .menu { height: 90px; padding: 0 }
.interna .menu .menu-in { height: 100% }
.interna .barra-nav .buscador p { font-size: 10pt; font-weight: 800; text-transform: uppercase; letter-spacing: 1pt; line-height: 20pt }
.interna .barra-nav .buscador.info p { font-size: 10pt; line-height: 15pt }
.interna .barra-nav .buscador.info p:nth-child(1) { font-size: 12pt; font-weight: 800; text-transform: uppercase; letter-spacing: 1pt; line-height: 15pt }

.interna .usuario { height: 90px; background-color: rgba(255, 255, 255, .8); padding: 0px; opacity: 1; }
.interna .usuario:hover { padding: 0px; opacity: 1}
.interna .usuario .datos { height: 100%; width: calc( 100% - 110px ) ; background-size: cover; background-repeat: no-repeat; background-position: center; }
.interna .usuario .datos p:first-child { font-size: 11pt; text-transform: uppercase; line-height: 13pt; font-weight: 800; margin-bottom: 2px; padding-top: 4px }
.interna .usuario .datos p { margin-bottom: 15px }
.interna .usuario .datos p a { font-size: 9pt; text-transform: uppercase; font-weight: 400; color: #fff; line-height: 10pt; letter-spacing: 2pt; padding: 3px 10px; background-color: #333; display: inline-block; }
.interna .usuario .datos p a:hover { color: #fff; background-color: #50a700}
.interna .usuario .foto { height: 100%; width: 110px ; background-size: cover; background-repeat: no-repeat; background-position: center; }

.interna .contenidos { height: calc( 100vh - 125px ); padding: 30px; overflow: auto }
.interna .contenidos label {font-size: 10pt; font-weight: 800; text-transform: uppercase; letter-spacing: 1pt }
.interna .contenidos button {font-size: 10pt; font-weight: 800; text-transform: uppercase; letter-spacing: 1pt }
.interna .contenidos .table>tbody>tr>td { vertical-align: middle; }
.interna .contenidos .textos { line-height: 20pt; font-size: 11pt ; text-align: justify;}
.interna .contenidos .inicio { line-height: 20pt; font-size: 11pt; padding-bottom: 60px; padding-top: 40px }
.interna .contenidos .inicio div { font-size: 25pt; height: 60px; width: 60px; border-radius: 5px; display: inline-block; padding-top: 14px }
.interna .contenidos .inicio p { padding: 30px  }
.interna .contenidos .inicio p span { font-size: 12pt; font-weight: 800; letter-spacing: 1pt; text-transform: uppercase; display: block; }
.interna .contenidos .inicio a { font-size: 12pt; font-weight: 800; letter-spacing: 2pt; text-transform: uppercase; padding: 10px  }
.interna th[data-sort] { cursor:pointer; }
.interna table { font-size: 10pt}

.interna .titulo {}
.interna .titulo h2 { font-size: 35pt; text-transform: uppercase; padding: 50px 0px 0; line-height: 24pt; margin: 0; font-weight: 900; letter-spacing: 2pt; margin-top: 40px; margin-left: 30px; position: absolute; z-index: 9; margin-top: -10px}
.interna .circulo { height: 100px; width: 100px; border-radius: 50px; display: inline-block; margin-left: -10px; top: 0}

.foot {height: 700px ; background-position: center bottom; background-image: url(../imgs/bg-foot.jpg); border-top: 15px solid #333333;  }
.foot .logos { border-top: 2px solid #333333; border-bottom: 2px solid #333333 ; padding: 20px 0 }
.foot .titulo { font-size: 25pt; text-transform: uppercase; letter-spacing: 2pt; font-weight: 800; padding-top: 120px }
.foot .logo-foot { height: 260px; margin-top: 96px; padding-top:10px  }
.foot .texto-foot { height: 60px; margin-top: 276px; font-size: 10pt; text-transform: uppercase; }

#copyright { height:auto; font-size:7pt; text-transform: uppercase; letter-spacing: 1pt; padding: 12px; height: 35px; margin-top: -35px; font-weight: 300 }
#copyright a{  opacity: .5; color: #fff;  }
#copyright div {margin-bottom: 7px }
#copyright:hover a  { opacity: .7}
.interna #copyright  { margin-top: 0px; }

.breadcrumbs { height: auto; overflow: hidden;}
.breadcrumbs p{ padding:0 ;font-size: 12pt; font-weight: 900; text-transform: uppercase; }
.breadcrumbs p:nth-child(2) { padding:0 ;font-size: 18pt; line-height: 15pt }
.breadcrumbs p:nth-child(3) { font-size: 10pt; font-weight: 800; text-transform: initial; line-height: 10pt; border-top: 1px solid rgba( 0, 0, 0, .1) ; padding-top: 5px }
.breadcrumbs p span { margin: 0 5px ; font-size: 12pt; color: #50a700 }
.breadcrumbs p a { color:  rgba(255, 255, 255, 0.9);
  -webkit-transition: color 0.3s linear 0s;
  transition: color 0.3s linear 0s;}
.breadcrumbs p a:hover {color: #50a700}

.titulo-interna { height: 100px; padding: 15px 40px; font-size: 50px; text-transform: uppercase; font-weight: 800; letter-spacing: 1pt }
.contenido { height: auto; padding: 30px ; margin-top: 30px }

.contenido .tinimce-wrap { margin-top: 20px }
.contenido .tinimce-wrap h1 { font-size: 32pt; padding:0; margin-bottom: 25px; text-transform: initial; color: #2d2b28}
.contenido .tinimce-wrap h2 { font-size: 20pt; padding:0; margin-bottom: 25px; text-transform: initial; color: #2d2b28; font-weight: 300; height: auto }
.contenido .tinimce-wrap h3 { font-size: 20pt; margin-bottom: 25px; color: #2d2b28; font-weight: 900; display: inline-block; text-transform: uppercase; letter-spacing: 2pt }
.contenido .tinimce-wrap h4 { font-size: 15pt; padding:0; margin: 10px 0; text-transform: initial; color: #2d2b28; font-weight: 800; height: auto; display: inline-block; }
.contenido .tinimce-wrap h5 { font-size: 15pt; padding:0; margin-bottom: 25px; text-transform: initial; font-weight: 300; height: auto; font-style: italic;color: #2d2b28;}
.contenido .tinimce-wrap h6 { font-size: 9pt; padding:0; margin-bottom: 25px; text-transform: initial; height: auto}
.contenido .tinimce-wrap hr { margin: 45px 0 45px; border-top: 1px solid rgba( 0, 0, 0, 0.1); }
.contenido .tinimce-wrap p  {font-size: 12pt; line-height: 23pt; font-weight: 300; margin-bottom: 10px; text-align: justify; }
.contenido .tinimce-wrap table p  {font-size: 11pt; line-height: 20pt; font-weight: 300; margin-bottom: 20px; text-align: justify;}
.contenido .tinimce-wrap p strong, .contenido .tinimce-wrap p b {font-weight: 800; }
.contenido .tinimce-wrap p img { max-width: 100%; height: auto; padding: 15px }
.contenido .tinimce-wrap p a, .contenido .tinimce-wrap ul li a  { color:#50a700; 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, .contenido .tinimce-wrap ul li a:hover { color:#fff; background: #50a700; }
.contenido .tinimce-wrap ul { list-style-type: none;font-size: 11pt; line-height: 18pt; font-weight: 300; margin-bottom: 25px }
.contenido .tinimce-wrap ol { font-size: 11pt; line-height: 18pt; font-weight: 300; margin-bottom: 25px }
.contenido .tinimce-wrap ul li:before { content: ""; margin-right: 10px; display: inline-block; width: 7px; height: 7px; background-color: #50a700; 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  {height:90px; width:90px; border-radius: 50%; 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;}
.contenido .tinimce-wrap .galeria .item .foto {height:100%;border-radius: 50%; 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}
.contenido .tinimce-wrap table { width: 100%; max-width: 100%;  margin-bottom: 20px;}
.contenido .tinimce-wrap table > thead > tr > th, .contenido .tinimce-wrap table > tbody > tr > th, .contenido .tinimce-wrap table > tfoot > tr > th, .contenido .tinimce-wrap table > thead > tr > td, .contenido .tinimce-wrap table > tbody > tr > td, .contenido .tinimce-wrap table > tfoot > tr > td {   padding: 15px 20px;  line-height: 1.42857143;  vertical-align: top;  border-top: 1px solid #ddd; }
.contenido .tinimce-wrap table {  border: 1px solid #ddd;}
.contenido .tinimce-wrap table > thead > tr > th, .contenido .tinimce-wrap table > tbody > tr > th, .contenido .tinimce-wrap table > tfoot > tr > th, .contenido .tinimce-wrap table > thead > tr > td, .contenido .tinimce-wrap table > tbody > tr > td, .contenido .tinimce-wrap table > tfoot > tr > td {  border: 1px solid #ddd;}
.contenido .tinimce-wrap table > thead > tr > th, .contenido .tinimce-wrap table > thead > tr > td {  border-bottom-width: 2px;}
.contenido .tinimce-wrap table > thead > tr > td {  background-color: #50a700; border-color: #50a700; font-weight: 800; color: #fff;}
.contenido .tinimce-wrap table > tbody > tr:nth-of-type(odd) {  background-color: rgba(0, 0, 0, 0.03);}
.contenido .tinimce-wrap table  { min-height: .01%;  overflow-x: auto;}

.contenido .tinimce-wrap .clientes .item  {height:180px; opacity: 0.7; margin: 0; padding: 0; overflow: hidden; display: inline-block;-webkit-transition: opacity 0.3s linear 0s;transition: opacity 0.3s linear 0s;}
.contenido .tinimce-wrap .clientes .item .foto {height:100%; margin-bottom: 0; background-position: top center; background-repeat: no-repeat; background-size: cover;}
.contenido .tinimce-wrap .clientes .item:hover  {opacity: 1}
.contenido .tinimce-wrap .clientes .item .foto span { opacity: 0; font-size: 10pt}
.contenido .tinimce-wrap .clientes .item:hover .foto span { opacity: 0.9; font-size: 25pt }

.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: 310px; margin-top: 20px;  }

#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 }
#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}
#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-color: #f4f4f4 }
#formulario { font-size: 10pt; letter-spacing: 2pt; text-transform: uppercase; font-weight: 900;  }

.menu ul {margin: 0; padding: 0; padding-top: 0px}
.menu ul li { list-style: none; display: inline-block; font-size: 10pt; font-weight: 300; letter-spacing: 1pt; border-bottom: 10px solid transparent; color: #222; margin:15px 0px 0px 0px;  padding: 4px 13px 7px 15px; text-transform: uppercase ; line-height: 11pt;}
.menu ul span { display: inline-block; font-size: 15pt; font-weight: 900;letter-spacing: 0pt; margin:0; }
.menu ul li:first-child { margin-left:0px; }
.menu ul li a {height: auto; color: #222; display: block;}
.menu ul li:hover { border-bottom: 10px solid #50a700; padding: 4px 13px 7px 15px; }
.menu ul li:hover a { color: #222; }
.menu ul .active { border-bottom: 10px solid #50a700; padding: 4px 13px 7px 15px; }
.menu ul .active a { color: #222; }

.menu ul li ul { border-top: 7px solid #222; padding-top: 0; top: 22px ; z-index: 9999;}
.menu ul li ul li { font-size: 9pt; font-weight: 400; letter-spacing: 1pt; color: #222; margin:0; padding-bottom: 0px ; border-bottom: 0px}
.menu ul li ul li:hover { border-bottom: 0px solid #222;  }

#cssmenu { margin: 0; padding: 0; line-height: 1; display: block; position: relative;}
#cssmenu img { margin-bottom: 5px;}
#cssmenu ul:after, #cssmenu:after { clear: both; visibility: hidden;}
#cssmenu ul li { display: inline-block; position: relative;}
#cssmenu ul li a { text-decoration: none; display: block; margin: 0; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cssmenu ul li ul { position: absolute; left: -9999px;}
#cssmenu ul li ul li { 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; background: #ffffff;}
#cssmenu ul li ul li.has-sub:after { display: block; position: absolute; top: 13px; right: 15px;}
#cssmenu.align-right ul li ul li.has-sub:after { right: auto; left: 15px;}
#cssmenu ul li ul li.has-sub:before { display: block; position: absolute; content: ""; height: 0; width: 0; border: 3px solid transparent; border-left-color: #ffffff; z-index: 2; top: 15px; right: 15px;}
#cssmenu.align-right ul li ul li.has-sub:before { right: auto; left: 15px; border-left-color: transparent; border-right-color: #ffffff;}
#cssmenu ul li ul li a, #cssmenu ul li ul li ul li a { text-transform: uppercase; display: block; width: auto; text-align: left; height: auto; padding: 11px 10px 11px 20px; margin: 0; color: #222;}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a { background: #222; color: #fff;-webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s;}
#cssmenu ul li ul li:hover:after, #cssmenu ul li ul li.active:after { background: #692f43; }
#cssmenu ul li ul li:hover > ul { left: 100%; top: 0; }
#cssmenu ul li ul li:hover > ul > li { max-height: 72px; position: relative; }
#cssmenu > ul > li:after { display: block; position: absolute; width: 100%; height: 0; top: 0; z-index: 0; background: #ffffff; -webkit-transition: height .2s; -moz-transition: height .2s; -ms-transition: height .2s; -o-transition: height .2s; transition: height .2s; }
#cssmenu > ul > li.has-sub > a:after { display: block; background: #ffffff; height: 12px; width: 12px; position: absolute; border-radius: 13px; right: 14px; top: 16px; }
#cssmenu > ul > li.has-sub > a:before { display: block; z-index: 2; height: 0; width: 0; position: absolute; right: 16px;  top: 21px; }
#cssmenu > ul > li:hover:after, #cssmenu > ul > li.active:after { height: 100%; }
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { }
#cssmenu > ul > li:hover > a:after, #cssmenu > ul > li.active > a:after { }
#cssmenu > ul > li:hover > a:before, #cssmenu > ul > li.active > a:before { border-top-color: #ffffff; }
#cssmenu > ul > li:hover > ul {  left: 0;}
#cssmenu > ul > li:hover > ul > li {  max-height: 72px;  position: relative;}
#cssmenu #menu-button {  display: none;}
#cssmenu > ul > li > a {  display: block;}
#cssmenu > ul > li {  width: auto;}
#cssmenu > ul > li > ul, #cssmenu > ul > li > ul > li > ul {  margin-top:0px;   min-width: 173px;  margin-left: -25px;  width: auto;  display: block;  z-index: 9999;}
#cssmenu > ul > li > ul > li, #cssmenu > ul > li > ul > li > ul > li {  padding: 0;  width: auto;  display: block;}   
#cssmenu ul ul { z-index: 9999 !important; }

@media (min-width: 1080px) {

}

@media (max-width: 1199px) {

  .bienvenido.foto { height: 194px; }

  .menu ul li { font-size: 10pt; margin:15px 7px 0px 7px; }
  .menu p { padding: 40px 10px 0;  }
  .menu p i { padding: 0 5px 0 10px }
	
	.encabezado p { font-size: 25pt; line-height: 35pt }
	.bajada { padding: 0px 13% 20px;  }
	.bajada p { font-size: 9pt; line-height: 23pt }
	.menu a { font-size: 10pt; letter-spacing: 2pt;line-height: 30pt;   }

	.interna .usuario .datos p a { font-size: 7pt; letter-spacing: 1pt; padding: 3px 10px; }
	.interna .usuario .datos p:first-child { font-size: 11pt; }
	.interna .barra-nav .buscador #sandbox-container { padding: 0}

  .contenido .tinimce-wrap p  {font-size: 10pt; line-height: 18pt; }
}

@media (max-width: 991px) {

	.index .bici-index { margin-top: 0px }
	.index .zoom-index { margin-top: 50px; text-align: right }
	.index { background-position:center  ;}
	.index .text-index .item .titulo p { font-size: 15pt; padding: 45px 0px 0; line-height: 19pt; }
	.index .text-index .item { margin-top: 50px }
	.index .text-index .item2 { margin-top: 40px }
	.index .text-index .item .texto p.list { font-size: 10pt; margin-bottom: 15px}
	.contenido .tinimce-wrap .clientes .item  {height:140px; }

	.titulo.titulo-producto h2 { font-size: 25pt}

	.interna .usuario .datos p a { font-size: 7pt; letter-spacing: 1pt; padding: 3px 5px; }
	.interna .usuario .datos p:first-child { font-size: 9pt; }
	.interna .usuario .datos { width: 100% }

	.index .logo { height: 150px; background-image: url(../imgs/bg-logo.png); background-size: cover; background-position: center ; background-repeat: no-repeat; padding-top: 20px;  margin-top: 50px }

  .menu ul li { font-size: 9pt; margin:15px 5px 0px 5px; letter-spacing: 1pt }
  .menu p { padding: 40px 10px 0;  }
  .menu p i { padding: 0 5px 0 10px }

  .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 }


  .novedades .item .categoria { font-size: 9pt;  letter-spacing: 3pt ; padding:8px 0px;  }

  .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) {

	.index .logo { height: 80px; padding-top: 10px;  margin-top: 30px }
	.index .logo img {width: 100px }
	.encabezado { padding: 25px 13% 10px;  }
	.encabezado p { font-size: 15pt; line-height: 20pt }
	.bajada { padding: 0px 13% 20px;  }
	.bajada p { font-size: 6pt; line-height: 13pt }
	.menu i { padding: 0 10px  }
	.ingresar { height: auto; background-image: url(../imgs/bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center right; padding: 40px 0 70px}
	.menu a { font-size: 9pt; }

	.container { max-width: 320px; }
	.interna .datos { width: calc( 100% - 100px ) ; height: 75px; background-size: cover; background-repeat: no-repeat; background-position: center; }
	.interna .datos p:first-child { font-size: 9pt; text-transform: uppercase;; font-weight: 800; margin-bottom: 2px }
	.interna .datos p { margin-bottom: 15px }
	.interna .datos p a { font-size: 6pt; text-transform: uppercase; font-weight: 400; color: #fff; line-height: 10pt; letter-spacing: 1pt; padding: 3px 5px; background-color: #333; display: inline-block; }
	.interna .datos p a:hover { color: #fff; background-color: #50a700}
	.interna .logo { height: auto; }
	.interna .menu { padding: 10px 0px 0px; height: auto; }
	.interna .menu a { font-size: 9pt; letter-spacing: 1pt; line-height: 20pt}
	.interna .menu i { padding: 0 7px; font-size: 8pt  }
	.interna .barra-nav { height: auto; padding: 20px; }
	.interna .barra-nav .titulo h4 { font-size: 14pt; line-height: 18pt ; margin-bottom: 15px; padding: 0 0 5px }
	.interna .barra-nav .titulo h4 i { font-size: 19pt; padding: 0 5px 0px }
	.interna .barra-nav .buscador select { font-size: 9pt; padding: 3px 8px; }
	.interna .barra-nav .buscador button { font-size: 10pt; padding: 7px; }
	.breadcrumbs { height: auto; padding: 0 }
	.breadcrumbs p{ font-size: 10pt; }
	.breadcrumbs p:nth-child(2) { font-size: 12pt; line-height: 15pt }
	.table-responsive { padding: 0 }
	.interna .contenidos { min-height: 300px; height: auto; }

	.index, .interna { padding-top: 0}
	.logo-head { margin-top: -60px }
	.index .text-index .item .texto p { font-size: 9pt;}
	.index { height: auto; background-position: left ;}
	.galeria-index p {font-size: 14pt;  padding: 30px 20px }
	.galeria-index {height: 270px ; padding-top: 30px }
	.interna .titulo h2 { font-size: 18pt; text-transform: uppercase; padding: 40px 0px 0; line-height: 24pt; margin: 0; font-weight: 900; letter-spacing: 1pt; margin-top: 40px; margin-left: 0px; position: absolute; z-index: 9; margin-top: 10px}
	.interna .circulo { height: 50px; width: 50px; border-radius: 50px; display: inline-block; margin-left: -20px; top: 0; margin-top: 40px}
	.contenido .tinimce-wrap .clientes .item  {height:100px; }

	.producto { margin-top: 110px }
	.producto .foto-producto { margin-top: -100px; border: 15px solid #fff; border-radius: 50%; overflow: hidden; height: 250px; width: 250px; margin-left: 50px; margin-bottom: 90px }
	.producto .foto-producto .foto {height: 250px; width: 250px; background-position: center center; background-size: cover; }
	.producto .foto-producto .precio {height: 50px; width: 250px; background: #50a700; position: absolute; top: 200px; margin-left: -20px; padding: 10px; text-transform: uppercase; font-size: 15pt;  }
	.producto .foto-producto .precio span {font-weight: 900  }

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

  .head { height: auto; padding: 0; }
  .logo { height: auto; padding-bottom: 0px}
  .head .logo { padding-bottom: 30px}

  .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.titulo { height: 100px; margin-top: 0px; }
  .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: #50a700; }

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

  .foot { height: auto ; padding-bottom: 40px; }
  .foot .menu { height: 90px ; }

  .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 .panel-heading h4 i {height: 30px; width: 30px; padding-top: 6px; border-radius: 3px; position: relative; z-index: 999}
  .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; }


  .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: 80px}
  .panel-body p {font-size: 11pt}
  .panel-group .panel-heading+.panel-collapse>.panel-body{border-top: 0px; position: relative;z-index: 999; background: #50a700;}
  .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;}
  .noticia h4, .carritos h4 { margin-top: 0px; font-size: 18pt}
  .contenido h1 { font-size:18pt ; height: auto; padding:8px 12px; margin-bottom: 15px}

  .contenido .tinimce-wrap h1 { font-size: 20pt; padding:0; margin-bottom: 25px; text-transform: initial}
  .contenido .tinimce-wrap h2 { font-size: 15pt; padding:0; margin-bottom: 25px; text-transform: initial; font-weight: 300; height: auto }
  .contenido .tinimce-wrap h3 { font-size: 12pt;  }
  .contenido .tinimce-wrap h4 { font-size: 12pt; padding:0; margin-bottom: 25px; text-transform: initial; font-weight: 800; height: auto; display: inline-block; }
  .contenido .tinimce-wrap h5 { font-size: 12pt; padding:0; margin-bottom: 25px; text-transform: initial; font-weight: 300; height: auto; font-style: italic;}
  .contenido .tinimce-wrap h6 { font-size: 9pt; padding:0; margin-bottom: 25px; text-transform: initial; height: auto}
  .contenido .tinimce-wrap p  { font-size: 9pt; line-height: 15pt; font-weight: 300; 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: #333333; }
  .contenido .tinimce-wrap ul { list-style-type: none;font-size: 9pt; line-height: 15pt; font-weight: 300; margin-bottom: 25px }
  .contenido .tinimce-wrap ol { font-size: 9pt; line-height: 18pt; font-weight: 300; margin-bottom: 25px }
  .contenido .tinimce-wrap ul li:before { content: ""; margin-right: 10px; display: inline-block; width: 7px; height: 7px; background-color: #333333; 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}
                        #copyright  {font-size:5pt;}

                        .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%;
    }
}