@charset "utf-8";
/* CSS Document */



 a:link{color:#ffffff; text-decoration:none; }
a:visited{color:#ffffff; text-decoration:none; }
a:hover{color:#00cccc; text-decoration:none; }
a:active{color:#ffffff; text-decoration:none; }
footer{ font-size:1.2em; position:fixed; bottom:0px; width:100%; background:rgba(0,0,0,0.6); padding-left:30px; padding-right:30px; padding-top:20px; padding-bottom:20px; z-index:1020;}
footer a{ position:relative; float:left;}
footer span{ margin-left:10px; margin-right:10px; position:relative; float:left;}
footer p{ position:relative; float:left; color:#FFFFFF;}
footer input{ width:200px;}
#newsletter{ position:relative; float:left; margin-left:10px;}
#firma{ position:relative; float:right; width:90px;}
#firma:hover{ opacity:0.8;}
#firma img{ width:100%;}

#redes{ position:absolute; right:0px; top:200px; width:60px; height:auto; background:rgba(0,0,0,0.6); border-radius:20px 0px 0px 20px; border:1px dashed #FFFFFF; padding-top:10px; padding-bottom:30px; text-align:center;}
#twitter{ position:relative; float:right; margin-right:10px;  width:37px; height:65px; background:url(../images/twitter.png); background-position:center center; background-repeat:no-repeat;}
#twitter:hover{ background:url(../images/twitter2.png);}

#face{ position:relative; float:right; margin-right:10px; margin-top:10px;  width:37px; height:37px; background:url(../images/bt_facebook1.png); background-position:center center; background-repeat:no-repeat;}
#face:hover{ background:url(../images/bt_facebook2.png);}

#insta{ position:relative; float:right; margin-right:10px; margin-top:10px;  width:37px; height:37px; background:url(../images/bt_instagram1.png); background-position:center center; background-repeat:no-repeat;}
#insta:hover{ background:url(../images/bt_instagram2.png);}
#menu{ position:absolute; background:#000000;  padding-top:20px; z-index:999; left:30px; width:250px; height:auto; min-height:100%; text-align:center; z-index:888; }

#links a{ width:100%; color:#FFFFFF; text-decoration:none; text-align:left !important; padding-bottom:5px; border-bottom:1px solid #353535; position:relative; float:left; padding-left:20px; margin-bottom:10px;}
#links{ position: absolute;
    left: 0px;
    width: 100%;
    text-align: left;
    margin-top: 30px;
	display:block;
  }
	#links a:hover{ color:#00cccc; text-decoration:none;}



	.btn-tienda{
		background-color: #FFFFFF;
		border-radius: 4px;
		color: #000000 !important;
		line-height: 36px;
		padding: 0 21px;
	}
	
	.sublink{ float:left; position:relative; width:auto !important;  padding-left:0px !important; border-bottom:0px !important;  margin-bottom:0px !important;}
	.subpunto{ color:#00cccc; float:left; position:relative; margin:0px 5px; width:auto;}
	.cont_sub{ width:100%; position:relative; float:left; border-top:1px solid #00cccc; padding-top:10px; padding-bottom:10px; font-size:11px; padding-left:20px;}
	
	#logo{ width:200px; margin:0 auto;}
	.st0,.st1{fill:#FFFFFF;}
	#nosotros:hover .st0{ fill:#00cccc;}
	#accesorios:hover .st1{ fill:#00cccc;}
	
	#nosotros2,#accesorios2{ display:none;} 
	#boton_movil{ position:absolute; text-align:center; top:30px; right:20px; width:50px; height:50px; cursor:pointer; color:#FFFFFF; display:none; }
	
	.giro1{
      transform: rotate(-50deg);
      -webkit-transform: rotate(-50deg);
      -moz-transform: rotate(-50d.eg);
       -o-transform: rotate(-50deg);
	   transition: all 0.5s ease 0s;
	   }
	  .giro2{
      transform: rotate(50deg);
      -webkit-transform: rotate(50deg);
      -moz-transform: rotate(50d.eg);
       -o-transform: rotate(50deg);
	   margin-top:-2px !important;
	   transition: all 0.5s ease 0s;
	   }
	   
	  .linea{ position:relative; float:left; background:#FFFFFF; height:2px; width:25px; margin-top:5px; margin-left:10px; margin-right:10px; transition: all 0.5s ease 0s;}
	  #letrasMenu{ transition: all 0.5s ease 0s; margin-top:10px; width:100%; text-align:center; font-size:12px; position:relative; float:left;}
	  
	  #page{  overflow-y:hidden;}
	  
	  
	  .mCSB_scrollTools .mCSB_draggerRail{width:5px;}
	  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px;}
	  
	  .margin_contenedorNegro{ margin-bottom:100px; margin-top:120px;}
	  
	  @media (max-width: 1250px) {
		  
		  #menu{  height:auto; min-height:110%; }
		  #page{  overflow-y:scroll;}
		  #redes{ position:fixed; z-index:1020; }
	  }
	  
@media (max-width: 960px) {
	#boton_movil{ display:block;}
	#links{ display:none; position:absolute; background:#000000; width:100%; margin-top:0px; padding-top:30px;}
	#menu{ width:100%; top:0px; left:0px; height:auto; min-height:auto; text-align:left; padding-left:20px; padding-bottom:10px;  z-index:1030;}
	#logo{ width:100px;}
	
footer{ text-align:center; font-size:1em;}	
footer p, footer a, #newsletter{ width:100%; margin-bottom:5px; }
footer span{ display:none;}
.cb-slideshow li span { background-position: -600px center;}
#firma{ width:100%;}
#firma img{ width:90px;}

#redes{ top:110px; position:fixed; z-index:999; }

}

@media (max-width: 600px) {
	.cb-slideshow li span { background-position: -600px center;}
}