@font-face {
			font-family: logo;
			src: url(../css/fonts/ethnocentric_rg_it.ttf);
		}
		@font-face {
			font-family: text;
			src: url(../css/fonts/neuropol_x_rg.ttf);
		}
		/*BASE ----------------------------------------------------------------- */
		body{
		}
		label{
			font-family: text;
		}
		header{
			background:url(../img/web.jpg) no-repeat fixed center center / cover transparent;
			height:550px;
			color:#000000;
			margin:0px;
			
		}
		
		footer{
			height:auto;
			border-top:5px solid #49ABA2;
			color:#000;
			background: #3E3E3E; /* Old browsers */
		}
		footer p,footer div ul li a{color:#FCF3EA;}
		footer h1, footer h2, footer h3{color:#FCF3EA;}
		
		/*NAVEGACCION ----------------------------------------------------------------- */
		.navbar{margin:0px;width:100%;z-index:2;position:fixed;background:rgba(255,255,255,0.9);font-family:myFont;color:#4E0101;box-shadow:0 2px 5px rgba(0,0,0,0.3);} 
		
		.navbar	ul{margin-left:200px;}
		.navbar	ul li a{font-family:text;}
		.active-1{
			background:rgba(73, 171, 162,1);
		}
		.active-1 a{
			color:#FFFFFF;
		}
		.logo{
			position:fixed;
			width:auto;
			left:50px;
			background:rgba(255,255,255,0.9);
			padding-bottom:50px;
			margin:0;
			border-radius:0 0 20px 20px;
			border-left:7px #B8C4BA solid;
			border-bottom:7px #B8C4BA solid;
			border-right:7px #B8C4BA solid;
			text-align:center;
			z-index:10;
		}
		.logo img{height:100px;margin-top:-20px;}
		
		.row{
			padding:0; margin:0;
		}
		.shadow{	
			position: relative;
		}
		
		.shadow:before, 
		.shadow:after , 
		#myCarousel:before , 
		#myCarousel:after
		{
			  z-index: -1;
			  position: absolute;
			  content: "";
			  left: 10px;
			  width: 50%;
			  top: 81%;
			  max-width:300px;
			  background: #777;
			  -webkit-box-shadow: 0 15px 10px #777;
			  -moz-box-shadow: 0 15px 10px #777;
			  box-shadow: 0 15px 10px #777;
			  -webkit-transform: rotate(-3deg);
			  -moz-transform: rotate(-3deg);
			  -o-transform: rotate(-3deg);
			  -ms-transform: rotate(-3deg);
			  transform: rotate(-3deg);
		}
		.shadow:after
		{
			  -webkit-transform: rotate(3deg);
			  -moz-transform: rotate(3deg);
			  -o-transform: rotate(3deg);
			  -ms-transform: rotate(3deg);
			  transform: rotate(3deg);
			  right: 10px;
			  left: auto;
		}

		 #myCarousel:before {
			z-index: 0;
		 }
		
		/*TIPOGRAFIA ----------------------------------------------------------------- */
		
		h2,h3 { 
			color:rgba(73, 171, 162,1);
			font-family:text Century Gothic, sans-serif; 
			font-weight: bold; 
			line-height: 32px; 
			margin: 0 0 24px; 
			padding:10px;
		}
		h1 {
			font-size: 36px;
			font-family:text;
			font-weight: bold;
			text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
		}
		h2{
			font-size: 28px;
			font-family:text;
			font-weight: bold;
			text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
		}
		h3{
			font-size: 20px;
			font-family:text;
			font-weight: bold;
			text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
		}
		.subheader { 
			font-size: 26px; 
			font-weight: 300; 
			color: #ffcc66; 
			margin: 0 0 24px; 
		}
		p { 
			color: rgba(53, 53, 55,1); 
			font-family: Century Gothic, sans-serif; 
			font-size: 18px; 
			font-weight: 500; 
			line-height: 20px; 
			margin: 0 0 14px; 
			text-align:justify;
			padding:20px;
		}
		.list{
			color: rgba(53, 53, 55,1); 
			font-family: Century Gothic, sans-serif; 
			font-size: 18px; 
			font-weight: 500; 
			text-align:justify;
		}
		
		/*CONTENIDO ----------------------------------------------------------------- */
		
		.content{
			margin-left:0 auto;
			margin-left:10%;
			width:80%;
			background:#FFF;
			-webkit-box-shadow: -1px -3px 10px 0px rgba(0, 0, 0, 0.2);
			-moz-box-shadow:    -1px -3px 10px 0px rgba(0, 0, 0, 0.2);
			box-shadow:         -1px -3px 10px 0px rgba(0, 0, 0, 0.2);
		}
		
		.inner-black{
			text-align:center;
			background:rgba(0,0,0,.5);
			margin:5%;
			width:90%;
			height:80%;
		}
		
		#tics{
			background:url(../img/tics.jpg) no-repeat fixed center center / cover transparent;
			background-size:100% auto;
			height:400px;
		}
		#tics h2, #tics p{color:#FFF;}
		#automatizacion{
			background:url(../img/automation.jpg) no-repeat fixed center center / cover transparent;
			background-size:100% auto;
			height:400px;
		}
		#robotica{
			background:url(../img/robotic.jpg) no-repeat fixed center center / cover transparent;
			background-size:100% auto;
			height:400px;
		}
		#manufactura{
			background:url(../img/manufactura.jpg) no-repeat fixed center center / cover transparent;
			background-size:100% auto;
			height:400px;
		}
		#vision{
			background:url(../img/vision.jpg) no-repeat fixed center center / cover transparent;
			background-size:100% auto;
			height:400px;
		}
		
		.brand{
				width:100%;
				height:auto;
				transition:all 0.5s;
				 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
				filter: grayscale(100%);
				-moz-box-reflect: below 4px -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(white));
				-webkit-box-reflect: below 4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(white));
		}
		.brand:hover{
			-webkit-filter:none;
			-moz-filter:none;
			filter:none;
			width:120%;
			margin-left:-10%;
			margin-top:-10%;
		}
		
		#clientes{
			text-align:center;
		}
		.sitio{
			background:#000;padding:20px 20px 30px 20px;border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,0.3);
		}
		.viewport{
			background:#000;padding:20px 20px 30px 20px;border-radius:20px;width:100%;
			transition:all 1s;
		}
		.pad{
			width:800px;
		}
		.phone{
			width:400px;
		}
		.devices li{
			list-style-type:none;
			display:inline;
		}
		.devices ul li img{
			height:30px;
			width:auto;
		}
		.devices ul li:hover{
			background:#E7E7E7;
		}
		
		
		/*CARRUSEL ----------------------------------------------------------------- */
		.carousel .item {
			width: 100%;
			height:auto;
		}
		.carousel-inner > .item > img {
			margin:0 auto;
			height: auto;
			width: 100%;
		}
		/*RESPONSIVE ----------------------------------------------------------------- */
		@media (max-width: 800px) {
			nav ul{width:100%;}
			
			nav ul li{margin-left:0;width:100%;display:block,}
			
			.logo img{ margin-left:50%;}
			#tics{
				background-size:auto 100%;
				height:auto;
			}
			#automatizacion{
				background-size:auto 100%;
				height:auto;
			}
			#robotica{
				background-size:auto 100%;
				height:auto;
			}
			#manufactura{
				background-size:auto 100%;
				height:auto;
			}
			#vision{
				background-size:auto 100%;
				height:auto;
			}
			
			
		}
		@media (max-width: 1000px) {
			header{background:url(../img/web.jpg) no-repeat fixed center right / cover transparent;}
			.content{width:100%;margin-left:0;margin-top:0px;}
			.nav-container{		margin-left:0;width:100%;border-radius:0 0 0 0; overflow:hidden;	}
			.navbar ul{margin-left:0;}
			.logo{display:none;	}
		}
		@media (max-width: 400px) {
			.navbar{position:relative;margin:0;}
		}