body, html {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
color:#000000;
background: #514D13 url(img/bg%20copy.jpg) top repeat-x;
}
body {height:100%; margin:0; padding:0; }
li{
text-decoration:none;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
p{
margin: 0px;
padding: 0px;
}
.general{
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
}
.container{
width: 955px;
height: 600px;
margin: auto;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
}
.container a{
color: #000000;
}
.top_header{
width: 100%;
height: 60px;
background-color: #4f4c13;
}
.sound{
width: 160px;
font-size: 10px;
color: #ffffff;
text-align: center;
font-weight: bold;
padding-top: 12px;
float: left;
}
.sound a{
color: #ffffff;
font-weight: bold;
}
.flags{
width: 90px;
float: left;
padding-top: 15px;
}
.flags img{
margin-right: 4px;
}
.save{
width: 387px;
font-size: 11px;
color: #9bafaf;
float: left;
text-align: right;
padding-top: 12px;
padding-right: 10px;
}
.save a{
color: #ffffff;
text-decoration:underline;
}
.save img{
vertical-align: middle;
}
.friends{
width: 133px;
font-size: 11px;
color: #ffffff;
float: left;
text-align: left;
padding-top: 12px;
}
.friends a{
color: #ffffff;
text-decoration:underline;
}
.friends img{
vertical-align: middle;
}
#nav_container4{
width:100%;
margin-top:1px;
float:left;
text-decoration:none;
}
#nav_container4 li{
text-decoration:none;
padding:0px;
margin-bottom:1px;
float:left;
}
#nav_container4 ul{
text-decoration:none;
}
#nav_container4 a:link,#nav_container4 a:visited,#nav_container4 a:active{
width:135px;
background: url(images/bg6.gif) 0px -70px repeat-x;
font-weight:bold;
height:30px;
padding-top:5px;
display:block;
text-align:center;
text-decoration:none;
color:#ffffff;
}
#nav_container4 a:hover{
text-decoration:none;
color:#ffffff;
background: url(images/bg6.gif) 0px 0px repeat-x;
}
.chiama_gratis{
width: 500px;
float: left;
text-align: right;
margin-top: 1px;
}
/*----HEADER---------------------------------------------------------------------------------------------------------------*/
.header{
width:955px;
height:184px;
background:url(img/sopra.jpg);
}
.img_logo{
width:234px;
height:184px;
float:left
}
.img_menu_header{
width:721px;
height:184px;
float:right;
}
.img_header{
width:721px;
height:146px;
}
.menu{
width:721px;
height:38px;
}
/*----CONTENUTO---------------------------------------------------------------------------------------------------------------*/
.main_container{
background-color: #ffffff;
width: 955px;
height: 338px;
padding-top: 7px;
}
.container_sx{
background-color:#f9edc3;
width: 550px;
height: 338px;
float: left;
padding: 0px 0px 0px 0px;
}
.container_dx{
width: 368px;
height: 326px;
float: right;
}
.video{
width: 356px;
height: 350px;
}
.box_benvenuti{
width: 514px;
height: 100px;
padding-left:10px;
padding-right:1px;
padding-top:20px;
}
.box_benvenuti a{
color:#5e2e00;
font-weight:bold;
text-decoration:none;
}
.box_cosaoffriamo{
width: 500px;
height: 215px;
padding-left:20px;
padding-right:10px;
}
.testo_cosaoffriamo{
float:right;
}
.box_cosaoffriamo a{
color:#5e2e00;
font-weight:bold;
text-decoration:none;
}
.box_2_img{
width:152px;
height:172px;
float: left;
}
.img_sx{
float: left;
}
.img_dx{
float: right;
}
.bordo_img{
border:1px solid #333333;
}
/* ----------------------- CHI SIAMO ----------------------- */
.box_chisiamo_sx{
background:url(img/tabella_logoe.png) left bottom no-repeat;
width:620px;
height:338px;
background-color: #fdf7d0;
float:left;
}
.menu_chisiamo{
width:169px;
float:left;
}
.testo_chisiamo{
background-color:#f9edc3;
width:365px;
height:318px;
float:right;
padding:10px 10px 10px 10px;
}
.box_chisiamo_dx{
width:325px;
height: 338px;
float:right;
padding-left:10px;
}
.virtual{
width: 320px;
height: 284px;
padding: 0px 0px 0px 0px;
float: left;
}
/* ----------------------- PARTNERS ----------------------- */
.box_partners_sx{
width:620px;
height:338px;
background-color: #fdf7d0;
float:left;
}
.menu_partners{
float:left;
}
.testo_partners{
background-color:#f9edc3;
width:365px;
height:318px;
float:right;
padding:10px 10px 10px 10px;
}
.box_partners_dx{
width:325px;
height: 338px;
float:right;
padding-left:10px;
}
.virtual{
width: 320px;
height: 284px;
padding: 0px 0px 0px 0px;
float: left;
}
/* ----------------------- DOCUMENTAZIONE ----------------------- */
.main_container_documentazione{
width: 945px;
height: 338px;
padding-top: 7px;
padding-right:10px;
}
.box_documentazione_sx{
width:235px;
height:338px;
background-color: #fdf7d0;
float:left;
}
.menu_documentazione{
}
.box_documentazione_dx{
background-color:#f9edc3;
width:700px;
height: 328px;
float: right;
padding-top:10px;
padding-left:10px;
}
.iframe_documentazione{
overflow:auto;
width: 700px;
height: 280px;
overflow-x: hidden;
}
.riga_doc{
width: 680px;
height: 140px;
}
.download{
width: 320px;
float: left;
margin-right: 15px;
padding-left:10px;
height: 140px;
}
.download_dx{
width: 320px;
float: left;
margin-right: 15px;
padding-left:10px;
height: 140px;
border-left:1px solid #989797;
}
.img_download{
width: 52px;
float: left;
margin-right: 10px;
margin-top: 4px;
}
.riga_sx_doc{
width: 325px;
height: 120px;
float:left;
}
.img_riga_doc{
width: 52px;
height: 80px;
float:left;
padding-top:20px;
}
.testo_riga_doc{
width: 253px;
height: 90px;
float:right;
padding:20px 10px 10px 10px;
}
.riga_dx_doc{
width: 325px;
height: 100px;
float:right;
}
/* ----------------------- FOTOGALLERY ----------------------- */
.main_container_fotogallery{
width: 945px;
height: 338px;
padding-top: 7px;
padding-right:10px;
}
.box_fotogallery_sx{
background: #f9edc3 url(img/tabella_logoe.png) left bottom no-repeat;
width:235px;
height:338px;
background-color: #fdf7d0;
float:left;
}
.menu_fotogallery{
}
.box_fotogallery_dx{
background-color:#f9edc3;
width:700px;
height: 328px;
float: right;
padding-top:10px;
padding-left:10px;
}
/* ----------------------- OPINIONI ----------------------- */
.main_container_opinioni{
width: 945px;
height: 338px;
padding-top: 7px;
padding-right:10px;
}
.box_opinioni_sx{
width:235px;
height:338px;
background-color: #fdf7d0;
float:left;
}
.menu_opinioni{
}
.box_opinioni_dx{
background-color:#f9edc3;
width:700px;
height: 328px;
float: right;
padding-top:10px;
padding-left:10px;
}
.iframe_opinioni{
overflow:auto;
width: 700px;
height: 280px;
overflow-x: hidden;
}
.riga_opinioni{
overflow:auto;
width: 700px;
height: 100px;
overflow-x: hidden;
}
.riga_opinioni a{
color:#2a2a2a;
font-weight:bold;
text-decoration:none;
}
/* ----------------------- PRODOTTI E SERVIZI ----------------------- */
.box_prodotti_sx{
width:550px;
height:338px;
float:left;
background: #fdf7d0 url(img/tabella_logoe.png) left bottom no-repeat;
}
.menu_prodotti{
width:235px;
float:left;
}
.testo_prodotti{
background-color:#f9edc3;
width:295px;
height:318px;
float:right;
padding:10px 10px 10px 10px;
}
.box_prodotti_dx{
width:395px;
height: 338px;
float:right;
padding-left:10px;
}
.video_prodotti{
width: 384px;
height: 337px;
}
.virtual{
width: 320px;
height: 284px;
padding: 0px 0px 0px 0px;
float: left;
}
/* ----------------------- VETRINA ----------------------- */
.main_container_vetrina{
width: 945px;
height: 338px;
padding-top: 7px;
padding-right:10px;
}
.box_vetrina_sx{
width:235px;
height:338px;
background-color: #fdf7d0;
float:left;
}
.box_vetrina_dx{
background-color:#f9edc3;
width:700px;
height: 328px;
float: right;
padding-top:10px;
padding-left:10px;
}
.iframe_vetrina{
overflow:auto;
width: 700px;
height: 280px;
overflow-x: hidden;
}
.riga_vetrina{
width: 670px;
height: 140px;
padding-bottom:10px;
}
.riga_sx_vetrina a, .riga_dx_vetrina a {
color:#5e2e00;
font-weight:bold;
text-decoration:none;
}
.riga_sx_vetrina{
width: 335px;
height: 130px;
float:left;
}
.img_riga_vetrina{
width: 111px;
height: 110px;
float:left;
}
.testo_riga_vetrina{
width: 194px;
height: 130px;
float:right;
padding:0px 20px 0px 10px;
}
.riga_dx_vetrina{
width: 335px;
height: 100px;
float:left;
}
/* ----------------------- LISTINO PREZZI ----------------------- */
.main_container_listino{
width: 945px;
height: 338px;
padding-top: 7px;
padding-right:10px;
}
.box_listino_sx{
width:235px;
height:338px;
background-color: #fdf7d0;
float:left;
}
.box_listino_dx{
background-color:#f9edc3;
width:700px;
height: 328px;
float: right;
padding-top:10px;
padding-left:10px;
}
.iframe_listino{
overflow:auto;
width: 700px;
height: 280px;
overflow-x: hidden;
}
.riga_listino{
width: 670px;
height: 39px;
margin-bottom:5px;
}
.riga_listino_sx{
width: 590px;
height: 34px;
background-color:#fdf2d4;
padding:4px 2px 2px 4px;
float:left;
}
.riga_listino_dx{
width: 62px;
height: 34px;
background-color:#fdf2d4;
padding:4px 2px 2px 2px;
float:left;
margin-left: 2px;
}
/* ----------------------- PROMOZIONI ----------------------- */
.main_container_promozioni{
width: 945px;
height: 338px;
padding-top: 7px;
padding-right:10px;
}
.box_promozioni_sx{
background: #f9edc3 url(img/tabella_logoe.png) left bottom no-repeat;
width:235px;
height:338px;
background-color: #fdf7d0;
float:left;
}
.menu_promozioni{
}
.box_promozioni_dx{
background: #f9edc3;
width:700px;
height: 328px;
float: right;
padding-top:10px;
padding-left:10px;
}
.iframe_promozioni{
overflow:auto;
width: 700px;
height: 280px;
overflow-x: hidden;
}
.riga_promozioni1{
overflow:auto;
width: 720px;
height: 490px;
overflow-x: hidden;
}
.riga_promozioni2{
overflow:auto;
width: 720px;
height: 490px;
overflow-x: hidden;
}
.riga_promozioni{
overflow:auto;
width: 720px;
height: 270px;
overflow-x: hidden;
}
.riga_promozioni a{
color:#0099FF;
font-weight:bold;
text-decoration:none;
}
.riga_promozioni2 a{
color:#0099FF;
font-weight:bold;
text-decoration:none;
}
/* ----------------------- VETRINA MARCHI----------------------- */
.main_container_vetrinamarchi{
width: 945px;
height: 338px;
padding-top: 7px;
padding-right:10px;
}
.box_vetrinamarchi_sx{
width:235px;
height:338px;
background-color: #fdf7d0;
float:left;
}
.box_vetrinamarchi_dx{
background-color:#f9edc3;
width:700px;
height: 328px;
float: right;
padding-top:10px;
padding-left:10px;
}
.iframe_vetrinamarchi{
overflow:auto;
width: 700px;
height: 280px;
overflow-x: hidden;
}
.riga_vetrinamarchi{
width: 690px;
height: 140px;
padding-bottom:10px;
}
.riga_vetrinamarchi a{
color:#693703;
font-weight:bold;
text-decoration:none;
}
.riga_sx_vetrinamarchi{
width: 335px;
height: 130px;
float:left;
}
.img_riga_vetrinamarchi{
width: 324px;
height: 55px;
}
.testo_riga_vetrinamarchi{
width: 315px;
height: 70px;
padding:10px 20px 0px 0px;
}
.riga_dx_vetrinamarchi{
width: 335px;
height: 130px;
float:left;
}
/* ----------------------- DOVE SIAMO----------------------- */
.main_container_dovesiamo{
background-color: #ffffff;
width: 945px;
height: 338px;
padding-top: 7px;
padding-right:10px;
}
.box_dovesiamo_sx{
background: #f9edc3 url(img/tabella_logoe.png) left bottom no-repeat;
width:235px;
height:338px;
background-color: #fdf7d0;
float:left;
}
.box_dovesiamo_dx{
background-color:#f9edc3;
width:710px;
height: 328px;
float: right;
padding-top:10px;
padding-left:0px;
}
.box_dovesiamo_dx1{
background: #f9edc3 ;
line-height: 12px;
width:710px;
height: 338px;
float: right;
}
.bottom_map01{
width: 63px;
height: 24px;
float: left;
padding:2px 0 2px 0;
}
.bottom_map02{
padding:2px 0 2px 0;
width: 447px;
height: 24px;
float: left;
}
.map{
width: 695px;
height: 220px;
float: left;
clear: both;
background-color: #3e3e3f;
}
.where{
width: 240px;
height: 85px;
overflow: hidden;
padding-right: 10px;
font-family: "Thaoma";
float: left;
margin-top: 1px;
}
.where a{
color:#3e3e3f;
font-weight:bold;
}
.timetables{
width: 270px;
height: 85px;
overflow: hidden;
font-family: "Thaoma";
float: left;
margin-top: 1px;
}
.calculate{
width: 130px;
color: #3e3e3f;
float: left;
margin-top: 3px;
}
.calculate a{
color:#3e3e3f;
font-weight:bold;
}
.calculate img{
vertical-align: middle;
margin-bottom: 1px;
}
/* ----------------------- BRANCHES ----------------------- */
.main_branches{
margin-left:10px;
margin-top:0px;
width: 350px;
height: 300px;
float: left;
}
.main_branches a{
color: #3e3e3f;
text-decoration:underline;
}
.branches{
width: 150px;
height:250px;
line-height: 18px;
float: left;
padding: 30px 0px 0px 0px;
}
.map_branches{
float: right;
text-indent:-1000;
}
.branches_detail{
border-left: 1px solid #3e3e3f;
padding-left:5px;
width: 150px;
height: 110px;
margin-top: 30px;
float: left;
}
/* ----------------------- BRANCHES DETAIL CITY ----------------------- */
.box_branches_detail_city_sx{
width:550px;
height:338px;
background-color: #fdf7d0;
float:left;
}
.menu_dovesiamo{
width:235px;
height:338px;
float:left;
}
.testo_branches_detail_city{
background-color:#f9edc3;
width:295px;
height:318px;
float:right;
padding:10px 10px 10px 10px;
}
.testo_branches_detail_city a{
color:#0a1f26;
font-weight:bold;
text-decoration:none;
}
.box_branches_detail_city_dx{
width:395px;
height: 338px;
float:right;
padding-left:10px;
}
.video_branches_detail_city{
width: 384px;
height: 337px;
}
/* ----------------------- POPUP ----------------------- */
.popup_img{
width: 324px;
height: 324px;
float: left;
margin-right: 10px;
}
.text_popup{
float: left;
line-height: 14px;
color: #000000;
}
.popup{
width: 630px;
height: 324px;
background-image: url(img/sfondo_popup.jpg);
padding: 20px;
color: #000000;
}
.popup_sx{
float: left;
width: 325px;
}
.popup_dx{
overflow: hidden;
width: 285px;
float: left;
padding-left: 20px;
}
.testo_popup{
}
/* ----------------------- FOOTER ----------------------- */
.footer{
font-size: 10px;
background-color: #4f4c13;
color: #ffffff;
text-align: center;
width: 955px;
height: 34px;
}
.footer a{
text-decoration: underline;
color: #ffffff;
}
.footer a:hover{
color: #ffffff;
}
.footer img{
vertical-align: middle;
}
/* ----------------------- TAGS ----------------------- */
.comics{
width: 105px;
height: 47px;
background-image: url(img/comics.gif);
}
.logo_comics{
width: 89px;
height: 100%;
text-align: center;
margin-left: 16px;
vertical-align: middle;
}
.titoli{
font-size: 22px;
color: #ffffff;
margin: 0px 0px 0px 0px;
}
.border_img{
border: 1px solid red;
}
img{
border: 0px;
}
div{
text-align: justify;
}
a:hover{
text-decoration: none;
}
/* ----------------------- PER SM ----------------------- */
.perSM {
position:relative;
}
.perSM:after {
content: "."; display: block; height: 0; clear: both; visibility:hidden; /* layout contorna IE-MAC-FF-OP */
}
.perSM {
display: inline-block; /* layout contorna IE-MAC-FF-OP end */
}
* html .perSM {
height: 1%; /* layout contorna IE-MAC-FF-OP start \*/
}
.perSM {
display: block; /* layout contorna IE-MAC-FF-OP end */
}
.menu_footer {
width: 248px;
height:100%;
margin: 0 auto;
font-size: 11px;
font-family: "Trebuchet MS", Arial, Helvetica;
color: #fff;
}
.menu_footer a {
color: #fff;
}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:20px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:1px; height:200px; padding:2px; border:1px solid #ccc; }
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:206px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}