@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%; max-width: 1160px;
  }
}
@media (min-width: 1160px) {
  .container {
    width: 100%;
  }
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*BUTTONS*/

button{ outline:0}
.btn-primary {color: #fff;background-color: #006f45;}
.btn {text-transform: uppercase;border:none;padding:15px 25px;font-size: 16px;line-height: 20px;border-radius: 10px;transition: color .15s ease-in-out,background-color .15s ease-in-ut,box-shadow .15s ease-in-out; font-weight: bold}
.btn img{ margin-left: 10px;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{background-color: #124e33!important; color:#fff; border:0!important; outline: none!important;box-shadow: none !important;}

::-webkit-input-placeholder { opacity:0.5;color:#005596}
::-moz-placeholder {  opacity:0.5; } /* firefox 19+ */
:-ms-input-placeholder { opacity:0.5;color:#005596 } /* ie */
input:-moz-placeholder { opacity:0.5;color:#005596 }

/* draw any selected text yellow on red background */
::-moz-selection { background-color:#006f45; color:#fff; text-shadow:none; };
::selection{ background-color:#006f45; color:#fff;  text-shadow:none; } 
::-webkit-selection{ background-color:#006f45; color:#fff; text-shadow:none;  } 


html {height:100%;text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-webkit-font-smoothing: antialiased!important;
font-smoothing: antialiased!important;}
body {margin:auto;line-height:26px;height:100%;font-family: Lato, Arial, sans-serif;font-size:16px;-moz-osx-font-smoothing:grayscale;color:#585858;-webkit-text-size-adjust:none;width:100%;-webkit-appearance: none;border-radius: 0; min-width:320px;-webkit-font-smoothing: antialiased!important;overflow:auto}



/*HEADER*/
.top_bar{position:fixed; z-index:1002; background-color: #fff; height: 96px; width:100%; border-bottom:4px solid #006f45; top:0 }
.top_bar .navbar-brand{ outline:none; width:200px; display:block; background: url(../imgs/Gremca-logo.png) no-repeat top left; background-size:193px auto; line-height:500px; overflow:hidden; height:110px; opacity:1; padding:0; margin:15px 0 0;position:relative;z-index: 100;}
.mobile-none{display:none}


/*NAV*/
ul.nav{margin-top:30px;float: right;}
ul.nav li.first-level a, ul.nav li.first-level .dropdown-toggle{font-family:Oswald, Arial; color:#6e6e6e; text-transform:uppercase; font-size:17px;padding-bottom:36px;outline:0;padding-right:35px;position: relative; display: block}
ul.nav li.first-level:last-child a{ padding-right: 0}
ul.nav li a.active{color:#006f45; text-decoration:none;display: block;}
ul.nav li a.active span{ border-bottom:4px solid #f5c809;color:#006f45; text-decoration:none;display: block;padding-bottom: 36px;}
ul.nav li.first-level .dropdown-toggle:hover,ul.nav li.first-level .dropdown-toggle:active,ul.nav li.first-level .dropdown-toggle:focus{color:#006f45; outline:0}
ul.nav li a:hover{color:#006f45;  text-decoration:none;}
ul.nav li .dropdown-toggle{ background:none; border:0; padding: 0}
ul.nav li .dropdown-toggle:hover .dropdown-menu{display:block!important}
ul.nav li .dropdown-toggle.active{border-bottom:4px solid #f5c809;color:#006f45; text-decoration:none;}
ul.nav li .dropdown-toggle::after{display:none;}
.dropdown-menu {top: 40px!important;padding: 0 0;margin: 0;font-size: inherit;border: 1px solid rgba(0,0,0,.15);border-radius: 0; transform: none!important}
.dropdown-menu .dropdown-item{ padding:15px 20px!important; text-transform:none!important}
.menu-btn {background-color: transparent;margin: 0;width: 25px !important;border: 0; position: absolute;z-index: 1001;right: 30px; top: 25px;height: 30px !important;   padding: 0;}
.menu-btn .icon-bar {height: 2px;margin-bottom: 5px;width: 25px;background-color: #006f45;border-radius: 0px;display: block;}
.menu-btn:hover .icon-bar {background-color: #124e33;}


/*SLIDER*/
.carousel.slide{height: 450px; overflow:hidden; position:relative; margin-top: 96px; }
.carousel-item {height: 450px;min-height: 300px;background-repeat: no-repeat; background-position:center center;overflow:hidden;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
.carousel-item.active{-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
.carousel-caption {position:static; text-align: left;padding-top:90px; padding-bottom: 40px}
.slider-img{ display:block; text-align:left; margin-bottom:20px;}
.slider-main{font-family:Oswald; font-size:40px; line-height:48px; font-weight:400; text-transform:uppercase; width:100%;max-width:390px;color:#f5c809; padding-bottom: 30px;}
.slider-txt{font-family:Lato, Arial; font-size: 16px; font-weight:normal;text-transform:none;max-width:390px; line-height: 28px;width: 100%; padding-bottom:40px;}
.slider-txt span{display:block; text-transform: uppercase; font-weight: 600;}


/*Main Content*/
.main-content{ padding-top: 60px;}
.main-content .row{ padding-bottom: 60px;}
.main-content.home .row:first-child .left-content{padding-right:20px; }
.main-content.home .row:first-child .right-content{padding-left:20px; }
.main-content.home .row:last-child .left-content{padding-right:20px; }
.main-content.home .row:last-child .right-content{padding-left:20px; }
.home-img{ border:6px solid #f2f2f2}
.main-content h3{color:#006f45; text-transform:uppercase;font-family:Oswald, Arial; font-size:22px; padding-bottom:5px;padding-top:15px; }
a.text-link{ margin-top:20px; display:inline-block;color: #006f45;font-weight: bold}
a.text-link:hover{ color:#124e33}
a.text-link img{ margin-left:10px; }


/*FOOTER*/
footer{ color:#fff; padding-top: 40px; background: url("../imgs/footer-bkr.png") no-repeat center center #006f45; background-size: 100% auto;}
.footer_block{ padding-bottom: 40px; font-size: 14px; line-height: 24px;}
.footer_block strong{font-weight: bold;}
footer h5{color:#f5c809;text-transform:uppercase;font-family:Oswald, Arial; font-size:18px; padding-bottom:20px;line-height: 22px;}
.footer_bottom{background-color: #124e33; font-size: 12px; min-height: 60px; line-height: 20px;;}
.footer_bottom p{ padding-top: 20px;}
footer a{color: #fff;}
footer a.derechos{color: #f5c809;text-transform:uppercase;font-weight: bold; display:block; margin-top: 20px;}
footer a.derechos:hover{ text-decoration: underline;}
footer a:hover{color: #f5c809; text-decoration: none;}
.footer-social{ margin-top: 12px; text-align: right}
footer .info a img { vertical-align: middle; margin-right: 15px; margin-bottom: 5px;}
footer .info a{ font-size: 16px; font-weight: bold;}
footer .contact-info{ padding-top: 20px;}


/*INSIDE PAGES GENERL*/
.p-bottom{padding-bottom:40px!important}
.p-top{padding-top:40px!important}
.separator{margin-top:30px; width: 100%; height: 1px; background-color:#f2f2f2 }


/*INSTITUCIONES*/

.inside-pages .carousel.slide{height: 300px; overflow:hidden; position:relative;}
.inside-pages .carousel-item{height:300px; min-height: 200px!important}
.inside-pages .carousel-caption {position:static; text-align: left;padding-top:90px; padding-bottom: 40px}
.inside-pages .slider-main{color:#006f45; padding-top: 30px;}
.inside-pages h4{font-weight: bold; text-transform: uppercase}
.inside-pages .links-sections a{ margin-bottom: 10px}
.inside-pages .links-sections a:first-child{ margin-right:20px; width: 242px;}
.autoridades_list li{ padding-bottom:15px;}
.autoridades_list li strong{font-weight: bold; display: block}

/*SEDES*/

.inside-pages .sedes-content p strong{ font-weight: bold; display: block;color:#006f45; text-transform: uppercase}
.inside-pages .sedes-content h3{ padding-top:0;padding-bottom:40px}
.inside-pages .sedes-content .p-bottom{padding-bottom:30px}
.inside-pages .sedes-content .sedes-img{display:inline-block; width:25%;margin-right:4%; vertical-align: top}
.inside-pages .sedes-content .sedes-txt{display:inline-block; width:70%;vertical-align: top}
.inside-pages .sedes-content .links-sections{ margin-top:30px;}
.inside-pages .sedes-content  .sede-block{ padding-bottom: 30px; border-bottom:1px solid #f2f2f2; margin-bottom: 30px;}
.inside-pages .sedes-content .row {padding-bottom: 0px;}


/*SERVICIOS*/
.inside-pages .tabs-content ul.nav{float: none; margin-top: 0; margin-bottom: 40px;}
.inside-pages .tabs-content .nav-item{ margin-left: 0; margin-right: 15px; }
.inside-pages .tabs-content .nav-item a{ padding:0; border: 0!important; color:#6e6e6e;; font-size:18px; padding:8px 15px;}
.inside-pages .tabs-content .nav-item a:hover{color:#006f45}
.inside-pages .tabs-content .nav-item a.active{ border: 0!important; background-color:#006f45; color:#fff;}
.inside-pages .tabs-content .nav-item a.active:hover{color:#fff;}
.inside-pages .tabs-content .tab-content-images img{margin-right:20px; margin-bottom: 20px;}
.servicios-sidebar h3{ padding-top:0!important; padding-bottom: 15px;}
.servicios-sidebar{background-color:#ececec; border:1px solid #e3e3e3; border-radius:4px; padding:25px 25px 10px;}
.servicios-sidebar strong{ font-weight: bold; display: block}
.servicios-sidebar p{ padding:15px 0; border-top:1px solid #e3e3e3; text-overflow:ellipsis; width: 100%;word-wrap:break-word}
.servicios-sidebar p a{ color:#000; font-size: 15px;}
.p-bottom.tab-content-images{ margin-bottom:0px; padding-bottom: 5px}

.table_general tr.table_header{border-bottom:none!important;}
.table_general tr.table_header td{ background-color: #f5c809!important; text-transform: uppercase; color:#0f0f0f; font-size: 13px;line-height: 18px;}
.table_general tr.table_header td:first-child{ background-color:#124e33!important; color:#fff; text-transform: none; font-size: 15px; line-height: 20px;}
.table_general tr{border-bottom:1px solid #e2e2e2;}
.table_general tr td{ padding: 10px;font-size:15px; line-height: 20px; vertical-align: middle}
.table_general tr td.td-15{ width: 15%; text-align: center; background-color: #f3f3f3}
.table_general tr td.td-15:last-child{background-color: #f0f0f0}
.table_general tr td.td-30{ width: 30%; text-align: center;background-color: #f3f3f3}
.table_general tr td.td-70{ width: 70%}
.tabs-content .tab-content{overflow:hidden;}

/*Beneficios*/
.inside-pages .beneficios-content h5{ padding-top: 0; padding-bottom: 20px!important; font-weight: bold; font-size: 16px; line-height: 22px;}
.inside-pages .beneficios-content p span{  font-size: 18px;}
.inside-pages .beneficios-img{display:inline-block; width:30%;margin-right:4%; vertical-align:middle}
.inside-pages .beneficios-txt{display:inline-block; width:62%;vertical-align: middle;}
.inside-pages .beneficios-content .beneficios-block{background-color:#ececec; border:1px solid #e3e3e3; margin-bottom: 30px;}
.inside-pages .beneficios-content .beneficios-block:hover{background-color:#f2f2f2;}
.beneficios-block a{ display:block;color:#6e6e6e;}
.green{color:#006f45;font-weight: bold;}
.beneficios-content ul li{ padding-left:15px; position: relative; padding-bottom: 7px;}
.beneficios-content ul li:before{ position: absolute; top:12px; left:0; width: 4px; height: 4px; background-color: #124e33; content: ""}
.beneficios-content ul li b{ font-weight:600; color: #0f0f0f}

/*AFILIADOS*/
.afiliados-container .p-bottom{padding-bottom:30px}
.afiliados-container .row{ padding-bottom:30px }
.afiliados-container h3{padding-top:0}
.gremca_map{width:100%; height: 385px;border:6px solid #eeeeee}
.afiliados-container .address{ text-transform:uppercase; padding-bottom: 10px;}
.afiliados-container .address strong{font-weight: bold;}

/*CONTACT FORM*/
.contact_form { padding-right:10px}
.contact_form .form_label{ text-transform:uppercase; display:block; padding-bottom:10px; font-size:16px;font-weight: bold;}
.contact_form .form_cell{ padding-bottom:30px;}
.contact_form .form_cell input,.contact_form .form_cell textarea { width:100%; background-color:#eeeeee; padding:5px 15px; border:1px solid #d8d8d8; font-size:16px; height:55px; line-height:47px; resize: none; border-radius:5px;color:#585858}
.contact_form .form_cell textarea { height:142px; line-height:20px; padding:10px 15px}
.contact_form  .error{border:2px solid #bc292d!important;}
.contact_form .form_cell .btn{ float:right;}
.contact_form .form_cell .required{ float:left;}
.contact_form .form_cell.last{ padding-bottom:0} 

.validation_msg { padding-top:20px; display:none;}
.validation_msg span{color:#bc292d}
.thanks_msg{color:#bc292d; margin-top:-10px; padding-bottom:25px; line-height:26px; text-transform:uppercase}
