@charset "utf-8"; 
/* CSS Document */

/* RESET */
html{color:#000; background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0}table{border-collapse:collapse; border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0; font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/* MAIN */
html{background:url(../i/bg-body.jpg) top left repeat-x #adadad; font-family:Arial, Helvetica, sans-serif}
.fl{float:left}
.fr{float:right}
.cl{float:none; clear:both; height:0; overflow:hidden; line-height:0; font-size:0}
.noMarginBottom{ margin-bottom:5px !important;}
.cl.sep{ height:55px;}

/* MSG */
.msg{ position: absolute; top:0; left:0; display:none; cursor:pointer}
.msg div{height:120px; width:300px; padding:15px 10px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; background:#fff; text-align:center}
.msg div p{ font-size:16px; color:#333; line-height:19px; margin-top:15px}
.msg div a{ font-size:11px; color:#900}

.content-hp{width:953px; height:596px; padding:0 13px 17px 23px; background-position:top center; background-repeat:no-repeat; position:relative; margin:0 auto; background-image:url(../i/emotional-shadow-hp.png)}
.content-hp .label{position:absolute; top:59px; left:23px}

#emotional{width:953px; height:575px; background-image:url(../i/emotional-bg.gif); background-position:top center; background-repeat:no-repeat}
#emotional.base{background-position:center center}
#emotional.arredo2{background-position:bottom center}

.hp-foot{width:953px; background-color:#8d8d8d; height:20px; overflow:hidden; border-top:1px solid #646464}
.footer .cont ul li, .hp-foot ul li{line-height:20px; padding:0 5px}
.footer .cont ul li, .footer .cont ul li a, .hp-foot ul li, .hp-foot ul li a{color:#fff; font-size:10px}
.footer .cont ul li.cl{line-height:0; height:0; overflow:hidden; font-size:0}

.wrapper{width:976px; margin:0 auto}
.header{background:url(../i/shadow.png) top left no-repeat; width:952px; height:89px; float:left; padding:0 12px; position:relative; overflow:hidden}
.main{background:url(../i/shadow.png) top center repeat-y; width:952px; float:left; padding:0 12px}
.footer{background:url(../i/shadow.png) bottom right no-repeat; width:952px; float:left; padding:0 12px 17px}
.header .cont{background:#fff}
.header .cont ul.second{margin:0 16px 0; position:absolute; right:10px; top:40px; width:300px; text-align:right}
.header .cont ul.second li{display:inline; position:relative; font-size:12px; border-bottom:1px dotted #525252; height:21px; margin-left:12px; white-space:nowrap}
.header .cont ul.second li a{background-image:url(../i/arrows.gif); background-repeat:no-repeat; padding-left:15px; font-size:10px; color:#525252; text-decoration:none; margin-bottom:1px}

.header .cont ul.second .left{ }

.header .cont ul.first{position:absolute; left:247px; top:51px; width:400px; float:none}
.header .cont ul.first li{font-size:12px; float:left}
.header .cont ul.first li a{font-size:10px; color:#525252; text-decoration:none}
.header .cont ul.first li a.disable{ color:#C8C7C7; cursor:default;}
.main .cont{background:#fff}
.footer .cont, .hp-foot{background-image:url(../i/footer-bg.gif); background-position:top left; background-repeat:repeat}

.main .cont .col-sx{width:265px; background:url(../i/col-sx-bg.gif) top right repeat-y}
.main .cont .col-dx{width:687px}
.main .cont .col-sx-big{width:438px; background:url(../i/col-sx-bg.gif) top right repeat-y}
.main .cont .col-dx-big{width:514px}
.main .cont .col{width:458px;}
.main .cont .col img.img-sx{ float:left; border-right: 1px dotted #000;}
.main .cont .col h3 img{ vertical-align: middle; margin-right:10px}
.main .cont .col h3{ background-image:url(../i/bg-realizzazioni.gif); background-repeat:repeat-y; float:left; width: 277px; height: 30px; padding:16px 0 0 17px; color:#fff;}
.main .cont .col p{float:left; width: 274px; font-size:10px; padding:15px 3px 14px 17px; line-height: 14px;}
.main .cont .col a.continua{ background-image: url(../i/link-arrows.gif); background-repeat: no-repeat; float:left; width:257px; font-size:10px; padding:0 3px 0 17px; margin-left: 17px; text-decoration: none; color:#0e0e0e}
.main .nav{ font-size:10px; text-align: center; position: relative; color:#676767; padding: 35px 0;}
.main .nav a{color:#676767; text-decoration: none; background-repeat: no-repeat;}
.main .nav a.back{background-image: url(../i/link-arrows-back.gif); padding-left: 10px; margin-right: 5px}
.main .nav a.next{background-image: url(../i/link-arrows.gif); padding-right: 10px; margin-left: 5px }
.main .nav .pager{ position:absolute; right:15px; top:35px; }
.main .nav .pager span{color:#2b2b2b;}

.contact{ background:url(../i/contact-bg.gif) top left repeat-x; height:270px; overflow:hidden; padding:22px 18px 0 21px; margin-top:1px;}
.contact h4{ font-size:18px; color:#000; font-weight:lighter; margin-bottom:23px;}
.contact form label{ font-size:12px; font-weight:bold; color:#666; height:22px; line-height:22px; margin-bottom:10px;}
.contact form .text,.contact form .textarea{font-size:12px; color:#666; width:298px; overflow:hidden; background-image:url(../i/bg-form.gif); background-repeat:no-repeat; margin-bottom:10px;}
.contact form .text{height:22px; background-position:top left}
.contact form .textarea{height:60px; background-position:0 -22px; padding:1px 0;}
.contact form .text input, .contact form .textarea textarea{ background:none; border:none; outline:none}
.contact form .text input{height:20px; line-height:20px; width:290px; margin:0 4px}
.contact form .textarea textarea{ height:58px; width:293px; margin:0 2px 0 4px; resize:none;}
.contact form .privacy{font-size:10px; font-weight:normal;color:#666; line-height:13px; margin-left:10px; margin-bottom:0; vertical-align:middle;}
.contact form .privacy a{font-weight:bold;color:#666;}

.map{ height:555px; width:437px; background:#CCC; overflow:hidden}

.col-dx-big h2.title{background-image:url(../i/title-bg.gif); background-repeat:no-repeat; color:#fff; height:33px; padding:23px 0 0 34px}
.col-dx-big h3.title{font-size:22px; margin:19px 0 0 16px; font-weight:lighter}
.col-dx-big p{margin:16px; font-size:12px; color:#2b2b2b; text-align:justify}
.col-dx-big p.details{margin:16px 16px 30px; font-size:12px;}
.col-dx-big ul{margin:0 16px; font-size:10px; color:#2b2b2b}
.col-dx-big ul li:before{content: "- ";}
.col-dx-big .sep{background:url(../i/col-sx-bg.gif) repeat-x -2px 0; height:1px; overflow:hidden; margin:5px 15px}
.col-dx-big .addthis_toolbox{margin:16px 0 0 16px;}


.desc{padding:40px 60px 40px 44px}
.desc h1{font-size:22px; font-weight:lighter}
.desc p{color:#2b2b2b; font-size:12px; margin-top:20px}
.desc p a{color:#2b2b2b}

.emotional{width:687px; height:447px; padding-bottom:40px; background-position:top left; background-repeat:no-repeat; position:relative; /*background:url(../i/bg-emotional.jpg) 0 0 no-repeat;*/}
.emotional .video{position:absolute; bottom:40px; right:0; z-index:2; background:#fff; /*z-index:100;*/ width:251px; height:164px; padding:3px 3px 0 3px}
.emotional .video h3{font-size:21px; font-weight:lighter; margin-bottom:2px}
.emotional .video .embed{width:251px; height:163px; position:relative; z-index:102;/* overflow:hidden;*/}

.menu{width:265px; padding-top:20px; background:#fff; position:relative;}
.menu li{width:265px; position:relative; height:56px; float:left; background-image:url(../i/menu-bg.gif); background-repeat:no-repeat; border-bottom:1px solid #fff; font-family:Helvetica, sans-serif}
.menu li a{height:32px; padding-top:24px; display:block; padding-left:52px; background:url(../i/menu-arrow.png) 36px 26px no-repeat; font-size:14px; color:#fff; text-decoration:none; overflow:hidden}

ul.links{margin:0 17px}
ul.links li:before{content:'';}
ul.links li a{background-image:url(../i/link-arrows.gif); background-repeat:no-repeat; padding-left:18px; font-size:10px; color:#2b2b2b; text-decoration:none}

#show-image{width:437px; height:400px; overflow:hidden; margin-bottom:3px; margin:auto;}
#show-image div{width:437px}

ul#slider{ float:left;}
ul#slider li{display:inline; position:relative; width:52px; height:50px; float:left; margin:4px 0 4px 4px; overflow:hidden;}
ul#slider li img{cursor:pointer;  width:80px;}

/* varianti arredodue */
#base .footer .cont{background-color:#648ac0}
#base .menu li,
#base h2.title{background-position:bottom left}
#base .desc h1,
#base .emotional .video h3,
#base .on a,
#base .col-dx-big h3.title{color:#436ba6}
#base a.left{background-position:0 0}
#base a.right{background-position:0 -80px}
#base ul.links li a{background-position:0 4px}
#base .jcarousel-skin-tango .jcarousel-container{background-position:top left}
#base .jcarousel-skin-tango2 .jcarousel-container{background-position:top left}
#base .main .cont .col h3{ background-position: top right;}
#base .main .cont .col a.continua,
#base .main .nav a.back{background-position:0% 2px;}
#base .main .nav a.next{background-position:100% 2px;}

/* varianti base */
#arredodue .footer .cont{background-color:#902424}
#arredodue .menu li,
#arredodue h2.title{background-position:top left}
#arredodue .desc h1,
#arredodue .emotional .video h3,
#arredodue .on a,
#arredodue .col-dx-big h3.title{color:#922223}
#arredodue a.left{background-position:0 -80px}
#arredodue a.right{background-position:0 -160px; display:none;}
#arredodue ul.links li a{background-position:0 -90px}
#arredodue .jcarousel-skin-tango .jcarousel-container{background-position:bottom left}
#arredodue .jcarousel-skin-tango2 .jcarousel-container{background-position:bottom left}
#arredodue .main .cont .col h3{ background-position: top left;}
#arredodue .main .cont .col a.continua,
#arredodue .main .nav a.back{background-position:0% -92px;}
#arredodue .main .nav a.next{background-position:100% -92px;}

/* skin slider */
.jcarousel-skin-tango .jcarousel-container, .jcarousel-skin-tango2 .jcarousel-container{background-image:url(../i/slider-bg.gif); background-repeat:repeat-x}
.jcarousel-skin-tango .jcarousel-direction-rtl, .jcarousel-skin-tango2 .jcarousel-direction-rtl{direction:rtl}
.jcarousel-skin-tango .jcarousel-container-horizontal{width:395px; padding:0 21px}
.jcarousel-skin-tango2 .jcarousel-container-horizontal{width:507px; padding:0 21px}
.jcarousel-skin-tango .jcarousel-clip, .jcarousel-skin-tango2 .jcarousel-clip{overflow:hidden}
.jcarousel-skin-tango .jcarousel-clip-horizontal{width:395px; height:50px}
.jcarousel-skin-tango2 .jcarousel-clip-horizontal{width:507px; height:50px}
.jcarousel-skin-tango .jcarousel-item, .jcarousel-skin-tango2 .jcarousel-item{width:52px; height:50px}
.jcarousel-skin-tango .jcarousel-item-horizontal, .jcarousel-skin-tango2 .jcarousel-item-horizontal{margin-left:0; margin-right:5px}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal, .jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-item-horizontal{margin-left:10px; margin-right:0}
.jcarousel-skin-tango .jcarousel-item-vertical, .jcarousel-skin-tango2 .jcarousel-item-vertical{margin-bottom:10px}
.jcarousel-skin-tango .jcarousel-item-placeholder, .jcarousel-skin-tango2 .jcarousel-item-placeholder{background:#fff; color:#000}
.jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango2 .jcarousel-next-horizontal, .jcarousel-skin-tango2 .jcarousel-prev-horizontal{position:absolute; top:0px; width:21px; height:50px; cursor:pointer; background-image:url(../i/slider-arrow.png); background-repeat:no-repeat}
.jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango2 .jcarousel-next-horizontal{right:0; background-position:top left}
.jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango2 .jcarousel-prev-horizontal{left:0; background-position:bottom left}
.jcarousel-skin-tango .jcarousel-next-horizontal.jcarousel-next-disabled, .jcarousel-skin-tango .jcarousel-prev-horizontal.jcarousel-prev-disabled, .jcarousel-skin-tango2 .jcarousel-next-horizontal.jcarousel-next-disabled, .jcarousel-skin-tango2 .jcarousel-prev-horizontal.jcarousel-prev-disabled{background-position:-100px -100px; cursor:none}


.contVideo{ width:251px; height:163px; position:relative; cursor:pointer; }
.preview-video{ width:251px; height:163px;}
.preview-video .preview{ position:absolute; top:0px; left:0px; z-index:1;}
.preview-video .play{ position:absolute; top:0px; left:0px; z-index:2;}

#slideshow_home{ width:687px; height:447px; position:absolute; top:0px; left:0px; z-index:0;}

#label_video{ width:400px; height:143px; z-index:2; position:absolute; left:0px; bottom:40px; color: #FFFFFF; padding:5px;   font-size: 12px; background:url(../i/bk2.png) 0 0 no-repeat; text-align:justify; padding-top:19px; padding-left:15px; padding-right:15px;}
#label_video span{ color:#FFFFFF; font-weight:bold;}