body {font-size:16px; line-height:1.25; color:#777; text-align:justify;
	background-attachment:fixed; background-image:url("../img/bg.jpg"); background-position:center bottom; background-repeat:no-repeat; background-size:cover;}


h3, h4	{color:#66CC99!important; font-family:'Oswald', sans-serif; font-weight:400}
h3	{font-size:34px; margin-bottom:40px;}
h4	{font-size:28px; margin-bottom:40px;}
.title > h3	{border-bottom:6px solid #66CC99; padding-bottom:0!important; margin-bottom:40px!important}
a, a:hover, a:focus, a:active, a.active {outline:0;}
a {color:#66CC99; text-decoration:none;}
a:hover {text-decoration:none;}

b	{font-weight:300; color:#000}
p	{margim-bottom:10px}
ul,ol {margin:0; padding:0;}
li {list-style:none;}

img	{max-width:100%; height:auto}
.marb30		{margin-bottom:30px}
.vert-mid	{display:flex; justify-content:center; align-items:center;}


/* MENU ========== ; border:1px solid red!important; */
#logo	{background:rgba(255, 255, 255, 0.75); width:100%; height:100%; padding:20px 20%;}
#logo img	{background:#fff;}
.menu-item {color:#fff; background:#66CC99; background:rgba(102, 204, 153, 0.9); padding:20px 5px; border:1px solid #CCC;
			-webkit-transition:all 0.3s; transition:all 0.3s;}
.menu-item:hover {background:#66CC99;}
.menu-item a {text-decoration:none; color:#fff; display:block; -webkit-transition:all 0.3s; transition:all 0.3s;}
.menu-item a p {font-family:'Oswald', sans-serif; font-size:20px; font-weight:400}
.menu-item a i {font-size:50px; padding-bottom:20px;}
.menu-item:hover a {animation:flash; -webkit-animation:flash; animation-duration:500ms; -webkit-animation-duration:500ms;}

/* SECCIONES ========== */
.close-modal	{animation:flash; animation-duration:2000ms; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;}
.mainbody-section {width:100%; height:calc(100vh - 80px);}
/* MODAL ========== */
.modal	{padding:0!important; margin:0!important}
.section-modal .modal-content	{font-weight:300; padding:50px 0!important; min-height:100%; border:0!important; border-radius:0; background-clip:border-box;
								-webkit-box-shadow:none !important; -moz-box-shadow:none!important; box-shadow:none!important;}
.section-modal .close-modal {position:absolute; z-index:1000; top:15px; right:15px; cursor:pointer; color:#66CC99!important;}
.section-modal .close-modal:hover {opacity:.5;}


/* QUIÉNES ========== */
/* TABS ========== */
.tab-close-act .nav-tabs {margin-bottom:20px;}
.tab-close-act .nav-tabs > li > a {padding:15px 5px; font-size:20px; font-weight:400; color:#FFF!important; background:#66CC99!important; font-family:'Oswald', sans-serif;}
.tab-close-act .nav-tabs > li:hover a	{color:#000!important;}
.tab-close-act .tab-content .tab-pane {text-align:center;}

/* SERVICIOS ========== */
.serv {padding:0 0 20px 0; margin-bottom:40px; border-bottom:4px solid #CCC;}
.serv i {color:#66CC99; font-size:32px; margin-right:10px;}

/* CONTACTO ========== */
.contact-form input,.contact-form textarea {background:#ccc; background:rgba(0, 0, 0, 0.05);
    border:0; outline:0; color:#000; font-size:13px; height:44px; max-width:100%; width:100%; margin-bottom:30px; padding:10px;}
.contact-form textarea {height:100px;}
.message-button {text-transform:uppercase; font-weight:700; font-size:12px; background:#66CC99; color:#fff!important;  padding:12px 20px;
					display:inline-block; margin-bottom:30px;}
#repse	{width:100px; height:auto;}	



/* AVISO DE PRIVACIDAD  ========== */
#aviso {padding:40px 0 160px!important; background:#FFF; background:rgba(255, 255, 255, 0.9); color:#707070!important;}
#aviso h2	{color:#40bf80!important; font-size:24px; padding:0; margin-bottom:-15px}
#aviso h4	{color:#40bf80!important; font-size:18px!important; margin:40px 0 10px!important}
#aviso a	{color:#007711!important;}
#aviso a:hover	{border-bottom:1px solid #40bf80!important;}
#aviso hr	{border-color:#66CC99!important; width:50%; left:25%}
#aviso blockquote	{font-size:inherit!important; padding:0 10%!important; border:none!important}
#aviso ol	{padding-left:15px!important}
#aviso strong	{font-weight:500!important; color:#000!important;}





/* FOOTER ========== */
footer {background:rgba( 0, 0, 0, 0.75); color:#fff; padding:20px 0;}
.footer-social {padding:; border:4px solid #66CC99; width:100%; height:100%;}
.footer-social li {display:inline-block; padding:0 10px;}
.footer-social li i {color:#66CC99}
.footer-contact-info {background:#66CC99; color:#fff; padding:20px 30px; width:100%; height:100%;}
.footer-contact-info li {margin-bottom:20px}
.footer-contact-info a	{color:#fff!important;}

/* RESPONSIVE ========== */
@media (min-width:992px) {
   .row-eq-height {display:-ms-flexbox; display:-webkit-flex; display:flex;}
   .row-eq-height > [class*="col-"] {}
}
@media (max-width:991px) {
	.col-md-3 .menu-item	{width:50%; float:left;}
	.menu-item {padding:5px 2px 0;}
	.menu-item a p {font-size:18px; margin-bottom:2px}
	.menu-item a i {font-size:25px; padding-bottom:0;}
	.tab-close-act {margin-top:30px;}	
}
@media (min-width:768px) {
	#valores-img img	{width:20%; height:auto; padding:5px;}
	footer {position:fixed; left:0; right:0; bottom:0;}

}
@media (max-width:767px) {
	.mainbody-section {width:100%; height:100vh;}
	.section-modal .close-modal i {font-size:32px}
	#valores-img img	{width:100%; height:auto; padding:5px 25%;}

}



