@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{padding-top:0px;font-size:12px;color:#34495e;background:#fff}

/* Generales */
body h1,body h2,body h3,body h4,body .created{font-family:"Fjalla One";font-weight:normal}
body h5,body h6{margin:0}body h3,body h4{margin-top:0}
.btn{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0;background-image:none;text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
	.btn.btn-transparent{border:3px solid #fff;background:transparent;color:#fff}
		.btn.btn-transparent:hover{border-color:rgba(255,255,255,0.5)}
	.btn.btn-link{color:#2dcc70;padding:0}
		.btn.btn-link:hover{text-decoration:none;}
	.btn-primary{background-color:#333; border: none; line-height: 45px; display: block; width: 100%;font-family:"Fjalla One";font-size:18px;text-transform:uppercase;text-shadow:none}
		.btn-primary:hover{background-color:#0076C0; color: #fff;}
a{color:#2dcc70;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms}
	a:hover,a:focus{color:#005580;text-decoration:none;outline:0}
	
.dropdown-menu{margin-top:-1px;min-width:180px}

body>section{padding:50px 0; position: relative;}
	body>section#home{height: 120px; display: block; padding: 0}
	body>section#slide-show{padding:0}
	
.center{text-align:center}
.gap{margin-bottom:50px}
.big-gap{margin-bottom:100px}
.no-margin{margin:0;padding:0}
header .container{position: relative;}
header .langsel{position: absolute;top:10px; right: 10px; z-index: 999; opacity:0.6; font-size: 14px; text-transform: uppercase; font-weight: 100 !important; color: #999;font-family:Arial, Helvetica, sans-serif;}
	header .langsel:hover{opacity:0.9;color: #333;}
	
header.navbar .navbar-inner{background:#fff!important;border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
header #logo{width:414px;height:121px;background:url(../images/logo.png) no-repeat 0 50%; padding-bottom: 10px;}
header.navbar{margin-bottom:0;position: fixed !important	; top: 0; left: 0; z-index: 998; padding: 0 0; width: 100% !important; margin: 0; 
-webkit-box-shadow: 0 2px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0 2px 2px 2px rgba(0,0,0,0.2);}
	header.navbar .nav{margin-top:40px; text-align: right; float: right; padding-right: 0}
		header.navbar .nav>li{margin-left:1px}
		header.navbar .nav>li:last-child a{padding-right:0px}
			header.navbar .nav>li>a{padding-top:10px;padding-bottom:10px;color:#0076C0;font-family:"Fjalla One";font-size:18px;text-transform:uppercase;text-shadow:none}
				header.navbar .nav>li>a:hover{background:transparent;color:#333;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
				header.navbar .nav>li.active>a,header.navbar .nav>li.active>a:hover{background:transparent;color:#333;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
	.navbar .btn-navbar {position: absolute; top: 60px; right: 0; background: #fff; border: none; padding: 0; width: 32px}
		.navbar .btn-navbar .icon-bar{background-color: #0076C0; width: 100%; height: 3px}
/* Slider*/
.slider{width: 100%; height: auto; display: block; float: left; clear: both; overflow: hidden; position: relative;;}
	.slider .swiper-container{max-height: 700px; min-height: 300px; }
	.slider .swiper-container img{display: block; width: 100%; height: auto;}
	.cover{background-size: cover !important; position: relative;max-height: 700px; min-height: 300px; background-position: center center !important}

	.swiper-slide{display: block; position: relative;}
	.swiper-slide .over{position: absolute; z-index: 2; top: 0px; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.4);}
	.over .tit{display: block; color: #33CCFF; font-size: 48px; text-transform: uppercase;font-family:"Fjalla One"; padding-top: 10%; line-height: 120%; text-shadow: #000 1px 1px 1px;}
	.over .sub{color: #fff; font-size: 24px;font-family: 'Roboto', sans-serif; line-height: 150%; font-weight: 300}
		.over .sub li{list-style-image: url(../images/item.png); display: list-item; line-height: 150%;text-shadow: #000 1px 1px 1px}

/* Slogan */
.main-info{background-color:#33CCFF;color:#fff; text-align: center;line-height: 150%;}
	.main-info h4{color:#fff; font-size:48px;line-height: 200%;}
		#contacto h4{text-transform: uppercase; line-height: 150%;}
	.main-info p{color:#fff; font-size:18px; font-weight: 100;font-family: 'Roboto', sans-serif; line-height: 150%;}

/* Empresa */
#empresa,#casos{line-height: 150%; background-color: #fff; color: #333;}
#servicios{background: #f9f9f9; color: #333;}
	#empresa h2,#servicios h2,#casos h2{font-weight: 300; font-size: 48px; color: #333; text-transform: uppercase; line-height: 200%}
	#empresa h4{font-weight: 300; font-size: 24px; color: #0076C0;}
	#empresa h6,#servicios h5{font-weight: 500; font-size: 17px; color: #111;font-family: 'Roboto', sans-serif; margin-top: 20px; text-transform: uppercase;}
	#empresa p,#servicios p,#casos p{font-weight: 100; font-size: 16px; font-family: 'Roboto', sans-serif; line-height: 150%;}

/* Servicios */
.items{ margin-top: 15px;}
	.items p{background: url(../images/item.png)left top no-repeat; display: block; line-height: 14px; padding-left: 30px;}

	.icon-medium{font-size:60px;width:72px;line-height:72px;text-align:center;display:inline-block;background:#33CCFF;padding:10px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;color:#fff}

/* Contacto */
#contacto label{font-weight: 400; font-size: 16px; font-family: 'Roboto', sans-serif; line-height: 150%; text-align: left;}
#contacto input[type="text"],
#contacto input[type="email"],
#contacto input[type="tel"],
#contacto textarea{border: none; background: #fff; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0; height: 42px; color: #333; font-family: 'Roboto', sans-serif;}
#contacto textarea{height: 200px; }
#error{text-align:center;margin-top:150px;margin-bottom:150px}

/* -Ubicación */
.ubicacion{padding: 0; margin: 0; position: relative;height: 700px;}
	.ubicacion .google-map-api {width: 100%;height: 700px;}
	.ubicacion .google-map-api .gmap {height: 100%;width: 100%;}

ul.arrow,ul.arrow-double,ul.tick,ul.cross,ul.star,ul.rss{list-style:none;padding:0;margin:0}
ul.arrow li::before,ul.arrow-double li::before,ul.tick li::before,ul.cross li::before,ul.star li::before,ul.rss li::before,ul.arrow li::after,ul.arrow-double li::after,ul.tick li::after,ul.cross li::after,ul.star li::after,ul.rss li::after{font-family:FontAwesome;font-size:11px}ul.arrow li::before,ul.arrow-double li::before,ul.tick li::before,ul.cross li::before,ul.star li::before,ul.rss li::before{margin-right:5px}ul.arrow li::before{content:"\f105"}ul.arrow-double li::before{content:"\f101"}ul.tick li::before{content:"\f00c"}ul.cross li::before{content:"\f00d"}ul.star li::before{content:"\f006"}ul.rss li::before{content:"\f09e"}

/* Footer */
#footer{background:#fff;padding-top:15px;padding-bottom:15px;color:#333}
	#footer a{color:#333}
		#footer a:hover{color:#33CCFF}
		#footer #gototop{height:40px;line-height:40px;width:40px;text-align:center;display:inline-block;background:#efefef;font-size:24px;color:#33CCFF}
			#footer #gototop:hover{background:#2b2b2b;text-decoration:none}
#footer .cp{margin-top:11px; padding-left: 80px; background: url(../images/ico/apple-touch-icon-72-precomposed.png) left top no-repeat; min-height: 72px; font-weight: 300;font-family: 'Roboto', sans-serif; font-size: 16px;}
	#footer .cp strong{font-weight: 300; font-size: 15px;font-family:"Fjalla One";}
	#footer .cp p{padding: 0; margin: 0}
	#footer .cp a{font-weight: 500}

ul.social{list-style:none;margin:10px 0 0;padding:0;display:inline-block}
ul.social>li{display:inline-block;margin:0 5px}
ul.social>li>a{font-size:24px;color:#666}
ul.social>li>a:hover{color:#999}


/* social Media */
.btn-social{border:0;color:#fff;text-shadow:0 1px rgba(0,0,0,0.5)}
	.btn-social.btn-facebook{background:#4f7dd4}
	.btn-social.btn-facebook:hover{background:#789bde}
	.btn-social.btn-twitter{background:#5bceff}
	.btn-social.btn-twitter:hover{background:#8eddff}
	.btn-social.btn-linkedin{background:#21a6d8}
	.btn-social.btn-linkedin:hover{background:#49b9e3}
	.btn-social.btn-google-plus{background:#dc422b}
	.btn-social.btn-google-plus:hover{background:#e36957}
	.btn-social:hover{color:#fff}
	
/* Responsive */	
.img-responsive{width: 100%; height: auto;}


.info{background: #fff; background: url(../images/ico/apple-touch-icon-72-precomposed.png) left top no-repeat; padding-left: 80px; min-height: 80px; color: #333; text-align: left; margin: 0;font-family: 'Roboto', sans-serif; line-height: 150%;}
	.info h4{text-transform: uppercase; color: #333; display: block;}
	
@media(max-width:770px){
	body{padding: 0; margin: 0;}
	.container{width: 100%; padding:  0 15px; width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
	header #logo,header #logo img {width:280px;height:82px; background-size:contain !important }

	header.navbar .nav,header.navbar .nav>li,header.navbar .nav>li>a{text-align: left; display: block; float:none; clear: both; font-weight: 300;}
	.over .tit{font-size: 32px; padding-left: 30px;}
		.over .sub{font-size: 18px; padding-left: 30px}
		.over .sub li{font-size: 18px; }
	#empresa h2, #servicios h2, #casos h2,.main-info h4{font-size:32px;}
		#contacto h4{text-transform: uppercase; line-height: 150%;}


}
	
@media(max-width:560px){
	.over .tit{font-size: 24px; padding-left: 30px;}
		.over .sub{font-size: 16px; padding-left: 30px}
		.over .sub li{font-size: 16px; }
	#empresa h2, #servicios h2, #casos h2,.main-info h4{font-size:24px; line-height: 120%;}
	#empresa p, #servicios p, #casos p,#footer .cp{font-size: 14px; line-height: 130%;}
}