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

body{margin: 0px;background-image: url(../images/back_02.jpg);background-repeat: repeat-x;background-color: #fff; font-family: Arial, Helvetica, sans-serif;}
#page{background-color: #FFF;background-image: none; font-family: Arial, Helvetica, sans-serif;}
.main {width:900px;margin-right: auto;margin-left: auto;font-family: Arial, Helvetica, sans-serif;}
.main h1 {font-size: 40pt;font-weight: lighter;font-style: italic;}

/*-------------------------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------------------------*/

.header{height:120px;color: #475f79;background-color: #FFF; width: 100%; width:100%;}
#content{margin-right: auto; margin-left: auto;width: 900px;}
.logo{margin-top:20px;margin-left:20px;width: 850px;float:left;}
.logo a{color: #475f79;text-decoration: none;float:left;}
#tipe{margin-left:15px;margin-bottom:10px;}
.logo a img {border-top-width: none;border-right-width: none;border-bottom-width: none; border-left-width: none;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
.menu {float:right;margin-top:25px; position:relative; z-index:5;}
#flag {position: relative;margin-left: 380px;margin-top: -10px;z-index:1; }
#flag img{margin-left:6px;}
#flag a {opacity:0.6;filter:alpha(opacity=60);}
#flag a:hover{opacity:1.0;filter:alpha(opacity=100);}
.menu ul{float:right;margin-top: 20px;margin-right: -20px;}
.menu ul li {height: 15px;color: #475f79;list-style-type: none;float: left; font-size: 11px;text-align: center;padding-right: 7px;padding-left: 7px;margin-left: 5px;}
.menu ul li a {color: #475f79; text-decoration: none; height:15px; float:none;}
.menu ul li:hover {color: #475f79;text-decoration:none; border-bottom-width:1px; border-bottom-style: outset; border-bottom-color:#475f50;}
.menu ul li:hover ul{display:block; position:absolute;}
.menu ul li ul {display:none; background-color: #475f79; float: left; width:460px; margin-left: -120px;margin-top:1px; height: 30px; padding-right:33px;}
.menu ul li ul li {margin-top:10px; height:15px;}
.menu ul li ul li:hover {border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#FFFFFF !important;}
.menu ul li ul li a {color:#FFF; float:none;}
.bn {border:none !important; }

/*-------------------------------------------------------------------------------------------*/
/* FOOTER */
/*-------------------------------------------------------------------------------------------*/

.footer {width:100%;height:30px;margin-top: 30px;border-top-width: 1px;border-top-style: dotted;border-top-color: #333;margin-right: auto;margin-left: auto;position: relative;float: left;font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #666;}
.footer #txt {height: 15px;width: 850px;margin-top: 6px;margin-right: auto;margin-left: auto;}
.footer #txt a{color: #666; text-decoration:none}
.footer #txt a:hover{color: #333; text-decoration:underline}
.footer #five{float:right;}

/*-------------------------------------------------------------------------------------------*/
/* INDEX */
/*-------------------------------------------------------------------------------------------*/

.dark {height:203px;width:180px;position: relative;float: left;z-index:4;transition:height 1s;-moz-transition:height 1s;-webkit-transition:height 1s;-o-transition:height 1s;background-image: url(../images/back_dark.png);background-repeat: repeat;}
.dark:hover {height:150px;}
.dark a{position: absolute;width: 160px;height:100px;float: left;padding-top:100px;-moz-transition:padding-top .4s linear;-webkit-transition:padding-top .4s linear;-o-transition:padding-top .4s linear;transition: padding-top .4s linear;}
.dark a:hover{text-decoration: none;padding-top:55px;-moz-transition:padding-top .3s linear;-webkit-transition:padding-top .3s linear;-o-transition:padding-top .3s linear;transition:padding-top .3s linear;	}

.photo01 a {float:left;background-image:url(../images/01_ban_home.jpg);margin-top:-203px;height:403px;width:180px;-webkit-transition: background 0.5s linear;-moz-transition: background 0.5s linear;-o-transition: background 0.5s linear;transition: background 0.5s linear;}
.photo02 a{float:left;background-image:url(../images/02_ban_home.jpg);margin-top:-203px;height:403px;width:180px; -webkit-transition: background 0.5s linear;-moz-transition: background 0.5s linear;-o-transition: background 0.5s linear;transition: background 0.5s linear;}
.photo03 a{float:left;background-image:url(../images/03_ban_home.jpg);margin-top:-203px;height:403px;width:180px;-webkit-transition: background 0.5s linear;-moz-transition: background 0.5s linear;-o-transition: background 0.5s linear;transition: background 0.5s linear;}
.photo04 a{float:left;background-image:url(../images/04_ban_home.jpg);margin-top:-203px;height:403px;width:180px;-webkit-transition: background 0.5s linear;-moz-transition: background 0.5s linear;-o-transition: background 0.5s linear;transition: background 0.5s linear;}
.photo05 a{float:left;background-image:url(../images/05_ban_home.jpg);margin-top:-203px;height:403px;width:180px;position: relative;-webkit-transition: background 0.5s linear;-moz-transition: background 0.5s linear;-o-transition: background 0.5s linear;transition: background 0.5s linear;}

.story_home { float: left; height: 199px; width: 501px; margin-top: 35px; margin-left: 20px; position: relative; background-image: url(../images/story.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #333; line-height: 30px; background-repeat: no-repeat; background-position: center; }
.story_home a {float:left; padding-left:20px;}
.story_home #link {margin-top:153px; color: #333333; text-decoration: none; font-size: 14px;}
.story_home #link:hover {text-decoration: underline;}
.cont_home {float: right;height: 198px;width: 316px;margin-right: 20px;margin-top: 35px;position: relative;font-family: Arial, Helvetica, sans-serif;color: #333;}

.story_home_eng { float: left; height: 199px; width: 501px; margin-top: 35px; margin-left: 20px; position: relative; background-image: url(../images/story_eng.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #333; line-height: 30px; background-repeat: no-repeat; background-position: center; }
.story_home_eng a {float:left; padding-left:20px;}
.story_home_eng #link {margin-top:153px; color: #333333; text-decoration: none; font-size: 14px;}
.story_home_eng #link:hover {text-decoration: underline;}

.main .cont_home p {margin-right:20px; margin-left: 20px;font-size: 12px;}
.main .cont_home #tit {font-weight: bold;font-size: 14px;margin-top: 23px;padding-bottom: 7px;}
.main .cont_home #tit a {color: #333;text-decoration: none;float: right;}
.main .cont_home #tit a:hover {text-decoration: underline;}

.maindark {height:203px; position: relative;}

/*-------------------------------------------------------------------------------------------*/
/* STORIA */
/*-------------------------------------------------------------------------------------------*/

.storia_txt {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; float: left; width: 500px;margin-top: 50px; margin-left:10px; position: relative; text-align: justify;}
.photo {float: right;margin-top: 45px;width: 330px;}
.photo img:hover{-moz-box-shadow:0px 0px 5px 0px #6A6A6A;-webkit-box-shadow:0px 0px 5px 0px #6A6A6A;box-shadow:0px 0px 5px 0px #6A6A6A;}
.main .photo .tiny {float: right;height: 50px;width: 325px;filter: Light;}
.main .photo .big {width: 320px;margin-top: 15px;float: right;}
#page .main .photo .tiny a {margin-left: 10px;}
#page .main .photo .big a img {float: right;margin-bottom: 10px;height: 176px;width: 306px;margin-right: 9px;}

/*-------------------------------------------------------------------------------------------*/
/* PRODUZIONI */
/*-------------------------------------------------------------------------------------------*/
.produzioni01{width:950px; margin-bottom:35px; margin-top:-20px;}
.produzioni02{width:950px; margin-bottom:35px;}
.produzioni03{width:950px; margin-bottom:35px;}

.testo_prod{width:450px; font-size: 13px; margin-bottom:20px; float:left;}
.testo_prod img{margin-top:10px;}

.galleria_prod{float: right;width: 310px;height: 200px;margin-top: 20px;margin-right: 100px;}
#t_02{margin-top:20px;}
#t_03{margin-top:20px;}
#p_02{margin-top:80px;}
#p_02 img {float:left; margin-left:10px; margin-top:12px;}
#p_03{margin-top:50px;}

/*-------------------------------------------------------------------------------------------*/
/* SEPARATORI */
/*-------------------------------------------------------------------------------------------*/

.sep{height:8px;}
#s01{background-image:url(../images/line_up.png);margin-top:20px;width:510px;}
#s02 {background-image:url(../images/line_dw.png);width: 860px;float: left;}
#s03 {background-image:url(../images/line_dw.png);width: 500px;float: left; margin-top:40px;}
#s04 {background-image:url(../images/line_dw.png);width: 310px;float: left;}
#s05 {background-image:url(../images/line_dw.png);width: 501px; float:left;}

/*-------------------------------------------------------------------------------------------*/
/* BANNER */
/*-------------------------------------------------------------------------------------------*/

.ban {height: 199px;width: 100%;margin-right: auto;margin-left: auto;background-color: rgb(153,153,153);background-repeat: no-repeat;background-position: center}
#prod {background-image:url(../images/prod_ban.jpg);}
#comm {background-image:url(../images/comm_bann.jpg);}
#prom {background-image:url(../images/promo_bann.jpg);}
#story {background-image: url(../images/story_ban.jpg);}
#sacro {background-image: url(../images/sacro_ban.jpg);}
#moda {background-image: url(../images/moda_ban.jpg);}
#indu {background-image: url(../images/ind_ban.jpg);}
#espo {background-image: url(../images/espo_bann.jpg);}
#cont {background-image: url(../images/cont_bann.jpg);}

#prod_eng {background-image:url(../images/prod_ban_eng.jpg);}
#comm_eng {background-image:url(../images/comm_bann_eng.jpg);}
#prom_eng {background-image:url(../images/promo_bann_eng.jpg);}
#story_eng {background-image: url(../images/story_ban_eng.jpg);}
#sacro_eng {background-image: url(../images/sacro_ban_eng.jpg);}
#moda_eng {background-image: url(../images/moda_ban_eng.jpg);}
#indu_eng {background-image: url(../images/ind_ban_eng.jpg);}
#espo_eng {background-image: url(../images/espo_bann_eng.jpg);}
#cont_eng {background-image: url(../images/cont_bann_eng.jpg);}

/*-------------------------------------------------------------------------------------------*/
/* GALLERIA */
/*-------------------------------------------------------------------------------------------*/

.lav_gal {position:relative;margin-right: 5px;margin-left: 20px;float: left;margin-top: 10px;overflow: hidden;}
.lav_gal img {-webkit-transform: scale(1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 200ms;-moz-transform: scale(1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 200ms;-o-transform: scale(1);-o-transition-timing-function: ease-out;-o-transition-duration: 200ms;padding:15px;}
.lav_gal img:hover {-webkit-transform: scale(1.05);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 200ms;-moz-transform: scale(1.05);-moz-transition-timing-function: ease-out;-moz-transition-duration: 200ms;-o-transform: scale(1.05);-o-transition-timing-function: ease-out;-o-transition-duration: 200ms;overflow: hidden;}

/*-------------------------------------------------------------------------------------------*/
/* CONTATTI */
/*-------------------------------------------------------------------------------------------*/

.cont_txt { font-size: 14px; color: #333333; float: left; width: 500px; margin-top: 35px; position: relative; text-align: left; margin-left: 20px; }
.form{text-align:center;float:left;width: 500px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #444444;margin-top:30px;margin-bottom: -20px;}
.form #cell{padding-left:10px;width:240px;}
.form #cell input {text-align: center;width: 90%;}
.form tr{border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.form #invia input {background-color: #000;color: #FFFFFF;font-weight: bold;height: 40px;width: 80px;font-size: 16px;vertical-align: middle;word-spacing: 200px;text-transform: uppercase;border:none;line-height:0;cursor:pointer; padding-top:6px; }
.form #invia input:hover{background-color: #484848}
.form #messaggio{font-size: 14px;width:500px; height:30px;border-radius: 7px; vertical-align:bottom;}
.form input{height:20px;border:1px solid #606060;margin-top:-5px;}
.form b {text-align:center;}
.form #obbligo{font-size:8pt; margin-bottom:20px;}
.form #invia {padding-top:20px;}
.form td{height:18px;}

.contatti { float: right; width: 310px; margin-top: 40px; }
.contatti p{ font-size: 14px; color: #333333; text-align:left; padding:35px 0 30px 15px;}
.contatti #map{margin-left:50px;font-size:8pt; color: #A0A0A0; text-decoration:none;}
.contatti #map:hover{text-decoration:underline; color: #5D5D5D;}
#mail{color:#333; text-decoration:none;}
#mail:hover{text-decoration:underline;}

/*-------------------------------------------------------------------------------------------*/
/* DISTRIBUZIONE */
/*-------------------------------------------------------------------------------------------*/

.distri_txt {color:#333333; float:left;width:950px; margin-top:40px; position:relative; text-align:justify; float:left; margin-left:-20px;}
.distri_txt p{font-size: 8pt; width:120px; float: left; line-height:15px; margin-top:75px; }
.main #intro{color:#555;padding-top:50px; margin-bottom:-90px; font-size:10pt;margin-left:-20px;position:absolute;}
.world{width: 450px;height: 300px;float: right;}