/* reset */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
    font-family:"Arial MT", Arial, Helvetica, sans-serif;
}

fieldset,img {
    border:0;
}

html {
    height:100%;
    min-height: 720px;
    width:100%;
    margin:0;
    padding:0;
}

body {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    position:relative;
    min-height: 720px;
  }

:focus {
    outline:none;
}

/* fonts */
@font-face {
    font-family:'NovecentowideNormal';
    src:url('novecentowide-normal-webfont.eot');
    src:url('novecentowide-normal-webfont.eot?#iefix') format('embedded-opentype'), url('novecentowide-normal-webfont.woff') format('woff'), url('novecentowide-normal-webfont.ttf') format('truetype'), url('novecentowide-normal-webfont.svg#NovecentowideNormal') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* links */
a {
    color:#fff;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    line-height:100%;
    margin:0;
}

h1 {
    font-size:300%;
    color:#000;
}

h2 {
    font-size:16px;
    color:#fff;
    font-family:"NovecentowideNormal", "Novecento wide Normal", Arial;
}

h3 {
    font-size:200%;
    color:#000;
}

h4 {
    font-size:175%;
    color:#000;
}

h5 {
    font-size:150%;
    color:#000;
}

h6 {
    font-size:125%;
    color:#000;
}

/* page setup */
body {
    background:#FFF;
    color:#fff;
    font-size:12px;
    line-height:120%;
}

/* wrapper setup */
div#page-background {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-height: 720px;
    margin:0;
    padding:0;
}

div#page-container {
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    min-height: 720px;
    margin:0;
    padding:0;
    min-width: 830px;
}

div.rapidxwpr {
    /*min-height:100%;*/
    /*min-height: 720px;*/
    

/*    height:100%;
    margin:0 0 -300px 0;*/
}

/* header */
div#header {
    height:100px;
}

/* logo */
div.logo {
    padding:11px 0 37px 25px;
    height:130px;
    overflow:hidden;
    
}

/* left column */
div#left {
    width:180px;
    height:100%;
    min-height: 720px;
    float:left;
    background:#333 url(../images/left_bg.jpg) 0 0 no-repeat;

}

/* content column */
div#content {
    width:200px;
    height:100%;
    min-height: 720px;
    float:left;
    background:url(../images/content_bg.png);
    padding:0 20px 0 30px;
	display:none;
	position:relative;
	z-index:-1;
	
}
div#content.large {width: 348px;}
div#content.large.no-scroll {width: 338px;}

div#content.double-large {width: 300px; padding-right: 60px;}

/* right column */
div#right {
    width:95px;
    height:100%;
    min-height: 720px;
    float:left;
    background:url(../images/right_bg.png);
    padding:0 25px 0 19px;
}

/* controls column */
div#controls-nav {
    width:152px;
    height:100%;
    min-height: 720px;
    float:right;
} 

/* footer */
div.bottom_cont{display:none;}
div.bottom_cont, div.content_bottom, div.controls_bottom {
    height:250px;
    overflow:hidden;
}

div.push {
   /* height:250px;
    overflow:hidden;*/
}

/* clearing & floating */
.clearingfix:after {
    content:".";
    display:block;
    line-height:0;
    clear:both;
    visibility:hidden;
}

.clearingfix {
    display:block;
}

.floatbox {
    overflow:hidden;
}

/* topmenu */
div#topmenu {
    margin:0 0 20px 0;
}

div#topmenu ul {
    list-style:none;
}

div#topmenu ul li {
    display:block;
    text-transform:uppercase;
    font-family:"NovecentowideNormal", "Novecento wide Normal", Arial;
    font-size:16px;
    line-height:37px;
    height:35px;
    overflow:hidden;
}

div#topmenu ul li a {
    display:block;
    height:35px;
    color:#fff;
    padding:0 0 0 30px;
}

div#topmenu ul li a:hover,div#topmenu ul li a.active {
    background:#4f4f4f;
    text-decoration:none;
}

div#topmenu ul li.active a:hover, div#topmenu ul li.active a, div#topmenu ul li:active a {
    background:url(../images/topmenu_hover.png) 0 0 repeat-x;
    text-decoration:none;
}

/* bottom cont */
div.bottom_cont {
    margin:150px 30px 0 30px;
    overflow:hidden;
}

div.language_links {
    margin:0 0 16px 0;
}

div.language_links ul {
    margin:0;
    list-style:none;
}

div.language_links ul li {
    font-size:11px;
    font-family:"NovecentowideNormal", "Novecento wide Normal", Arial;
    text-transform:uppercase;
}

div.language_links ul li a {
    color:#666;
}

div.language_links ul li a:hover, div.language_links ul li.active a {
    color:#fff;
    text-decoration:none;
}

div.country_links {
    margin:0 0 17px 0;
}

div.country_links ul {
    margin:0;
    list-style:none;
}

div.country_links ul li {
    font-size:11px;
    font-family:"NovecentowideNormal", "Novecento wide Normal", Arial;
    text-transform:uppercase;
    line-height:13px;
}

div.country_links ul li a {
    color:#666;
}

div.page_links {
    margin:0 0 37px 0;
}

div.page_links ul {
    margin:0;
    list-style:none;
}

div.page_links ul li {
    font-size:11px;
    font-family:"NovecentowideNormal", "Novecento wide Normal", Arial;
    text-transform:uppercase;
    margin:0 0 6px 0;
}

div.page_links ul li a {
    color:#fff;
}

div.copyright {
    font-size:11px;
    color:#666;
    line-height:13px;
}

/* colors box */
div.colors_box {
    padding:12px 0 0 0;
}

div.colors_box a.prev {
    display:block;
    background:url(../images/rightbox_prev.png) 0 0 no-repeat;
    width:55px;
    height:58px;
    text-indent:-9999px;
    margin:0 0 0 -13px;
}

div.colors_box a.prev:hover {
    display:block;
    background:url(../images/rightbox_prev.png) -55px 0 no-repeat;
}

div.colors_box a.prev:active {
    display:block;
    background:url(../images/rightbox_prev.png) -108px 0 no-repeat;
}

div.colors_box ul {
    margin:0;
    list-style:none;
    overflow:hidden;
    height:100%;
    
}

div.colors_box ul li {
    float:left;
    padding:0 0px 10px 0px;
width:47px;

}

div.colors_box ul li a {
    display:block;
    width:24px;
    height:24px;
    padding:3px;
}

div.colors_box ul li a:hover {
    background:url(../images/color_icon_bg.png) 0 0 no-repeat;
}

div.colors_box ul li.active a, div.colors_box ul li.active a:hover, div.colors_box ul li a:active {
    background:url(../images/color_icon_bg.png) 0 -44px no-repeat;
}

div.colors_info_box {
    margin:0;
}
/* colors box */
div.gran_box {
    padding:12px 0 0 0;
}

div.gran_box a.prev {
    display:block;
    background:url(../images/rightbox_prev.png) 0 0 no-repeat;
    width:55px;
    height:58px;
    text-indent:-9999px;
    margin:0 0 0 -13px;
}

div.gran_box a.prev:hover {
    display:block;
    background:url(../images/rightbox_prev.png) -55px 0 no-repeat;
}

div.gran_box a.prev:active {
    display:block;
    background:url(../images/rightbox_prev.png) -108px 0 no-repeat;
}

div.gran_box ul {
    margin:0;
    list-style:none;
    overflow:hidden;
    height:100%;
    margin-top: 30px;
}

div.gran_box ul li {
    float:left;
    padding:0 15px 10px 1px;
    width: 77px;
    font-family:"NovecentowideNormal", "Novecento wide Normal", Arial;
    text-transform:uppercase;
	
}

div.gran_box ul li img{
	padding-right: 10px;
	vertical-align: bottom;
}
div.gran_box ul li a {
    display:block;
    width:24px;
    height:24px;
    padding:3px;
}

div.gran_box ul li a:hover {
    background:url(../images/color_icon_bg.png) 0 0 no-repeat;
}

div.gran_box ul li.active a, div.colors_box ul li.active a:hover, div.colors_box ul li a:active {
    background:url(../images/color_icon_bg.png) 0 -44px no-repeat;
}
div.gran_box p{margin-bottom:3px;margin-top:6px;}


/* content */
div.content {
    padding:12px 0 0 0;
}

div.content div.content_header_links {
    height:62px;
}

div.content div.content_header_links a.prev {
    display:block;
    background:url(../images/rightbox_prev.png) 0 0 no-repeat;
    width:55px;
    height:58px;
    text-indent:-9999px;
    margin:0 0 0 -13px;
    float:left;
}

div.content div.content_header_links a.prev:hover {
    display:block;
    background:url(../images/rightbox_prev.png) -55px 0 no-repeat;
}

div.content div.content_header_links a.prev.press {
    display:block;
    background:url(../images/rightbox_prev.png) -110px 0 no-repeat;
}

div.content  a.icon {
    display:block;
    background:url(../images/main_icon_2.png) 0 0 no-repeat;
    width:155px;
    height:24px;
    margin:0 0 0 px;
    float:left;
    padding-left: 40px;
     margin-bottom: 10px;
     padding-top: 6px;
}

div.content  a.download-icon {
    display:block;
    background:url(../images/download-icon.png) 0 0 no-repeat;
    width:155px;
    height:26px;
    margin:0 0 0 0px;
    float:left;
    text-transform: uppercase;
    clear: left;
     padding-left: 40px;
     margin-bottom: 10px;
     padding-top: 6px;
}

div.icon  {
    display:block;
    background:url(../images/main_icon.png) 0 0 no-repeat;
    width:55px;
    height:58px;
    text-indent:-9999px;
   position: absolute;
   top: -10px;
   left: 15px;
}

div.content div.content_header_links a.icon:hover {
    display:block;
    background:url(../images/main_icon.png) -55px 0 no-repeat;
}

div.content div.content_header_links a.icon.press {
    display:block;
    background:url(../images/main_icon.png) -110px 0 no-repeat;
}

div.content div.content_box {
    margin:0 30px 0 0;
}

div.content h2 {
    margin:0 0 11px 0;
}

div.content span.macinato {
    display:block;
    text-transform:uppercase;
    font-family:"NovecentowideNormal", "Novecento wide Normal", Arial;
    margin:0 -10px 13px 0;
}

div.content_specs {
    margin:-12px 0 15px 0;
}

.news_box a.link {
    color:#FFF;
    text-transform:uppercase;
    background:url(../images/link_arrow.png) 100% 0 no-repeat;
    padding:12px 0 12px 0;
    display:block;
    width:120px;
    margin:0 0 1px 30px;
    
}

.news_box a.link:hover {
    background:url(../images/link_arrow.png) 100% -40px no-repeat;
    text-decoration:none;
    color:#009900;
}
#more-margin{height:40px;}
#openGranulometrie.small{width:90px;}
#openColori.small{width:90px;}

#openGranulometrie,#openColori,div.content_bottom a.link {
    color:#FFF;
    text-transform:uppercase;
    background:url(../images/link_arrow.png) 100% 0 no-repeat;
    padding:12px 0 12px 0;
    display:block;
    width:146px;
    margin:0 0 0px 0;
}

#openGranulometrie:hover,#openColori:hover,div.content_bottom a.link:hover {
    background:url(../images/link_arrow.png) 100% -40px no-repeat;
    text-decoration:none;
    color:#009900;
}
 #openGranulometrie.active, #openColori.active{
    background:url(../images/link_arrow.png) 100% -40px no-repeat;
    text-decoration:none;
    color:#009900;
}

#openGranulometrie:active,#openColori:active,div.content_bottom a.link:active {
    background:url(../images/link_arrow.png) 100% -80px no-repeat;
    text-decoration:none;
}

/* controls prenota */
div.controls_prenota {
    padding:128px 0 0 0;
	display:block;
}

div.controls_prenota a.prenota {
    text-transform:uppercase;
    display:block;
    color:#FFF;
    font-size:16px;
    font-family:"NovecentowideNormal", "Novecento wide Normal", Arial;
    background:url(../images/prenota_but.png) 0 0 no-repeat;
    width:112px;
    height:35px;
    line-height:35px;
    padding:0 0 0 40px;
}

div.controls_prenota a.prenota:hover {
    text-decoration:none;
    background:url(../images/prenota_but.png) 0 -41px no-repeat;
}

div.controls_prenota a.prenota:active {
    text-decoration:none;
    background:url(../images/prenota_but.png) 0 -84px no-repeat;
}


#prenotaForm a.invia {
    text-transform:uppercase;
    display:block;
    color:#FFF;
    font-size:16px;
    font-family:"NovecentowideNormal", "Novecento wide Normal", Arial;
    background:url(../images/prenota_but-right.png) 0 0 no-repeat;
    width:112px;
    height:35px;
    line-height:35px;
    padding:0 0 0 40px;
    position: absolute;
    top: 103px;
    right: -198px;
}

#prenotaForm a.invia:hover {
    text-decoration:none;
    background:url(../images/prenota_but-right.png) 0 -41px no-repeat;
}

#prenotaForm a.invia:active {
    text-decoration:none;
    background:url(../images/prenota_but-right.png) 0 -84px no-repeat;
}

/* controls tabs */
div.control_tabs {
    text-align:center;
    margin:15px 20px 70px 20px;
}

div.control_tabs a {
    margin:0 2px 0 0;
    background:url(../images/tab.png) -18px 0 no-repeat;
    padding:0 8px;
    line-height:170%;
}

div.control_tabs a:hover, div.control_tabs a:active, div.control_tabs a.active {
    text-decoration:none;
    background:url(../images/tab.png) 0 0 no-repeat;
}

/* share icons */
div.share_icons {
    width:37px;
    margin:110px 0 0 83px;
}

div.share_icons ul {
    margin:0;
    list-style:none;
}

div.share_icons ul li {
    margin:0 0 1px 0;
}

div.share_icons ul li a {
    display:block;
    text-indent:-9999px;
    width:37px;
    height:39px;
}

div.share_icons ul li a.like {
    background:url(../images/like_btn.png) 0 0 no-repeat;
}

div.share_icons ul li a.like:hover {
    background:url(../images/like_btn.png) 0 -44px no-repeat;
}

div.share_icons ul li a.like:active {
    background:url(../images/like_btn.png) 0 -91px no-repeat;
}

div.share_icons ul li a.gplus {
    background:url(../images/gplus_btn.png) 0 0 no-repeat;
}

div.share_icons ul li a.gplus:hover {
    background:url(../images/gplus_btn.png) 0 -44px no-repeat;
}

div.share_icons ul li a.gplus:active {
    background:url(../images/gplus_btn.png) 0 -91px no-repeat;
}


.subMenu {list-style: none;margin-top: 64px; }
.subMenu li{display:none;}
.subMenu li a{color: white; 
font-family: "NovecentowideNormal","Novecento wide Normal",Arial;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;

}
.subMenu li a:hover,.subSubMenu li a:hover{color: #009900; text-decoration: none;}

.subSubMenu {list-style: none;margin-top: 49px;}
.subSubMenu li{margin-bottom: 21px;}
.subSubMenu li a{color: white; 
font-family: "NovecentowideNormal","Novecento wide Normal",Arial;
    font-size: 14px;
   /* line-height: 35px;*/
    text-transform: uppercase;

}

div.content h2.noSubTitle{margin-bottom: 51px;}

.news_box{margin-left: -30px;list-style: none;}
.news_box li{margin-bottom: 30px;}
.news_box li h3{color: white; 
font-family: "NovecentowideNormal","Novecento wide Normal",Arial;
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
    text-transform: uppercase;padding-left: 30px;}
    
.news_box li .descriptionNews{
padding-left: 30px;
width: 313px;
}

/* Prenota Form */
#prenotaForm{
	position: absolute;
	top: 0;
	right: 0;
	
	width: 437px;
	background: #009900;
	/*opacity: 0.7;*/
	height: 100%;
	z-index: 10;
	background: rgba(0, 99, 0, 0.7);
	
}
#prenotaForm  h3{color: white; 
font-family: "NovecentowideNormal","Novecento wide Normal",Arial;
    font-size: 12px;
    margin-top: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding-left: 10px;}
#prenotaForm .fieldColumn{
position: relative;
float: left;
margin-left: 20px;
margin-top: 25px;
}
#prenotaForm input.text{
width: 209px;
height: 20px;
border: 0;
background-color: white;
display: block;
margin-bottom: 15px;
padding-left: 10px;
font-size: 12px;
color: #313131;
}

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(radio.gif) no-repeat;
}
.select {
	position: relative;
	display: block;
	padding-left: 10px;
	margin-bottom: -20px;
	padding-top: 3px;
	width: 220px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 18px;
	color: black;
	background: url("../images/combo.jpg") no-repeat;
	overflow: hidden;
	font-size: 12px;
	color: #313131;
}


#prenotaForm select.styled{
	position: relative;
	margin-bottom: 15px;
	width: 220px;
}

#infoPrenota{
	position: absolute;
	right: -160px;
	top: 341px;
	width: 100px;
	

}
.small{font-size: 10px;}

a#closePrenota{display: block;text-indent: -999999px;background: transparent url('../images/close.png') top left no-repeat; width: 30px; height: 30px;position: absolute;top: 25px;right: 25px;}

.content_box p{font-size:13px;line-height:140%;}

a#openColori{margin-top:-3px;}
.colorBox{width:30px;height:30px;cursor:pointer;
	border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;border: 2px solid transparent;
}
.colorBox:hover,.colorBox.active{border: 2px solid white;}

#imgColorContainer{}

#labelColorContainer{
	position: absolute;
	top: 128px;
	left: 569px;
	z-index: 99;
	width: 100%;
}

#labelColorContainer .label{
	position: absolute;
	top: 0;
	left: 0;
	text-transform: uppercase;
	font-family: "NovecentowideNormal","Novecento wide Normal",Arial;
    font-size: 16px;
	color: white;
	background: url("../images/right_bg.png") repeat scroll 0 0 transparent;
	padding: 10px;
	height: 15px;
}

.align-menu{margin-top: 165px;}
a.leggi-tutto{background: transparent url('../images/arrow-leggi.png') center right no-repeat; margin-left: 30px;margin-top: 20px; padding-right: 30px; text-transform: uppercase; }

a.next-entry{background: transparent url('../images/arrow-leggi.png') center right no-repeat; margin-left: 00px;margin-top: 20px; padding-right: 30px; text-transform: uppercase; }
a.prev-entry{background: transparent url('../images/arrow-back.png') center left no-repeat; margin-left: 0px;margin-right: 5px; margin-top: 20px; padding-left: 30px; text-transform: uppercase; }

#paginator{overflow: auto; position: absolute; top:25px;left: 72px; border-left: 1px solid white; height: 22px; padding-left: 10px; padding-top: 8px;}