@import url(http://weloveiconfonts.com/api/?family=zocial);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

@charset "UTF-8";
/* CSS Document */

html {
	padding:0px;
	margin:0px;
}
body {
	font-size:14px;
	color: #999!important;
}
h1 {
	font-weight: 300;
	font-size:36px;
}
h2 {
	font-weight: 200;
	font-size:33px;
}
h3 {
	font-weight: 300;
	font-size:28px;
}
h4 {
	font-weight: 200;
	font-size:22px;
}
h5 {
	font-weight: 600;
	font-size:18px;
}
.h1 {
	font-weight: 300;
	font-size:28px;
}
.h2 {
	font-weight: 200;
	font-size:22px;
}
@media ( max-width:1366px ) {
	h3 {
		font-weight: 300;
		font-size:25px;
	}
	.h1 {
		font-weight: 300;
		font-size:25px;
	}
}
@media ( max-width:768px ) {
	h1 {font-size:22px;}
	h2,h3 {font-size:18px;}
	h4 {font-size:16px;}
	.h1 {font-size:18px;}
	.h2 {font-size:16px;}
}

a {
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
a:hover, a:focus {color:#F00;}
a:active, a:hover {outline: 0;}
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

.space10 {margin-bottom:10px;}
.space15 {margin-bottom:15px;}
.space20 {margin-bottom:20px;}
.space25 {margin-bottom:25px;}
.space30 {margin-bottom:30px;}
.space35 {margin-bottom:35px;}
.space40 {margin-bottom:40px;}
.space50 {margin-bottom:50px;}
.space60 {margin-bottom:60px;}
.space70 {margin-bottom:70px;}
.space80 {margin-bottom:80px;}
.space90 {margin-bottom:90px;}
.space100 {margin-bottom:100px;}
.space110 {margin-bottom:110px;}
.space120 {margin-bottom:120px;}
.space-50p {margin-bottom:50%;}

/*BRAND*/
.navbar-brand {
    padding: 0px;
}
.navbar-brand img {
	padding-top:6px;
	width:230px;
}

@media (max-width:768px) {
}

/*NAVEGACION*/
.navbar {
    position: relative;
	z-index:996;
    min-height: 50px;
    margin-bottom: 0px;
    border: 0px solid transparent;
	border-radius:0px;
	background:#FFF;
    font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	font-size:16px;
	
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #39C;
    background-color:transparent;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #39C;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
    color: #333;
	padding:35px 10px 35px 10px;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
}
@media (max-width:768px) {
	.navbar-default .navbar-nav > li > a {
    	color: #777;
		padding:5px 10px 5px 10px;
		text-align:center;
		margin-top:0px;
	}
}

/*NAVTABS*/
.nav-tabs {
  border-bottom: 0px solid #555;
}
.nav-tabs > li {
  float: left;
  margin-bottom: 0px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: none;
  border-radius: 0px 0px 0 0;
  
  font-size:18px;
  font-weight:400;
  
  color:#333;
  padding-top:20px;
  padding-bottom:20px;
}
.nav-tabs > li > a:hover {
  border-bottom: 0px solid #F30;
  border-radius:0px;
  background-color:transparent;
  color:#C00;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #C00;
  cursor: default;
  background-color: transparent;
  border: 0px solid #555;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom:0px;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
  border-bottom: 0px solid #F30;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 0px solid #ddd;
	border-bottom: 0px solid #F30;
	color:#C00;
	outline:0px;
}

@media only screen and ( max-width: 768px ) {
	.nav-tabs > li > a {
	  font-size:14px;
	}
}

@media only screen and ( max-width: 360px ) {
	.nav-tabs > li > a {
	  font-size:10px;
	  height:80px;
	}
	.nav-tabs.nav-justified {
	  width: 100%;
	  border-bottom:0px;
	}
	.nav-tabs.nav-justified > li {
	  float: left;
	  width: 33.33%;
	}
}

/*HR*/
.hr-custom {
	border:rgba(255,255,255,.6) 5px solid;
	border-radius:10px;
}

/*ELEMENTOS*/
.bg-index1 {
	background: url(../images/servicios-1.jpg) no-repeat center center fixed #000;
	background-size:auto 100%;
	padding:2%;
	color:#FFF;
}

.bg-index2 {
	background: url(../images/servicios-2.jpg) no-repeat center center fixed #000;
	background-size:auto 100% ;
	padding:2%;
	color:#FFF;
}
.bg-index3 {
	background: url(../images/servicios-3.jpg) no-repeat center center fixed #000;
	background-size:auto 100% ;
	padding:2%;
	color:#FFF;
}
.bg-index4 {
	background: url(../images/bg-servicios-4.jpg) no-repeat center center fixed #000;
	background-size:auto 100% ;
	padding:2%;
	color:#FFF;
}

.bg-index1 h2 { margin-top:8px; margin-bottom:25px;}
.bg-index2 h2 { margin-top:8px; margin-bottom:25px;}
.bg-index3 h2 { margin-top:8px; margin-bottom:25px;}

/*SERVICIOS APARTADO*/
.servicios-1 { background: url(../images/servicios-1.jpg) no-repeat center center fixed #000;}
.servicios-2 { background: url(../images/servicios-2.jpg) no-repeat center center fixed #000;}
.servicios-3 { background: url(../images/servicios-3.jpg) no-repeat center center fixed #000;}
.servicios-4 { background: url(../images/servicios-4.jpg) no-repeat center center fixed #000;}

.servicios-1,.servicios-2,.servicios-3,.servicios-4 {
	background-size:auto 100%;
	padding:3.33%;
	color:#FFF;
}

/*EMPRESA APARTADO*/
.empresa-1 { background: url(../images/empresa-1.jpg) no-repeat center center fixed #000;}

.empresa-1 {
	background-size:auto 100%;
	padding:3.33%;
	color:#FFF;
}

/*CONTACTO*/
.contacto { background: url(../images/contacto.jpg) no-repeat center center fixed #000;}

.contacto {
	background-size:auto 100%;
	padding:3.33%;
	color:#FFF;
}


/*THUMBNAIL*/
.thumbnail {
	background-color:rgba(0,0,0,.60);
	padding:15px;
}
.thumbnail h2, .thumbnail h3, .thumbnail h4, .thumbnail p {
	text-align:center;
}
.thumbnail h4 {
	color:#FFF;
}

/*BLOCKQUOTE*/
blockquote {
	border-left:3px dotted #09C;
}
blockquote strong {
	color: #09C;
}

/*JUMBOTRON*/
.jumbotron {
	background: url(../images/bg-jumbotron.png) top center #036;
	background-size: 100% auto;
	color:#FFF;
	font-weight:300;
}

/*TEXT MIDDLE*/
.text-middle {
	padding:4.5%;
}

.label-custom {
	padding:1.5%;
	background:#a90329;
	font-family: 'Montserrat', sans-serif;
	font-size:36px;
	font-weight:600;
	width:40%;
	color:#FFF;
	margin-top:-7.5%;
}
.white {
	color:#fff;
}
.white:hover {
	color:#fff !important;
}

@media only screen and (max-width: 768px) {
	 .text-middle {
		  padding:2.5%;
		  text-align:center;
	  }
	  .text-middle img {
		  margin:auto;
	  }
	  .label-custom {
		  padding:3%;
		  background:#a90329;
		  font-family: 'Montserrat', sans-serif;
		  font-size:20px;
		  font-weight:600;
		  width:100%;
		  color:#FFF;
		  text-align:center;
		  margin-top:-10%;
	  }
	  .text-right {
		  text-align:center;
		  font-size:14px;
	  }
}

/*IMAGES*/
.img-nopadding {
	margin:0px;
	padding:0px;
}
.img-circle {
	border:10px solid #b4252d;
	width:80%;
	margin-top:10px;
}
.img-outline {
	border:1px solid #999;
	margin-top:10px;
}
.img-rounded {
    border-radius: 60px;
}
.img-center {
	margin:auto;
}
.img-full {
	width:100%;
	padding:0px;
	margin:0px;
}

/*NO PADDING*/
.no-padding {
	padding:0px;
}

/* PANEL ACORDION */
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
	border:none;
	background:none;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #ddd;
}
.panel-default > .panel-heading {
    color: #666;
	background: #F30;
    border-color: none;
	padding:0px;
	text-align:left;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
}
.panel-title a:hover {
	color: #000 !important;
	text-decoration:none;
}

.panel-heading h4 {
	padding:10px;
	font-size:20px;
	margin:0px;
	text-align:left;
	color: #666;
	text-transform:uppercase;
}
.panel-heading h4 > h4 a:hover, h4 a:active, h4 a:focus {
	text-decoration:none;
	color: #000;
	outline:0px;
}
.panel-body {
	background-color:transparent;
	border-radius:0px;
	border-color: none;
	border:none;
}

/*LISTAS*/
ol li:before {
	background-color:#F30;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color:rgba(0,0,0,0.45);
    border: 1px solid #ddd;
}
.list-group-item-heading {color:#fff !important;} 
.list-group-item-text {color:#fff;}

a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    background-color:rgba(0,0,0,0.80);
}

/*TABLE*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 1px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 0px solid #ddd;
	font-size:24px;
}
@media only screen and (max-width:760px) {
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
		font-size:12px;
	}
}
table small {
	color:#666;
}

/*FOOTER*/
.footer {
	width:100%;
	border-top:0px solid #39C;
	padding-top:25px;
	padding-bottom:25px;
}
.footer a {
	color: #000;
}
.footer a:hover {
	color: #39C;
	text-decoration:none;
}
.logo-footer {
	width:240px;
}

@media only screen and (max-width:768px) {
	.footer {
		text-align:center;
	}
}

.color-aqua {
	background:#39C;
	padding-top:15px;
	color:#00ffff;
}
.color-aqua a {
	color:#FFF;
}

/* zocial */
[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
}
.social li > a { 	
  font-size:2.3rem;
  padding:5px;
  /*display:block;
  width:45px;
  height:45px;
  border-radius:50px;
  border:2px solid #666;
  background-color: #fff;
  color: #666;*/
  text-decoration:none;
  text-align:center;
}

.social li > a:hover {
  background-color:transparent;
  color: #6CF;
  text-decoration:none;
}

.social-header li > a:hover {
  background-color:transparent;
  color: #6CF;
  text-decoration:none;
}

.redes {
	position:relative;
	z-index:9999;
	background:#fff;
	border-bottom:1px solid #DBDBDB;
	padding-top:6px;
}

/*FORM*/
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #fff;
	font-weight:400;
    
	background-color: transparent;
	
	border-top:0px;
	border-right:0px;
	border-left:0px;
	
	border-radius: 0px;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #6FF;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#results,
#error,
#success,
#loading {
	display:none;
}
.alert-error{
	border-radius: 0;
	color: #fff;
	border: 0;
	background-color: #C00 !important;
}
.alert-success{
	border-radius: 0;
	color: #fff;
	border: 0;
	background-color: #9C0 !important;
}