@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

/* GLOBAL ============================================= */
html, body	{height: 100%;}
body			{background:#FFF; color:#444; font-weight:400; font-size:16px; font-family: 'Roboto Condensed', sans-serif; line-height:20px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #999999 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #999999));
background: -webkit-linear-gradient(top, #ffffff 0%, #999999 100%);
background: -o-linear-gradient(top, #ffffff 0%, #999999 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #999999 100%);
background: linear-gradient(to bottom, #ffffff 0%, #999999 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#999999', GradientType=0 );
background-attachment:fixed;
}

a:active, a:focus, a .btn	{outline: none;}

a, a:hover, a:focus { text-decoration: none; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; }
.no-gutter > [class*='col-']	{padding-right:0; padding-left:0;}
img			{max-width:100%;}
.img-hover:hover	{opacity: 0.8;}
hr			{height: 2px; color:#49C5E1; background-color: #49C5E1; border: none; margin:40px 0}
h1, h2, h3	{color:#333; font-weight:700; letter-spacing:-1px; text-transform:uppercase;}
h2			{font-size:24px;}
h3			{font-size:18px;}
/* HEADER ============================================= */
header	{background:#49C5E1; background-image:url(../images/header-bg.png); background-size:100% 100%;}
.logo img	{position:absolute; z-index:50; width:240px!important; height:auto; }

.page				{padding-bottom: 40px; background:#EEE;  border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px;}
.page .fa			{color:#49C5E1}
.page .fa-inverse	{color:#EEE}
.page .btn			{background-color:#333; color:#DDD; font-weight:700; font-size:12px; font-family: 'Roboto Condensed', sans-serif!important;}
.page .btn:hover		{background-color:#49C5E1; color:#FFF;}
.page li				{margin-bottom: 10px !important;}
.title				{margin-top:30px}
.title hr			{margin: -8px 0 40px 0}
.red				{color:#FF0000; font-weight:700}

/* NAVBAR ============================================= */
.social ul	{padding: 0; margin:6px 0; list-style: none; }
.social ul li	{display: inline; }
.social .fa	{width:36px; height:36px; background-color:#444; text-align: center; line-height:36px; color:#CCC!important; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.social .fa:hover 	{color:#49C5E1!important;}

.navbar		{z-index:100; border:none; background-color:#333!important; margin:0px; border-radius: 0px;
					-webkit-box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.5); box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.5);} 
.navbar .container	{padding-left:0px; padding-right:0px;}					
.nav ul				{background-color: #222!important;}					
.navbar-inverse a, .dropdown-menu li a	{font-size:15px; color: #DDD!important; font-weight:700; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);}
.navbar-inverse a:hover	{color: #49C5E1!important}
.nav ul li a:hover, .navbar-nav  > li > a:focus, .navbar-nav > .active > a {background: none!important; color:#49C5E1 !important;}


/* SLIDER ============================================= */
#slider-cont			{background:#DDD; background-image:url(../images/slider-bg.png); background-size:100% 100%;}
.flexslider				{background-color: #49C5E1; height: auto; max-height:300px; overflow: hidden; margin: 0; border: none; }
.flexslider .slides li	{position: relative; height:auto;}
.flexslider img			{opacity:0.9; background-position: center center!important}
.flex-caption			{position:absolute; z-index:10; top:10%; left:5%; font-size:30px; text-transform:uppercase; font-weight:700; color:#FFF!important;  text-shadow:0 -1px 0 rgba(0,0,0,.3);}
.slide-border			{width:100%; height:2px; background-image:url(../images/nav-border.png); background-size:100%}
.slide-border-6			{width:100%; height:6px; background-image:url(../images/nav-border.png); background-size:100%}
#shadow	img				{width:100%; height:auto;}



/* HOME ============================================= */
.well		{background:#49C5E1; background-image:url(../images/header-bg.png); background-size:100% 100%; border: 2px solid #333; margin:0; padding:0.5%; text-align: center}
.well h3		{font-size: 18px; color: #FFF; margin:10px 0; font-weight:700; letter-spacing:0.5px}
.well .btn		{float:right; margin-top:3px;}
.well .btn:hover		{background-color:#333; color:#49C5E1;}


/* SERVICIOS ============================================= */
/*  TABS BTNS  */
.nav-tabs			{border-bottom: none !important; }
.nav-tabs li			{margin-bottom: 2px !important;}
.nav-tabs li a			{background: #000 !important; color: #CCC !important; font-size: 14px; border: none !important; font-weight: 700;
					border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.nav-tabs li a:hover	{background: #49C5E1 !important; color: #FFF !important; border: none !important; }
.nav-tabs .active a	{background: #49C5E1 !important; color: #FFF !important; border: none !important; }
.nav-tabs .active .fa{color: #FB6C07 !important; }
/*  TABS CONT  */
.tab-content		{padding: 40px 2%; border: 2px solid #49C5E1; margin-bottom: 20px; text-align:justify;
					border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.tab-content h2		{margin: 0px !important; font-size:20px}
.tab-content hr		{margin: 0px 0px 30px 0px !important;}
.tab-content i		{margin-top: -2px !important;}
.tab-content p		{margin-bottom: 10px;}
.tab-img			{display: inline-block; width: 30%; height: auto; vertical-align: top; margin: 0px 4% 20px 0px;}
.tab-content img		{border: 2px solid #49C5E1; text-align: center; margin-bottom: 20px;}
.tab-txt			{display: inline-block; background: #}

/* UBICACIÓN ============================================= */
#map		{border:solid; border-width:6px; border-color:#49C5E1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
#map iframe	{width:100%; height:400px;}

/* SOCIEDADES ============================================= */
#sociedades iframe	{width:100%; height:2250px;}

/* FOOTER ============================================= */
footer		{background-color: #222!important; color:#999; padding: 0; margin: 60px 0 0; border-top: 1px solid #DDD;}
footer .container	{padding-top: 40px; padding-bottom:40px;}
footer a		{color: #AAA;}
footer a:hover	{color: #49C5E1;}
footer .fa		{color: #49C5E1;}
footer span		{color: #49C5E1;}
footer hr		{height: 1px; background-color: #333;}
footer .btn		{background-color: #333; color:#999; font-size:12px; font-weight:700}
footer .btn:hover	{color: #49C5E1;}
footer ul		{padding: 0px;}
footer ul li		{list-style: none; margin-bottom:5px;}
.avisos a		{margin:5px!important}
.avisos hr		{margin:10px 0!important}
.avisos span	{color:#49C5E1!important}

.copy-r		{color:#555; font-size:12px; font-weight:400; letter-spacing:1px;}
#whatsapp	{position:fixed; right:5px; bottom:5px; background:#25D366; text-align:center; width:48px; height:48px; line-height:64px; border-radius:50%;}
#whatsapp i {color:#fff!important; font-size:38px; margin-left:2px}


/* RESPONSIVE ============================================= */

@media(min-width:992px) {
	.cncpm {padding-top:80px;}
}

@media(max-width:767px) {
	.flex-control-paging li a	{display:none}
	.flex-caption			{font-size:18px;}
	.avisos ul li		{display: inline-block}
	.avisos		{text-align: center}
	.navbar .container		{padding-left:15px; padding-right:15px;}
	.well h3		{font-size: 14px;}
	#map		{width:90%; float:left;}
	#map iframe	{width:100%; height:240px;}
	#sociedades iframe	{width:100%; height:4000px;}
}
@media(max-width:400px) {
	.xxs-12		{width: 50%; padding:5px;}
	.xxs-12 .btn		{font-size: 10px!important;}
	.flex-direction-nav a:before 	{dis	play:none; font-size: 20px!important;}
}




