/***************************************************************/
/*   CSS Reset   				                               */
/***************************************************************/
body {
	background:#FFF;
	padding:0px; margin:0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:13px; font-weight:normal; font-style:normal;
	line-height:18px; color:#fff;
}
h1,h2,h3,h4,h5,h6,em,strong,pre,code {
	padding:0px; margin:0px;
	font-size:100%; font-weight: normal; font-style: normal;
}

h1,h2,h3,h4,h5,h6{ 
	color:#110c14;
	margin:10px 0px 0px 0px; padding:0px;
}
h1 { 
	font-size:28px; line-height:31px; 
	margin:0px 0px 10px 0px; padding:0px;
}
h2 { font-size:24px; line-height:24px; }
h3 { font-size:22px; line-height:22px; }
h4 { font-size:20px; line-height:20px; }
h5 { font-size:18px; line-height:18px; }
h6 { font-size:16px; line-height:16px; }

table { 
	font-size:inherit; 
	font:100%; 
}

img { border:none; }

p { 
	padding:0.75em 0em; margin:0em; 
}

strong { font-weight:bold; }

a:active,a:focus { outline:none; }
a { text-decoration:none; color:#000; }
a:hover{ text-decoration:none; }

.clear{ clear: both; }
.justifyfull{ text-align:justify; }
.clearfix{ *zoom:1; }
.clearfix:after{ 
	content:" "; 
	display:block;
	clear:both;
}

/***************************************************************/
/*  General                                                    */
/***************************************************************/

#container{
	width:980px;
	margin:0 auto 100px; padding:0px;
}
#content{
	margin:0px; padding:20px 15px;
}
#contentLeft{
	float:left;
	width:74%;
}
#contentRight{
	float:right;
	width:23%;
}

#header{
	position:relative;
	z-index:1015;
	width:100%; height:90px;
	margin:0 0 25px 0;
}
a#logo{ 
	display:block;
	width:370px; height:74px; 
	margin:0px; padding:0px; 
	position:absolute;
	left:0px; top:15px;
}

a#logo img {
	width:370px;
	height:auto;
}

#top-menu {
	position:absolute;
	top:4px; right:337px;
	text-transform:uppercase;
}
#sidebar h3{
	font-size:18px; line-height:21px;
	margin:0px; padding:4px 9px;
	background:#ddd;
	border-bottom:1px solid #aaa;
}
#sidebar #sidebarContent{
	padding:5px 0px; margin:0px;
}

body#home #testo {
	width:590px; height:236px;	
	position:fixed;
	top:50%; left:50%;
	margin-top:-130px;
	margin-left:-295px;
	opacity:0;
}

body#home #testo.it {
	background:url('../img/general/scrittaHomeIT.png') no-repeat 0 0;
}

body#home #testo.en {
	background:url('../img/general/scrittaHomeEN.png') no-repeat 0 0;
}

#prodSelect {
	width:980px; height:528px;
	position:fixed;
	top:50%; left:50%;
	margin-top:-264px;
	margin-left:-490px;
}

#prodSelect div.singleSelection {
	position:absolute;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

#prodSelect div.singleSelection a {
	display:block;
	text-indent:-999em;
	background-size:100%;
}

#prodSelect div.singleSelection.grey {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
 	-webkit-filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
}

/* #prodSelect div.singleSelection a:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
	filter: alpha(opacity=50);
} */

#prodSelect div.singleSelection.prodotto1 {bottom:20px; left:20px; z-index:1000;}
#prodSelect div.singleSelection.prodotto1 a {
	background-image:url('../img/general/prodotto1.png');
	width:430px; height:322px;
}
#prodSelect div.singleSelection.prodotto1 a:hover {
	background-image:url('../img/general/prodotto1_over.png');
}

#prodSelect div.singleSelection.prodotto2 {bottom:50px; left:702px; z-index:1010;}
#prodSelect div.singleSelection.prodotto2 a {
	background-image:url('../img/general/prodotto2.png');
	width:250px; height:251px;
}
#prodSelect div.singleSelection.prodotto2 a:hover {
	background-image:url('../img/general/prodotto2_over.png');
}

#prodSelect div.singleSelection.prodotto3 {bottom:15px; left:435px; z-index:1001;}
#prodSelect div.singleSelection.prodotto3 a {
	background-image:url('../img/general/prodotto3.png');
	width:335px; height:322px;
}
#prodSelect div.singleSelection.prodotto3 a:hover {
	background-image:url('../img/general/prodotto3_over.png');
}

#prodSelect div.singleSelection.prodotto4 {bottom:82px; left:531px; z-index:991;}
#prodSelect div.singleSelection.prodotto4 a {
	background-image:url('../img/general/prodotto4.png');
	width:445px; height:349px;
}
#prodSelect div.singleSelection.prodotto4 a:hover {
	background-image:url('../img/general/prodotto4_over.png');
}

#prodSelect div.singleSelection.prodotto5 {bottom:123px; left:256px; z-index:990;}
#prodSelect div.singleSelection.prodotto5 a {
	background-image:url('../img/general/prodotto5.png');
	width:340px; height:322px;
}
#prodSelect div.singleSelection.prodotto5 a:hover {
	background-image:url('../img/general/prodotto5_over.png');
}


/* Colori sfondo body */
body.azzurro { background:url('../img/general/sfondoAzzurro.jpg') repeat-y center top; }
body.blu { background:url('../img/general/sfondoBlu.jpg') repeat-y center top; }
body.marrone { background:url('../img/general/sfondoMarrone.jpg') repeat-y center top; }
body.oro { background:url('../img/general/sfondoOro.jpg') repeat-y center top; }
body.rosso { background:url('../img/general/sfondoRosso.jpg') repeat-y center top; }
body.verde { background:url('../img/general/sfondoVerde.jpg') repeat-y center top; }
/* Colori sfondo footer */
body.azzurro #footer {background:#73848f;}
body.blu #footer {background:#004276;}
body.marrone #footer {background:#86583d;}
body.oro #footer {background:#7c6743;}
body.rosso #footer {background:#d32e2f;}
body.verde #footer {background:#4a6642;}


#mcWrap {
	margin-top:40px;
}

#leftControls {
	width:495px;
	float:left;
}

#content.rightCol {
	width:468px;
	float:right;
	padding:0;
}

#content.rightCol h3.title {
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:10px;
}

#content.rightCol p.subTitle {
	color:#110c14;
	text-transform:uppercase;
	padding:15px 0 0 0;
}

#pageNav {
	position:relative;
	width:495px; height:405px;
}

#pageNav div.decoration {
	position:absolute;
	top:0; left:0;
	width:495px; height:400px;
	background-image:url('../img/general/decorationProd.png');
	background-repeat:no-repeat;
	background-size:100%;
	z-index:1000;
}

#pageNav img.prodImg {
	display:block;
	width:auto; height:270px;
	position:absolute;
	left:50%; top:65px;
	z-index:990;
	opacity:0;
}

#pageNav div.navigator a {
	display:block;
	width:40px; height:40px;
	text-indent:-999em;
	z-index:1005;
	position:absolute;
}

#pageNav div.navigator a.next {
	background-image:url('../img/general/nextProd.png');
	background-repeat:no-repeat;
	background-size:100%;
	top:94px; left:47px;
}

#pageNav div.navigator a.prev {
	background-image:url('../img/general/prevProd.png');
	background-repeat:no-repeat;
	background-size:100%;
	top:119px; left:21px;
	width:45px; height:50px;
	z-index:1004;
}

#leftControls #littleTitle {
	padding:14px 5px 14px 80px;
	background:url('../img/general/teakLogo.png') no-repeat left center;
	margin-top:20px;
	text-shadow:2px 2px 4px #555;
}

#leftControls #littleTitle h5 {
	color:#110c14;
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:3px;
	margin-top:0;
}

#leftControls #littleTitle p {
	padding:0;
}

#resaProd {
	padding:15px 0;
	color:#110c14;
	position:relative;
	margin:10px 0;
}

#resaProd:after {
	content:" ";
	width:350px; height:6px;
	position:absolute;
	top:0; left:0;
	background:url('../img/general/borderAlpha.png') no-repeat 0 0;
}

#resaProd:before {
	content:" ";
	width:350px; height:6px;
	position:absolute;
	bottom:0; left:0;
	background:url('../img/general/borderAlpha.png') no-repeat 0 0;
}

#littleSlide { box-shadow:1px 2px 3px #2b2a2a; }

#codProd.azzurro {background:#73848f;}
#codProd.blu {background:#004276;}
#codProd.marrone {background:#86583d;}
#codProd.oro {background:#7c6743;}
#codProd.rosso {background:#d32e2f;}
#codProd.verde {background:#4a6642;}

#codProd {
	padding:15px;
	box-shadow:1px 2px 3px #2b2a2a;
}

#codProd span {
	display:inline-block;
	padding:3px 5px;
	box-shadow:1px 2px 3px #2b2a2a;
	border-radius:3px;
	font-size:12px;
	vertical-align:top;
}

#codProd span.codeOne {
	background:#706144;
}

body.marrone #codProd span.codeOne {
	background:#734e39;
	width:59px;
	margin-right:5px;
}
body.marrone #codProd span.codeTwo {
	background:#ded0c8;
}

body.blu #codProd span.codeOne {
	background:#363f57;
}
body.blu #codProd span.codeTwo {
	background:#c7cbd3;
}

body.verde #codProd span.codeOne {
	background:#3b5235;
}
body.verde #codProd span.codeTwo {
	background:#c9d1c7;
}

body.azzurro #codProd span.codeOne {
	background:#5c6a72;
}
body.azzurro #codProd span.codeTwo {
	background:#d5dade;
}

#codProd span.codeTwo {
	background:#d8cebd;
	color:#110c14;
}

#codProd span.desc { box-shadow:none; margin-top:0; }

#codProd div.singleCodes { }

#codProd div.singleCodes.middle { margin:8px 0; }

#bandiereDownload {
	padding-bottom:20px;
	position:relative;
}

#bandiereDownload:after {
	content:" ";
	width:350px; height:6px;
	position:absolute;
	bottom:0; left:0;
	background:url('../img/general/borderAlpha.png') no-repeat 0 0;
}

#bandiereDownload ul {
	margin:0; padding:0;
	list-style:none;
}

#bandiereDownload ul li {
	display:inline-block;
	vertical-align:top;
	width:110px; height:140px;
	margin:2px;
}

#bandiereDownload ul li img {
	width:110px; height:auto;
	display:block;
	margin-bottom:3px;
}

#bandiereDownload ul li span {
	color:#fff;
	font-size:11px;
}

div.gmap_marker {color:#000;}

div#contText {
	width:190px;
	float:left;
	margin-right:10px;
}

div.mappa_google {
	width:570px;
	float:left;
	margin-right:10px;
}

/* ------------------------------------------------------------------------ */
/* Newsletter */
/* ------------------------------------------------------------------------ */

a#subscribeNewlsetter{
	position:absolute;
	right:125px; top:9px;
	color:#333;
}

/* ------------------------------------------------------------------------ */
/* Login */
/* ------------------------------------------------------------------------ */

a#login-modal{
	position:absolute;
	right:0px; top:70px;
	color:#333;
}

/* ------------------------------------------------------------------------ */
/* MULTILINGUA CSS */
/* ------------------------------------------------------------------------ */

div.multilingua{ 
	position:absolute;
	right:0px; top:12px;
	width:75px; height:34px; 
	padding:0px; margin:0px; 
}
div.multilingua .language{ 
	display:block; 
	float:left; margin:0px 0px 0px 4px;
	width:26px; height:25px; 
	text-indent:-8000px; 
	cursor:pointer;
	background-size:100%;
}
div.multilingua .language:first-child{ margin-left:0; }

/* ---  gestione evento hover e stato attivo --- */
/* div.multilingua .it:hover,
div.multilingua .it.active{  }

div.multilingua .es:hover,
div.multilingua .es.active{ background-position:-18px -13px; }

div.multilingua .fr:hover,
div.multilingua .fr.active{ background-position:-36px -13px; }

div.multilingua .de:hover,
div.multilingua .de.active{ background-position:-54px -13px; }

div.multilingua .en:hover,
div.multilingua .en.active{ background-position:-72px -13px; } */

/* ---  aspetto di default e stato disattivato --- */
div.multilingua .it,
div.multilingua .it.disabled:hover{ background-image:url('../img/general/ita.png') }

div.multilingua .es,
div.multilingua .es.disabled:hover{ background-position:-18px 0px;}

div.multilingua .fr,
div.multilingua .fr.disabled:hover{ background-position:-36px 0px;}

div.multilingua .de,
div.multilingua .de.disabled:hover{ background-position:-54px 0px;}

div.multilingua .en,
div.multilingua .en.disabled:hover{ background-image:url('../img/general/eng.png')}

/***************************************************************/
/*  Menu                                                       */
/***************************************************************/
#menu{
	position:absolute;
	right:0px; bottom:10px;
	height:25px;
	margin:0px; padding:0px;
	background:none;
}

/* REGOLE GENERICHE PER TUTTI I LIVELLI */
/* ************************************* */

#menu ul {
	list-style:none;
	padding:0px; margin:0px;
	width:200px;
	z-index:999;
	background:rgb(146,143,145);
	background:rgba(146,143,145,.8);
}
#menu ul li{
	position:relative;
	display:block;
	margin:0px; padding:0px;
	/* border-bottom:1px solid #666; */
}
/* #menu ul li.dropdown > a{
	background-image:url(../img/general/bg-menu-triangle.png);
	background-position:188px 14px;
	background-repeat:no-repeat;
} */
#menu ul li.last{ border-bottom:none; }

#menu ul li a{
	display:block;
	color:#fff;
	margin:0px; padding:5px 15px;
	/* transition: all .5s; */
}
#menu ul li > a:hover,
#menu ul li.active > a,
#menu ul li.hovering > a{ 
	/* background:#bbb; */
	text-decoration:none;
	color:#000;
}

/* REGOLE SPECIFICHE PER IL PRIMO LIVELLO */
/* ************************************** */
#menu > ul{ 
	background:none; 
	width:100%;
} 
#menu > ul > li {
	border-bottom:none;
	float:left;
	border-right:1px solid #fff;
	padding:0 5px;
}

#menu > ul > li.last { border-right:none; }

#menu > ul > li > a{ 
	text-transform:uppercase;
	padding:2px 15px;
}

#menu > ul > li > a:hover,
#menu > ul > li.active > a,
#menu > ul > li.hovering > a {
	background:url('../img/general/bgMenuLi.png') repeat-x 0 0;
	border-radius:10px;
	box-shadow:0px 2px 5px #555;
}


/* REGOLE SPECIFICHE PER IL SECONDO LIVELLO */
/* **************************************** */
#menu ul ul{ 
	display:none;
	position:absolute;
	left:0px; top:25px;
}
#menu ul li.hovering  > ul,
#menu ul li:hover > ul { display: block; }

/* REGOLE SPECIFICHE PER IL TERZO LIVELLO */
/* **************************************** */
#menu ul ul ul{ left:200px; top:0px; }


/***************************************************************/
/* CERCA NEL SITO */
/***************************************************************/
#search {
	position:absolute;
	top:28px; right:470px;
}
.searchfield,
.searchbutton{
	border:1px solid #DDD;
	font-family:Arial,Helvetica,Garuda, sans-serif;
	font-size:12px; font-weight:normal; font-style:normal;
	line-height:25px; color:#333;
}
.searchfield {
	width:220px; height:20px;
	background:#fff;
    padding:0 5px; margin:0px;
	border:1px solid #ddd;
}
.searchbutton {
	width:60px; height:22px;
	background:#f0f0f0;
	padding:0px; margin:0px;
	cursor:pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.searchbutton:hover{
	background:#ddd;
}

/***************************************************************/
/*  Sliders                                                    */
/***************************************************************/
#slidersContainer {
	position:relative;
	width:100%; height:310px;
	margin:2px 0px; padding:0px;
	overflow:hidden;
}
#sliders{
	width:980px;
	margin:0px; padding:0px;
}
#sliders img{
	margin:0px; padding:0px;
	border:none;
}

#rightSlide{
	position:absolute;
	top:0px; left:0px;
	width:28%; height:310px;
	margin:0px; padding:0px;
	overflow:hidden;
	z-index:998;
	background:url(../img/general/bgblack60.png) left top repeat;
}
#rightSlide #custom-caption{
	padding:35px 25px; margin:0px;
	color:#fff;
}
#rightSlide #custom-caption h1{
	font-size:22px; line-height:25px;
	color:#fff;
}
#rightSlide #custom-caption span{
	display:block;
}
#rightSlide #custom-caption a.link{
	display:block;
	text-transform:uppercase; text-align:left;
	font-weight:bold; color:#fff;
	margin:8px 0px; padding:0px;
}

/* paginazione slideshow */
#custom-pager{
	position:absolute;
	bottom:12px; right:12px;
	z-index:998;
}

#custom-pager a{
	padding:2px 5px; margin:0px 2px 0px 0px;
	background:url(../img/general/bgblack60.png) left top repeat;
	color:#fff;
}
#custom-pager a:hover,
#custom-pager a.cycle-pager-active{
	background:#fff;
	color:#000;
}

/***************************************************************/
/*  News                                                       */
/***************************************************************/
.news {
	padding:20px 0px; margin:10px 0px;
	border-bottom:1px solid #ccc;
	position:relative;
	overflow:hidden;
}
.news-image{ 
	float:left;
	width:17%;
	margin:0px; padding:0px;
}
.news-image > a > img{ 
	width:98%; height:auto; 
	padding:0px; margin:0px;
	border:2px solid #aaa;
}

.news-content{
	float:right;
	width:81%;
} 
.news-content h3{
	font-size:18px; line-height:21px;
	margin:0px 0px 5px 0px; padding:0px;
}
.news-content p{
	padding:0.7em 0em 1.3em 0em; margin:0px;
}
.news-content a.newsLink{
	background:#ddd;
	margin:0px; padding:3px 12px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news-content a.newsLink:hover{
	background:#ccc;
}

/***************************************************************/
/*  Paginazione                                                       */
/***************************************************************/

#pagination { 
	clear:both;
	padding:0px 0px 30px 0px; 
}

#pagination .pagination-title,
#pagination .pagination-current,
#pagination .page {
	display:block;
	float:left;
	padding:0 5px;
}
.img-left-news {
    border:1px solid #A9A9A9;
    float:left;
    margin: 7px 15px 15px 0;
    padding: 5px;
    width: 35%;
}

/***************************************************************/
/*  Search                                                     */
/***************************************************************/
.ajaxSearch_grpResultName,
.ajaxSearch_resultsInfos,
.paging1 {
	display:none;
}
.ajaxSearch_result {
	padding:10px 0 14px; margin:10px 0;
	border-bottom:1px solid #DDD;	
}
.ajaxSearch_resultLink {
	display:block;
	padding:0 0 2px;
	font-size:22px;
}

/***************************************************************/
/*  Footer                                                     */
/***************************************************************/
#footer{
	clear:both;
	position:fixed;
	background:#004276;
	width:100%; height:80px;
	margin:0px; padding:0px;
	bottom:0;
	z-index:1001;
}

/***************************************************************/
/*  Menu Footer                                                     */
/***************************************************************/
#menuFooter{
	margin:0px; padding:8px 0px;
}
#menuFooter ul{
	padding:0px; margin:0px;	
	list-style:none;
}
#menuFooter ul li{
	display:inline;
}
#menuFooter ul li a{
	color:#333;
	padding:0px; margin:0px 0px 0px 7px;
}
#menuFooter ul li:first-child a{
	margin:0px;
}

#menuFooter ul li a:hover,
#menuFooter ul li.active a{
	text-decoration: underline;
}

/***************************************************************/
/*  Info aziendali                                                     */
/***************************************************************/

#infoAzienda{
	color:#fff;
	text-align:left;
	margin:7px auto 0px; padding:10px 0 0 60px;
	width:920px;
	min-height:65px;
	background:url('../img/general/logoFooter.png') no-repeat left top;
	position:relative;
}
#infoAzienda p{
	color:#fff;
	text-align:left;
	margin:0px; padding:0.5em 0em;
	font-size:95%;
}

/***************************************************************/
/*  Socials                                                    */
/***************************************************************/
div#socials{
	position:absolute;
	right:15px; top:20px;
	margin:0px; padding:0px;
	max-width:180px; min-height:28px;
	overflow:hidden;
}
div#socials ul{
	margin:0px; padding:0px;
	list-style:none;
}
div#socials ul li{ 
	display:block;
	float:left; 
	line-height:28px;
	margin:0px; padding:0px;
}
div#socials ul li a{
	display:block;
	width:28px; height:28px;
	margin:0px 0px 0px 2px; padding:0px;
	text-indent:-999em;
	background-image:url(../img/general/spriteSocial.png);
	background-repeat:no-repeat;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
div#socials ul li a#Facebook{ background-position:left top; }
div#socials ul li a#Facebook:hover{ background-position:left bottom; }

div#socials ul li a#Twitter{ background-position:-28px top; }
div#socials ul li a#Twitter:hover{ background-position:-28px bottom; }

div#socials ul li a#Youtube{ background-position:-56px top; }
div#socials ul li a#Youtube:hover{ background-position:-56px bottom; } 

div#socials ul li a#Linkedin{ background-position:-84px top; }
div#socials ul li a#Linkedin:hover{ background-position:-84px bottom; } 

div#socials ul li a#Instagram{ background-position:-112px top; }
div#socials ul li a#Instagram:hover{ background-position:-112px bottom; } 

div#socials ul li a#Flickr{ background-position:-140px top; }
div#socials ul li a#Flickr:hover{ background-position:-140px bottom; }

/***************************************************************/
/*  Logo Sicomunicaweb                                                    */
/***************************************************************/

a#logoSicomunicaweb { 
	display:block; 
	width:25px; height:17px; 
	position:absolute; 
	right:15px; bottom:20px; 
	padding:0px; margin:0px;
	background: url("../img/general/SCW_small.png") left -17px no-repeat; 
}
a#logoSicomunicaweb:hover { background-position: left 0px; }

/***************************************************************/
/*  Modal                                                      */
/***************************************************************/
.modal-overlay { background:#FFF url(../img/general/bg-modal.png) repeat center top; }

.modal {
	display:none;   
	position:fixed;
    top:25%; left:50%;   
	width:360px;
    margin-left:-180px;
	overflow:hidden;
	background:#fff;
	border:1px solid #aaa;	
}
.modal-title {
	position:relative;
	background:#ED7400; 
	color:#FFF; 
	padding:8px; margin:0px; 
	font-weight:bold; font-size:14px;
}
.modal-content {
	padding:7px;
	min-height:80px;
	overflow:auto;
}
.modal-content p {
    padding:5px 0 0;
	color:#333;
}
.modal .submit { width:168px; }
.modal-close {
	position: absolute;
	top:6px; right: 10px;
	padding:0 0 0 19px; height:19px;
	width:0px;
	background:url(../img/general/bg-close.png) no-repeat center top;
	overflow:hidden;
    border:none;
}
.modal-close:active, .modal-close:focus {
	outline: 0;
}
.modal-close:hover {
	background-position: 0 -40px ;
}
.modal .username, .modal .password {
	margin: 0 0 5px;
	width: 96%;
	padding: 5px 4px;
}
.submit.logout {
	display: block;
    color: #FFF;	
    width: 180px;	
    height: 28px;
    margin: 10px 2px 0 0;
	text-align: center;
	float: left;
}
.submit.logout span {
	position: relative;
	top: 7px;
}
/***************************************************************/
/*  Form                                                       */
/***************************************************************/
#form{
	margin:0; padding:0px;
	width:170px;
	float:left;
}
#form label {
	display:block;
    color: #666;
	padding: 15px 0 0;
}
#form .prv input {
	width: auto;
	margin: 8px 4px 0 0;
	border: none;
	padding: 0;
}
#form .last__name {
	position: absolute;
	top: -10000px;
}
#form .hide-label {
	display: none;
}
.box-error {
	padding:12px; margin:0px 0px 10px 0px; 
	color:#000;
	font-size:14px;
	background:#ddd;
	border:2px solid #aaa; 	
}
/***************************************************************/
/*  PULSANTI DI SUBMIT                                         */
/***************************************************************/
#form .submit,
.TXNewsletters_form_right input[type="submit"],
.submit{
    background:url('../img/general/bgMenuLi.png') repeat-x 0 0;
    color:#000;
    height:22px;
    margin:10px 0; padding:0px;
    width:100px;
	border:none;
	border-radius:10px;
	box-shadow:0px 2px 5px #555;
}
#form .submit:hover,
.TXNewsletters_form_right input[type="submit"]:hover,
.submit:hover{
	cursor:pointer;
}
/***************************************************************/
/*  INPUT E SUBMIT CONTATTI E NEWSLETTER                       */
/***************************************************************/

#form input,
.TXNewsletters_form_item input,
#form textarea,
.TXNewsletters_form_item textarea{
    width:362px;
	font-family:Arial,Helvetica,Garuda, sans-serif;
	font-size:13px; font-weight:normal; font-style:normal;
	color:#333;
    padding:8px; margin:2px 0;
	border:1px solid #B3B3B3;
}

#form input,
#form textarea {
    width:152px;
	font-family:Arial,Helvetica,Garuda, sans-serif;
	font-size:13px; font-weight:normal; font-style:normal;
	color:#333;
    padding:8px; margin:2px 0;
	border:1px solid #B3B3B3;
}
img#verificationCode{
	width: 100%; height: auto;
	margin:5px 0px;
}


/*  Newsletter  */
.TXNewsletters_form_item input{ padding:4px; }
.TXNewsletters_form_item input[type="checkbox"]{ width:auto; }
.clear {
  clear:both;
  font-size:0pt;
  height:0px;
  margin:0;
  padding:0;
}

.TXNewsletters_general {
  position:relative;
  text-align:center;
  padding-left:24px;
  padding-right:24px;
}

.TXNewsletters_general_int {
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}

.TXNewsletters_title {
  margin:12px;
  padding:4px;
  text-align:center;
  font-size:11pt;
  font-weight:bold;
}

.TXNewsletters_menu {
  margin:12px;
  padding:4px;
  border:1px solid #cccccc;
}

.TXNewsletters_content {
  margin:12px;
  padding:4px;
  border:1px solid #cccccc;
}

.TXNewsletters_form_labelGauche {
	display:block;
	float:left;
	width:100px; height:26px; line-height:26px;
	position:relative;
	top:0px; text-align:left;
}

.TXNewsletters_form{ 
	margin:0px; padding:15px 0px 0px 0px;
	min-height:220px;
}
.TXNewsletters_form form{ min-height:150px; }

.TXNewsletters_form_right { padding-left:100px; }
.TXNewsletters_form_right div{ min-height:25px; line-height:27px; }
.TXNewsletters_form_right div input{ 
	margin:0px !important; padding:0px;
}

.TXNewsletters_form_item {
	padding:1px;
	margin:2px;
}

INPUT.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_inputErr {
	border:1px solid #ff0000;
}

.TXNewsletters_form_labelErr {
	color:#ff0000;
}

.TXNewsletters_form_th {
font-size:11px;
padding-bottom:4px;
border-bottom:1px solid #000000;
border-right:1px solid #cccccc;
}

.TXNewsletters_form_td {
font-size:10px;
padding:4px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
}

.coolButton {
cursor:pointer;
position:relative;
float:left;
border:1px solid #bbbbbb;
padding:3px;	
margin:2px;	
background-image:url("../images/buttonbaractive.gif");
}

/*  Google Maps  */
.gmap iframe {
	float:right;
	width:540px;
	border:2px solid #DDD;
	padding:0px; margin:17px 0px 0px 0px;
}
/***************************************************************/
/*   Images     				                               */
/***************************************************************/
.img-right {
    border: 1px solid #A9A9A9;
    float: right;
    margin: 5px 0 5px 15px;
    padding: 5px;
}
.img-left {
    border: 1px solid #A9A9A9;
    float: left;
    margin: 5px 15px 5px 0;
    padding: 5px;
}
.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;	
	border: 1px solid #A9A9A9;	
}
.img-left-noborder {
    float: left;
    padding: 0 10px 5px 0;    
}
.img-right-noborder {
    float: right;
    padding: 0 0 5px 10px;
}
.img-center-noborder {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;	
}

/***************************************************************/
/*  Colorbox                                                   */
/***************************************************************/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{ width:2px; height:2px; background:#eba716;}
    #cboxTopCenter{ height:2px; background:#eba716; }
    #cboxTopRight{ width:2px; height:2px; background:#eba716; }
    #cboxBottomLeft{ width:2px; height:34px; background:#eba716; }
    #cboxBottomCenter{ height:34px; background:#eba716; }
    #cboxBottomRight{width:2px; height:34px; background:#eba716;}
    #cboxMiddleLeft{width:2px; background:#eba716;}
    #cboxMiddleRight{width:2px; background:#eba716;}
    #cboxContent{background:#fff; overflow:visible;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
			position:absolute; 
			bottom:-29px; right:5px !important;
			background:url(../img/colorbox/controls.png) no-repeat 0px 0px; 
			width:23px; height:23px; text-indent:-9999px;
		}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

		
	/***************************************************************/
	/* CATALOGO PRODOTTI */
	/***************************************************************/

	body#catalogo #contentLeft{
		width:27%;
		margin:0px; padding:0px;
		float:left;
	}
	body#catalogo #contentRight{
		width:70%;
		margin:0px; padding:0px;
		float:right;
	}

	/* *************************************************************************************************************************************** */
	/* Menù di navigazione - solo testo  */
	/* *************************************************************************************************************************************** */

	/* Impostazioni generali */
	.menu_sec h3{
		font-size:18px; line-height:21px;
		margin:0px 0px 8px 0px; padding:6px 9px;
		background:#ddd;
	}
	.menu_sec h3 a{ 
		display:block;
		color:#333; 
	}
	
	.menu_sec ul{
		margin:0px; padding:0px; 
		list-style:none; 
	}
	.menu_sec ul li{ 
		display:block; 
		padding:0px; border-bottom:none; 
	}
	.menu_sec ul li a{ 
		display:block; 
		color:#333; 
		margin:0px; padding:9px; 
	}
	.menu_sec li a:hover,
	.menu_sec ul li.active > a{ 
		background:#ddd; color:#333; 
	}
	.menu_sec ul li ul{ 
		display:none; 
	}
	.menu_sec ul li.active > ul { 
		display:block; 
	}

	/* primo livello */
	.menu_sec > ul > li{ 
		border-bottom:1px solid #ccc; 
	}
	.menu_sec  > ul > li > a{ 
		color:#333; 
		margin:0px; margin:0px; 
	}
	.menu_sec > ul > li > a:hover,
	.menu_sec > ul > li.active > a{ 
		background:#F07701; color:#fff; 
	} 
	
	/* *************************************************************************************************************************************** */
	/* Preview delle categorie di prodotti */
	/* *************************************************************************************************************************************** */

	.menu_sec_preview{
		margin:0px; padding:0px;
		overflow:hidden;
	}
	.menu_sec_preview ul{ 
		margin:0px; padding:0px; 
		list-style:none; 
	}
	.menu_sec_preview ul li{ 
		display:block; 
		position:relative; 
		padding:0px; margin:0px 3px 3px 3px; 
		width:213px; height:142px;
		float:left; 
		overflow:hidden;
		border:1px solid #ccc;
	}
	.menu_sec_preview ul li a{
		display:block; 
		width:100%; height:100%;
	} 

	.menu_sec_preview ul li a img{ 
		width:100%; height:auto; 
		margin:0px; padding:0px;
		border:none;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	.menu_sec_preview ul li a p{ 
		background:url(../img/general/bg-white.png) left top repeat; 
		position:absolute; 
		left:0px; bottom:-80px; 
		padding:0px; margin:0px; 
		width:100%;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	.menu_sec_preview ul li a p span{
		display:block;
		padding:10px; margin:0px;
		line-height:18px;
		font-size:85%;
		text-transform:uppercase;
	} 
	.menu_sec_preview ul li:hover > a > p{
		bottom:0px; 
	} 
	.menu_sec_preview ul li:hover{
		opacity: 0.8;		
	}

	/* *************************************************************************************************************************************** */
	/* Dettaglio del singolo prodotto - briciole di pane */
	/* *************************************************************************************************************************************** */

	#breadcrumbs{
		margin:0px 0px 20px 0px; padding:0px 0px 5px 0px;
		border-bottom:1px solid #aaa;
		text-align:left;
	}
	
	/* *************************************************************************************************************************************** */
	/* Dettaglio del singolo prodotto - galleria */
	/* *************************************************************************************************************************************** */

	#productIMG{
		margin:0px; padding:0px;
		float:left;
		width:48%;
	}
	#productIMG img#mainImage{
		margin:0px; padding:0px;
		border:none;
		width:100%;
	}
	#productIMG #thumbs{
		width:100%;
		margin:0px; padding:10px 0px;
	}
	#productIMG #thumbs img{
		width:24%;
		margin:0px; padding:0px;
		border:none;
		cursor:pointer;
	}
	
	/* *************************************************************************************************************************************** */
	/* Dettaglio del singolo prodotto - dettagli */
	/* *************************************************************************************************************************************** */
	
	#prodDetails{
		margin:0px; padding:0px;
		float:right;
		width:48%;
	}
	
	#prodDetails h3{
		margin:0px 0px 5px 0px; padding:0px;
	}
	
	#prodDetails #form.preventivo{
		display:none;
		width:93%;
		background:#ddd;
		padding:10px;
	}
	#prodDetails #form.preventivo input[type="text"],
	#prodDetails #form.preventivo textarea{
		width:94%;
	}
	
	p#togglePreventivo{
		cursor:pointer;
		background:#ED7400;
		color:#fff;
		margin:0px; padding:4px 12px;
		border:none;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
		float:left;
	}
	p#togglePreventivo:hover{
		background:#ccc;
		color:#333;
	}