@font-face {
	font-family:"OPAL";
	src:url("../fonts/OPAL.eot?") format("eot"),
	url("../fonts/OPAL.woff") format("woff"),
	url("../fonts/OPAL.ttf") format("truetype"),
	url("../fonts/OPAL.svg#OPAL") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"OpenSans-Regular";
	src:url("../fonts/OpenSans-Regular.eot?") format("eot"),
	url("../fonts/OpenSans-Regular.woff") format("woff"),
	url("../fonts/OpenSans-Regular.ttf") format("truetype"),
	url("../fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
	font-weight:normal;
	font-style:normal;
}	


#contenedor{
 	width:100%;
 	overflow:hidden;
  	z-index:9999;
  	font-family:"OpenSans-Regular";
  	position:relative;
}
.pad{
  	padding-left:0px;
  	padding-right:0px;
}
.clear{
  	clear:both;
}
#head{
  	padding: 3px 0px;
  	background-color: #2e3095;
}
#head h1 {
	font-family:"OPAL";
	color: #fff;
	font-size: 35px;
	padding-top: 63px;
}
#barra-menu{
  	background-size: cover;
  	background: #00136A;
  	border-top: 5px solid #FF8600;
}
#menu{
	padding-bottom: none;
	background: transparent;
	width: 100%;
	margin-bottom:0;
	border: none;
	min-height: 10px;
}
.menu{
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  	-webkit-flex-flow: row wrap;
  	justify-content: space-around;
}
.menu li{
  	text-align: center;
}
#navbar a{
    font-size: 24px;
	float: left;
	position: relative;
	padding: 10px;
	text-decoration: none !important;
	font-family:"OPAL";
	color: #fff;
}
#navbar a:hover{
  	background: #FF8600;
  	color: #FFF;
}
#navbar .selec{
 	background: #FF8600;
 	color: #FFF;
}
.barra{
 	width: 100%;
 	background: #00136A;
 	height: 64px;
 	position: absolute;
 	top: 77px;
 	border-bottom: 3px solid #fff;
 	border-top: 3px solid #fff;
}
.carousel-fade .carousel-inner .item {
  	opacity: 0;
  	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  	opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  	left: 0;
  	opacity: 0;
  	z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  	opacity: 1;
}
.bootstrap-touch-slider .carousel-control {
  	z-index: 2;
}
#bootstrap-touch-slider .carousel-indicators {
  	text-align: right;
  	bottom: 7%;
}
#bootstrap-touch-slider .carousel-indicators li{
  	background: #00136A;
  	border-radius: 29px;
  	border-color: #00136A;
  	width: 30px;
  	height: 20px;
}
#bootstrap-touch-slider .carousel-indicators .active{
  	background: #FF8600;
  	border-color: #fff;
 }
#home{
  	background: url(../img/bg2.jpg);
  	padding: 10px 0px;
}
#home h1{
 	color: #000;
	font-family:"OPAL";
	font-size: 38px;
	text-shadow: 1px 1px 1px #fff;
	margin-top: 60px;
}
#home p{
  	margin-top: 20px;
  	font-size: 18px;
  	line-height: 22px;
  	color: #5E5D5D;
  	padding-bottom: 31px;
  	text-align: justify;
}
#home img{
  	margin-top: 0px;
}
#home a{
 	display: inline-block;
  	padding: 5px 20px;
 	background: #FF8600;
  	color: #FFF;
 	margin-top: 0px;
	text-decoration: none !important;
}
#home a:hover{
 	background: #00136A;
  	color: #FFF;
 	text-decoration: none !important;
}
.photo {
 	padding:80px 0px;
 	margin-top: 0px;
 	background-attachment: fixed;
 	background-position: 50% 0;
 	background-repeat: no-repeat;	
 	position: relative;
 	background-image: url(../img/img.jpg);
 	background-size: cover;
}
.photo h1{
	color: #fff;
	font-family:"OPAL";
	font-size: 60px;
	text-align: center;
	padding: 81px;
	text-shadow: 1px 1px 1px #000;
}
#foot{
	padding-bottom: 12px;
}
#foot h1 {
	font-size: 45px;
	text-align: center;
	color: #000;
	padding-bottom: 0px;
	padding-top: 9px;
	background: #fff;
	border-radius: 47px;
}
footer{
  	background-image:url(../img/footer.jpg);
  	padding-top: 28px;
  	border-top: 3px solid #fff;
}
footer p{
	font-size: 18px;
	line-height: 21px;
	color: #fff;
}
#redes{
  	text-align: center;
}

.bs-slider-overlay{
	background:rgba(0, 0, 0, 0.43);
}
#web{
  	display: inline-block;
  	padding: 12px;
  	border-top-right-radius: 10px;
  	border-top-left-radius: 10px;
  	padding-right: 145px;
  	font-size: 15px;
  	color: #00136A;
  	background: url(../img/web-h.png) no-repeat right #fff;
  	margin-top: 92px;
}
#web:hover{
  	text-decoration: none;
  	background: url(../img/web.png) no-repeat right #FF8600;
  	color: #fff;
}
#empresa{
  	padding: 70px 0px;
  	background: url(../img/bg2.jpg);
}
#empresa img{
  	margin-top: 20px;
	border-radius: 10px;
}
.texto-emp{
  	margin-top: 50px;
}
#empresa h1{
	font-size: 43px;
	border-bottom: solid 3px #000;
	padding-bottom: 6px;
	color: #000;
	font-family:"OPAL";
}
#empresa p{
  	margin-top: 20px;
	font-size: 20px;
	line-height: 25px;
	color: #5E5D5D;
	text-align: justify;
}
#mision{
  	background: url(../img/mision.jpg);
  	background-size: cover;
  	padding: 290px 15px;
  	border-top: 3px solid #FF8600;
}
#productos{
  	padding: 24px 0px;
	background: url(../img/bg2.jpg);
}
.producto{
  	margin-top: 40px;
  	float: left;
  	position: relative;
  	width: 100%;
  	border: 3px solid #ff8600;
}
#productos h1{
	border-bottom: solid 3px #000;
	padding-bottom: 6px;
	font-size: 43px;
	color: #000;
	font-family:"OPAL";
	margin-top: 33px;
	text-align: left;
}
.productos-caption{
  	position: absolute;
  	bottom: 0px;
  	left: 0px;
   	background: #ff8600;
  	width: 100%;
  	padding: 15px;
  	color: #FFF;
  	font-size: 28px;
}
.productos-caption:hover{
	background: #00136A;
 	color: #FFF;
}
#diseno{
  	padding: 24px 0px;
	background: url(../img/bg2.jpg);
}
#diseno h1{
	border-bottom: solid 3px #000;
	padding-bottom: 6px;
	font-size: 43px;
	color: #000;
	font-family:"OPAL";
	margin-top: 33px;
	text-align: left;
}
.volver a {
	float: right;
	background: #FF8600;
	font-size: 18px;
	padding: 9px;
	color: #fff !important;
	text-decoration: none !important;
}
.volver a:hover {
	background: #00136A;
	color: #fff !important;
	text-decoration: none !important;
}
.diseno-img img{
	margin-top: 6px;
    border: 4px solid #FF8600;
}	
.diseno-texto p {
	border-top: solid 3px #00136A;
	border-bottom: solid 3px #00136A;
	margin-top: 24px;
	padding: 17px 0px;
	font-size: 22px;
	float: left;
	text-align: justify;
	color: #000;
	line-height: 28px;
}
#prev2 {
    background: #FFF;
    color: #FF8600 ;
    opacity: 1;
    padding: 15px;
    width: 45px;
    height: 45px;
    position: relative;
    right: 90px;
    bottom: 3%;
    top: auto;
    left: auto;
    float: right;
}
#prev2:hover {
	color:#00136A;
}
#next2 {
    background: #FFF;
    color: #FF8600 ;
    opacity: 1;
    padding: 15px;
    width: 45px;
    height: 45px;
    position: relative;
    right: 0px;
    bottom: 3%;
    top: auto;
    float: right;
}
#next2:hover {
	color:#00136A;
}
#servicios{
  	padding: 70px 0px;
  	background: url(../img/bg2.jpg);
}
#servicios img{
  	margin-top: 20px;
	border-radius: 10px;
}
.texto-serv{
  	margin-top: 50px;
}
#servicios h1{
	font-size: 43px;
	border-bottom: solid 3px #000;
	padding-bottom: 6px;
	color: #000;
	font-family:"OPAL";
}
#servicios p{
  	margin-top: 20px;
	font-size: 20px;
	line-height: 25px;
	color: #5E5D5D;
	text-align: justify;
}
#contacto{
  	padding: 70px 0px;
  	background: url(../img/bg2.jpg);
}

#contacto h1{
	font-size: 43px;
	border-bottom: solid 3px #000;
	padding-bottom: 6px;
	color: #000;
	font-family:"OPAL";
}
#contacto p{
  	margin-top: 46px;
	font-size: 20px;
	line-height: 25px;
	color: #5E5D5D;
	text-align: justify;
}
#formulario{
    margin-top: 20px;
}
#formulario h2{
	color: #000!important;
    margin-left: 5px;
	text-transform: none;
	font-size: 18px !important;
	margin-top: 5px;
    font-weight: normal;
}
#formulario input{
	width:100%;
	background-color: #FFF;
	color:#000;
	border:none;
    font-size:14px;
	padding:13px 8px;
	margin-top: 5px;
}
#formulario textarea{
	width:100%;
    background-color: #FFF;
	color:#000;
	border:none;
	font-size:14px;
	padding:7px 8px;
	margin-top: 5px;
    height: 129px;
}
#enviar{
	width:90px !important;
	cursor:pointer;
	position:relative;
	float:right;
	font-size:16px !important;
	color: #fff !important;
	text-align:center;
	margin-top:20px !important;
	padding:10px 0px !important;
	background: #FF8600 !important;
	margin-right: 15px;
    border: none !important;
}
#enviar:hover{
    background: #00136A !important;
	color: #FFF !important;
}
#borrar{
	width:90px !important;
	cursor:pointer;
	position:relative;
	float:right;
	font-size:16px !important;
	color: #fff !important;
	text-align:center;
	margin-top:20px!important;
	padding:10px 0px !important;
	background: #FF8600 !important;
    border: none !important;
}
#borrar:hover{
    background:#00136A !important;
	color: #FFF !important;
}
#map{
	height:400px;
	margin-top: 30px;
}
#ampliar{
  	width: 80px;
  	height: 80px;
  	border-radius: 50%;
  	background-color: #00136A;
  	color: #FFF;
  	text-align: center;
  	padding-top: 25px;
  	position: absolute;
  	right: 15%;
  	top:-7px;
  	text-decoration: none !important;
}
#ampliar:hover{
	background: #FF8600;
}
#back-top {
  	top: 410px;
	z-index: 100;
	float: left;
	position: fixed;
	right: 4px;
}
.bc1{
  	background: url(../img/redes.png) 0px 0px no-repeat;
  	display:block;
  	width: 62px;
  	height: 54px;
}

.bc2{
  	background: url(../img/redes.png) 0px -54px no-repeat;
  	display:block;
  	width: 62px;
  	height: 51px;
}

.bc3{
  	background: url(../img/redes.png) 0px -105px no-repeat;
  	display:block;
  	width: 62px;
  	height: 85px;
}
.sticky-container{
		/*background-color: #333;*/
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -172px;
		top:340px;
		width: 238px;
		z-index: 99999999;
}
.sticky li{
		border-radius: 45px;
		list-style-type: none;
		background-color:#5f1ccd;
		color: #efefef;
		height: 64px;
		padding: 0px;
		margin: 0px 0px 1px 0px;
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
		cursor: pointer;
}
.sticky li:hover{
		margin-left: -160px;
		/*-webkit-transform: translateX(-115px);
		-moz-transform: translateX(-115px);
		-o-transform: translateX(-115px);
		-ms-transform: translateX(-115px);
		transform:translateX(-115px);*/
		/*background-color: #8e44ad;*/
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                -webkit-filter: grayscale(0%);
                text-decoration: none !important;
}
.sticky li a{
		text-decoration: none;
}

.sticky li img{
		float: left;
		margin: 0px 4px 0px 0px;
}
.sticky li p{
		padding-top:11px;
		margin: 0px;
		text-transform: uppercase;
		font-size: 20px !important;
		font-family:"OPAL";
}
.sticky p{
		color: #fff;
		font-family:"OPAL";
		line-height: 23px;
		font-size: 15px;
}





@media (max-width: 800px)and (min-width:400px){
	
	.navbar-header {
	    float: none;
	}
	.navbar-left,.navbar-right {
	    float: none !important;
	}
	.navbar-toggle {
	    display: block;
			background: #FFF !important;
	}
	.navbar-collapse {
	    border-top: 1px solid transparent;
	    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
	    top: 0;
	    border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
	    display: none!important;
	}
	.navbar-nav {
	    float: none!important;
	    margin-top: 7.5px;
	}
	.navbar-nav>li {
	    float: none;
	}
	.navbar-nav>li>a {
	    padding-top: 10px ;
	    padding-bottom: 10px;
	}
	.collapse.in{
	    display:block !important;
	}
	#navbar li {
	    width: 100%;
	 }
	#navbar a{
	  	width: 100%;
	  	text-align: left;
		padding: 5px;
		margin-top: 2px;
    	border: none;
	}
	#home img {
    	margin-top: 0px;
  	}
  	#home h1 {
    	margin-top: -20px;
  	}
	.photo h1 {
    	font-size: 38px;
    }	
  	.photo a {
    	font-size: 18px;
		margin-top:40px;
  	}
  	.boton {
   	 	height: 33%;
  	}
  	.centro{
    	padding: 15px;
  	}
  	.btn4 {
    	width: 46%;
  	}
  	.contacto{
    	margin-bottom: 50px;
  	}
  	.photo a span{
	  	font-size:16px;
	  	line-height:15px;
  	}
  	#web{
	  	margin-top:38px;
  	}
 	#home p{
	  	font-size:16px;
	}
  
  	#bootstrap-touch-slider .carousel-indicators li{
	  	width:27px;
	  	height:7px;
  	}
   	#mision{
	  	padding:112px 15px;
  	}
  	.photo{
	  	padding:58px 0px 50px 0px;
  	}
	#foot h1 {
    	font-size: 22px;
    }
  	footer p{
	  	font-size:13px;
  	}
	#empresa {
    	padding: 28px 0px;
	}
	#empresa h1 {
    	font-size: 36px;
 	}
  	#empresa p{
	  	font-size:19px;
  	}
	#head h1 {
    	font-size: 16px;
    	padding-top: 35px;
    	text-align: center;
	}
	#productos {
    	padding: 4px 0px;
	}
	#productos h1 {
    	font-size: 36px;
    }
	.productos-caption {
   		font-size: 18px;
	}
	#diseno {
    	padding: 2px 0px;
	}
	#diseno h1 {
    	font-size: 36px;
    }
	#servicios {
    	padding: 32px 0px;
	}
	#servicios h1 {
    	font-size: 36px;
  	}
	#contacto {
    	padding: 32px 0px;
	}
	#contacto h1 {
    	font-size: 36px;
	}
	
}


@media (max-width:900px) and (min-width:800px){
	
	#carousel-home .carousel-indicators{
		bottom:9%;
	}
	
	#home img{
		margin-bottom:50px;
		margin-top:15px;
	}
	
	.texto-emp{
		margin-top:10px;
	}
	
	#mision{
		padding:127px 15px;
	}
	
	.serv{
		margin-top:52px !important;
	}
	
	.carousel-indicators{
		left:40%;
	}
	#head h1 {
    	font-size: 22px;
    	padding-top: 35px;
    	text-align: center;
	}
	.photo h1 {
    	font-size: 38px;
    }
	#foot h1 {
    	font-size: 28px;
    }
	#home h1 {
   		margin-top: -31px;
	}
	
}

@media (max-width:1000px) and (min-width:900px){
	
	
	.carousel-indicators{
		left:40%;
	}
	
	.texto-emp{
		margin-top:5px;
	}
	
	.serv{
		margin-top:52px !important;
		margin-bottom:25px;
	}
	
	#home img{
		margin-top:0px;
	}
	#head h1 {
    	font-size: 26px;
    	padding-top: 35px;
    	text-align: center;
	}
	.photo h1 {
    	font-size: 54px;
    }
	#foot h1 {
    	font-size: 30px;
    }
	
	#mision{
		padding:141px 15px;
	}
	#home h1 {
   		margin-top: -46px;
	}

}

@media (max-width:1100px) and (min-width:1000px){
	
	
	.carousel-indicators{
		left:40%;
	}
	#head h1 {
    	font-size: 21px;
		padding-top: 91px;
	}
	#foot h1 {
    	font-size: 36px;
	}
	
	.texto-emp{
		margin-top:16px;
		margin-bottom:65px;
	}
	
	
	#mision{
		padding:149px 15px;
	}
	
	.serv{
		margin-top:41px !important;
	}
	#home h1 {
    	margin-top: 18px;
	}
	.productos-caption {
   		font-size: 18px;
	}
	
}


@media (max-width:1200px) and (min-width:1100px){
	
	
	.carousel-indicators{
		left:40%;
	}
	#head h1 {
    	    font-size: 22px;
    		padding-top: 84px;
			
	}
	#home h1 {
    	margin-top: 33px;
	}
	
	.serv{
		margin-top:6px !important;
	}
	
	.texto-emp{
		margin-bottom:65px;
	}
	
	#mision{
		padding:137px 15px;
	}
	.productos-caption {
   		font-size: 22px;
	}

}

@media (max-width:1300px) and (min-width:1200px){
	
	
	.carousel-indicators{
		left:40%;
	}
	
	#home p{
		font-size:16px;
	}
	#home h1 {
    	margin-top: 28px;
	}
	
	.serv{
		margin-top:41px !important;
	}
	
	#empresa img{
		margin-bottom:151px;
	}
	
	#mision{
		padding:157px 15px;
	}
	#head h1 {
    	font-size: 26px;
    	padding-top: 75px;
	}

}


@media (max-width:1500px) and (min-width:1300px){
	
	
	.carousel-indicators{
		left:40%;
	}
	#home h1 {
    	margin-top: 28px;
	}
	#foot h1 {
    	font-size: 40px;
	}
	
	#mision{
		padding:173px 15px;
	}
	#empresa {
    	padding: 35px 0px;
	}
	
	#empresa img{
		margin-bottom:153px;
	}
	#head h1 {
    	font-size: 26px;
    }
	#productos {
    	padding: 8px 0px;
	}
	#servicios {
    	padding: 32px 0px;
	}
	#contacto {
    	padding: 32px 0px;
	}
}

@media (max-width:1800px) and (min-width:1500px){
	
	
	.carousel-indicators{
		left:40%;
	}
	#home h1 {
    	margin-top: 28px;
	}
	
	#mision{
		padding:194px 15px;
	}
	
	#empresa img{
		margin-bottom:95px;
	}
	#head h1 {
    	font-size: 32px;
    	padding-top: 78px;
	}
	
}