/* ----- Resets -----*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, form, input, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
display: block;
}
a img {border: 0; float: left;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ----- Typography presets ----- */
@font-face {
font-family: 'Century';
src: url('../font/CENTUR01.otf');
}
@font-face {
font-family: 'Helvetica';
src: url('../font/HelveticaNeueLTStd-Lt.otf'), format('opentype');
}
@font-face {
font-family: 'ptsans';
src: url('../font/PTC55F.ttf');
}
h1, h2, h3, h4 {
font-family: 'Helvetica', Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:1.2;
}
h1 {
font-size:48px;
}
h2 {
font-size:14px;
}
h3 {
font-size:11px;
}
h4 {
font-size:12px;
color:#e7000c;
}
p{margin-top:5px;}
.h3_link {color:#fff; font-size:11px; text-transform:uppercase; padding-left:5px; padding-right:5px;}
.map_link { font-size:12px; color:#E30613;}
.small,
small {
font-size:12px;
}
a { text-decoration:none; color:rgb(83, 82, 82);}
div.helpOnline div#menu_prod {
background-color:#fff;
font-size:12px;
line-height:14px;
}
.helpOnline {}
div.helpOnline div#menu_prod ul li a fieldset legend {font-weight:bold;}
div.helpOnline div#menu_prod ul li a:hover {text-decoration:none;background-color:white;}
hr {
border: none;
margin-top:10px;
margin: 1em auto;
height: 1px;
background: transparent url('images/sito_ist/img/hr.gif') repeat-x scroll top left;
clear: both;
float: left;
width: 100%;
}
table#showroom tbody tr td {
border:0px solid white;
}
#jason a {color:white; font-size:11px;}
/* Selection colours */
::selection { background:rgba(199, 199, 199, 0.56);}
::-moz-selection { background:rgba(199, 199, 199, 0.56);}
img::selection { background:transparent;}
img::-moz-selection { background:transparent;}
body {-webkit-tap-highlight-color:transparent;}
/* Default Layout: 992px.
Gutters: 24px.
-------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */
body {
border:0px solid green;
background-repeat:repeat-x;
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
font-family: 'Helvetica', Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1.5;
}
.wrapper {
width:1000px;
margin:0 auto;
/*border: 8px solid white;*/
border-top: 0px;
border-bottom:0px;
/*background-color:#CCC;*/
}
/* ----- header ----- */
#benvenuto{
color: #FFFFFF;
width: 140px;
float: left;
margin-left: 550px;
padding-top: 5px;
margin-right: 10px;
}
#signup {
font-size: 12px !important;
text-transform:capitalize;
}
a#signup:link {
opacity: 0.7;
}
a#signup:hover {
color: #FFFFFF;
opacity: 1;
text-decoration: underline;
}
a#signup:visited {
}
.riservata {
float: right;
margin-right: 45px;
}
#areariservata {
float: right;
font-size: 12px;
font-weight: bold;
margin-right: 0;
margin-top: 5px;
text-transform: capitalize;
}
header {
padding:0px 0;
background-color:#ffffff;
}
#user{
height:27px;
background-color:#000000;
}
#logo{
border:0px solid #CC0;
float:left;
margin-top: -6px;
margin-left: 11px;
}
#testata{
width:100%;
margin-bottom: 0px;
background-image:url(images/sito_ist/img/sf_header_world.jpg);
background-position:center bottom;
background-repeat:no-repeat;
float:left;
}
#content{
width:100%; float:left; margin-top:0px; background-color:#ffffff; background-image: url(images/sito_ist/img/angolo_alluminio.png);background-repeat: no-repeat; background-position: bottom right; }
#barra_up {
border:0px solid red;
}
#jason{
width: 1000px; height: 30px; background: #000000; display:none; margin-bottom: 0px; color:#FFFFFF;
}
#area{
float: right;
width:126px;
}
#menu_fascia{
float:left;
margin-left: 21px;
margin-top: 38px;
}
#frecce_slideshow{
width:385px;
height:40px;
border:0px solid green;
position:absolute;
z-index:9999;
background-image:url(images/sito_ist/img/opacity.png);
/*opacity:0.6;*/
margin-top:420px;
}
#left_menu {/*background-color:#e7000c; */float:left;}
#box_titolo{
width:289px;
height:99px;
background-image:url(images/sito_ist/img/sfondo_titolo.png);
background-repeat:no-repeat;
position:absolute;
z-index:8888;
border:0px solid green;
margin-left: 80px;
margin-top: 49px;
}
#titolo_home{
/*margin-left: 80px;
margin-top: 49px;*/
font-size: 30px;
color: #ffffff;
padding-left: 27px;
padding-top: 20px;
line-height: 30px;
font-family: 'Century', Arial, sans-serif;
}
ul#mymenu {
font-family:'Helvetica', Arial, Helvetica, sans-serif;
font-size: 70%;
line-height: 29px;
color: #FFF;
background-color: #E7000C;
height: 29px;
width: 773px;
margin-top: -17px;
margin-left: 7px;
text-align: left;
}
ul#mymenu, ul#mymenu li, ul#mymenu ul, ul#mymenu ul li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#mymenu a {
color: #FFF;
text-decoration: none;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
display: block;
font-size:15px;
}
ul#mymenu li{
float: left;
position: relative;
margin-left: 80px;
/*font-size: 13px;*/
}
ul#mymenu li li{
display: block !important;
float: none;
height: 29px;
width: 180px;
}
ul#mymenu ul{
color: #642eab;
background-color: #FFF;
position: absolute;
/*width: 200px;*/
top: 26px;
left: -9999px;
border: 1px solid #E7000C;
padding:7px 0;
margin-top: 2px;
}
ul#mymenu ul,ul#mymenu li li a {
color: #000;
background-color: #FFF;
}
ul#mymenu li:hover, ul#mymenu a:hover {
color: #FFF;
background-color: #E7000C;
}
ul#mymenu li:hover ul{
left: -1px;z-index: 100;
}
hgroup {
float:left;
display:inline;
text-align:left;
}
hgroup h1,
hgroup h2 {
color:#FFFFFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
hgroup h1 {
line-height:1;
}
hgroup h2 {
font-size:28px;
}
nav {
float:right;
display:inline;
height:80px;
}
nav ul {
list-style-type:none;
height:80px;
}
nav li{
display:inline;
float:left;
margin:0 0 0 10px;
width:80px;
height:80px;
}
nav li a {
display:inline;
float:left;
width:80px;
height:80px;
line-height:80px;
text-align:center;
font-family:'Helvetica', Arial, Helvetica, sans-serif;
font-size:21px;
-moz-border-radius:320px;
-webkit-border-radius:320px;
border-radius:320px;
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.6);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.6);
box-shadow:1px 1px 1px rgba(0,0,0,0.6);
}
nav li a:link,
nav li a:visited {
color:#FFFFFF;
background:rgb(79,105,156); /* IE rgba fallback */
background:rgba(255,255,255,0.2);
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-0-transition: all 0.4s;
transition: all 0.4s;
}
nav li a:hover,
nav li a:focus,
nav li a:active {
color:#000000;
background:#ffffff;
text-shadow:none;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
/* ----- content ----- */
/*Sezione CSS Aluk Util*/
.fileDownload {
/*background-color: #ECECEC;*/
margin-bottom: 10px;
}
.download {float:left;}
.textDownload {max-width: 760px; width:auto; padding-left: 10px; padding: 3px 8px; font-size: 11px;text-align: left;}
.icoDownload {
height: auto;
}
.titleDownload {
background-color: #EEEEEE;
height: auto;
font-weight: bold;
}
.commentDownload {
border-bottom:1px solid #DDDDDD;
/*width: 52%;*/
height: auto;
font-style: italic;
}
div.fileDownload a:hover {text-decoration:underline;}
.descriptionDownload {
width: 100%;
height: auto;
}
.descript{font-size:11.5px; line-height: 17px;}
#zip_ico{ width: 21px !important; height: auto; cursor: pointer;}
#separatore { width: 100%; min-height: 20px; background-color: #FFFFFF; float:left;}
.menu_scelta{ background-color: #AAAAAA; float: left;width: 100%;margin-bottom: 10px;}
#title_menu_scelta {font-weight: bold; padding: 5px 5px 0px 5px; font-size: 13.5px;}
.menu_scelta_tendina ul{display: inline-block;list-style: none; padding: 0 10px; text-align:center; margin-left:15px;}
.menu_scelta_tendina ul li{float:left; padding: 5px 3px 3px 3px;border: 1px solid #EEEEEE; width: 120px; margin: 2px; font-size: 11px;line-height: 10px;height: 21px; overflow: hidden;}
.menu_scelta_tendina ul li a{color: #333;}
.menu_scelta_tendina ul li a:hover{color: #222; text-decoration: underline;}
.menu_scelta_tendina ul.ul-mercati,
.menu_scelta_tendina ul.ul-serie {
display: inline-block;
list-style: none;
padding: 0 10px;
text-align:center;
margin-left:15px;
}
.menu_scelta_tendina ul.ul-mercati li,
.menu_scelta_tendina ul.ul-serie li {
float:left;
padding: 5px 3px 3px 3px;
border: 1px solid #EEEEEE;
width: 60px;
margin: 2px;
font-size: 11px;line-height: 10px;
height: 21px;
overflow: hidden;
}
.menu_scelta_tendina ul.ul-mercati li a,
.menu_scelta_tendina ul.ul-serie li a {
color: #333;
}
.menu_scelta_tendina ul.ul-mercati li a:hover,
.menu_scelta_tendina ul.ul-serie li a:hover {
color: #222;
text-decoration: underline;
}
.scelta_attiva {background-color: #EEE; border: 1px solid #333 !important; color: #6833A5;}
.scelta_attiva a {color: #424347 !important;}
/*--------------------*/
/*Sezione Area Riservata News*/
.content_area_news{width: 100%; height: auto; border: 0px solid #9d9d9d; border-top: 0px solid #9d9d9d;}
.title_news{background-color: #ECECEC; padding-top: 4px; padding-right:1%;padding-left:1%; margin-bottom: 8px; margin-left:1px;font-weight: bold; border-top: 1px solid #aaa; min-height: 20px; float: left; width: 98%;}
div.title_news span { font-size: 11px;font-style: italic;font-weight: normal;margin-right: 5px;padding-right: 5px;border-right:1px solid #aaa;}
.rating{width: 110px; height: 20px; float: right;margin: -2px; margin-right: 2px;}
.img_star{width: 16px !important; float: right; display: inline-block; padding: 2px; cursor: pointer;}
.news_area{ width: 98%; margin-bottom: 5px; padding-left:1%;padding-right:1%; padding-bottom:10px; border:1px solid #aaa;}
.news_area ul{margin-left: 25px; margin-top: 10px;}
.index_news {width: 90%;margin-left: auto; margin-right: auto; background-color: #000; display: block; color: #999; min-height: 15px; padding: 3px 7px;font-size:13px;font-weight:bold;margin-top:15px;margin-bottom:15px;}
#left_index_news{float:left;width:80%;text-align:center;}
#right_index_news{ color: #FFFFFF;float: right;font-size: 12px;font-weight: normal;text-align: right;width: 80px;}
#left_index_news a {color: #999; cursor:pointer;}
#left_index_news .selected {color: white;font-size:15px;}
#left_index_news a:hover {text-decoration: underline; color:#fff;}
/*--------------------*/
section {
text-align:left;
padding:0px 0;
}
section:nth-of-type(odd) {
/*background:url(img/noise.png);*/
}
section#intro .wrapper {
border:10px solid #fff;
background-color: #fff;
/*height: 200px;*/
/*-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.6);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.6);*/
/*box-shadow:0 1px 2px rgba(0,0,0,0.6);*/
}
.menu_header { float:left; background-image:url(images/sito_ist/img/menu_header.png); background-repeat:no-repeat; height:27px; width:202px; background-size:100%;}
.menu_footer { float:left; background-image:url(images/sito_ist/img/menu_footer_2.jpg); background-repeat:no-repeat; height:27px; width:202px; background-size:100%; margin-bottom:10px;}
.menu_footer_grigio { float:left; background-image:url(images/sito_ist/img/menu_footer_grigio.png); background-repeat:no-repeat; height:27px; width:202px; background-size:100%; margin-bottom:10px;}
.menu_footer_nero {
background-image: url("images/sito_ist/img/menu_footer_nero.png");
background-repeat: no-repeat;
background-size: 100% auto;
float: left;
height: 27px;
margin-bottom: 0;
width: 202px;
}
#col_sx{
float:left;
}
#titolo_box_sx{
width:177px;
height:40px;
float:left;
color:#FFFFFF;
padding-left: 10px;
padding-top: 5px;
}
#box1{
height:150px;
width:220px;
background-color:#e7000c;
margin-right:5px;
margin-bottom:5px;
margin-top:0px;
}
#box2{
height:150px;
width:220px;
background-color:#e7000c;
margin-right:5px;
margin-bottom:5px;
margin-top:5px;
}
#box3{
height:150px;
width:220px;
background-color:#e7000c;
margin-right:5px;
margin-bottom:5px;
margin-top:5px;
}
#box4{
height:460px;
width:385px;
margin-right:5px;
margin-bottom:5px;
margin-top:0px;
float:left;
overflow:hidden;
}
#box5{
height:460px;
width:385px;
/*background-color:#CC0000;*/
margin-bottom:5px;
margin-top:0px;
float:left;
}
div#box5 div div.bx-wrapper div.bx-viewport ul#slider4 li {
height:300px;
overflow:hidden;
}
div#box5 div div.bx-wrapper div.bx-viewport div#bx-pager a {
height:70px;
overflow:hidden;
}
section#intro div.wrapper div#content div#menu_sx div span {text-transform:capitalize;}
#box_gallery{
float:left;
height:40px;
background-color:#e7000c;
/*margin-top: -51px;*/
/*margin-top: -41px;*/
}
#col_interna{
width: 1000px;
float: left;
background-color: #fff;
/*background-color: green;*/
}
.titolo_box_interna{
width:91px;
height:40px;
float:left;
color:#FFFFFF;
padding-left: 10px;
padding-top: 5px;
}
.titolo_box_img{
width: 220px;
float: left;
border: 0px solid yellow;
}
.titolo_box_interna_angolo{
height: 40px;
width: 33px;
float: right;
margin-top: 25px;
}
.box_interna_1{
height: 110px;
width: 323px;
background-color: #e7000c;
margin-right: 15px;
margin-bottom: 0px;
margin-top: 0px;
float: left;
}
#box_interna_2{
height: 110px;
width: 323px;
background-color: #e7000c;
margin-right: 15px;
margin-bottom: 0px;
margin-top: 0px;
float: left;
}
#box_interna_3{
height: 110px;
width: 323px;
background-color: #e7000c;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
float: left;
}
#gallery_title {
margin-top: 0px;
background-color: rgb(235, 233, 233);
height: 30px;
padding-top: 10px;
padding-left: 10px;
}
div#box5 div div.bx-wrapper div.bx-viewport ul#slider4 li a img {width:118%;}
div#content_projects div div div.bx-wrapper div.bx-viewport ul#slider6 {height:340px;overflow:hidden;}
div#content_projects div div div.bx-wrapper div.bx-viewport {height:340px!important;}
div#content_projects div div div.bx-wrapper div.bx-viewport ul#slider6 a.pirobox img {/*width:100%;*/margin-left:auto;margin-right:auto;}
div#content_projects div div div.bx-wrapper div.bx-viewport ul#slider6 a {display:flex;margin-right:auto;margin-left:auto;}
#titolo_box_gallery{
width:342px;
height:40px;
float:left;
color:#FFFFFF;
padding-left: 10px;
padding-top: 1px;
text-transform:uppercase;
}
#news{
width:820px;
margin-bottom:5px;
padding-top:5px;
float:left;
/*background-image: url(../img/angolo_alluminio.png);
background-repeat: no-repeat;
background-position: bottom right;*/
}
#grafismo_news{
width:34px; height:34px; position:absolute; z-index:9999; margin-left: 85px; margin-top: -8px;
}
#grafismo_alluminio{
width:34px; height:34px; position:absolute; z-index:9999; margin-left: 114px; margin-top: -8px;
}
#news_box{
float:left;
margin-top: 5px;
background-image:url(images/sito_ist/img/news_angolo2.png);
background-repeat:no-repeat;
background-position: bottom right;
}
#news_border{
border: 0px solid green;
height: 82px;
border-right: 1px dotted #000000;
float:left;
margin-top:40px;
}
#news_border_right{
border: 0px solid green;
height: 82px;
}
.news_img {float:left;border:0px;min-height:100px;}
.news_box_img{
width: 100px;
background-color: #FFFFFF;
border: 1px solid black;
margin-left: 10px;
float: left;
}
.news_box_img_wide {float:left; border:1px solid #000;background-color:#fff;width:100px;}
.news_titolo{
float: left;
border: 0px solid green;
margin-left: 9px;
width: 138px;
max-height:53px;
font-size:13px;
overflow:hidden;
font-size:13px;
}
.news_testo{
float: left;
border: 0px solid green;
margin-left: 9px;
width: 138px;
max-height:60px;
overflow:hidden;
margin-top: 13px;
}
#news1,#news2,#news3,#home_news1,#home_news2,#home_news3{
width:273px;
padding-top:40px;
padding-bottom:40px;
/* background-color:#0f62bf;*/
float:left;
border:0px solid green;
}
#prj3,#prj4 {
width:273px;
padding-top:40px;
padding-bottom:40px;
/* background-color:#0f62bf;*/
float:left;
border:0px solid green;
}
#news_inner { padding-top:40px; padding-bottom:40px; width:273px; float:left;}
#news4{
/*height:152px;
width:175px;*/
float:left;
height: 171px;
margin-top: 9px;
width: 165px;
margin-left: 9px;
}
#news4_alluminio{
width:160px;
height:121px;
margin-left: 8px;
background-image:url(images/sito_ist/img/alluminio.jpg);
background-repeat:no-repeat;
float:left;
}
section#portfolio .wrapper {
background-color:#09F;
height: 162px;
}
section#intro img {
/*width:100%;*/
display:block;
}
section#intro .ad-gallery .ad-thumbs li a img {
width:100px;
}
section h2 {
text-shadow: 1px 1px 1px #ffffff;
}
.multi-column {
-moz-column-count:3;
-webkit-column-count:3;
column-count:3;
-moz-column-gap:24px;
-webkit-column-gap:24px;
column-gap:24px;
text-align:justify;
text-shadow: 1px 1px 1px #ffffff;
}
.go-top {
text-align:center;
margin-top:24px;
}
.go-top a {
display:block;
width:48px;
height:48px;
line-height:48px;
-moz-border-radius:192px;
-webkit-border-radius:192px;
border-radius:192px;
position:relative;
margin:0 auto;
}
.go-top img {
position:absolute;
top:6px;
left:6px;
}
.go-top a:link,
.go-top a:visited {
color:#FFFFFF;
background:rgba(255,255,255,0.2);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-0-transition: all 0.4s;
transition: all 0.4s;
}
.go-top a:hover,
.go-top a:focus,
.go-top a:active {
background:#ffffff;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.6);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.6);
box-shadow:1px 1px 1px rgba(0,0,0,0.6);
}
/* ----- gallery ----- */
.gallery {
margin-top:24px;
}
#gallery_grafismo{
width:54px;
height:54px;
position:absolute;
z-index:9999;
margin-left: 320px;
margin-top: 4px;
}
.gallery figure {
width:206px;
float:left;
display:inline;
margin-right:24px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.6);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.6);
box-shadow:0 1px 2px rgba(0,0,0,0.6);
}
.gallery figure:last-of-type {
margin-right:0;
}
.gallery figure img {
width:100%;
}
.key_figure {
float:left;
border:1px solid #CCC;
width:95%;
padding:5px;
margin-top:15px;
}
/* ----- contact form ----- */
#form-container {
width: 436px;
margin:0 auto;
padding:24px 0;
background: url(img/noise.png);
}
/*legend {
font-family:'Helvetica', Arial, Helvetica, sans-serif;
font-size:36px;
color:#3c3c3c;
text-shadow:1px 1px 1px #ffffff;
padding: 0 0 0 120px;
}*/
label {
float:left;
/*clear:left; */
line-height: 12px;
margin-top: 5px;
/*margin-bottom: 5px;*/
text-align:left;
color: #3c3c3c;
width:90%;
/*text-transform:uppercase;
text-shadow:1px 1px 1px #ffffff;*/
}
input,
textarea {
/*width: 130px;*/
width:90%;
float:left;
margin-top: 0px;
font-family:'Helvetica', Arial, Helvetica, sans-serif;
color:#000000;
background-color:#e7e7e7;
border:1px solid #c8c8c8;
}
input {
/*height:30px; */ max-width:245px;
}
textarea {
/*height:150px;*/
background-color:#FFF;
margin-bottom:20px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color:#a1b2c3;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.6); */
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color:#a1b2c3;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.6);*/
}
input:focus,
textarea:focus {
background:#ffffff;
color:#3c3c3c;
text-shadow:none;
}
input[type=submit] {
width:185px;
height: 30px;
margin-left: 195px;
cursor:pointer;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
}
/* ----- footer ----- */
footer {
padding:0px 0;
margin-bottom:0px;
margin-top: -2px;
}
#footer_grafismo {
width: 34px;
height: 34px;
margin-top: 13px;
float: right;
margin-right: 20px;
}
#footer_menu{
text-align: left;
background-color: #c5c5c5;
height: 43px;
border-bottom: 1px solid #FFF;
float: left;
width: 100%;
}
#footer_menu ul {
border-width:1px 0;
list-style:none;
margin:0;
padding:0;
text-align:center;
padding-left:50px;
}
#footer_menu ul li {
display:inline;
margin:0 10px 0 0;
width:80px;
}
#footer_menu ul li a {
display:inline-block;
padding:12px;
}
/*
#footer_menu ul {
/ *border:0px solid red;* /
/ *display: inline-block;* /
margin-left: auto;
margin-right: auto;
width:auto;
/ *padding-left:170px; * /
list-style-type: none;
text-align: center;
padding:0px;
margin:0px;
}
footer li{
display:inline;
/ *float:left;* /
margin:0 10px 0 0;
width:80px;
margin-top: 14px;
}
*/
#box_footer{
text-align: left;
background-color: #c5c5c5;
height: 7px;
float: left;
width: 100%;
}
footer p {
/*float:right;*/
display:inline;
}
footer li img {
position:absolute;
top:6px;
left:6px;
}
footer li a:link,
footer li a:visited {
color:#000;
}
select, input, textarea {
font-size: 11px;
margin-top: 5px;
background-color:#eee;
border:1px solid #ccc;
resize:none;
}
.example {
border: 1px solid #CCC;
background: #f2f2f2;
padding: 10px;
}
pre {
font-family: 'Helvetica', Arial, Helvetica, sans-serif;
border: 1px solid #CCC;
background: #f2f2f2;
padding: 10px;
}
code {
font-family: 'Helvetica', Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#gallery {
padding: 30px;
background: #e4e4e4;
}
#descriptions {
position: relative;
height: 50px;
background: #EEE;
margin-top: 10px;
width: 640px;
padding: 10px;
overflow: hidden;
}
#descriptions .ad-image-description {
position: absolute;
}
#descriptions .ad-image-description .ad-description-title {
display: block;
}
/*FINE GALLERY*/
/*MENU PRINCIPAL*/
#menu_principal{
/*float:right;*/
/*border-bottom:1px solid #df0714;*/
height:29px;
background-image: url("images/sito_ist/img/menu_sfondo.gif");
background-repeat: repeat-x;
/*margin-top:66px;*/
width:704px;
position:relative;
float:right;
z-index:999;
}
#menu_principal li .sous_menu a.belles_realisations{
position:absolute;
text-transform:uppercase;
color:#FFF;
left:2px;
bottom:7px;
padding:5px 10px 5px 40px;
line-height:13px;
margin:0;
height:13px;
width:auto;
background:#000 url(images/pages/guillemet_03.png) no-repeat 10px 4px;
}
#menu_principal .separateur{
background:url(images/home/menu_pointille_separateur.png) no-repeat top left;
width:0px;
height:21px;
float:left;
margin-top:9px;
}
#menu_principal div:first-child{
/*background:none;*/
}
#menu_principal li {
float: left;
font-size: 15px;
/*height: 27px;*/
list-style-type: none;
padding-bottom: 0;
padding-left: 25px;
padding-right: 25px;
padding-top: 6px;
text-align: center;
text-transform: uppercase;
z-index: 99999;
}
#menu_principal li:hover{
/*background:#eae3da;*/
background:#5f5655;
color:white;
}
#menu_principal li:first-child{
background:none;
margin-left:0px;
}
#menu_principal li a{
color:#FFF;
font-family:'Helvetica', Arial, Helvetica, sans-serif;
}
#menu_principal li:hover a{
/*color:#e30613;*/
color:white;
}
#menu_principal li a:hover{
text-decoration:none;
}
.select {
background-color:#000;
}
#menu_principal li .sous_menu{
position:absolute;
width:773px;
height:130px;
background: url(images/sito_ist/img/fond_sous_menu.png) no-repeat top left;
left:0px;
top:28px;
/*display:none;*/
/*padding-top:25px;*/
z-index:500;
overflow:hidden;
height:0px;
}
ul#menu_principal li.parent.voci div.sous_menu a{
float:left;
text-transform:uppercase;
font-size:9px;
margin-left:20px;
width:60px;
text-align:left;
border:0px solid red;
display:block;
height: 90px;
}
#menu_principal li .sous_menu a{
float:left;
text-transform:uppercase;
font-size:9px;
margin-left:10px;
width:60px;
text-align:left;
border:0px solid red;
display:block;
height: 90px;
}
#menu_principal li:hover .sous_menu a{
color:#FFF;
}
#menu_principal li:hover .sous_menu a:hover{
text-decoration:underline;
}
#menu_principal li .sous_menu a img{
float:left;
display:block;
margin-bottom:7px;
width: 100%;
}
#menu_principal li .sous_menu a span{
display:block;
background:url(images/home/guillemet04.png) no-repeat 0px 2px;
padding-left:0px;
text-align:center;
}
.cerca_menu_sous {
margin-top: -10px;
float: left;
padding-top: 5px;
margin-left: 15px;
text-align: left;
color: #fff;
border: 0px solid red;
margin-bottom: 10px;
background-color: #000;
}
#indirizzo{
font-family:'Helvetica', Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:5px;
clear: both;
float: left;
width: 100%;
text-align: center;
}
/*FINE MENU PRINCIPAL*/
#container,#container_home{
width: 100%;
background-image:url(images/sito_ist/img/sf_body.png);
background-repeat:repeat-x;
}
#menu_sx{
width: 220px;
float: left;
}
#sfondo_nero_menu{
background-color: #000000;
height: 27px;
}
#testo_articolo{
width: 512px;
height: 100px;
border: 0px solid green;
float: left;
margin-left: 5px;
background-color: #0033FF;
}
.tab-no-border td, .tab-no-border th {border:0px none!important;}
#img_descrittive{
width: 258px;
height: 100px;
border: 0px solid red;
float: right;
margin-left: 5px;
background-color: #063;
}
#didascalia{
margin-top: 2px;
margin-bottom: 12px;
font-size: 13px;
/*float:left;*/
}
#path{ float:left; width:525px;}
#path_rosso{
font-size:13px;
font-weight:bold;
color:#e7000c;
float:left;
}
#path_nero{
margin-left: 10px;
font-size:13px;
font-weight:bold;
float: left;
}
#title { float: left; width: 525px; }
#titolo_articoli{
font-size: 20px;
font-weight: bold;
color: #e7000c;
border: 0px solid green;
margin-right: 10px;
margin-top: 5px;
margin-left: 32px;
}
#data_articoli{
font-weight: bold;
color: #e7000c;
border: 0px solid green;
margin-right: 10px;
margin-top: 5px;
margin-left: 32px;
font-size: 0.9em;
font-style: italic;
}
.subtitle_prod {
font-size: 18px;
color: #e7000c;
margin-left: 33px;
font-style:italic;
/*border-bottom:1px dashed #ccc;*/
margin-bottom:10px;
text-align: left;
}
#testo_articoli{
float:left;
font-size: 12px;
width:530px;
border:0px solid green;
margin-bottom: 15px;
/*text-align:justify;*/
margin-top: 5px;
line-height: 16px;
}
#testo_articoli_prodotti{
float:left;
font-size: 12px;
width:100%;
border:0px solid green;
margin-bottom: 15px;
text-align:justify;
margin-top: 5px;
line-height: 16px;
}
#testo_articoli_prodotti ol {padding:10px 30px 10px 30px}
#testo_articoli_prodotti ul {padding:10px 30px 10px 30px}
div#testo_articoli label {
width:100%;
}
div#testo_articoli input[type="radio"] {clear:both;width:100px!important;margin:0px;}
div#testo_articoli input[type="checkbox"] {clear:both;width:100px!important;margin:0px;background-color: #FFFFFF; }
div#testo_articoli_prodotti div.content_prod div p {margin-top:10px;}
div#testo_articoli_prodotti div.content_prod div ul {margin-left:40px;margin-top:10px;}
#testo_articoli ul{margin-left:60px;}
#testo_articoli ol{margin-left:60px;}
#testo_articoli a:link,#testo_articoli a:visited {color:#e7000c;}
#testo_articoli a:hover {text-decoration:underline;}
#frecce_oriz_nere{
width:27px; height:27px;margin-top: 7px; float:left;}
#container_text{
border:0px solid red;
width: 770px;
margin-left: 10px;
float: left;
min-height:360px;
}
.box_redazionale_img { border:0px solid green; float:right; width: 225px; margin-right: 0px; margin-bottom: 10px;}
#img_redazionale{
width:225px; float:right;
}
.img_redazionale_1{
border: 0px solid green;
float: left;
width: 225px;
margin-right: 0px;
}
#img_redazionale_2{
border: 0px solid green;
float: left;
width: 235px;
margin-right: 0px;
}
/*MENU SINISTRO*/
#topnav {
width: 202px;
font-family: 'Helvetica', Arial, Helvetica, sans-serif;
background-color:#E3021B;
color:#000;
font-size: 15px;
line-height:25px;
}
#topnav ul {
padding: 0;
margin:0;
border:0px solid blue;
}
#topnav ul li {
list-style-type: none;
}
#topnav li {
padding-left: 0px;
}
#topnav li li {
font-size:12px;
}
#topnav li li a{
padding-left:30px;
}
#topnav li li li {
font-style:italic;
font-size:12px;
}
#topnav li li li a { /*,#topnav li li li a:visited,#topnav li li li a:hover {*/
line-height: 18px;
padding-left:38px;
/*background-position:12px center;*/
}
#topnav a, #topnav a:visited {
color: #FFF;
margin-left:0px;
text-decoration: none;
padding-left:32px;
display:block;
}
#topnav a:hover {
color:black;
background-color:#ebe4d9;
display:block;
background-image:url(images/sito_ist/img/frecce_orizz_nera.png);
background-repeat:no-repeat;
}
#topnav .selected1 {
background-color:#000;
background-image: url(images/sito_ist/img/frecce_orizz.png);
background-repeat:no-repeat;
}
#topnav .selected {
background-color:#ebe4d9;
background-image:url(images/sito_ist/img/frecce_orizz_nera.png);
background-repeat:no-repeat;
}
#menu_sx #topnav .selected1 {
background-color:#000;
background-image:url(images/sito_ist/img/frecce_orizz.png);
background-repeat:no-repeat;
color:#fff;
}
#menu_sx #topnav ul li ul li .selected {
background-image:url(images/sito_ist/img/frecce_orizz_nera.png);
background-position: 0 0;
background-repeat:no-repeat;
color:#000;
}
#menu_sx #topnav ul li ul li ul li .selected {
background-image:url(images/sito_ist/img/frecce_orizz_nera.png);
background-repeat:no-repeat;
background-position:12px center;
background-color: #BBAB99;
color:#000;
}
#tabs_wrapper {
width: 522px;
}
#tabs_container {
border-bottom: 1px solid #ccc;
}
#tabs {
list-style: none;
padding: 5px 0 4px 0;
margin: 0 0 0 10px;
font: 0.75em arial;
}
#tabs li {
display: inline;
}
#tabs li a {
border: 1px solid #ccc;
padding: 4px 6px;
font-size: 13px;
color:#000;
text-decoration: none;
background-color: #eeeeee;
border-bottom: none;
outline: none;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
#tabs li a:hover {
background-color: #dddddd;
padding: 4px 6px;
}
#tabs li.active a {
border-bottom: 1px solid #fff;
background-color: #fff;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
#tabs li.active a:hover {
background-color: #eeeeee;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
#tabs li a.icon_accept {
background-image: url(accept.png);
background-position: 5px;
background-repeat: no-repeat;
padding-left: 24px;
}
#tabs li a.icon_accept:hover {
padding-left: 24px;
}
#tabs_content_container {
border: 1px solid #ccc;
border-top: none;
padding: 10px;
width: 500px;
float:left;
}
.tab_content {
display: none;
}
/* tab prodotti */
#tabs_wrapper_prodotti {
width: 100%;
float: left;
margin-bottom: 20px;
}
#tabs_container_prodotti {
border-bottom: 1px solid #ccc;
float:left;
width:100%;
height:29px;
}
#tabs_prodotti {
list-style: none;
padding: 5px 0 4px 0;
margin: 0 0 0 10px;
font: 0.75em arial;
}
#tabs_prodotti li {
display: inline;
}
#tabs_prodotti li a {
display:block;
width:30%;
text-align: center;
float:left;
border: 1px solid #ccc;
padding: 4px 6px;
font-size: 13px;
color:#000;
text-decoration: none;
background-color: #eeeeee;
border-bottom: none;
outline: none;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
#tabs_prodotti li a:hover {
background-color: #fff;
padding: 4px 6px;
}
#tabs_prodotti li.active a {
border-bottom: 1px solid #fff;
background-color: #fff;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
#tabs_prodotti li.active a:hover {
background-color: #fff;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
#tabs_prodotti li a.icon_accept {
background-image: url(accept.png);
background-position: 5px;
background-repeat: no-repeat;
padding-left: 24px;
}
#tabs_prodotti li a.icon_accept:hover {
padding-left: 24px;
}
#tabs_content_container_prodotti {
border: 1px solid #ccc;
border-top: none;
padding: 0px;
width: 100%;
float: left;
}
.tab_content_prodotti {
display: none;
}
form fieldset {
padding: 0 15px 0px;
border: 0;
}
section#intro div#box4 ul#slider3 li { width:385px !important; height:460px !important; }
section#intro div#box4 ul#slider3 li div.bx-caption { position:absolute;
left:30px;
top:30px;
width:289px;
height:99px;
/*background-image:url(images/sito_ist/img/sfondo_titolo.png);*/
background-image:url(images/sito_ist/img/sfondo_titolo-dark.png);
background-repeat:no-repeat;
background-color: transparent;
color:#fff;
z-index:8;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/*text-transform:uppercase; */
}
section#intro div#box4 div div div div.bx-pager.bx-default-pager {
position: absolute;
bottom: 0px;
width: 100%;/*98%;*/
left: 0px;/*12px;*/
text-align: left;
background-image:url(images/sito_ist/img/opacity.png);
/* vecchie regole
padding-bottom: 29px;
height: 10px;
padding-top: 5px;
*/
padding:0px;
height:50px;
/*per IE8 */
/*display:block;
z-index:9999;
top:10px;*/
}
section#intro div#box4 div div div div.bx-controls-direction { display:none;}
section#intro div#box4 div div div div div.bx-pager-item a.bx-pager-link {display:inline-block;
width:22px;
height:30px;
background:url(images/sito_ist/img/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-left:5px;
margin-top:5px; }
ul.menu_top_riservata {
float: left;
font-size: 11px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-top: 1px;
}
ul.menu_top_riservata li a.current span, ul.menu_top_riservata li a:hover span {
background-color:#eee;
color:#E30613;
}
ul.menu_top_riservata li {
display: inline;
float: left;
margin: 0px 8px;
}
ul.menu_top_riservata li a {
color: #FFFFFF;
cursor: pointer;
float: left;
text-decoration: none;
line-height:27px;
}
ul.menu_top_riservata li a span {
float: left;
/*margin-top: -5px;*/
padding: 0px 5px 0px 5px;
position: relative;
}
section#intro div#box4 div div div div div.bx-pager-item a.bx-pager-link.active {background-position:0 -28px;}
section#intro div#box5 div div#bx-pager a img { float:left; width:100px; margin-right:10px; }
section#intro div#box5 div div.bx-wrapper { margin:0px;}
section#intro div#box5 div div#bx-pager {float: left; width: 2000px; /*height: 115px;*/ height:60px; /* tolto! margin-top:8px;*/ /*margin-top: 6px;*/}
div.bx-wrapper {
padding-bottom:10px;
/*padding-right:20px;*/
padding-right:12px;
}
/*modifica impostata il 07-08-2013*/
div#box5 div div.bx-wrapper { padding-left:13px; }
div#box5 div div.bx-wrapper .bx-prev { left: 14px; }
div#box5 div div.bx-wrapper .bx-next { right: 0px; }
#content_projects div ul { margin-left:20px; }
div.bx-wrapper ul { margin-left:0px!important; }
section#intro div#box4 ul#slider3 li div.bx-caption span {
color:#fff;
font-size:23px;
padding-top:13px;
padding-left:10px;
text-shadow: 2px 2px 2px #000000;
}
section#intro #tab1 div img { border:1px solid #ccc; width:300px; padding:5px; margin:10px; float:left;}
section#intro #tab1 div ul#slider2 li { width:360px; /*height:280px*/}
section#intro #tab2 div img { border:1px solid #ccc; width:300px; padding:5px; margin:0px; float:left; height:auto;}
section#intro #tab2 div ul#slider1 li { width:310px; /*height:280px*/}
section#intro #tab2 #box_cat_pro div img { border:1px solid #ccc; width:150px; padding:5px; margin:0px; margin-right: 40px; float:left;}
section#intro #tab2 #box_cat_pro label { width:100%; margin-bottom:10px;}
section#intro #tab2 #box_cat_pro input { width: inherit;}
section#intro #tab3 div img { border:1px solid #ccc; width:100px; padding:5px; margin:10px; float:left;}
section#intro #tab3 #car_tec img { width:97%; border:0px;}
section#intro #tab2 #filtro select { width:120px;}
section#intro #tab3 #filtro select { width:120px;}
#box_cat_pro {float:left; margin-top:0px; padding-left:90px; border:0px solid red;}
/*section#intro #tab2 div li { width:300px !important;}*/
section#intro #tab2 div div div div.bx-viewport { height:260px !important; width:97% !important;}
/*section#intro #tab2 div div div div #slider1 li { width:300px !important;}*/
section#intro #tab7 div ul { margin-left:10px;}
section#intro #tab7 div ul li { list-style:none;}
.maps_dimension {
width:520px;
height:250px;
}
#filtro { width:550px; margin-left:80px;}
.box_line_news {width:250px; margin:0px 5px 15px 0px; float:left; border:0px solid red;border-right:0px solid #ccc;}
.box_title_news {
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #E30613;
display: block;
float: left;
font-size: 14px; /*questo font viene diminuito di dimensioni*/
font-weight: bold;
height: 33px;
margin-bottom: 10px;
overflow-x: hidden;
overflow-y: hidden;
width: 97%; /*la larghezza viene ridotta un po'*/
}
section#intro div.box_img_news img {
display: block;
/*height: 100%;*/
}
.box_img_news {
float:left;
width:100px;
height:100px;
/*background-color:#F00;*/
overflow-x: hidden;
overflow-y: hidden;
}
.box_txt_news {float:left; width:130px;height:100px; overflow:hidden; padding-left:10px; font-size:11px; line-height:14px; }
#box_line_rassegna {width:100%; float:left; border:0px solid red; margin-top:10px; border-bottom: 1px solid #CCC}
.box_title_rassegna {width:100%; float:left; color: #E30613; font-size: 16px; margin-bottom: 10px; display: block; font-weight: bold;}
.box_txt_rassegna {float:left; width:100%; margin-bottom: 10px; font-size:11px; line-height:14px; }
#box_line_magazine {width:100px; margin-top:20px; margin-bottom:20px; margin-left: 18px; float:left; border:0px solid red;}
div#box_line_magazine table tbody tr td div a img {
border-bottom:2px solid #666;
border-right:2px solid #999;
border-top:1px solid #ccc;
border-left:1px solid #999;
}
#pagination {
margin-left: auto;
margin-right: auto;
width: auto;/*275px; */
margin-top:15px;
}
#pagination-flickr li{
float:left;
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination-flickr a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#666666;
display:block;
float: left;
font-weight:bold;
padding:3px 4px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination-flickr .active{
color:#E30613;
font-weight:bold;
display:block;
float: left;
padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:rgb(54, 54, 54);
display:block;
float: left;
padding:3px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
}
ul#pagination-flickr {
height:30px;
width:auto;
margin-left:auto;
margin-right:auto;
display:table;
}
#box_comunicazione { float:left; width:100%; margin-right:10px; margin-bottom:15px; line-height:20px; font-size:14px; text-shadow: 1px 1px 1px #ffffff; background-color: #eae3da; padding-bottom: 15px; }
.sfondo_up_box_comunicazione {float:left; width:100%; height:30px; background-color:#eae3da; padding-top:10px; padding-bottom:10px; background:url(images/sito_ist/img/comunication_top.png) no-repeat; text-transform: uppercase;}
/* wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }
/* input, label positioning */
.custom-checkbox input,
.custom-radio input {
display: none;
position: absolute;
left: 2px;
top: 3px;
margin: 0;
z-index: 0;
}
.custom-checkbox label,
.custom-radio label {
display: block;
position: relative;
z-index: 1;
font-size: 11px;
padding-right: 1em;
/*line-height: 1;*/
padding: 6px 0px 6px 30px;
margin: 0 0 3px;
cursor: pointer;
}
/* states */
.custom-checkbox label { background: url(images/sito_ist/img/checkbox.gif) no-repeat; }
.custom-radio label { background: url(images/sito_ist/img/radiobutton.gif) no-repeat; }
.custom-checkbox label, .custom-radio label {
background-position: -10px -14px;
}
.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
background-position: -10px -114px;
}
.custom-checkbox label.checked,
.custom-radio label.checked {
background-position: -10px -214px;
}
.custom-checkbox label.checkedHover,
.custom-checkbox label.checkedFocus {
background-position: -10px -314px;
}
.custom-checkbox label.focus,
.custom-radio label.focus {
outline: 1px dotted #ccc;
}
#line_view_prodotti {float:left; width:100%; padding-left:0px;}
.titolo_prodotti_line {
float: left;
border: 0px solid red;
bottom: 25px;
left: 10px;
font-size: 24px;
position: absolute;
color: rgb(255, 255, 255);
width: 91%;
/*background-color: rgb(114, 112, 112);*/
background-color: red;;
opacity: 0.8;
line-height: 33px;
padding-left:10px;
}
.box_prodotti_line {position:relative; float:left; margin:0px 10px 10px 30px; height: 230px; }
/*MENU SINISTRO prodotto*/
#menu_prod {
width: 202px;
font-family: 'Helvetica', Arial, Helvetica, sans-serif;
background-color:#f1f1f1;
color:#000;
font-size: 15px;
line-height:25px;
}
#menu_prod ul {
padding: 0;
margin:0;
border:0px solid blue;
}
#menu_prod ul li {
list-style-type: none;
}
#menu_prod li {
padding-left: 0px;
}
#menu_prod li li {
font-size:12px;
line-height: 15px;
}
#menu_prod li li a{
padding-left:10px;
}
#menu_prod li li li {
font-size:12px;
}
#menu_prod li li li a{
padding-left:40px;
line-height: 18px;
}
#menu_prod a, #menu_prod a:visited {
color:#000;
margin-left:0px;
text-decoration: none;
padding-left:32px;
display:block;
background-image:url(images/sito_ist/img/frecce_orizz_nera.png);
background-repeat:no-repeat;
}
#menu_prod a:hover {
color:black;
background-color:#ebe4d9;
display:block;
background-image:url(images/sito_ist/img/frecce_orizz_nera.png);
background-repeat:no-repeat;
}
#menu_prod .selected1 {
font-size:20px;
color:#999999 !important;
/*background-image: url(../img/frecce_orizz.png);
background-repeat:no-repeat;*/
}
#menu_prod .selected {
background-color:#999;
color:#FFF;
/*background-image:url(../img/frecce_orizz_nera.png);
background-repeat:no-repeat;*/
}
/*#menu_sx #menu_prod .selected1 {
background-color:#000;
background-image:url(../img/frecce_orizz.png);
background-repeat:no-repeat;
color:#fff;
}
#menu_sx #menu_prod ul li ul li .selected {
background-image:url(../img/frecce_orizz_nera.png);
background-repeat:no-repeat;
color:#000;
}
*/
.topriserved {
font-family: 'Helvetica',Arial,Helvetica,sans-serif;
padding: 40px 28px 25px 0;
width: 202px;
}
ul.topriserved {
list-style: none outside none;
margin: 0;
padding: 0;
text-align: left;
}
ul.topriserved li {
background-image: url("images/sito_ist/img/menu_header_nero.png");
background-repeat: no-repeat;
color: #FFFFFF;
margin-bottom: 3px;
text-align: right;
}
ul.topriserved li a {
color: #FFFFFF;
display: block;
font-family: 'Helvetica',Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bolder;
line-height: 10px;
padding: 8px 5px;
text-decoration: none;
}
ul.topriserved li a:hover {
color: #FFFFFF;
}
ul.topriserved ul {
background-color: #9D9D9D;
color: #000000;
display: none;
font-family: 'Helvetica',Arial,Helvetica,sans-serif;
list-style: none outside none;
margin: 0;
padding: 0;
text-align: left;
border-top:1px solid #777;
/*border-bottom:1px solid #bbb;*/
}
ul.topriserved ul li {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
clear: both;
margin: 0;
padding: 0;
}
ul.topriserved ul li ul li{
background-color:#929292;
clear: both;
margin: 0;
padding: 0;
}
ul.topriserved ul li.active {
font-weight: bold;
margin: 0;
padding: 0;
text-decoration:underline;
}
ul.topriserved ul li a {
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
padding-left: 26px;
text-align: left;
line-height:14px;
}
ul.topriserved ul li a:hover {
background-color: #EEEEEE;
background-image: url("images/sito_ist/img/frecce_orizz_nera.png");
background-repeat: no-repeat;
color: #000000;
display: block;
}
ul.topriserved ul ul li a {
color:#fff;
padding-left: 36px;
font-size:11px;
}
ul.topriserved ul ul li a:hover {
background-color: #EEEEEE;
background-image: url("images/sito_ist/img/frecce_orizz_nera.png");
background-repeat: no-repeat;
display: block;
}
ul.topriserved span {
float: right;
padding-left: 7px;
padding-right: 8px;
}
ul.topriserved ul li span {
float: right;
padding-left: 0px;
padding-right: 8px;
}
ul.topriserved ul li ul li span {
float: right;
padding-left: 0px;
padding-right: 8px;
}
/* tab scheda prodotto galleria */
#tabs_wrapper_gallery {
width: 100%;
float: left;
margin-bottom: 20px;
}
#tabs_container_gallery {
border-bottom: 1px solid #ccc;
float:left;
width:100%;
height:29px;
}
#tabs_gallery {
list-style: none;
padding: 5px 0 4px 0;
margin: 0 0 0 10px;
font: 0.75em arial;
}
#tabs_gallery li {
display: inline;
}
#tabs_gallery li a {
display:block;
width:30%;
text-align: center;
float:left;
border: 1px solid #ccc;
padding: 4px 6px;
font-size: 13px;
color:#000;
text-decoration: none;
background-color: #eeeeee;
border-bottom: none;
outline: none;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
#tabs_gallery li a:hover {
background-color: #fff;
padding: 4px 6px;
}
#tabs_gallery li.active a {
border-bottom: 1px solid #fff;
background-color: #fff;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
#tabs_gallery li.active a:hover {
background-color: #fff;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
#tabs_gallery li a.icon_accept {
background-image: url(accept.png);
background-position: 5px;
background-repeat: no-repeat;
padding-left: 24px;
}
#tabs_gallery li a.icon_accept:hover {
padding-left: 24px;
}
#tabs_content_container_gallery {
border: 1px solid #ccc;
border-top: none;
padding: 0px;
width: 100%;
float: left;
}
.tab_content_gallery {
display: none;
}
/* tab scheda prodotto galleria */
#tabs_wrapper_caratteristiche {
width: 100%;
float: left;
margin-bottom: 20px;
}
#tabs_container_caratteristiche {
border-bottom: 1px solid #ccc;
float:left;
width:100%;
height:29px;
}
#tabs_caratteristiche {
list-style: none;
padding: 5px 0 4px 0;
margin: 0 0 0 10px;
font: 0.75em arial;
}
#tabs_caratteristiche li {
display: inline;
}
#tabs_caratteristiche li a {
display:block;
/*width:22%;*/
text-align: center;
float:left;
border: 1px solid #ccc;
padding: 4px 6px;
font-size: 13px;
color:#000;
text-decoration: none;
background-color: #eeeeee;
border-bottom: none;
outline: none;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
#tabs_caratteristiche li a:hover {
background-color: #fff;
padding: 4px 6px;
}
#tabs_caratteristiche li.active a {
border-bottom: 1px solid #fff;
background-color: #fff;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
#tabs_caratteristiche li.active a:hover {
background-color: #fff;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
#tabs_caratteristiche li a.icon_accept {
background-image: url(accept.png);
background-position: 5px;
background-repeat: no-repeat;
padding-left: 24px;
}
#tabs_caratteristiche li a.icon_accept:hover {
padding-left: 24px;
}
#tabs_content_container_caratteristiche {
border: 1px solid #ccc;
border-top: none;
padding: 0px;
width: 100%;
float: left;
}
div#tabs_content_container_caratteristiche div#tab4.tab_content_caratteristiche div#car_tec img {
margin-left: auto; margin-right: auto;
width:80%;
}
div#tabs_content_container_caratteristiche div#tab5.tab_content_caratteristiche div#car_tec img {
margin-left: auto; margin-right: auto;
/*width:80%;*/
}
.tab_content_caratteristiche {
display: none;
}
div#tab6.tab_content_caratteristiche div div table tbody tr {
float:left;
padding-right:5px;margin:5px;
}
div#tab6.tab_content_caratteristiche div div table tbody tr td{
height:48px;
}
div#tab6.tab_content_caratteristiche div div table{
width:310px;
margin:5px;
}
/* tab scheda prodotto galleria */
#tabs_wrapper_correlati {
width: 100%;
float: left;
margin-bottom: 20px;
}
#tabs_container_correlati {
border-bottom: 1px solid #ccc;
float:left;
width:100%;
height:29px;
}
#tabs_correlati {
list-style: none;
padding: 5px 0 4px 0;
margin: 0 0 0 10px;
font: 0.75em arial;
}
#tabs_correlati li {
display: inline;
}
#tabs_correlati li a {
display:block;
width:22%;
text-align: center;
float:left;
border: 1px solid #ccc;
padding: 4px 6px;
font-size: 13px;
color:#000;
text-decoration: none;
background-color: #eeeeee;
border-bottom: none;
outline: none;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
#tabs_correlati li a:hover {
background-color: #fff;
padding: 4px 6px;
}
#tabs_correlati li.active a {
border-bottom: 1px solid #fff;
background-color: #fff;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
#tabs_correlati li.active a:hover {
background-color: #fff;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
#tabs_correlati li a.icon_accept {
background-image: url(accept.png);
background-position: 5px;
background-repeat: no-repeat;
padding-left: 24px;
}
#tabs_correlati li a.icon_accept:hover {
padding-left: 24px;
}
#tabs_content_container_correlati {
border: 1px solid #ccc;
border-top: none;
padding: 0px;
width: 100%;
float: left;
}
.tab_content_correlati {
display: none;
}
.overflow { margin-top:15px; float:left;}
.content_prod {float:left; /*width:65%;*/}
.content_line_view_ricerca {float:left; width:100%; border-top:1px solid #ccc;}
.hover_prod {
/*width:200px;
height:200px;
border:1px solid #ccc;*/
float:left;
margin-bottom:10px;
}
fieldset ul li a { color:#666;}
.titolo_line_view_prod {
float:left;
text-align:left;
padding-left:10px;
width:100%;
text-transform: uppercase;
font-size:13px;
padding-bottom:10px;
color:#e7000c;
height: 32px !important;
}
.description {
display:none;
position:absolute;
top:0px;
left:0px;
border:1px solid #ccc;
height:230px;
width:180px;
margin-top:-5px;
margin-left:-15px;
z-index:990;
padding-bottom:20px;
}
.description_inner {
width:100%; height:55px; bottom:0px; position:absolute; z-index:999; background-color:#FFF; text-align:center; padding-top:20px;
}
.description.pinned {
display: block;
background-color: #fff;
}
fieldset {
border:1px solid #999;
margin-bottom:20px;
}
label {
float:left;
text-align:left;
font-weight:bold;
}
fieldset ul { margin-left:35px;}
section#intro fieldset ul li div img { width:150px; }
#search_line_view li {
padding:0px;
margin:10px;
float:left;
width:150px;
list-style:none;
position:relative;
}
#ico_cert { float: left; margin-top: 20px; width: 100%;}
section#intro #ico_cert img { width:48px;}
.box_finestre {float:left; width:350px; margin-right:15px; background-image:url(images/sito_ist/img/banner-caption-chevron.png); background-repeat:no-repeat; background-position:right top 30px;}
div#testo_articoli_prodotti div#search_line_view fieldset a div.box_finestre table tbody tr td div {
/*height: 65px;*/
height: 109px;
overflow: hidden;
font-size: 11px;
line-height: 13px;
}
div#search_line_view fieldset a div.box_finestre table tbody img {
height:130px;
}
div.box_redazionale_img img {
display: block;
padding-top: 13px;
width:100%;
}
div.box_redazione_img img {
display: block;
width:100%;
}
/* search form
-------------------------------------- */
.searchform {
display: inline-block;
zoom: 1; /* ie7 hack for display:inline-block */
*display: inline;
padding: 0px 0px;
}
.searchform input {
font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
background: #fff;
padding: 3px 0px 4px 3px;
width: 85px;
border: solid 1px #bcbbbb;
outline: none;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
color: #fff;
border: solid 1px #494949;
font-size: 11px;
height: 23px;
width: 20px;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
cursor:pointer;
background: #5f5f5f;
background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
background: -moz-linear-gradient(top, #9e9e9e, #454545);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}
#search_go {position: absolute; margin-top: 28px; margin-left:873px; border:0px solid red; width:144px;}
#box_allu { display:none;}
.dot_dx{float:left; border-right:1px dotted #000;}
.accordion{ float:left; width:527px; background-color:#f1f1f1; margin-bottom:3px; padding-left:5px; font-weight:bold; font-size:13px; padding-top:5px; padding-bottom:5px;}
#apro_1 { float:left; width:527px; background-color:#fff; text-align: justify; margin-top: 5px; line-height: 16px; font-size:12px;}
#apro_2{ float:left; width:527px; background-color:#fff; text-align: justify; margin-top: 5px; line-height: 16px; font-size:12px;}
#apro_3{ float:left; width:527px; background-color:#fff; text-align: justify; margin-top: 5px; line-height: 16px; font-size:12px;}
#apro_4{ float:left; width:527px; background-color:#fff; text-align: justify; margin-top: 5px; line-height: 16px; font-size:12px;}
#apro_5{ float:left; width:527px; background-color:#fff; text-align: justify; margin-top: 5px; line-height: 16px; font-size:12px;}
#apro_1 ul, #apro_2 ul, #apro_3 ul, #apro_4 ul, #apro_5 ul, #apro_6 ul {padding-left:30px;padding:10px 10px 10px 30px}
#apro_1 ol, #apro_2 ol, #apro_3 ol, #apro_4 ol, #apro_5 ol, #apro_6 ol {padding-left:30px;padding:10px 10px 10px 30px}
#apro_1 td, #apro_2 td, #apro_3 td, #apro_4 td, #apro_5 td, #apro_6 td {border: 1px solid #ccc;margin:0px;padding:2px;}
#testo_articoli td {border:1px solid #ccc;padding:2px;}
div#testo_articoli div form table tbody tr td {border:0px solid white!important;padding:2px;}
div#box_line_magazine td {border:0px solid #ccc;}
div#box_comunicazione td {border:0px solid #ccc;}
div.content_prod div a.pirobox img {margin-left:10px;margin-bottom:10px;}
.accordion_search{ float:left; width:100%; background-color:#f1f1f1; margin-bottom:3px; padding-left:5px; font-weight:bold; font-size:13px; padding-top:5px; padding-bottom:5px;}
#apro_search_1 { float:left; width:100%; background-color:#fff; text-align: justify; margin-top: 5px; line-height: 16px; font-size:12px;}
#apro_search_2 { float:left; width:100%; background-color:#fff; text-align: justify; margin-top: 5px; line-height: 16px; font-size:12px;}
#apro_search_3 { float:left; width:100%; background-color:#fff; text-align: justify; margin-top: 5px; line-height: 16px; font-size:12px;}
#apro_search_4 { float:left; width:100%; background-color:#fff; text-align: justify; margin-top: 5px; line-height: 16px; font-size:12px;}
#apro_search_5 { float:left; width:100%; background-color:#fff; text-align: justify; margin-top: 5px; line-height: 16px; font-size:12px;}
#apro_1 table td, #apro_2 table td, #apro_3 table td, #apro_4 table td {
border:1px solid #ccc;
padding:2px;
}
#line_ricerca{
float:left;
font-size: 12px;
width:100%;
border:0px solid green;
margin-bottom: 15px;
text-align:justify;
margin-top: 5px;
line-height: 16px;
}
#tab3 ul{margin-left:60px;}
#tab3 ol{margin-left:60px;}
#tab-car-tec {
border: 1px solid #cccccc;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
width: 100%;
text-align: left;
line-height: 13px;
border-color: #cccccc;
border-collapse:collapse;
}
#tab-car-tec th{
min-width:150px;
height:25px;
border-color: #cccccc;
padding: 5px;
}
#tab-car-tec td{
border:1px solid #ccc;
/*border-color: #cccccc;*/
padding: 5px;
}
#tab-car-tec > tbody > tr > td:first-child {
background-color: #EEEEEE;
}
#tab-car-tec td.orange {
background: #f78222;
font-weight:bold;
border:1px solid #ccc;
}
#tab-car-tec td span.orange {
background: #f78222;
font-weight:bold;
}
#tab-car-tec td span[class~="left_33"] {
width:33%;
float:left;
padding-top:15px;
padding-bottom:15px;
text-align:center;
}
#tab-car-tec td span[class~="center_33"] {
width:33%;
float:left;
padding-top:15px;
padding-bottom:15px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
text-align:center;
}
#tab-car-tec td span[class~="right_33"] {
width:33%;
float:right;
padding-top:15px;
padding-bottom:15px;
text-align:center;
}
.tab-car-tec-dett {
border: 0px solid #cccccc;
padding: 0px;
font-family: Arial,Helvetica,sans-serif;
/*font-size: 13px;*/
width: 100%;
text-align: left;
}
.tab-car-tec-dett .select{
background-color:#e36100;
}
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ----------------- START CARICAMENTO PROGETTI ------------------------ */
/* -------------------------- X VERSIONE DESKTOP -------------------------- */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
.prog-campo {
border-left: 1px solid #ccc;
float: left;
text-align: left;
width: 355px;
margin: 5px 15px 5px 0px;
padding:5px 2px 5px 2px;
font-size:11px;
background-color:#fff;
text-transform: capitalize;
font-weight:bold;
}
.prog-HTML {
width: 99%!important;
clear:both;
min-height:150px;
}
.prog-campo-text {
width: 450px!important; /*larghezza aumentata*/
}
.prog-input {
border-left: 1px solid #ccc;
text-align: right;
float: right;
width: 200px;
font-weight:normal;
}
.prog-textarea {
width: 295px!important;
}
.prog-textarea textarea{
height:auto;
margin:0px 0px 0px 3px;
width:98%;
}
.prog-input input{
margin:0px 0px 0px 3px;
width:100px;
}
.prog-input input[type='text']{
margin:0px;
margin-left:3px;
width:190px;
height:20px;
}
.prog-input input[type='checkbox']{
margin:0px;
padding:0px;
width:15px !important;
border:none !important;
background: transparent !important;
}
.prog-serie{
margin:0px;
width:280px;
}
form div.box_line_news div div input[type="checkbox"] {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 2px;
width: 20px;
}
.prog-input span{
clear:both;
float:right;
text-align: left;
width: 85%;
}
.prog-input textarea {
margin:0px;
margin-left:3px;
width:190px;
height:45px;
}
.prog-span-serie {
clear:none!important;
width:50%!important;
}
.prog-input select{
margin:0px 0px 0px 3px;
float:left;
width:190px;
}
.prog-field {
border: 1px solid #CCC;
padding:3px;
background-color:#fbfbfb;
}
.prog-field legend{
font-weight:bold;
color: #888888;
padding:3px;
}
.prog-data{
float:left;
width:auto!important;
margin-right: 5px !important;
}
.btn_GU {
cursor: pointer;
float: left;
height: 27px;
margin-right: 15px;
margin-top: 15px;
width: 130px;
}
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ----------------- FINE CARICAMENTO PROGETTI ------------------------- */
/* -------------------------- X VERSIONE DESKTOP -------------------------- */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
.prog-imgbox {
border: 1px solid #CCCCCC;
float: left;
margin: 5px 11px 5px 8px;
text-align: center;
}
.prog-img {
height: 90px;
overflow: hidden;
text-align: center;
width: 130px;
}
.prog-img a.pirobox {
display: block;
float: none;
height: auto;
margin: 0;
width: auto;
}
.prog-img a.pirobox img {
float: none;
width: auto !important;
}
/*---- news e progetti sito com ----*/
#news_com {
width: 550px;
margin-bottom: 5px;
padding-top: 5px;
float: left;
}
#progetti_com {
width: 270px;
margin-bottom: 5px;
padding-top: 5px;
float: left;
}
#progetti_box_home {
float: left;
margin-top: 5px;
background-image: url(images/sito_ist/img/news_angolo3.png);
background-repeat: no-repeat;
background-position: bottom right;
height:174px;
overflow: hidden;
}
#news_box_home {
float: left;
margin-top: 5px;
background-image: url(images/sito_ist/img/news_angolo2.png);
background-repeat: no-repeat;
background-position: bottom right;
height: 174px;
}
#box_map {
width:100%;
border:0px solid red;
float:left;
}
#news1_home, #news2_home, #news3_home, #news4_home {
width: 273px;
padding-top: 40px;
padding-bottom: 40px;
float: left;
}
#prj3_home, #prj4_home {
width: 273px;
padding-top: 40px;
padding-bottom: 40px;
float: left;
}
div#map1 svg { height:480px; padding-bottom:30px; border:0px solid red;}
#select_region {
position:absolute;
background-image:url(images/sito_ist/img/select_region.jpg);
width:135px;
height:170px;
background-repeat:no-repeat;
bottom:50px;
left:20px;
z-index:999;
}
#select_region ul {
list-style: none;
margin-left: 36px;
margin-top: 10px;
line-height: 26px;
}
#select_region ul a:hover {
text-decoration:underline;
cursor:pointer;
}
#map0{ display:block;position:relative; width:1000px; height:511px;}
#map700 { display:none; position:relative; width:710px; height:430px;}
.prog-campo-wide {
width: 98% !important;
}
.prog-input-wide {
width: 60%;
}
.prog-input-wide textarea {
width: 90%;
}
.prog-input-wide input {
width: 90% !important;
}
.pubbl-web {
float: left;
font-weight: bold;
padding-left: 50px;
text-transform: uppercase;
width: 150px;
}
.prog-field legend {
background-color: #FFFFFF;
text-transform: uppercase;
}
.btn_GU {
font-size: 13px;
}
.salva {
background-color: #AAAAAA;
color: #FFFFFF;
}
.open-close {
background-color: #CCCCCC;
margin-left: auto;
margin-right: auto;
padding: 3px;
text-align: center;
width: 90px;
}
/* Tablet Layout: 768px.
Gutters: 24px.
-----------------------------------------------------------------
cols 1 2 3 4 5 6 7 8
px 68 160 252 344 436 528 620 712
@media only screen and (min-width: 768px) and (max-width: 991px)*/
@media only screen and (min-width: 320px) and (max-width: 991px) {
.wrapper {
width:712px;
margin:0 auto;
}
#benvenuto{
color: #FFFFFF;
width: 140px;
float: left;
margin-left: 270px;
padding-top: 5px;
margin-right: 10px;
}
#menu_principal{
/*float:right;*/
/*border-bottom:1px solid #df0714;*/
height:29px;
/*background:#e7000c;*/
background-image: url("images/sito_ist/img/menu_sfondo.gif");
background-repeat: repeat-x;
/*margin-top:66px;*/
width:416px;
position:relative;
float:right;
z-index:99999;
}
#menu_principal li{
float: left;
font-size: 13px;
height: 23px;
list-style-type: none;
padding-bottom: 0;
padding-left: 6px;
padding-right: 6px;
padding-top: 6px;
text-align: center;
text-transform: uppercase;
z-index: 99999;
}
#menu_principal li a{
font-size:12px;
}
div#box5 div div.bx-wrapper div.bx-viewport ul#slider4 li {
height:280px;
overflow:hidden;
}
div#box5 div div.bx-wrapper div.bx-viewport div#bx-pager a {
height:70px;
overflow:hidden;
}
#menu_principal li .sous_menu{
position:absolute;
width:773px;
height:130px;
background: url(images/sito_ist/img/fond_sous_menu.png) no-repeat top left;
left:-288px;
top:28px;
/*display:none;*/
/*padding-top:25px;*/
z-index:500;
overflow:hidden;
height:0px;
}
section#intro .nivoSlider {
/* position:relative;
background:#fff url(loading.gif) no-repeat 50% 50%;
margin-bottom:0px;*/
width:487px;
/* -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;*/
}
/*section#intro .ad-gallery {
width: 374px;
height:405px;
}*/
#gallery_grafismo{
width:54px;
height:54px;
position:absolute;
z-index:9999;
margin-left: 310px;
margin-top: 4px;
}
#grafismo_news{
width:34px; height:34px; position:absolute; z-index:9999; margin-left: 85px; margin-top: -8px;
}
#grafismo_alluminio{
width:34px; height:34px; position:absolute; z-index:9999; margin-left: 127px; margin-top: -8px;
}
.ad-gallery {
/*width: 325px;*/
height:405px;
}
section#intro .ad-gallery .ad-image-wrapper { width:434px;}
section#intro .ad-gallery .ad-image-wrapper .ad-image { width:434px !important; left: 0px !important;}
section#intro .ad-gallery .ad-image-wrapper .ad-image a img { border:0px solid red;}
section#intro .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{ width:420px !important;}
section#intro #gallery.ad-gallery .ad-image-wrapper .ad-image img {width:434px !important;}
/*section#intro .ad-gallery .ad-image-wrapper .ad-image img{
width:400px;
border:1px solid red;
}
*/
/*section#intro .ad-gallery { width:100%;}*/
#box_titolo{
width:289px;
height:99px;
background-image:url(images/sito_ist/img/sfondo_titolo.png);
background-repeat:no-repeat;
position:absolute;
z-index:9999;
border:0px solid green;
margin-left: 182px;
margin-top: 49px;
}
#menu{
width:712px;
background-color:#FFF;
height:65px;
border:0px solid green;
}
#box_gallery{
/*position:absolute;
z-index:9999;
height:40px;*/
/*margin-top:-53px;*/
}
#gallery_title{
/*position: absolute;
z-index: 1;
/ *width: 424px;* /
width: 351px;
padding-top: 15px;
padding-left: 10px;*/
display:none;
}
#titolo_box_gallery{
width:318px;
height:40px;
float:left;
color:#FFFFFF;
padding-left: 10px;
padding-top: 3px;
}
#menu_fascia{
float:left;
margin-left: 21px;
margin-top: 38px;
}
ul#mymenu {
font-family: 'Helvetica', Arial, Helvetica, sans-serif;
font-size: 70%;
line-height: 29px;
color: #FFF;
background-color: #E7000C;
height: 29px;
width: 485px;
margin-top: -17px;
margin-left: 7px;
text-align: left;
}
ul#mymenu, ul#mymenu li, ul#mymenu ul, ul#mymenu ul li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#mymenu a {
color: #FFF;
text-decoration: none;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
display: block;
font-size:13px;
margin-right: 18px;
}
ul#mymenu li{
float: left;
position: relative;
margin-left: 0px;
/*font-size: 13px;*/
}
ul#mymenu li li{
display: block !important;
float: none;
height: 29px;
width: 173px;
}
ul#mymenu ul{
color: #642eab;
background-color: #FFF;
position: absolute;
/*width: 200px;*/
top: 26px;
left: -9999px;
border: 1px solid #E7000C;
padding:7px 0;
margin-top: 2px;
}
ul#mymenu ul,ul#mymenu li li a {
color: #000;
background-color: #FFF;
}
ul#mymenu li:hover, ul#mymenu a:hover {
color: #FFF;
background-color: #E7000C;
}
ul#mymenu li:hover ul{
left: -1px;z-index: 100;
}
#news_bordo_top{
height:33px;
border:0px solid cyan;
/* background-color: #FC0;*/
}
#news_bordo_bottom{
height:5px;
border: 0px solid cyan;
/*background-color: #FC0;*/
}
#box4{
height:460px;
width:487px;
background-color:#CC0000;
margin-right:0px;
margin-bottom:5px;
margin-top:0px;
float:left;
}
#box5{
height:405px;
/*width:434px;*/
width:361px;
/*background-color:#CC0000;*/
margin-bottom:0px;
margin-top:0px;
float:left;
margin-top:1px;
padding-top:4px;
}
#col_interna{
width: 360px;
float: left;
margin-top: 5px;
}
#titolo_box_interna{
/*width: 389px;*/
height: 40px;
float: left;
color: #FFFFFF;
padding-left: 15px;
padding-top: 15px;
}
.box_interna_1{
height:110px;
width:360px;
background-color:#e7000c;
margin-right:0px;
margin-bottom:5px;
margin-top:0px;
float:left;
}
.titolo_box_interna_angolo{
height: 40px;
width: 33px;
float: right;
margin-top: 70px;
}
#box_interna_2{
height:132px;
width:432px;
background-color:#e7000c;
margin-right:0px;
margin-bottom:20px;
margin-top:0px;
float:left;
}
#box_interna_3{
height:132px;
width:432px;
background-color:#e7000c;
margin-right:0px;
margin-bottom:20px;
margin-top:0px;
float:left;
}
/*#box_interna_4{
height:150px;
width:220px;
background-color:#e7000c;
margin-right:0px;
margin-bottom:5px;
margin-top:5px;
float:left;
}*/
#news {
/*width: 270px;*/
width: 346px;
padding-left: 5px;
/*margin-top: -3px;*/
}
/*#news1,#news2,#news3 { padding-top:31px; padding-bottom:31px;}*/
#home_news1,#home_news2,#home_news3 {
padding-top:31px;
padding-bottom:24px;
width: 346px;
height: 80px;
overflow: hidden;
}
#news1,#news2,#news3 {
padding-top: 10px;//22px;
padding-bottom: 12px;
width: 346px;
height: 91px;//80px;
overflow: hidden;
}
#prj3,#prj4 {
padding-top: 10px;//22px;
padding-bottom: 12px;
width: 346px;
height: 91px;//80px;
overflow: hidden;
}
#news_inner { padding-top:22px; padding-bottom:12px; width:346px; height: 80px; overflow: hidden; }
#news_box { margin-top:0px;}
#news_inner .news_testo { width:200px;}
#news1 .news_testo,#news2 .news_testo,#news3 .news_testo { width:200px;}
#news1 .news_titolo,#news2 .news_titolo,#news3 .news_titolo { width:200px; max-height:32px;}
#prj3 .news_testo,#prj4 .news_testo { width:200px;}
#prj3 .news_titolo,#prj4 .news_titolo { width:200px; max-height:32px;}
#home_news1 .news_testo,#home_news2 .news_testo,#home_news3 .news_testo { width:200px;}
#home_news1 .news_titolo,#home_news2 .news_titolo,#home_news3 .news_titolo { width:200px; max-height:32px;}
.multi-column {
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
}
.gallery figure {
width:163px;
margin-right:20px;
}
#footer_menu ul { border:0px solid red; padding-left:10px; }
#testo_articolo{
width: 487px;
height: 100px;
border: 0px solid green;
float: left;
margin-left: 5px;
background-color: #0033FF;
margin-top: 10px;
}
#img_descrittive{
width: 258px;
height: 100px;
border: 0px solid red;
float: right;
margin-left: 5px;
background-color: #063;
}
.didascalia{
margin-top: 2px;
margin-bottom: 12px;
font-size: 13px;
/*float:left;*/
}
#testo_articolo{
width: 512px;
height: 100px;
border: 0px solid green;
float: left;
margin-left: 5px;
background-color: #0033FF;
}
#img_descrittive{
width: 258px;
height: 100px;
border: 0px solid red;
float: right;
margin-left: 5px;
background-color: #063;
}
#path{ width: 410px;/*480px;*/ margin-bottom:10px;}
#title { width:480px;}
#titolo_articoli{
font-size: 20px;
font-weight: bold;
color: #e7000c;
border: 0px solid green;
margin-right: 10px;
margin-top: 5px;
margin-left: 32px;
}
#data_articoli{
font-weight: bold;
color: #e7000c;
border: 0px solid green;
margin-right: 10px;
margin-top: 5px;
margin-left: 32px;
font-size: 0.9em;
font-style: italic;
}
#testo_articoli{
font-size: 12px;
width:480px;
border:0px solid green;
margin-bottom: 15px;
/*text-align:justify;*/
margin-top: 5px;
line-height: 16px;
}
#frecce_oriz_nere{
width:27px; height:27px;margin-top: 7px; float:left;}
#container_text{
border:0px solid red;
width:480px;
margin-left:10px;
float:left;}
#img_redazionale{
width:480px; float:right;
}
#img_redazionale_1{
border: 0px solid green;
float: left;
width:230px;
}
.box_redazionale_img { width: 235px; margin-right: 10px;}
#jason{
width: 712px; height: 30px; background: #000000; display:none; margin-bottom: 0px; color:#FFFFFF;
}
/*#area{
}*/
#tabs_wrapper {
width: 462px;
}
#tabs_content_container {
width: 440px;
}
.maps_dimension {
width:475px;
height:250px;
}
.box_line_news {width: 225px}
.box_txt_news {width: 110px; }
.box_prodotti_line {
margin: 0px 0px 0px 15px;
}
#box_comunicazione { /*width:150px; */}
.sfondo_up_box_comunicazione {/*width:150px;*/ background-size:100%;}
#line_view_prodotti {padding-left:30px;}
.titolo_prodotti_line {
font-size: 16px;
width: 86%;
line-height: 29px;
padding-left: 5px;
}
#box_cat_pro {padding-left: 60px;}
section#intro #tab2 #box_cat_pro div img {margin-right: 38px;}
section#intro #tab2 div img {
width: 144px;
}
section#intro #tab2 div ul li img { width:200px; margin:0px; margin-top:15px;}
section#intro #tab2 div ul#slider1 li { width:200px; /*height:120px;*/}
/*section#intro #tab1 .overflow { width:475px; overflow:hidden;}*/
section#intro #tab1 .overflow_l { width:475px; overflow:hidden;}
section#intro #tab1 div ul li img { width:200px; margin:0px; margin-top:15px;}
section#intro #tab1 div ul#slider2 li { width:200px; /*height:200px;*/}
section#intro #tab1 div .bx-wrapper .bx-viewport { width:96%;}
section#intro #tab2 div div div div.bx-viewport { width:95% !important;}
section#intro #tab3 #car_tec img {width: 95%; border: 0px;}
section#intro #tab4 #car_tec img {width: 95%; border: 0px;}
section#intro #tab2 div img {
margin: 0px;
}
section#intro #tab2 div div div div.bx-viewport {
/*height: 250px !important;*/
height: 220px !important;
}
section#intro div#box4 ul#slider3 li { width: 499px !important; }
.content_prod {/*width:47%;*/}
fieldset ul { margin-left:2px;}
.description {width:160px;
margin-left:-12px;
height:210px;
}
.description_inner {
width: 94%;
padding-left: 5px;
padding-right: 5px;
padding-bottom:10px;
}
#search_line_view li {width: 130px; }
section#intro div#box4 ul#slider3 li img { margin-top:-80px;}
.box_finestre { width:100%; }
#filtro { width:440px; margin-left:0px;}
#news4 { display:none;}
#box_allu {display: block; margin-top:0px;}
#search_go { margin-left:585px;}
.dot_dx{ border:0px none;}
#content { background:none;}
.accordion, #apro_1, #apro_2, #apro_3, #apro_4, #apro5{ width:475px; padding-left:5px;}
div#tabs_content_container_caratteristiche div#tab4.tab_content_caratteristiche div#car_tec img {
margin-left: auto; margin-right: auto;
width:100%;
}
div#tabs_content_container_caratteristiche div#tab5.tab_content_caratteristiche div#car_tec img {
margin-left: auto; margin-right: auto;
/*width:100%;*/
}
div#map1 svg { height:480px;}
#progetti_box_home {
width:712px;
}
#news_box_home {
width:712px;
}
#news1_home, #news2_home, #news3_home, #news4_home{ width:353px;}
#prj3_home, #prj4_home{ width:353px;}
#map0{ display:none;position:relative; width:1000px; height:511px;}
#map700 { display:block; position:relative; width:710px; height:430px;}
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ----------------- START CARICAMENTO PROGETTI ------------------------ */
/* -------------------------- X VERSIONE TABLET --------------------------- */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
.prog-campo {
width: 96%;
}
.prog-input {
border-left: 0px solid #ccc;
width:280px;
}
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ----------------- FINE CARICAMENTO PROGETTI ------------------------- */
/* -------------------------- X VERSIONE TABLET --------------------------- */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* on mobile browsers, I set a width of 100% */
table.mceLayout, textarea.tinyMCE {
width: 100% !important;
}
.prog-HTML {
margin-left: -155px;
}
}
/*** css per la gestione delle tabelle comparative ***/
#container_text_wide {width:98%!important;margin:0px!important;}
#testo_articoli_wide {width:98%!important;}
#testo_articoli_wide td {border:1px solid #ccc;padding:2px;}
#tab-compar {border: 1px solid #cccccc!important;padding: 0px;font-family: Arial,Helvetica,sans-serif;font-size: 11px;width: 100%; text-align: left; margin-left: auto; margin-right: auto;}
#tab-compar td {border: 1px solid #CCC!important;text-align:center;}
#tab-compar td.miniatura{border: 1px solid #CCC;min-width:130px;height:130px; background-position: center center; background-repeat: no-repeat;}
#tab-compar tbody tr td div.tabcomp-aperture table.tabcomp-apertab tbody tr td {border:0px solid white!important;padding:1px;}
div.tabcomp-aperture table.tabcomp-apertab tbody tr td {height:40px;}
table#tab-compar tbody tr td.miniatura a.pirobox_gall {height:auto;width:auto;float:none;margin-left:auto;margin-right:auto;/*display:block;*/}
table#tab-compar tbody tr td.miniatura a.pirobox_gall img {/*max-width:130px;max-height:130px;width:auto!important;*/float:none;}
table#tab-compar tbody tr.tab-compar-menu th{border: 0px solid white!important;}
table#tab-compar tbody tr th.th-L1 input[type="submit"] { width:40px;margin-left:0px;}
table#tab-compar tbody tr th.th-L1 input[type="image"] { width:20px; padding:5px;margin-left:0px;margin-right:2px;}
table#tab-compar a img{float:none;}
#tab-compar th.th-L1 {width:50px;}
#tab-compar th.th-L2 {width:30px;}
#tab-compar th {border: 1px solid #ccc;background-color:#dedede;font-weight: bold;text-align: center; /*width:65px;*/ width:20%;}
.tabcomp-vetro{padding:2px;line-height:13px;}
.tabcomp-sx{float:left;width:30px;text-align:right;}
.tabcomp-dx{float:right;width:30px;text-align:left;}
.tabcomp-cn{clear:both;display: inline-block;min-height:30px;}
.tabcomp-cn img{width:40px!important;height:40px!important;}
.tabcomp-aperture img{width:40px!important;height:40px!important;}
div.tabcomp-aperture {text-align:center;}
div.tabcomp-aperture table.tabcomp-apertab {border:0px solid white;}
div.tabcomp-aperture table.tabcomp-apertab tbody tr td{text-align:center;border:0px solid white!important;}
div.tabcomp-aperture table.tabcomp-apertab img{margin-left:auto;margin-right:auto;}
.tabcomp-serramento img{width:80px!important;height:auto!important;float:left;}
#tab-compar select {width:90%;}
/* Per evidenziare i 'WEB_MENU' e le 'WEB_NEWS' riservate */
div.reserved-ent {
background-image: url("images/sito_ist/img/reserved.png");
background-position: 99% 95%;
background-repeat: no-repeat;
background-color: #ffcccc;
}
/* --------------------------------------------------------------- */
/* 2017-03-30 Modifiche per mantenimento della sola area-riservata */
header #logo {
float: none!important;
width: 195px;
margin:auto;
}
header #menu_fascia {
display:none;
}
header #search_go {
display:none;
}
header #jason {
display:block;
}
header #barra_up #area {
height:27px;
}
header #barra_up #area a{
display:none;
}
#content {
background-image: none;
}
section#intro .wrapper #content #news,
section#intro .wrapper #content #news4,
section#intro .wrapper #content #box_allu {
display:none;
}
footer #footer_menu {
display:none;
}
footer #box_footer {
display:none;
}
/** dwn-material **/
.dwn-material.obj-wrapper {
display: grid;
grid-template-columns: 250px 1fr;
grid-template-rows: 1fr;
grid-gap: 1rem;
margin-bottom: 4rem;
}
.dwn-material .obj-thumb {
display: flex;
justify-content: center;
align-items: center;
width: 250px;
max-height: 250px;
object-fit: scale-down;
}
.dwn-material .obj-thumb img,
.dwn-material .obj-thumb .img-text {
box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.25);
}
.dwn-material .obj-thumb .img-text {
padding: 5rem 3rem;
font-weight: bold;
font-size: 3rem;
text-transform: uppercase;
}
.dwn-material .obj-data {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 1rem;
}
.dwn-material .obj-data__file {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: .5rem;
}
.dwn-material .obj-data__file .titleDownload {
padding: .5rem;
}