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

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

#contenedor{
  	width:100%;
  	overflow:hidden;
  	z-index:9999;
  	position:relative;
  	background: url(../img/bg.jpg);
	font-family:"Crimson";
	}
.pad{
  	padding-left:0px;
  	padding-right:0px;
	}
.clear{
  	clear:both;
	}
header {
  	background: rgba(241,231,103,1);
    background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
    background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=0 );
	}
#barra-menu{
  	min-height: 54px;
  	background: #000;
    }
#menu{
	padding-bottom: none;
	background: transparent;
	width: 100%;
	margin-bottom:0;
	border: none;
	font-family:"Traditional_Arabic_Bold";
    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{
  	color: #fff;
  	font-size: 17px;
  	float: left;
  	position: relative;
  	padding: 2px 10px;
  	margin-left: 20px;
  	text-decoration: none !important;
  	margin-top:18px;
	}
#navbar a span {
  	display: none;
  	width: 100%;
  	position: absolute;
  	text-align: center;
  	top: -10px;
  	left: 0px;
	}
#navbar a:hover{
  	border-bottom: solid 2px #fff;
	}
#navbar .selec{
  	border-bottom: solid 2px #fff;
	}
#navbar a:hover span {
  	display: block;
	}
#navbar .selec span {
  	display: block;
	}
#buscar{
  	width: 250px;
  	float: left;
  	position: relative;
  	background: #fff;
  	padding: 0px 5px;
	}
#buscar input{
  	border: none;
  	background: #fff;
  	border-radius: 5px;
  	color: #000;
  	font-size: 16px;
	}
#buscar button{
	border: none;
	color: #000;
  	background: #fff;
  	font-size: 16px;
  	border-radius: 0px;
	}
#btns-carrito a{
  	padding: 5px;
  	display: inline-block;
  	color: #000;
  	margin-top: 5px;
	}
.borde{
  	border-left: solid 1px #000;
	}
.caption{
  	position: absolute;
  	right:13%;
  	bottom: 70px;
	}
.caption h1{
  	font-family:"Traditional_Arabic_Bold";
  	font-size: 60px;
  	color: #fff;
  	text-align: right;
  	text-shadow: 3px 2px 2px rgb(0, 0, 0);
	}
#bootstrap-touch-slider .carousel-indicators{
  	text-align: right;
  	width: auto;
  	background: #fff;
  	float: right;
  	padding: 6px;
  	margin-left: 0px;
  	left: auto;
  	right: 13%;
  	bottom: 0px;
	}
#bootstrap-touch-slider .carousel-indicators li{
  	width:16px;
  	height:16px;
  	background: #000;
  	border-color: #000;
	}
#bootstrap-touch-slider .carousel-indicators .active{
  	background: #ecbe20;
  	border-color:#ecbe20;
	}
#contenido{
  	padding: 99px 0px;
	}
.btn-home{
  	background: #000;
  	padding: 10px;
  	float: left;
  	position: relative;
  	width: 100%;
  	margin-top: 20px;
  	margin-bottom: 20px;
  	box-shadow: 5px 5px 3px #9e9e9e;
    }	
.btn-home h2{
   	font-family:"Traditional_Arabic_Bold";
   	color: #fff;
   	font-size: 26px;
	}
.btn-home p{
  	font-size: 15px;
  	margin-top: 10px;
	color: #fff;
	}

.btn-home a{
	display: inline-block;
  	margin-top: 20px;
  	padding: 7px 20px;
  	text-transform: uppercase;
  	font-size: 14px;
    background: rgba(241,231,103,1);
    background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
    background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=0 );
  	text-decoration: none;
	color: #000;
	}
.btn-home a:hover{
  	display: inline-block;
  	margin-top: 20px;
  	padding: 7px 20px;
  	background: #fff;
  	text-transform: uppercase;
  	font-size: 14px;
  	color: #000;
	}
.photo {
	background-attachment: fixed;
  	padding-top: 100px;
  	padding-bottom: 80px;
	background-position: 20% 0;
	position: relative;
  	background-image: url(../img/img.jpg);
  	background-size: cover;
  	}
.texto-photo{
  	display: inline-block;
  	padding:60px 30px;
  	color: #FFF;
  	background: rgba(0, 0, 0, 0.8);
	}
.texto-photo h1{
  	width: 100%;
  	float: left;
  	position: relative;
  	font-family:"Traditional_Arabic_Bold";
  	font-size: 36px;
	}
.texto-photo p{
  	width: 100%;
  	float: left;
  	position: relative;
  	font-size: 18px;
  	margin-top: 20px;
  	line-height: 23px;
	}
.texto-photo a{
  	display: inline-block;
  	margin-top: 40px;
  	padding: 7px 20px;
  	background: rgba(241,231,103,1);
    background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
    background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=0 );
  	text-transform: uppercase;
  	font-size: 14px;
  	color: #000;
	}
.texto-photo a:hover{
  	text-decoration: none;
  	background: #fff;
	color: #000;
	}
#links{
  	padding: 30px 0px;
	}
.link{
  	width: 100%;
  	float: left;
  	position: relative;
	}
.texto-link{
  	text-align: center;
  	background: rgba(0, 0, 0, 0.7);
  	position: absolute;
  	right: 0px;
  	top: 0px;
  	width: 50%;
  	height: 100%;
  	padding: 45px 15px;
	}
.texto-link h1{
  	font-family:"Traditional_Arabic_Bold";
  	font-size: 22px;
  	color: #FFF;
	}
.texto-link p{
  	margin-top: 20px;
	font-family:"Traditional_Arabic_Bold";
  	font-size: 15px;
  	color: #FFF;
  	line-height: 17px;
	}
.link-p{
  	text-transform: uppercase;
  	text-decoration: underline;
	}
.link:hover .texto-link{
  	background: #ecbe20B3;
	}
footer{
  	background:#000;
	}
.datos{
  	padding: 20px 0px;
  	color: #FFF;
	}
.datos h1{
  	float: left;
  	position: relative;
  	padding-right: 12px;
  	border-right: solid 1px #fff;
  	text-align: right;
  	text-transform: uppercase;
  	line-height: 22px;
	}
.datos p{
  	font-size:15px;
  	float: left;
  	margin-left: 12px;
  	position: relative;
  	line-height: 22px;
	}
.redes{
  	background: url(../img/bg-redes.png) no-repeat center bottom;
  	height: 130px;
  	text-align: center;
	}
.redes h2{
  	margin-top: 30px;
  	color: #FFF;
  	font-size: 16px;
  	text-align: left;
  	margin-left: 75px;
	}
#fb{
  	background: url(../img/redes.png) no-repeat  -10px 0px;
  	width: 50px;
  	height: 50px;
  	display: inline-block;
  	margin-top: 30px;
	}
#fb:hover{
  	background: url(../img/redes-h.png) no-repeat  -10px 0px;
	}
#tw{
  	background: url(../img/redes.png) no-repeat right top;
  	width: 50px;
  	height: 50px;
  	display: inline-block;
  	margin-top: 30px;
  	margin-left: 30px;
	}
#tw:hover{
  	background: url(../img/redes-h.png) no-repeat right top;
	}
#web{
    background: rgba(241,231,103,1);
    background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
    background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=0 ); padding: 11px 0px;
	}
#web a{
  	background: url(../img/web.png) no-repeat right;
  	padding-right: 148px;
  	color: #fff;
  	text-decoration: none;
  	float: right;
	}
#web a:hover{
  	background: url(../img/web-h.png) no-repeat right;
  	color: #000;
	}
#contenido h1{
  	border-bottom: solid 1px #000;
  	padding-bottom: 10px;
  	font-size: 30px;
  	color: #000;
  	font-family:"Traditional_Arabic_Bold";
	}
#carousel-emp{
  	margin-top: 30px;
	}
#texto-emp{
  	margin-top: 60px;
  	font-size:18px;
  	text-align: justify;
  	color: #000;
  	line-height: 20px;
	}

#mapa{
	height:400px;
  	width: 100%;
  	float: left;
  	position: relative;
  	margin-top: 70px;
	}
#ampliar{
  	width: 80px;
  	height: 80px;
  	border-radius: 50%;
  	background-color: #ecbe20;
  	color: #FFF;
  	text-align: center;
  	position: absolute;
  	left:70%;
  	top:30px;
  	font-size: 17px;
  	z-index: 1;
  	padding-top: 23px;
	}
#ampliar:hover{
   	background-color:#000 !important;
  	text-decoration: none;
	}
#formulario{
  	margin-top: 30px;
	}
#formulario h2{
	color: #000 !important;
  	font-weight: bold;
	text-transform: none;
	font-size: 18px;
	margin-top: 5px;
	}
#formulario input{
	width:100%;
	background-color:#000;
	color:#fff;
	border:none;
	font-size:14px;
	padding:11px 8px;
	margin-top: 5px;
	}
#formulario textarea{
	width:100%;
	background-color:#000;
	color:#fff;
	border:none;
	font-size:14px;
	padding:7px 8px;
	margin-top: 5px;
	}
#enviar{
	width:90px !important;
	cursor:pointer;
	position:relative;
	float:right;
	font-size:20px !important;
	color:#FFF !important;
	text-align:center;
    margin-right: 15px;
	margin-top:30px !important;
	padding:9px 0px !important;
	background: #000 !important;
	}
#enviar:hover{
	background-color:#ecbe20 !important;
	color: #FFF !important;
	}
#borrar{
	width:90px !important;
	cursor:pointer;
	position:relative;
	float:right;
	font-size:20px !important;
	color:#FFF !important;
	text-align:center;
	margin-top:30px!important;
	padding:9px 0px !important;
	background: #000 !important;
	}
#borrar:hover{
   background-color:#ecbe20 !important;
	color: #FFF !important;
	}
#contacto p{
  	text-align: justify;
  	margin-top: 70px;
  	font-size: 18px;
  	padding-left: 30px;
  	color: #000;
	}
#back-top {
    background-image: url(../img/whatsapp.png);
    width: 51px;
    height: 51px;
    position: fixed;
    right: 15px;
    z-index: 900;
    bottom: 18px;
    }







@media (max-width: 800px){
	
	header {
  		height: auto;
	}

	.navbar-header {
    float: none;
	}

	.navbar-left,.navbar-right {
    float: none !important;
	}

	.navbar-toggle {
    display: block;
		background: #000  !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;
	}

	.menu{
  		display: block;
	}
	.caption {
  		bottom: 40px;
	}
	.caption h1 {
  		font-size: 20px;
	}
	#buscar {
  		margin-left: 30px;
	}
	#btns-carrito a {
  		margin-left: 20px;
	}
	#logo{
  		margin-top: 10px;
  		margin-bottom: 10px;
	}
	#navbar a {
  		margin-top: 10px;
  		min-height: 30px;
	}
	.link {
  		margin-top: 10px;
  		margin-bottom: 10px;
	}
	.texto-link {
  		padding: 10px 15px;
  		width: 60%;
	}
	.texto-link h1 {
  		font-size: 14px;
	}
	.texto-link p {
  		margin-top: 5px;
  		font-size: 12px;
  		color: #FFF;
  		line-height: 12px;
	}
	.datos {
  		padding: 10px 0px;
  		font-size: 11px;
	}
	.datos h1 {
  		min-width: 75px;
  		padding-right:7px;
	}

	.datos p{
		font-size:14px;
		margin-left:6px;
	}

	.redes {
  		background-size: contain;
	}
	#texto-emp {
  		margin-top: 20px;
	}

	.texto-photo h1{
		font-size:30px;
	}

	.btn-home h2{
		font-size:17px;
	}

	.texto-photo p{
		font-size:16px;
		line-height:20px;
	}

	#contacto p {
  		padding-left: 0px;
	  	margin-top: 30px;
	}

  #detalle-texto h1{
    font-size: 20px !important;
  }

  #sel2{
    padding-top: 21px;
  }
}



@media (max-width:990px) and (min-width:800px){
	
	.btn-home h2{
		font-size:17px;
	}
	
	.texto-link{
		padding:13px 15px;
	}
	
	.texto-link p{
		line-height:16px;
		margin-top:7px;
	}
	
	.datos h1{
		font-size:8px;
		padding-right:4px;
	}
	
	.datos p{
		font-size:12px;
		margin-left:7px;
	}
	
	#texto-emp{
		margin-top:24px;
	}
	
	.productos p{
		margin-top:0px;
	}

  #detalle-texto h1{
    font-size: 21px !important;
  }

  #detalle-texto h3{
    font-size: 21px !important;
  }

  #sel2{
    padding-top: 16px;
  }
}



@media (max-width:1000px) and (min-width:990px){

  .btn-home h2{
    font-size:17px;
  }
  
  .texto-link{
    padding:13px 15px;
  }
  
  .texto-link p{
    line-height:16px;
    margin-top:7px;
  }
  
  .datos h1{
    font-size:8px;
    padding-right:4px;
  }
  
  .datos p{
    font-size:12px;
    margin-left:7px;
  }
  
  #texto-emp{
    margin-top:24px;
  }
  
  .productos p{
    margin-top:0px;
  }

  .carrito-item a{
    font-size: 13px !important;
  }

  #detalle-texto h1{
    font-size: 21px !important;
  }

  #detalle-texto h3{
    font-size: 21px !important;
  }

  #sel2{
    padding-top: 16px;
  }
}


@media (max-width:1300px) and (min-width:1000px){
	
	
	.btn-home h2{
		font-size:22px;
	}
	
	.texto-link p{
		line-height:17px;
	}
	
	.texto-link{
		padding:32px 15px;
	}
	
	.datos h1{
		font-size:15px;
		padding-right:2px;
	}
	
	.datos p{
		margin-left:4px;
		font-size:14px;
	}
	
	#texto-emp{
		margin-top:40px;
	}
	
	.productos p{
		margin-top:5px;
	}

  .carrito-item a{
    font-size: 13px !important;
  }

  #detalle-texto h1{
    font-size: 23px !important;
  }

  #detalle-texto h3{
    font-size: 21px !important;
  }

  #sel2{
    padding-top: 16px;
  }
	
}


@media (max-width:1400px) and (min-width:1300px){
	
	
	.texto-link{
		padding:12px 15px;
	}
	
	.texto-link p{
		line-height:18px;
		margin-top:9px;
	}
	
	.datos h1{
		padding-right:4px;
	}
	
	.datos p{
		font-size:14px;
	}
	
	.productos p{
		margin-top:13px;
	}

  .carrito-item a{
    font-size: 11px !important;
  }

  #detalle-texto h1{
    font-size: 23px !important;
  }

  #detalle-texto h3{
    font-size: 21px !important;
  }

	
}


@media (max-width:1500px) and (min-width:1400px){
  
  
  .texto-link{
    padding:12px 15px;
  }
  
  .texto-link p{
    line-height:18px;
    margin-top:9px;
  }
  
  .datos h1{
    padding-right:4px;
  }
  
  .datos p{
    font-size:14px;
  }
  
  .productos p{
    margin-top:13px;
  }

  .carrito-item a{
    font-size: 11px !important;
  }

  #detalle-texto h1{
    font-size: 23px !important;
  }

  #detalle-texto h3{
    font-size: 21px !important;
  }
  
}



@media (max-width:1600px) and (min-width:1500px){
  
  
  .texto-link{
    padding:12px 15px;
  }
  
  .texto-link p{
    line-height:18px;
    margin-top:9px;
  }
  
  .datos h1{
    padding-right:4px;
  }
  
  .datos p{
    font-size:14px;
  }
  
  .productos p{
    margin-top:13px;
  }

  .productos_agregados h2{
    font-size: 17px;
  }

  .carrito-item a{
    font-size: 13px !important;
  }

  #detalle-texto h1{
    font-size: 23px !important;
  }

  #detalle-texto h3{
    font-size: 21px !important;
  }
  
}



@media (max-width:1700px) and (min-width:1600px){
  
  
  .texto-link{
    padding:12px 15px;
  }
  
  .texto-link p{
    line-height:18px;
    margin-top:9px;
  }
  
  .datos h1{
    padding-right:4px;
  }
  
  .datos p{
    font-size:14px;
  }
  
  .productos p{
    margin-top:13px;
  }

  .productos_agregados h2{
    font-size: 17px;
  }

  .carrito-item a{
    font-size: 14px !important;
  }

  #detalle-texto h1{
    font-size: 23px !important;
  }

  #detalle-texto h3{
    font-size: 24px !important;
  }
  
}



@media (max-width:1800px) and (min-width:1700px){
  
  
  .texto-link{
    padding:12px 15px;
  }
  
  .texto-link p{
    line-height:18px;
    margin-top:9px;
  }
  
  .datos h1{
    padding-right:4px;
  }
  
  .datos p{
    font-size:14px;
  }
  
  .productos p{
    margin-top:13px;
  }

  .productos_agregados h2{
    font-size: 17px;
  }

  .carrito-item a{
    font-size: 14px !important;
  }

  #detalle-texto h1{
    font-size: 23px !important;
  }

  #detalle-texto h3{
    font-size: 26px !important;
  }
  
}