/* Handcoded by Ocho Durando - https://www.ochodurando.com */


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

fieldset,img {
    border:0;
}

html {
    height:100%;
    margin-bottom:1px;
}

body {
    position:relative;
    min-width: 1006px;
}

:focus {
    outline:none;
}

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

a:hover {
    color:#333;
    text-decoration:underline;
}

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

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

h2 {
    font-size:250%;
    color:#000;
}

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:#000;
    font-size:12px;
}

/* wrapper setup */
div.rapidxwpr {
    margin:0;
    min-width: 1006px;
    overflow: hidden;
    position: relative;
}

/* header */
div#header {
    height:35px;
    position:absolute;
    top: 0;
    z-index: 9999999;
   
    background: white;
    min-width: 1006px;
    
}

/* logo */
div.logo {
    position:absolute;
    left:74px;
    top:0;
    z-index:9999999;
}

/* footer */
div#footer {
    width:auto;
    clear:both;
    padding:10px 0px;
    overflow:hidden;
    position: absolute;
    bottom: 0;
    background: white;
    min-width: 1006px;
    z-index: 9999999;
}

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

.clearingfix {
    display:block;
}

.floatbox {
    overflow:hidden;
}

/* mainmenu */
div#mainmenu {
    height:30px;
    float:right;
    padding-right: 36px;
}

div#mainmenu ul {
    list-style:none;
    float:left;
}

div#mainmenu ul li {
    float:left;
    display:block;
    font-size:13px;
    color:#999;
    line-height:35px;
    text-transform: uppercase;
}

div#mainmenu ul li a {
    padding:0 0 0 19px;
    color:#999;
}

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

/* featured products */
div.featured_products {
   
    
    position:relative;
    overflow:hidden;

    width:100%;
}

div.featured_products_title {
    float:left;
    width:142px;
    height:500px;
    padding:40px 0 0 0;
    text-transform:uppercase;
}

div.featured_products_title a {
    color:#FFF;
    display:block;
    text-align:center;
}

div.featured_products_title a:hover {
    color:#000;
    text-decoration:none;
}

div.featured_products_title div.featured_link_menu {
    margin:0 0 23px 22px;
}

div.featured_products_title div.featured_link_menu a {
    background:url(https://www.andreabilics.com/images-layout/featured_link_menu.png) 0 0 no-repeat;
    width:76px;
    height:31px;
    font-size:13px;
    padding:33px 10px;
}

div.featured_products_title div.featured_link_menu a:hover {
    background:url(https://www.andreabilics.com/images-layout/featured_link_menu.png) 0 -150px no-repeat;
}

div.featured_products_title div.featured_product_title {
    margin:0 0 23px 0;
}

div.featured_products_title div.featured_product_title a {
    background:url(https://www.andreabilics.com/images-layout/featured_products_title.png) 0 0 no-repeat;
    width:100px;
    height:40px;
    font-size:16px;
    padding:50px 21px;
}

div.featured_products_title div.featured_product_title a:hover {
    background:url(https://www.andreabilics.com/images-layout/featured_products_title.png) 0 -200px no-repeat;
}

/* featured product details */
div.featured_product_details {
    float:left;
    width:278px;
    font-size:15px;
    padding:105px 87px 0 87px;
    height:447px;
    background:url(https://www.andreabilics.com/images-layout/slider_contant_midd_bg.png) 0 5px no-repeat;
    line-height:18px;
    position:relative;
    margin:0 0 0 112px;
}

div.featured_product_details h3 {
    font-size:15px;
    text-transform:uppercase;
    color:#000;
    font-weight:normal;
    border-bottom:#000 1px solid;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
}

div.featured_product_details span {
    display:block;
    border-top:#000 1px solid;
    margin:33px 0 0 0;
    padding:13px 0 0 0;
}

div.featured_product_details span a.link_btn {
    color:#000;
    background:url(https://www.andreabilics.com/images-layout/arrow-black.png) 100% 0 no-repeat;
    padding:0 55px 0 0;
}

div.featured_product_details span a.link_btn:hover {
    background:url(https://www.andreabilics.com/images-layout/arrow-grey.png) 100% 0 no-repeat;
    color:#999;
    text-decoration:none;
}

div.featured_product_details a.cancel_btn {
    position:absolute;
    top:16px;
    right:84px;
    background:url(https://www.andreabilics.com/images-layout/icon_minus.png) 0 0 no-repeat;
    width:52px;
    height:52px;
    display:block;
    text-indent:-9999px;
}

div.featured_product_details a.cancel_btn:hover {
    background:url(https://www.andreabilics.com/images-layout/icon_minus.png) 0 -89px no-repeat;
}

div.featured_products_list {
    float:right;
    width:96px;
    margin:0 37px 0 0;
}

div.featured_products_list ul {
    list-style:none;
}

div.featured_products_list ul li {
    display:block;
    text-align:center;
    padding:0 0 23px 0;
}

div.featured_products_list ul li a {
    background:url(https://www.andreabilics.com/images-layout/back_imgs.png) 50% 0 no-repeat;
    color:#FFF;
    text-transform:uppercase;
    display:block;
    width:96px;
    height:64px;
    font-size:13px;
    padding:33px 0 0 0;
}

div.featured_products_list ul li a:hover {
    text-decoration:none;
    background:url(https://www.andreabilics.com/images-layout/back_imgs_hover.png) 50% 0 no-repeat;
    color:#000;
}

div.featured_products a.previous {
    position:absolute;
    left:31px;
    top:352px;
    width:52px;
    height:51px;
    text-indent:-9999px;
    background:url(https://www.andreabilics.com/images-layout/next_previous_btn.png) 0 0 no-repeat;
    z-index:9999;
}

div.featured_products a.next {
    position:absolute;
    right:32px;
    top:352px;
    width:52px;
    height:51px;
    text-indent:-9999px;
    background:url(https://www.andreabilics.com/images-layout/next_previous_btn.png) 100% 0 no-repeat;
    z-index:9999;
}

div.featured_products a.previous:hover {
    background:url(https://www.andreabilics.com/images-layout/next_previous_btn.png) 0 100% no-repeat;
}

div.featured_products a.next:hover {
    background:url(https://www.andreabilics.com/images-layout/next_previous_btn.png) 100% 100% no-repeat;
}

div.featured_products_nav {
    position:absolute;
    top:690px;
    width:100%;
    text-align:center;
}

div.featured_products_nav a {
    background:url(https://www.andreabilics.com/images-layout/featured_products_nav.png) 50% 0 no-repeat;
    padding:3px 11px;
    margin:0 2px;
}

div.featured_products_nav a:hover, div.featured_products_nav a.active {
    background:url(https://www.andreabilics.com/images-layout/featured_products_nav.png) 50% -49px no-repeat;
}

/* footer menu */
div.footer_menu {
    float:left;
    margin:0 115px 0 36px;
    font-size:13px;
}

div.footer_menu ul {
    list-style:none;
}

div.footer_menu ul li {
    list-style:none;
    float:left;
    margin:0 10px 0 0;
    
}
div.footer_menu ul li a:hover {text-decoration: none;}
div.footer_menu ul li.active a {
    color:#333;
}

/* footer languages */
div.footer_languages {
    float:right;
    
}

div.footer_languages ul {
    list-style:none;
    
}

div.footer_languages ul li {
    list-style:none;
    float:left;
    margin:0 0 0 5px;
}

div.footer_languages ul li.active a {
    color:#333;
}

/* footer social */
div.footer_social {
    float:right;
    margin:-3px 0 0 25px;
    padding-right: 36px;
}
div.copy{
	color: #999;
	font-size: 9px;
	margin-right: 80px;
	float: right;
	margin-top: 3px;
	position: relative;
}

div.footer_social ul {
    list-style:none;
}

div.footer_social ul li {
    list-style:none;
    float:left;
    margin:0 0 0 7px;
}

div.footer_social ul li a {
    display:block;
    float:left;
    width:19px;
    height:19px;
    background:url(https://www.andreabilics.com/images-layout/footer_social_icons.png) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}

div.footer_social ul li a.twitter {
    background:url(https://www.andreabilics.com/images-layout/footer_social_icons.png) 0 0 no-repeat;
}

div.footer_social ul li a.twitter:hover {
    background:url(https://www.andreabilics.com/images-layout/footer_social_icons.png) 0 -32px no-repeat;
}

div.footer_social ul li a.facebook {
    background:url(https://www.andreabilics.com/images-layout/footer_social_icons.png) -25px 0 no-repeat;
}

div.footer_social ul li a.facebook:hover {
    background:url(https://www.andreabilics.com/images-layout/footer_social_icons.png) -25px -32px no-repeat;
}

/* featured overlay box */
div.featured_overlay_box {
    width:984px;
    height:736px;
    position:absolute;
    top:0;
    left:0;
    z-index:99999;
    background:url(https://www.andreabilics.com/images-layout/overlay_bg.png);
    padding:10px 113px;
    color:#CCC;
}

div.section_header {
    overflow:hidden;
    border-bottom:#666 1px solid;
}

div.section_header_title {
    float:left;
    width:460px;
    padding:17px 0 0 0;
}

div.section_header_title h2 {
    font-size:20px;
    color:#FFF;
    font-weight:normal;
}

div.section_header_paging {
    color:#CCC;
    float:left;
}

div.section_header_paging a.pagingnext {
    height:13px;
    background:url(https://www.andreabilics.com/images-layout/arrow-next.png) 100% 0 no-repeat;
    display:block;
    float:right;
    overflow:hidden;
    padding:22px 55px 22px 0;
    color:#CCC;
    text-decoration:none;
}

div.section_header_paging a.pagingnext:hover {
    background:url(https://www.andreabilics.com/images-layout/arrow-next.png) 100% -100px no-repeat;
    color:#CCC;
}

div.section_header_control {
    float:right;
}

div.section_header_control a.close {
    height:13px;
    background:url(https://www.andreabilics.com/images-layout/icon_close.png) 100% 0 no-repeat;
    display:block;
    float:right;
    overflow:hidden;
    padding:22px 55px 22px 0;
    color:#CCC;
    text-decoration:none;
}

div.section_header_control a.close:hover {
    background:url(https://www.andreabilics.com/images-layout/icon_close.png) 100% -100px no-repeat;
    color:#CCC;
}

div.section_intro {
    overflow:hidden;
}

div.section_intro img.alignright {
    float:right;
    margin:5px 0 0 60px;
}

div.section_body {
    overflow:hidden;
}

div.section_body h3 {
    font-size:13px;
    font-weight:normal;
    color:#FFF;
    border-bottom:#666 1px solid;
    padding:0 0 15px 0;
}

div.section_body ul {
    overflow:hidden;
    list-style:none;
}

div.section_body ul li {
    overflow:hidden;
    list-style:none;
    float:left;
    width:107px;
    margin:0 0 65px 38px;
    text-align:center;
}

div.section_body ul li.left {
    margin:0;
}

div.item_description {
    border-top:#666 1px solid;
    border-bottom:#666 1px solid;
    padding:4px 0;
    margin:8px 0;
    font-size:13px;
}

#bordoSU{
position: absolute;
top: 0;
left: 0;
width: 100%;
background: white;
height: 36px;
z-index: 999999;
}
#bordoGIU{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: white;
height: 36px;
z-index: 999999;
}
#bordoSINISTRA{
position: absolute;
top: 0;
left: 0;
height: 100%;
background: white;
width: 36px;
z-index: 999999;
}
#bordoDESTRA{
position: absolute;
top: 0;
right: 0;
height: 100%;
background: white;
width: 36px;
z-index: 999999;
}
#logoImage{}
#pageContent {position: absolute;top:0;left: 0;overflow: hidden;}
#pageContent #logo{ visibility: hidden; text-indent: -99999px; width: 452px; height: 446px; background: transparent url('https://www.andreabilics.com/images-layout/logo-home.png') top left no-repeat;position: absolute;left: 50%;top: 39%;
margin-top:-226px;margin-left: -226px;}
#pageContent #evidenzaNews{
	height: 195px;
	position: absolute;
	bottom: -111px;
	left: 0;
	width: 100%;
	background: #ffffff;
	
background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%);
background: linear-gradient(top,  #ffffff 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );

}

#pageContent #evidenzaNews .newsContainer{
	width: 450px;
	position: relative;
	margin: 0 auto;
}

#pageContent #evidenzaNews .newsContainer h3{ 
	font-size: 18px;
	color: #333333;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #333;
	margin-top: 15px;
	padding-bottom:15px;
	}

#pageContent #evidenzaNews .newsContainer h4{
	font-size: 16px;
	color: #333333;
	font-weight: normal;
	margin-top: 5px;
	padding-bottom:0px;
	margin-bottom: -5px;
	font-style: italic;
}
#pageContent #evidenzaNews .newsContainer p{
font-size: 13px;
}

.link{
	font-size: 15px;
	color: #333333;
	text-transform: uppercase;
	font-weight: normal;
	/*display: block;*/
	padding-right: 35px;
	background: transparent url('https://www.andreabilics.com/images-layout/arrow.png') center right no-repeat;
}
#toggle{ cursor: pointer; position: absolute; top: -42px; right: 0px; width: 52px; height: 52px; background: transparent url('https://www.andreabilics.com/images-layout/openCloseArrow.png') left center no-repeat}
#toggle.closed{background: transparent url('https://www.andreabilics.com/images-layout/openCloseArrow.png') right center no-repeat}

#stepStoriaContainer{list-style: none;position: absolute;left:36px;margin-left: -226px; overflow:auto;margin-top:-226px;z-index: 1;
top: 50%;
}
#stepStoriaContainer .stepStoria{position: relative;float: left; width:280px;height: 366px;padding-top: 86px;padding-left: 86px; padding-right: 86px; 

background: white;
-webkit-border-radius: 226px;
-moz-border-radius: 226px;
border-radius: 226px;

}
#stepStoriaContainer .stepStoria h2{ 
	font-size: 18px;
	color: #333333;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #333;
	padding-bottom:10px;
}
#stepStoriaContainer .stepStoria h4{ 
	font-size: 16px;
	color: #333333;
	font-weight: normal;
	margin-top: 5px;
	padding-bottom:0px;
	margin-bottom: 0px;
	font-style: italic;
	width: 210px;
}
#nextPrev .next{
	background: transparent url('https://www.andreabilics.com/images-layout/stepArrow.png') top left no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	right: 67px;
	top: 50%;
	margin-top: -26px;
	z-index: 999;
	cursor: pointer;
}
#nextPrev .prev{
	background: transparent url('https://www.andreabilics.com/images-layout/stepArrow.png') top right no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	left: 67px;
	top: 50%;
	margin-top: -26px;
	z-index: 999;
	cursor: pointer;
}

#pageContent #productMenu{
	list-style: none;
	width: 981px;
	margin: 0 auto;
	top: 50%;
	margin-top: -71px;
	position: relative;
}
#pageContent #productMenu li {  position: relative; float: left;width: 142px; height: 142px; margin-right: 25px;display: block;}
#pageContent #productMenu li:last-child{margin-right: 0;}
#pageContent #productMenu li a:hover{color: black;background: white;text-decoration: none;}
#pageContent #productMenu li a{  vertical-align : middle; display : table-cell; width: 142px; height: 142px; color: white;font-size: 15px; text-transform: uppercase;text-align: center;
background: black;-webkit-border-radius:71px;-moz-border-radius: 71px;border-radius:71px;

}


/* PRODOTTI */

#productDescr {position: absolute;
top: 50%;left: 50%;margin-top: -226px;margin-left: -226px; width:280px;height: 366px;padding-top: 86px;padding-left: 86px; padding-right: 86px; background: white;-webkit-border-radius: 226px;-moz-border-radius: 226px;border-radius: 226px;}

#productName{position: absolute;left: 143px; top:50%;margin-top: -71px; background: black; }
#productName.active,#productName:hover{background: white;}
#productName.active h1,#productName:hover h1{color: black;}
#productName h1{ text-align: center; color: white;font-size: 16px;font-weight: normal;vertical-align : middle; display : table-cell;height: 142px;width: 142px; line-height: 20px;}
.simpleBall{
vertical-align : middle; display : table-cell; width: 142px; height: 142px; color: white;font-size: 15px; text-transform: uppercase;text-align: center;
background: black;-webkit-border-radius:71px;-moz-border-radius: 71px;border-radius:71px;
}
.simpleBallSmall{
width: 96px; height: 96px; color: white;font-size: 15px; text-transform: uppercase;text-align: center;
-webkit-border-radius:71px;-moz-border-radius: 71px;border-radius:71px;
}

#linkToProductMenu{ position: absolute;top: 50%;margin-top: -226px; left: 165px;}
#linkToProductMenu a{vertical-align : middle; -webkit-border-radius: 226px;-moz-border-radius: 226px;border-radius: 226px;display : table-cell; width: 96px; height: 96px;color: white;background: black;font-size: 13px;}
#linkToProductMenu a:hover{text-decoration: none;color: black;background: white;}

#categoryProductMenu {list-style: none; position: absolute; right: 169px;top:50%;margin-top: -249px; width:96px; }

#categoryProductMenu li{float: left;position: relative; margin-top: 23px;}
#categoryProductMenu li a{vertical-align : middle; -webkit-border-radius: 226px;-moz-border-radius: 226px;border-radius: 226px;display : table-cell; width: 96px; height: 96px;color: white;background: black;font-size: 13px; }
#categoryProductMenu li a.active{color: black;background: white;}
#categoryProductMenu li a:hover{text-decoration: none;color: black;background: white; }

#closeProductBox{position: absolute; display: block; top: 0;right: 90px; width: 51px; height: 51px; background: transparent url(https://www.andreabilics.com/images-layout/close.png) top left no-repeat;}

#openProductBox{position: absolute; display: none; top: 50%; left:50%; width: 51px; height: 51px; background: transparent url(https://www.andreabilics.com/images-layout/open.png) top left no-repeat; margin-top: -25px;margin-left: -25px;}

.closeStepBox{position: absolute; display: block; top: 0;right: 90px; width: 51px; height: 51px; background: transparent url(https://www.andreabilics.com/images-layout/close.png) top left no-repeat;}

.openStepBox{position: absolute; display: none; top: 50%; left:50%; width: 51px; height: 51px; background: transparent url(https://www.andreabilics.com/images-layout/open.png) top left no-repeat; margin-top: -25px;margin-left: -25px;}


#productDescr h3{ font-size: 15px; text-transform: uppercase; font-weight: normal;border-bottom: 1px solid #333333;padding-bottom: 10px; }

#productDescr .textContainer{margin-bottom: 5px;}
#productDescr .textContainer p{font-size: 15px;}
#productDescr .allProductsLink{ margin-bottom: 15px; font-size: 15px; text-transform: uppercase; padding-right: 30px; background: transparent url('https://www.andreabilics.com/images-layout/arrow.png') center right no-repeat; color: #000; display: block;width: 113px;}
#productDescr #linkContainer{ border-top: 1px solid #333; position: absolute;top: 320px;width: 280px;padding-top: 10px; }
#controls #slide-list{list-style: none;position: absolute; bottom: 10%; left: 50%;z-index: 999; }
#controls #slide-list li{
 float: left;position: relative;
 background: url("https://www.andreabilics.com/images-layout/featured_products_nav.png") no-repeat scroll 50% 0 transparent;
 width: 22px;
 height: 21px;
 margin-right: 6px;
 cursor: pointer;
}
#controls #slide-list li:last-child{
	margin-right: 0;
}

#controls #slide-list li.current-slide{
background: url("https://www.andreabilics.com/images-layout/featured_products_nav.png") no-repeat scroll 50% -49px transparent;
}

#mapContainer{ position:absolute; top: 0;left: 0;z-index: 0;overflow: hidden; }
#contactContainer{position: absolute; top: 0; left: 75px;width: 200px; background-color: #fff;height: 4000px;padding-top: 120px; padding-left: 10px; padding-right: 10px}
#contactContainer h1{font-size: 14px;}
#contactContainer p{margin-bottom: 20px;line-height: 20px;font-size: 14px;}

/* NEWS */ 

#newsWrapper{width: 100%;height: 100%; position: absolute; top: 0; left: 0;
	background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%);
background: linear-gradient(top,  #ffffff 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );

	
	
}

#newsContent{width: 932px; position: relative; margin: 0 auto;margin-top: 100px;}
#newsContent h2{color: #333333; margin-bottom: 0px; font-weight: normal;text-transform: uppercase;font-size: 20px; border-bottom: 1px solid #666666;padding-bottom: 15px; }
#newsContent ul{list-style: none;}
#newsContent ul li {clear: left;overflow: auto; border-bottom: 1px solid #666666;
/*margin-bottom: 10px; padding-bottom: 10px;*/
}
#newsContent ul li .thumb{position: relative;float: left;}
#newsContent ul li .textContent{position: relative;float: left;width: 600px; margin-left: 40px;color: #333333;}
#newsContent ul li .textContent span.date{margin-bottom: 10px;display: block;margin-top: 10px;}
#newsContent ul li .textContent h3{color: #333333;font-size: 16px; }
#paginator{position: absolute;top: 5px;left: 50%; width: 135px; margin-left: -67px; text-align: center;}
#paginator span{color: #CCCCCC;font-size: 12px;}
#paginator .prev{margin-top: -6px; text-indent: -9999px; display: block;height: 28px; position: relative; float: left;width: 28px; background: transparent url('https://www.andreabilics.com/images-layout/smallArrow.png') center left no-repeat;}
#paginator .next{margin-top: -6px;display: block;text-indent: -9999px;height: 28px; position: relative; float: right;width: 28px; background: transparent url('https://www.andreabilics.com/images-layout/smallArrow.png') center right no-repeat;}
#newsContent #paginator span{color: #333333;font-size: 12px;}
#newsContent #paginator{right: 0;left:inherit; text-align: center;width: auto;}
#paginator .previous_link{margin-top: -6px; text-indent: -9999px; display: block;height: 28px; position: relative; float: left;width: 28px; background: transparent url('https://www.andreabilics.com/images-layout/smallArrow.png') center left no-repeat;}
#paginator .next_link{margin-top: -6px;display: block;text-indent: -9999px;height: 28px; position: relative; float: left;width: 28px; background: transparent url('https://www.andreabilics.com/images-layout/smallArrow.png') center right no-repeat;}
.page_navigation a{font-size: 14px;display: block;position: relative;float: left; margin: 0 5px;
}
.page_navigation a.active_page{color: #333;}
/* popup prodotti*/

.popup{background:transparent url(https://www.andreabilics.com/images-layout/bgPopup.png) top left repeat;width: 100%;height: 100%; position: absolute; top: 0; left: 0;z-index: 99999;}
.popupContent{width: 932px; position: relative; margin: 0 auto;margin-top: 100px;}
.popupContent h2{margin-bottom: 0px; font-weight: normal;text-transform: uppercase;color: white;font-size: 20px; border-bottom: 1px solid #666666;padding-bottom: 15px; }
.popupContent .descr{color: #CCCCCC; height: 60px; padding-right: 105px;}
.popupContent h3{margin-bottom: 15px; font-weight: normal;text-transform: uppercase;color: white;font-size: 13px; border-bottom: 1px solid #666666;padding-bottom: 10px;margin-top: 35px; }
.popupContent a.closePopup{cursor: pointer; display: block; padding-top: 8px; background: transparent url(https://www.andreabilics.com/images-layout/closePopup.png) center right no-repeat; width: 75px; height: 20px;position: absolute;top: 0; right: 0; color: white;}
.popupContent #icon{position: absolute;top: 29px; right: 0;}


/* Cartelle colori */
#colorSheetList{list-style: none;}
#colorSheetList li.first{margin-left: 0;}
#colorSheetList li{position: relative;float: left;width: 165px; text-align: left; margin-left: 26px;}
#colorSheetList li.text{padding-top: 20px;width: 151px;}
#colorSheetList li p{color: white;text-transform: uppercase;}
#colorSheetList h3{font-size: 13px; color: white;margin: 0; border-bottom: 0px solid #666666;margin-top: 10px;padding-bottom: 5px;margin-bottom: 5px;}
#colorSheetList h3 a{color: white;background: transparent url(https://www.andreabilics.com/images-layout/smallArrowLink.png) right center no-repeat;padding-right: 20px;}
.popupContent .colorContainer{overflow: auto;margin-top: 10px;}
.popupContent .colorContainer .colA{position: relative;float: left;width: 203px;color: #CCCCCC;margin-right: 60px;}
.popupContent .colorContainer .colA p{margin-top: 0;}
.popupContent .colorContainer .colB{position: relative;float: left;width: 451px;}
.popupContent .colorContainer .colC{position: relative;float: right;width: 185px;color: #CCCCCC;overflow: hidden;}

.popupContent .colorContainer .colC h3{margin: 0;padding: 0; border: 0;font-size: 13px;color: #CCCCCC;margin-bottom: 30px;}
.popupContent .colorContainer .colC p.composizione{margin-bottom: 10px;}
.popupContent .colorContainer .colC p.istruzioni{margin-top: 40px;}
.popupContent a.nextSheet{color: white; height: 34px; padding-top: 18px; position: absolute; text-align: right; bottom: 0; right: 0;padding-right: 62px; background:  url("https://www.andreabilics.com/images-layout/prossima.png") no-repeat scroll 71px 0 transparent;}
.popupContent a.nextSheet.eng{ background:  url("https://www.andreabilics.com/images-layout/stepArrow.png") no-repeat scroll 40px 0 transparent;}

.popupContent a.prevSheet{color: white;  height: 34px; padding-top: 18px; position: absolute;bottom: 0; left: 0; padding-left: 60px;background:  url("https://www.andreabilics.com/images-layout/stepArrow.png") no-repeat scroll -52px 0 transparent;}
.popupContent a:hover{color: white;text-decoration:none;}
.popupContent a.backColori{cursor: pointer; display: block; padding-top: 8px; 
background:  url("https://www.andreabilics.com/images-layout/smallArrow.png") no-repeat scroll 47px 0 transparent;
width: 75px; height: 20px;position: absolute;top: 0; right: 111px; color: white;}





/*loading */
.floatingCircles{
position:relative;
width:120px;
height:120px;
-webkit-transform:scale(0.6);
-moz-transform:scale(0.6);
-o-transform:scale(0.6);
-ms-transform:scale(0.6);
}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:22px;
width:22px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:0.96s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-moz-animation-name:f_fadeG;
-moz-animation-duration:0.96s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-o-animation-name:f_fadeG;
-o-animation-duration:0.96s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-ms-animation-name:f_fadeG;
-ms-animation-duration:0.96s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
}

#frotateG_01{
left:0;
top:49px;
-webkit-animation-delay:0.36s;
-moz-animation-delay:0.36s;
-o-animation-delay:0.36s;
-ms-animation-delay:0.36s}

#frotateG_02{
left:14px;
top:14px;
-webkit-animation-delay:0.48s;
-moz-animation-delay:0.48s;
-o-animation-delay:0.48s;
-ms-animation-delay:0.48s}

#frotateG_03{
left:49px;
top:0;
-webkit-animation-delay:0.6s;
-moz-animation-delay:0.6s;
-o-animation-delay:0.6s;
-ms-animation-delay:0.6s;
}

#frotateG_04{
right:14px;
top:14px;
-webkit-animation-delay:0.72s;
-moz-animation-delay:0.72s;
-o-animation-delay:0.72s;
-ms-animation-delay:0.72s;
}

#frotateG_05{
right:0;
top:49px;
-webkit-animation-delay:0.8400000000000001s;
-moz-animation-delay:0.8400000000000001s;
-o-animation-delay:0.8400000000000001s;
-ms-animation-delay:0.8400000000000001s;
}

#frotateG_06{
right:14px;
bottom:14px;
-webkit-animation-delay:0.96s;
-moz-animation-delay:0.96s;
-o-animation-delay:0.96s;
-ms-animation-delay:0.96s;
}

#frotateG_07{
left:49px;
bottom:0;
-webkit-animation-delay:1.0799999999999998s;
-moz-animation-delay:1.0799999999999998s}

#frotateG_08{
left:14px;
bottom:14px;
-webkit-animation-delay:1.2s;
-moz-animation-delay:1.2s;
-o-animation-delay:1.0799999999999998s;
-ms-animation-delay:1.0799999999999998s;
}

#frotateG_08{
left:14px;
bottom:14px;
-webkit-animation-delay:1.2s;
-moz-animation-delay:1.2s;
-o-animation-delay:1.2s;
-ms-animation-delay:1.2s;
}

@-webkit-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-moz-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}