a, a img{
	outline: none;
	border: none;
	text-decoration: none;
}

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

body, html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial;
	
}

html{
	background: #e8edfa;
}

.back_home{
	background: url(../images/corpo.jpg) center -20px no-repeat;
}

.back{background: url(../images/corpo2.jpg) center -20px no-repeat;}


#bg{
	position: absolute;
	width: 1400px;
	left: 50%;
	margin: 0 0 0 -700px;
	z-index: 10;
	top: 0;
}

.bgwidth { width: 100%; }
.bgheight { height: 100%; }

#container, #header{
	width: 976px;
	min-height: 650px;
	height: auto;
	position: relative;
	left: 50%;
	margin: 50px 0 0 -498px;
	z-index: 80
}


#header{
	margin-top: 20px;
	min-height: 131px!important;
}

#fascia{
	position: absolute;
	left: 0;
	width: 100%;
	height: 88px;
	background: url(../images/backMenu.png) repeat-x;
	z-index: 90;
	margin: -20px 0;
}

#menu{
	width: 1100px;
	height: auto;
	float: left;
	position: relative;
	left: 50%;
	top: 26px;
	margin: 0 0 0 -530px;
	font-size: 16px;
}

#menu li{
	display: inline;
	float: left;
}

#menu .separatore{
	width: 1px;
	height: 20px;
	margin: 8px 0 0 0;
	background: #abb0bb;
	float: left;
}

#menu li a{
	float: left;
	color: #004076;
	padding: 8px 8px 9px 8px
}

#menu li a:hover, #menu .selected a{
	background: #babfcb
}

#menu ul, #menu ul ul{
    position: absolute;
    display: none;
    z-index: 999;
    width: 250px;
    font-size: 12px;
    font-weight: bold;
    background: #babfcb;
    
}

#menu ul ul{
    width: 350px
}

#menu ul{
    margin: 35px 0 0 0px; 
    padding: 0;
    width: 250px;
}

#menu li:hover ul{
    display: block;
}

#menu li:hover ul ul{
    display: none!important
}

#menu ul li{
    width: 249px;
    float: left;
    border: 1px solid #99a;
}

#menu ul li a{
    width: 233px;
    float: left;
    text-transform: uppercase
}


#menu ul li a:hover{
    background: #ddd
}

#menu ul ul{
    margin: -1px 0 0 250px;
    width: 322px
}

#menu ul li:hover ul{
    display: block!important
}

#menu ul ul li{
    width: 322px;
    float: left;
}

#menu ul ul li a{
    width: 306px;
    float: left;
    text-transform: capitalize!important;
}


#col_sx{
	float: left;
	width: 210px;
}

#col_sx .col_sx_home{
	
}


#boxLogin, #boxAccount, #frmPreventivi, #frmCV{
	width: 145px;
	height: 150px;
	float: left;
	border: 1px solid #b5b6b7;
	background: #e4e8f5;
	padding: 20px 25px;
	margin: 15px 0 0 0;
	
}

#frmPreventivi, #frmCV{
    height: auto!important;
    width: 450px
    
}

#frmRegistrati, #frmRecuperaPassword, #frmCambiaPassword, #frmAccount{
	width: 300px;
	margin: 80px auto
}

form .row{
	width: 100%;
	float: left;
	margin: 2px 0
}

form .row label{
	float: left;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
	height: auto;
	width: 100%;
}

form .row label.error{
	float: left;
	color: red;
	font-size: 12px;
	padding: 3px 0 8px 0;
	text-align: right;
	width: 272px;
}

#boxLogin label.error{
	display: none!important;
}

form .row label img{
	float: left;
	margin: 5px 5px 0 0;
}

form .row label a{
	font-size: 12px;
	color: #333
}

form .row input{
	float: left;
	border: 1px solid #b5b6b7;
	color: #333;
	width: 90%;
	font-size: 14px;
	height: 16px;
	padding: 2px 1px;
}

form .row input.error{
	border:1px solid red;
}

form .row textarea.error{
    border:1px solid red;
}

#frmPreventivi input, #frmCV input{
    height: 20px!important;
    font-size: 12px!important; 
    width: 93%!important;
    text-align: left;       
}

#frmPreventivi textarea, #frmCV textarea{
    width: 93%!important;
    float: left;   
}

#frmPreventivi .error, #frmCV .error{
    width: auto;     
    margin: 0 5px 0 0;     
}

form .row #check{
    width: 20px!important;
    height: 20px!important;
    float: left!important;
}

form .row span{
    float: left;
    width: 400px;
    margin: 5px 0 0 3px;
    font-size: 13px
}
form .row #button{
	float: right;
}

form .row .login{
	width: 57px!important;
	height: 20px!important;
	background: url(../images/pulsanteAccedi.png) no-repeat;
	border: none;
	margin: 15px 10px 0 0;
	cursor: pointer;
}

form .row .registrati{
	width: 72px!important;
	height: 20px!important;
	background: url(../images/registrati.png) no-repeat;
	border: none;
	margin: 15px 25px 0 0;
	cursor: pointer;
}

form .row .recuperaPassword{
	width: 72px!important;
	height: 20px!important;
	background: url(../images/recupera.png) no-repeat;
	border: none;
	margin: 15px 25px 0 0;
	cursor: pointer;
}

form .row .modificaDati{
	width: 72px!important;
	height: 20px!important;
	background: url(../images/btnModifica.png) no-repeat;
	border: none;
	margin: 15px 20px 0 0;
	cursor: pointer;
}

#frmPreventivi .row #button, #frmCV .row #button{
    width: 57px!important;
    height: 22px!important;
    border:none;
    font-size:12px;
    color:#000;
    font-weight:normal;
    background:none;
    cursor:pointer;
    float:right;
    padding:0 0 3px 0;
    margin: 0 30px 0 0;
    background: url(../images/pulsanteInvia.png) no-repeat;
}

#welcome{
	font-size: 12px;
}

.italicLogin{
	font-size: 12px!important;
	font-weight: bold!important;
	font-style: italic!important; 
	color: #b5b6b7!important;
}

#box{
	float: left;
	padding: 5px 0 0 8px;
	background: #fefefe;
	border: 1px solid #b5b6b7;
	margin: 30px 0 0 0;
	color: #4e4e4e;
	font-size: 11px;
	font-weight: bold;
}

.blue{
	color: #005399!important;
}

#box .boxHome{
	width: 178px;
}


#box #boxHome{
	width: 175px;
	height: 328px;
	background: url(../images/boxHome.png) no-repeat;
	margin: 3px 0 0 3px;
	padding: 1px 0 0 8px
}

#box #boxHome p{
	padding: 0 0 0 0;
	margin: 9px 0 0 0;	
}

.bann_sx{
	font-size: 18px;
	color: #0f5a9d;
	float: left;
	margin: 30px 0 0 5px;
	font-weight: bold;
}

.bann_dx{
	width: 150px;
	font-size: 18px;
	color: #0f5a9d;
	position: absolute;
	top: 600px;
	text-align: left;
	font-weight: bold;
	right: 0px;
}
.bann_dx a{
    color: #0f5a9d!important;
}


#col_dx{
	float: right;
}

#col_dx #corpo{
	float: left;
	color: #0f5a9d;
}

#col_dx .corpoAzienda{
	position: absolute;
	right: -10px;
	margin: 15px 0 0 0;
	width: 774px;
	height: 895px;
	background: url(../images/corpoAzienda.jpg) no-repeat;
}

#col_dx .corpoComeOperiamo{
	position: absolute;
	right: -10px;
	margin: 15px 0 0 0;
	width: 774px;
	height: 1226px;
	background: url(../images/corpoComeOperiamo.jpg) no-repeat;
}


.corpo_home{
  height: 750px!important;  
}

.corpo1{
  height: 950px!important;  
}

.corpo2{
  height: 1370px!important;  
}

.corpo3{
  height: 1430px!important;  
}

.corpo4{
    height:1260px!important;   
}

.corpo5{
    height:1550px!important;
}

#col_dx .corpoServizi{
	position: absolute;
	right: -10px;
	margin: 15px 0 0 0;
	width: 774px;
	height: 1450px;
	background: url(../images/corpoServizi.jpg) no-repeat;
}

#col_dx .corpoReach-e-Wash{
	position: absolute;
	right: -10px;
	margin: 15px 0 0 0;
	width: 774px;
	height: 1216px;
	background: url(../images/corpoReach-e-Wash.jpg) no-repeat;
}

#col_dx .corpoTrattamenti{
	position: absolute;
	right: -10px;
	margin: 15px 0 0 0;
	width: 774px;
	height: 1216px;
	background: url(../images/corpoTrattamenti.jpg) no-repeat;
}

#col_dx .corpoMarmo-e-Graniglia{
	position: absolute;
	right: -10px;
	margin: 15px 0 0 0;
	width: 774px;
	height: 1216px;
	background: url(../images/corpoMarmo-e-Graniglia.jpg) no-repeat;
}

#col_dx .corpoCotto{
	position: absolute;
	right: -10px;
	margin: 15px 0 0 0;
	width: 774px;
	height: 1216px;
	background: url(../images/corpoCotto.jpg) no-repeat;
}

#col_dx .corpoGres{
	position: absolute;
	right: -10px;
	margin: 15px 0 0 0;
	width: 774px;
	height: 1216px;
	background: url(../images/corpoGres.jpg) no-repeat;
}

#col_dx .corpoParquet{
	position: absolute;
	right: -10px;
	margin: 15px 0 0 0;
	width: 774px;
	height: 1216px;
	background: url(../images/corpoParquet.jpg) no-repeat;
}

#col_dx .corpoArea-bagno{
	position: absolute;
	right: -10px;
	margin: 15px 0 0 0;
	width: 774px;
	height: 1616px;
	background: url(../images/corpoArea-bagno.jpg) no-repeat;
}

#col_dx .corpoTappeti{
	position: absolute;
	right: -10px;
	margin: 15px 0 0 0;
	width: 774px;
	height: 1216px;
	background: url(../images/corpoTappeti.jpg) no-repeat;
}

#col_dx .corpo{
	position: absolute;
	right: -10px;
	margin: 15px 0 0 0;
	width: 774px;
	height: 1216px;
	background: url(../images/corpoGenerico.jpg) no-repeat;
}

#col_dx .corpoServiziCoordinati{
    position: absolute;
    right: -10px;
    margin: 15px 0 0 0;
    width: 774px;
    height: 1216px;
    background: url(../images/corpoServiziCoordinati.jpg) no-repeat;
}

.corpoAzienda .right, .corpoComeOperiamo .right, .corpoServizi .right, .corpoReach-e-Wash .right, .corpoTrattamenti .right, .corpoMarmo-e-Graniglia .right,.corpoCotto .right, .corpoGres .right, .corpoParquet .right, .corpoArea-bagno .right, .corpoTappeti .right, .corpo .right, .corpoServiziCoordinati .right{
	font-size: 14px;
	float: right;
	margin: 40px 20px 0 0;
	line-height:20px
}

.corpoComeOperiamo .right{
	margin: 40px 80px 0 0;
}

.corpoServizi .right{
	margin: 40px 60px 0 0;
}

.corpoAzienda .left, .corpoComeOperiamo .left, .corpoServizi .left,.corpoReach-e-Wash .left, .corpoTrattamenti .left, .corpoMarmo-e-Graniglia .left, .corpoCotto .left, .corpoGres .left, .corpoParquet .left, .corpoArea-bagno .left, .corpoTappeti .left, .corpo .left, .corpoServiziCoordinati .left, .corpoArea-bagno .left{
	font-size: 14px;
	float: left;
	margin: 10px 0 0 50px;
}

.corpoComeOperiamo  h2, .corpoServizi h2, .corpoReach-e-Wash h2, .corpoTrattamenti h2, .corpoMarmo-e-Graniglia h2, .corpoCotto h2, .corpoGres h2, .corpoParquet h2, .corpoArea-bagno h2, .corpoTappeti h2, .corpo h2, .corpoServiziCoordinati h2, .corpoArea-bagno h2{
	font-size: 18px;
	text-transform: uppercase;
	float: right;
	font-weight: normal;
	width: 500px;
	text-align: left;
	margin: 60px 0 -30px 0;
	font-family: "AvatarNormal";
	letter-spacing: 0.3em
	
}


.corpoComeOperiamo p, .corpoServizi p, .corpoReach-e-Wash p, .corpoTrattamenti p, .corpoMarmo-e-Graniglia p, .corpoCotto p, .corpoGres p, .corpoParquet p, .corpoArea-bagno p, .corpoTappeti p, .corpo p, .corpoServiziCoordinati p{
	margin-bottom: -35px!important;
	line-height: 17px!important;
	font-size: 13px;
	width: 440px;
	float: right;
}


.corpoReach-e-Wash p, .corpoTrattamenti p, .corpoMarmo-e-Graniglia p, .corpoCotto p, .corpoGres p, .corpoParquet p, .corpoArea-bagno p, .corpoTappeti p, .corpo p, .corpoArea-bagno p{
	margin-right: 62px!important
}

.corpoAzienda ul, .corpoComeOperiamo ul, .corpoServizi ul, .corpoReach-e-Wash ul, .corpoTrattamenti ul, .corpoMarmo-e-Graniglia ul, .corpoCotto ul, .corpoGres ul, .corpoParquet ul, .corpoArea-bagno ul, .corpoTappeti ul, .corpo ul, .corpoServiziCoordinati ul{
	padding: 0;
	float: left;
	font-size: 13px;
	list-style-image: url(../images/lista.png);
	margin: 0 0 0 0;
	width: 440px
}

.corpoComeOperiamo ul,.corpoTrattamenti ul, .corpoMarmo-e-Graniglia ul, .corpoCotto ul, .corpoGres ul, .corpoParquet ul, .corpoArea-bagno ul, .corpoTappeti ul, .corpo ul, .corpoServiziCoordinati ul{
	margin-right: 62px!important
}


.corpoAzienda ul li, .corpoComeOperiamo ul li, .corpoServizi ul li, .corpoReach-e-Wash ul li, .corpoTrattamenti ul li, .corpoMarmo-e-Graniglia ul li, .corpoCotto ul li, .corpoGres ul li, .corpoParquet ul li, .corpoArea-bagno ul li, .corpoTappeti ul li, .corpo ul li{
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	width: 100%;
}


ul li strong{
	font-family: "AvatarNormal";
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.3em
}

.right a{
	color: #0f5a9d;
	font-weight: bold
}
.right a:hover{
	color: #4095e1;
}

#back{
	width: 500px;
	float: right;
	margin: 80px 0 0 0;
	color: #0f549d;
	font-weight: bold;
}

.nolist{
	list-style: none
}

#mappa{
	position: absolute;
	width: 208px;
	height: 211px;
	background: #ddd;
	z-index: 100;
	margin: 60px 0 0 30px
}

/*CATALOGO */

#descCat{    
    text-align: left!important;
    width: 500px;
    padding: 15px 0;
    float: right;
    margin: 10px 10px 0 0;
}

#cat{
	list-style: none;
	float: left;
	margin: 60px 0 0 20px;
	height: auto;
	width: 180px;
}

#cat .selected{
	font-weight: bold;
	color: #004076;
}

#cat li{
	height: 19px;
	overflow: hidden
}

#cat li a{
	color: #333;
	font-size: 14px;
}

#cat li a:hover{
	font-weight: bold;
	color: #004076;
}

#cat ul,#cat ul ul{
	float: left;
	height: auto;
}

#catalogo{
	position: absolute;
	right: 0;
	top: 52px;
	width: 550px;
	margin: 0 10px 0 0;
	height: 600px;
}

#prodsWrap{
	position: relative;
	right: 0;
	top: 10px;
	width: 500px;
	margin: 0 10px 0 0;
	height: 560px;
	overflow: hidden;
}

#prodsWrap #prods{
	top: 0;
	left: 0;
	position: relative;
	height: 560px;
	width: auto;
}

#prods .pag{
	width: 550px;
	height: 560px;
	float: left;
}

.prod{
	width: 550px;
	float: left;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #999;
}

.fotoProd{
	width: 140px;
	height: 101px;
	overflow: hidden;
	float: left;
	border: 1px solid #333;
	margin: 0 2px 2px 0;
}

.testiProd{
	float: left;
	width: 380px;
	margin: 0 0 0 10px
}
.testiProd .titoloProd{
	width: 100%;
	color: #004076;
	margin: 5px 0 0 0;
	font-weight: bold;
	font-size: 13px;
}

.testiProd .corpoProd{
	width: 100%;
	color: #333;
	margin: 5px 0;
	font-size: 13px;
}

.prod .leggiProd{
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	right: 0;
	color: #004076;
}

#prodottoDett{
	width: 500px;
	height: 650px;
	float: left;
	padding: 2px 5px
}

#prodottoDett #fotoDett, #prodottoDett #fotoDett img{
	width: auto;
	height: 300px;
	text-align: center
}

#prodottoDett #fotoDett img{
	margin: 0 auto;
	border: 1px solid #333
}

#prodottoDett #testiDett{
	width: 480px;
	height: auto;
	float: left;
}

#prodottoDett #titoloDett{
	width: 100%;
	color: #004076;
	margin: 15px 0 0 0;
	font-weight: bold;
	font-size: 13px;
}

#prodottoDett #pdfDett{
	width: 100%;
	float: left;
	padding: 5px 0;
	margin: 0 5px 0 0;
}

#prodottoDett #pdfDett a{
	font-size: 12px;
	font-weight: bold;
	color: #333
}



#prodottoDett #pdfDett img{
	width: 24px
}

#prodottoDett #corpoDett{
	width: 100%;
	color: #333;
	margin: 5px 0;
	padding: 10px 5px;
	font-size: 13px;
	height: 260px;
	border: 1px dashed #ddd;
	overflow: auto;
}
#prodottoDett #prezzoDett{
    width: 100%;
    color: #333;
    margin: 10px 0 10px 0;
    font-weight: bold;
    font-size: 13px;
    float: left;
}
#pulsanti{
	position: absolute;
	right: 0;
	width: auto;
	margin: 640px 250px 0 0;
	text-align: center;
}

#pulsanti .button{
	width: 25px;
	float: left;
	height: 25px
}

.pp_play, .pp_nav{
	display: none;
	visibility: hidden
}

#erroreWrap{
	width: 100%;
	float: left;
	margin: 40px 0 0 0;
}

#erroreWrap #errore{
	width: 230px;
	margin:0 auto;
	color: red;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	clear: both;
	border: 1px solid #b5b6b7;
	background: #e4e8f5;
	padding: 20px 25px;
	border-left: none;
	border-right: none;
	display: none;
}

#footer{
    position:  relative;
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 12px;
    color: #0f5a9d;
}

#footer a{
    color: #0f5a9d;
    font-weight: bold
}

.links{
    color: #333;
    font-weight: bold;
    float: left;
    width: 100%;
    text-align: left;
    margin: 15px 0 15px 5px;
}