html,body{
width:100%;
	height:100%;
	background:url(../imagenes/artistas.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;
        }   
    
	.menudenciaba{font-family: 'Montserrat', sans-serif;
font-size:14px;text-decoration:none; text-transform:uppercase;
}

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

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

.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;
}


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

/******************************
 SLIDE 1 
*******************************/
#slide1{
background:url(../imagenes/submit.jpg) no-repeat 50% 50% fixed;
 background-size:cover;

}

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


/******************************
 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:13px;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: #e76012; text-decoration:none;
}

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

.elfeis{ color:#000000;}

#logo2{ display:none; }

#menudencia2{ display:none; }

#footi, #footi1, #footi2, #footi3,#footi0{ 
display: inline-block;
vertical-align:top;
}

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

#footi0{
width:50px;height:217px;margin-right:-4px ;
text-align:center; 
}

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

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

#footi3{
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;
}


.textoal1{
	font-family: 'Open Sans', sans-serif;
	font-size:55px;
	color:#484546; font-weight:700;}

.textoal2{
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	color:#a3a3a3; font-weight:700;}

.textoal3{
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	color:#e76012; font-weight:700;}
	
.textoal4{
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#000000; font-weight:700;}


.products1{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#e76012; font-weight:700; text-transform:uppercase; text-decoration:none;}
	
.products2{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#333335; font-weight:400;  text-decoration:none;}
	
.products3{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#ffffff; font-weight:700; text-transform:uppercase; text-decoration:none;}
	
.products4{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	color:#414141; font-weight:700; text-transform:uppercase; text-decoration:none;}	
	
.products5{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#ffffff; font-weight:400; text-transform:uppercase; text-decoration:none;}		
#convierte, #convierte1{ 
display: inline-block;
vertical-align:top;
}

#convierte{ 
width:1200px;
vertical-align:middle; marging-top:125px;
}


#convierte1{
width:600px;height:64px;margin-right:-4px ;
text-align:center; height:100px; 
}

#prod, #prod1{ 
display: inline-block;
vertical-align:top;
}

#prod{ 
width:1200px;
text-align:left;
}

#prod1{
width:217px;margin-right:20px;margin-left:30px;
height:400px;text-align:center;
}

#proda, #proda1{ 
display: inline-block;
vertical-align:top;
}

#proda{ 
width:1200px;
text-align:center;
}

#proda1{
width:300px;margin-right:-4px;
height:500px;text-align:center;
}


#info1{ display:block;  }
 #info2{ display:none;  }

.transparente5{
font-size:18px;color:#9d9d9d;font-family: 'Open Sans', sans-serif;background-color: transparent;border: 2px solid #9d9d9d; height:58px;padding-left:20px; width:96%;
 border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
	}
	
	input[type=submit] { cursor:pointer;
font-size:16px;color:#ffffff;font-family: 'Open Sans', sans-serif;background-color:#e76012;border: 2px solid #e76012; height:40px; width:120px;
 border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;

	}

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



#recomendados, #recomendados1{ 
display: inline-block;
vertical-align:top;
}

#recomendados{ 
width:900px;
text-align:left;
}

#recomendados1{
width:300px;margin-right:-4px;
height:500px;text-align:center;
}
	
	.docutxt6{font-family: 'Open Sans', sans-serif;
font-size:20px;
color:#000000;
line-height:120%; text-decoration:none;
}

.docutxt7{font-family: 'Open Sans', sans-serif;
font-size:20px;
color:#e76012;
line-height:120%; text-decoration:none;
}

#requieres{ width:90%; max-width:780px;}

.transparente5a{
font-size:18px;color:#9d9d9d;font-family: 'Open Sans', sans-serif;background-color: transparent;border: 2px solid #9d9d9d; height:40px;padding-left:20px; width:96%;
 border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
	}
	
@media screen and (max-width: 1500px)
 {

 
 }
 
 
@media screen and (max-width: 1200px)
 {
#footi{ 
width:950px;
vertical-align:middle;
}

#footi0{
width:10px;
}

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

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

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

#convierte{ 
width:800px;
vertical-align:middle;
}

#prod{ 
width:900px;
}
 
 }

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

.nuevos{
font-size:14px;
}


#logo {
    left: 5px;

}

#compra {
    right: 10px;
}

#proda{ 
width:600px;
text-align:center;
}

.artistablas{ width:800px;}

.artistablas2{ width:800px; height:254px;}

.pleca { top:214px;}

.mini{ top: 180px; left: 35px;}


 #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;
}

#prod{ 
width:600px;
}

 #info1{ display:none; }
 #info2{ display:block;  }

#recomendados{ 
width:600px;
text-align:left;
}
	 
 }
 
 
@media screen and (max-width: 850px)
 {


#convierte{ 
width:400px;
vertical-align:middle;
}
#convierte1{
width:100%;margin-right:0 ;
}


 }
@media screen and (max-width: 800px)
 {
.artistablas{ width:400px;}

.artistablas2{ width:400px; height:127px;}

.pleca { top:87px;}

.mini{ top: 140px; left: 30px;}

.imagenperfil{width:120px; height:120px;}
#proda{ 
width:241px;
text-align:center;
}#proda1{ 
width:241px;
text-align:center;
margin-right:0;
}
 }

@media screen and (max-width: 600px)
 {
#recomendados{ 
width:300px;
text-align:left;
}
	
#footi{ 
width:380px;
}	
#footi1{
 height:30px;
}
 
 #prod{ 
width:300px;
}



 }