@charset "utf-8";

	.guida_bar_bg{
	background: none repeat scroll 0% 0% #2B2B2B;
	display:inline-block;
	width:100%;
	height: 2.1vw;
	position:fixed;
	left:0px;
	z-index:11;
	-webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;	
	max-height: 31px;
	}
	
	.guida_bar{
	display:inline-block;
	width:100%;
	font-family:"roboto";
	font-size:1.1vw;
	}
	
	.border-left{
	border-left: 1px solid rgb(170, 170, 170);
	padding-left: 19%;
	}
	
	.guida_bar_left{
	float:left;
	display:inline-block;	
	}
	
	.guida_bar_right{
	float:right;
	display:inline-block;	
	}
	
	.guida_bar li{
	float:left;	
	padding: 5px 7px;
	}
	
	.guida_bar a{
	display:block;
	color:#ccc;
	cursor: pointer;
	}
	
	.guida_bar a:hover{
	display:block;
	color:#fff;
	}
	
	.carrello{
	fill:#fff;
	color:#fff;
	-webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;	
	display:inline-block;
	position:relative;
	font-family:"roboto";
	}
	
	.carrello:hover{
	fill: #FFAB00;
	color: #FFAB00 !important;
	}
	
	.cart_icon{
	vertical-align: top;
	display: block;
	position: relative;
	float: left;
	margin-left: 6px;
	}
	
	.social_bar{
	background-image: url("http://www.guidaclub.it/000_template/img/sprite_socialbuttons.png");
	background-position: 88% 99.4%;
	text-indent: -9999px;
	display: block;
	width: 1.6vw;
	background-color: rgba(45, 34, 50, 0);
	padding-bottom: 9%;
	position: relative;
	background-size: 298%;
	border-radius: 4px;
	-webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
	}
	
	.social_bar:hover{
	background-color: #2D2232;	
	}
	
	.fb{
	background-position: 85% 14.2%;	
	}
	
	.fb:hover{
	background-position: 159% 14.2%;
	background-color: #47649e;
	}
	
	.tw{
	background-position: 85% 17.7%;	
	}
	
	.tw:hover{
	background-position: 159% 17.7%;
	background-color: #69c7eb;
	}
	
	.pin{
	background-position: 89% 34.7%;	
	}
	
	.pin:hover{
	background-position: 163% 34.7%;
	background-color: #FF002D;
	}
	
	.ist{
	background-position: 89% 99.5%;	
	}
	
	.ist:hover{
	background-position: 163% 99.5%;
	background-color: #9c5a3a;
	}
	
	.in{
	background-position: 85% 31.3%;	
	}
	
	.in:hover{
	background-position: 159% 31.3%;
	background-color: #2295d4;
	}


	.box_login{
	margin-top: 3%;
    padding: 2%;
    background-color: #5A5252;
    margin-left: -9%;
    width: 17%;
    border-radius: 6px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.55);
	position: fixed;
	z-index: 14;	
	font-family: "arial";
	-webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;	
	box-sizing: unset;
	}
	
	.box_login_form{
	width: 100%;	
	}
	
	.box_login_user{
	background-position: 0% -2%;
	}
	
	.box_login_pass{
	background-position: 0% 19%;	
	}
	
	.box_login_email{
	background-position: 0% 75%;		
	}
	
	.box_login_load{
	background-image: url("http://www.guidaclub.it/000_template/img/load.gif");
	text-indent: -99999px;
	margin: 9% auto 1%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 90%;
	}
	
	.box_login_user, .box_login_pass, .box_login_email{
	width: 81%;
	display: block;
	padding: 4% 4% 4% 15%;
	background-color: rgba(255, 255, 255, 0);
	color: #fff;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.39);
	font-size: 0.9vw;
	font-family: "arial";
	background-image: url("http://www.guidaclub.it/000_template/img/login_icon.png");
	background-repeat: no-repeat;
	background-size: 13%;
	}
	
	.box_login a{
	border-bottom:none;	
	}
	
	.box_login a:hover{
	border-bottom:none;	
	}
	
	.box_login_login_button{
	display: inline-block !important;
	width: 91%;
	padding: 4%;
	border: 1px solid rgba(255, 255, 255, 0.42) !important;
	border-radius: 5px;
	margin-top: 9%;
	background-color: rgba(255, 255, 255, 0);
	color: rgba(255, 255, 255, 0.71) !important;
	transition: all 0.4s ease-in-out 0s !important;
	text-transform: uppercase;
	text-align:center;
	}
	
	.box_login_login_button:hover{
	cursor:pointer;
	background-color: rgba(255, 255, 255, 1);
	color: #424242 !important;
	}
	
	.box_login_pass_dimenticata_button{
	font-size: 0.9vw;
	margin-top:7%;
	color: rgba(255, 255, 255, 0.39) !important;
	}
	
	.box_login_pass_dimenticata_button:hover{
	color: rgba(255, 255, 255, 1) !important;
	text-decoration: underline;
	}
	
	.box_login_close{
	background-image: url("http://www.guidaclub.it/000_template/img/login_icon.png");
	background-repeat: no-repeat;
	background-size: 164% auto;
	position: absolute;
	right: 3%;
	top: 3%;
	width: 8%;
	padding-bottom: 8% !important;
	background-position: 46.34% 39.2%;
	background-color: none;
	border-radius: 100%;
	border: 1px solid #6C6C6C;
	-webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
	}
	
	.box_login_close:hover{
	background-color: #929292;
	color:#222;
	}
	
	@media screen and (min-width: 1150px) {
	
	.guida_bar{
    font-size: 15px;	
	}
	
	}