html,body{
width:100%;
	height:100%;
		background:url(../imagenes/faq.jpg) no-repeat 50% 50% fixed;
 background-size:cover;
}
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; }

.os-animation{
            opacity: 0;
        }  

        .os-animation.animated{
            opacity: 1;
        }   
    

.foot1{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	letter-spacing:6px;
	color:#565656; text-transform:uppercase; font-weight:700;}

.txt2{
	font-family: 'Passion One', cursive;
	font-size:25px;
	letter-spacing:1px;}

#logo {
    position: absolute;
    top: 40px;
    left: 50px;
    width: 131px;
	height:120px;
	z-index:5;
	display:block;
}

#compra {
    position: absolute;
    top: 49px;
    right: 50px;
    width: 138px;
	height:50px;
	z-index:5;
	display:block;
}



.smooth{
	display:block;
	width:50px;
	height:53px;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-25px;

	z-index:3;
}
.smooth:hover{
	cursor:pointer;
}

.smooth{

}

.smooth:hover{
	cursor:pointer;
	color:#ffffff;
}

.fondoflecha{
	display:block;
	width:50px;
	height:53px;
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-25px;
	z-index:2;
}


.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
}

/******************************
 SLIDE 1 
*******************************/
#slide1{
	background-color:#FFF;
		-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

/******************************
 SLIDE 2 
*******************************/
#slide2{
background:url(../imagenes/fondo1.jpg) no-repeat 50% 50% fixed;
 background-size:cover;
	height:1072px;
}

/******************************
 SLIDE 3 
*******************************/
#slide3{
background:url(../imagenes/fondo2.jpg);
 background-size:cover;
	height:16px;
}


/******************************
 SLIDE 4 
*******************************/
#slide4{
background:url(../imagenes/fondo3.jpg) no-repeat 50% 50% fixed;
 background-size:cover;
	height:980px;
}

/******************************
 SLIDE 5 
*******************************/
#slide5{
background:url(../imagenes/fondo4.jpg);
 background-size:cover;
	height:16px;
}

/******************************
 SLIDE 6 
*******************************/
#slide6{
background:url(../imagenes/fondo5.jpg) no-repeat 50% 50% fixed;
 background-size:cover;
	height:217px;
}


#menudencia{font-family: 'Montserrat', sans-serif;
font-size:15px;text-decoration:none; text-transform:uppercase;
position: absolute;
    top: 64px;
    left: 50%;
	margin-left:-350px;
    width: 700px;
	height:120px;
	z-index:5;
}

#menudencia a:link, a:visited {
    color: #ffffff; text-decoration:none;
}

#menudencia a:hover {
    color: #e76012;
}

#logo2{ display:none; }

#menudencia2{ display:none; }

#pie, #pie1, #pie2, #pie3,#pie4{ 
display: inline-block;
vertical-align:top;
}

#pie{ 
width:1200px;
vertical-align:middle;
}

#pie1{
width:550px;height:138px;margin-right:-4px ;
text-align:center; 
}

#pie2{
width:50px;margin-right:-4px ;
text-align:left; height:138px;
}

#pie3{
width:150px;margin-right:-4px ;
text-align:center; height:138px;
}

#pie4{
width:400px;margin-right:-4px ;
text-align:center; height:138px;
}

.limagen{
	opacity:1;
}

.limagen:hover{
	opacity:.6;
}

#cono0{
width:780px;
left:20%;
top:70px;
position:absolute;
}

#cono1{
	position: absolute;
    top: -5px;
    left: 10%;
    width: 15px;
	z-index:5;
	display:block;
}

#cono2{
	position: absolute;
    bottom:370px;
    right: 0;
    width: 559px;
	z-index:5;
	display:block;float: right;
}

#cono3{
	position: absolute;
    bottom:-311px;
    left: 50%;
	margin-left:-600px;
    width: 1200px;
	z-index:5;
	display:block;
}

.imagenconoce3{width: 1200px; height:623px;}

.cotxt1{
	font-family: 'Open Sans', sans-serif;
	font-size:45px;
	color:#e76012;
	text-transform:uppercase; 
	font-weight:700;}

.cotxt2{
	font-family: 'Open Sans', sans-serif;
	font-size:45px;
	color:#000000;
	text-transform:uppercase; 
	font-weight:700;}

.cotxt2a{
	font-family: 'Open Sans', sans-serif;
	font-size:45px;
	color:#ffffff;
	text-transform:uppercase; 
	font-weight:700;}

.cotxt3{
	font-family: 'Open Sans', sans-serif;
	font-size:28px;
	color:#000000;
	text-transform:uppercase; 
	font-weight:700;}

.cotxt4{
	font-family: 'Open Sans', sans-serif;
	font-size:21px;
	color:#706e6e;
	font-weight:400; line-height:164%;}
	
.cotxt4a{
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	color:#8f8f8f;
	font-weight:400; line-height:134%;}
.cotxt4b{
	font-family: 'Open Sans', sans-serif;
	font-size:21px;
	color:#8f8f8f;
	font-weight:400; line-height:134%;}
.cotxt5{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	color:#262626;
	font-weight:700; line-height:134%;text-transform:uppercase; }
.cotxt5a{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	color:#ffffff;
	font-weight:700; line-height:134%;text-transform:uppercase; }
.cotxt55{
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	color:#e76012;
	font-weight:900; line-height:134%;text-transform:uppercase; }	
.cotxt6{
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	color:#8f8f8f;
	font-weight:400; line-height:134%;}

.cotxt7{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	color:#ffffff;
	font-weight:700; line-height:134%;text-transform:uppercase; }

#artiste{
width:700px;
left:20%;
top:350px;
position:absolute;
}

#artiste1{
	position: absolute;
    bottom:-7px;
    right: 10%;
	float:right;
    width: 15px;
	z-index:5;
	display:block;
}

#faq{ width:1130px;
font-family: 'Montserrat', sans-serif;
font-size:14px;text-decoration:none; color:#bfbfbf;}

.menudenciaba{font-family: 'Montserrat', sans-serif;
font-size:16px;text-decoration:none; text-transform:uppercase;
}

.menudenciaba a:link  {
    color: #e76012; text-decoration:none;
}

.menudenciaba a:hover {
    color: #ff9000;
}

@media screen and (max-width: 1500px)
 {
#cono1{
left:5%;
}

#cono3{
	margin-left:-500px;
    width: 1000px;
	bottom:-250px;
}

.imagenconoce3{width: 1000px; height:519px;}


#slide2{
	height:944px;
}

#slide4{
	height:870px;
}

#artiste{
top:250px;
}
	 
 }
 
 
@media screen and (max-width: 1200px)
 {
#pie, #pie1, #pie2, #pie3,#pie4{ 
display: inline-block;
vertical-align:top;
}

#pie{ 
width:90%;
vertical-align:middle;
}

#pie1{
width:90%;height:58px;margin-right:0px ;
text-align:center; 
}

#pie2{
	display:none;
}

#pie3{
width:90%;height:58px;margin-right:0px ;
text-align:center;
}

#pie4{
width:90%;height:58px;margin-right:0px ;
text-align:center;
}



#cono0{
width:780px;
left:10%;
}

#artiste{
width:700px;
left:10%;
}

#artiste1{
    right: 5%;
}

#artiste{
top:150px;
}	 
 }

  @media screen and (max-width: 1150px)
 {
#menudencia{
	margin-left:-200px;
    width: 500px;
	font-size:14px;
}

#logo {
    left: 5px;

}

#compra {
    right: 10px;
}

#cono3{
	margin-left:-350px;
    width: 700px;
	bottom:-175px;
}

.imagenconoce3{width: 700px; height:363px;}	

#slide2{
	height:1000px;
}

#faq{ width:800px;}


}

  @media screen and (max-width: 1000px)
 {
 #logo {
    display:none;
}

#logo2{ display:block;
position: absolute;
    top: 10px;
    left: 50%;
	margin-left:-31px;
    width: 63px;
	height:63px;
	z-index:5;
}

#compra {
	display:none;
}
#menudencia{ display:none; }
#menudencia2{ display:block;
 background: #000000;
    height:90px;
    width: 100%;
    z-index: 999;position:fixed;
}

}

@media screen and (max-width: 950px)
 {
#footi{ 
width:600px;
}

#footi0{
	display:none;
}

#footi1{
width:100%;margin-right:-4px ;
text-align:center; height:20px;
}

#footi2{
width:100%;margin-right:-4px ;
text-align:center; height:80px;
}

#footi3{
width:100%;margin-right:-4px ;
text-align:center; height:20px;
}

#cono1{
	display:none;
}

#cono0{
width:600px;
left:10%;
}	

#artiste{
width:600px;
left:10%;
}		 
 }
 
 
@media screen and (max-width: 850px)
 {


#cono3{
	margin-left:-190px;
    width: 380px;
	bottom:-95px;
}

.imagenconoce3{width: 380px; height:197px;}	
#artiste1{
	display:none;
}

#faq{ width:600px;}	
 }
@media screen and (max-width: 700px)
 {
	  #cono2{
	display:none;
}

#cono0{
width:350px;
left:50%;
margin-left:-175px;
text-align:center
}
#artiste{
width:350px;
left:50%;
margin-left:-175px;
text-align:center;
top:120px;
}
.cotxt1{
	font-size:40px;
}

.cotxt2{
	font-size:40px;
}

.cotxt2a{
	font-size:40px;
}

#faq{ width:380px;}
 }

@media screen and (max-width: 600px)
 {
#footi{ 
width:380px;
}	
#footi1{
 height:30px;
}
 
 
 }