@import url('./reset.css');
@import url('./login.css');


/* Web Fonts */


@font-face {
	font-family: 'MyriadPro';
	src: url('../fonts/myriadpro-regular-webfont.eot');
	src: local('☺'), url('myriadpro-regular-webfont.woff') format('woff'), url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('../fonts/myriadpro-regular-webfont.svgz#webfontC9ip4FK8') format('svg'), url('../fonts/myriadpro-regular-webfont.svg#webfontC9ip4FK8') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProBold';
	src: url('../fonts/myriadpro-bold-webfont.eot');
	src: local('☺'), url('myriadpro-bold-webfont.woff') format('woff'), url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-bold-webfont.svgz#webfontC9ip4FK8') format('svg'), url('../fonts/myriadpro-bold-webfont.svg#webfontC9ip4FK8') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'MyriadProBoldCond';
	src: url('../fonts/myriadpro-boldcond-webfont.eot');
	src: local('☺'), url('myriadpro-boldcond-webfont.woff') format('woff'), url('../fonts/myriadpro-boldcond-webfont.ttf') format('truetype'), url('../fonts/myriadpro-boldcond-webfont.svgz#webfontC9ip4FK8') format('svg'), url('../fonts/myriadpro-boldcond-webfont.svg#webfontC9ip4FK8') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* ************************************************************************************************************ */
html{ background:transparent;}
body{ background: transparent url("../gfx/00_page_bg.jpg") 40% 0 repeat-x; font-family: Arial, Helvetica, sans-serif;}

*, a, a:hover, a:active{ outline:none;}

/* toolbar */

#toolbar{ width:100%; min-width:935px; background:transparent url("../gfx/00_toolbar_bg.png") 0 0 repeat-x; height:40px; margin: 0 auto; position:relative; z-index:10000;}
#toolbar ul{ width:930px; margin: 0 auto; }
#toolbar ul li{ display: inline; float:left; }
#toolbar ul li#altri_marchi{ padding: 0 11px; }	/* select stilizzata in jqtransform.css */
#toolbar ul li.social_icon{ padding:5px 12px 5px 12px; }
#toolbar ul li.logged_in{ padding:5px 12px; color:#fff; float:right;}

select#marchi{ width:123px;}

/* header */
div#header{position:relative; width:100%; height:149px; margin: -11px auto 0 auto; background:transparent url("../gfx/00_header_bg.png") 50% 100% no-repeat; overflow:visible; z-index:10;}

#header h1{ float:left; display:block;}
#header h1 a{ display:block; width:400px; height:50px;}
#header h1 a span{ visibility:hidden;}
#header h1 a:active, #header h1 a:hover{ text-decoration:none;}

#header #login{ width:124px; height:25px; margin: 0 auto 0 auto; }
#header #sezioni{ width:940px; height:52px; overflow:visible; margin: 0 auto 0 auto;}
#header #sezioni ul{ margin:5px 0 0 0; width:540px; float:right;}
#header #sezioni ul li img{ margin:0; padding:0;}
#header #sezioni ul li{ display:inline; float:left;}

#sezioni ul li a span{ visibility:hidden; display:block;}
#sezioni ul li a, #sezioni ul li a:visited { text-decoration:none; display:block; height:100%;} 

ul li#mipresento{ background: transparent url("../gfx/00_header_mipresento_sprite.png") 0 0 no-repeat; width:194px; height:52px; }
ul li#mipresento.active, ul li#mipresento:hover{ background: transparent url("../gfx/00_header_mipresento_sprite.png") 0 -52px no-repeat; cursor: hand;}

ul li#consigli{ background: transparent url("../gfx/00_header_consigli_sprite.png") 0 0 no-repeat; width:176px; height:52px; }
ul li#consigli.active, ul li#consigli:hover{ background: transparent url("../gfx/00_header_consigli_sprite.png") 0 -52px no-repeat; cursor: hand; }

ul li#blog{ background: transparent url("../gfx/00_header_blog.png") 0 0 no-repeat; width:162px; height:52px; }
ul li#blog.active, ul li#blog:hover{ background: transparent url("../gfx/00_header_blog.png") 0 0 no-repeat; cursor: hand; }

/* login button */
#login_container{margin:0px auto 0 auto;width:930px;position:relative;height:20px;}
#login_container h4{ font-size:22px; font-family:"Times New Roman", sans-serif; margin:20px 0 5px 0; } 
#login_container #new_account h4{ margin:60px 0 3px 0;}

#content{width:520px;min-height:100px;}
a:link,a:visited{color:#27b;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border-width:0;}
#topnav{font-size:11px;line-height:23px;text-align:right;}
#topnav a.signin, #topnav a.signout{text-decoration:none; width:140px; height:33px; background: transparent url('../gfx/00_header_login_sprite_blank.png') 0 0 no-repeat; display:block; float:right; text-align:center; color:#fff; font-family: 'MyriadPro', Helvetica, Arial, sans-serif; font-size:14px;}
#topnav a.signin span{ visibility:hidden;}
#topnav a.signin_active{  color:#fff;}
#topnav a.signin,#topnav a.signin:hover{}

#topnav a.menu-open{ outline:none; background: transparent url('../gfx/00_header_login_sprite_blank.png') 0 -33px no-repeat; }
#small_signup{display:inline;float:none;line-height:23px;margin:25px 0 0;width:170px;}


/* pagina */
#container{ width:930px; margin: -30px auto 20px auto; background:transparent;}


/* footer */
#footer{ width:100%; height:56px; margin: 0 auto 20px auto; background:#fff url('../gfx/00_footer_bg.jpg') 52% 0 no-repeat;}
#footer #content{ width:930px; font-size:11px; padding:30px 0 0 3px; margin:0 auto;}
#footer #legal{ padding:0 0 0 20px;}
#footer #legal a, #footer #legal a:visited{ color:#000; text-decoration:none;}








/* helper */

br.clear{ width:100%; height:1px; clear:both; border:0;}


/* header consigli e subpages */


#subheader{position:relative; margin:-41px auto 0 auto; width:100%; padding:0; text-align:center; z-index:11;}
#subheader_wrapper{ width:930px; margin:0 auto;}
#subheader ul{ height:30px; }
#subheader ul li{ display: inline; float:left; margin-right:20px; width:150px; height:25px;  line-height:25px;} 

#subheader ul li a, #subheader ul li a#visited{ color:#fff; font-size:13px; font-family: Arial, Helvetica, sans-serif; background:transparent url('../sprites/submenu.png') 0 0 no-repeat; display:block; padding:1px 0; }
#subheader ul li a:hover, #subheader ul li a:active, #subheader ul li a.active, #subheader ul li.current_page_item a{ color:#008; background:transparent url('../sprites/submenu.png') 0 -36px no-repeat; display:block; text-decoration:none;}



/* stanrdard subpage consigli */

#standard-content{ height:755px; background:transparent url('../gfx/05_trucchiesegreti_bg.png') 50% 0 no-repeat; width:1100px; margin:0 auto;}
#standard-content .page-content{ width:850px; margin:0 auto; padding:30px 25px; height:625px; overflow:hidden; font-family: Verdana, Helvetica, Arial, sans-serif;  font-size:12px; color:#666;}
#standard-content .page-content h2{ font-size:30px; font-weight:bold; margin: 10px 0 25px 0; font-family:'Times New Roman', Georgia, serif; color:#9ACBF8;}
#standard-content .page-content p{ margin:10px 0;} 
/* sprites */

.sprite_logo{ width: 75px; height: 65px; background: transparent url('../sprites/marchi.png'); display:inline-block; }
.merito { background-position: -0px -0px; }
.ominobianco{ background-position: 0px -75px; }
.smac{ background-position: 0px -150px; }
.vetril{ background-position: 0px -225px; }
.wcnet{ background-position: 0px -300px; }

.sprite_toolbar { background:url('../sprites/toolbar.png'); display:inline-block;}
.t_casa{background-position: -0px -0px; width: 138px; height: 29px; }
.t_ominobianco{background-position: -138px -0px; width: 108px; height: 29px;}
.t_smac{background-position: -246px -0px; width: 65px; height: 29px;}
.t_wcnet{background-position: -311px -0px; width: 73px; height: 29px;}
.t_facebook{background-position: -384px -0px; width: 19px; height: 19px;}
.t_twitter{background-position: -403px -0px; width: 19px; height: 19px;}



/* iphone */
@media screen and (max-device-width: 480px){
	body{ -webkit-text-size-adjust:none; }
	.hidfromiphone{ display:none; }
}