/* 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, fieldset, form, label, legend,
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 }
input { border:none;}
input[type="text"] { border:1px solid #000;}
a { color:#3C3C3C }
/* Accessibility barr */
#accessibility { position:absolute !important; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height:1px !important; width:1px !important; overflow:hidden }
body:hover #accessibility a { display:none !important }
/* Typography presets
------------------ */
@font-face {
font-family: 'GlaserSteDRegular';
src: url('glastrsn-webfont.eot');
src: url('glastrsn-webfont.eot?#iefix') format('eot'),
url('glastrsn-webfont.woff') format('woff'),
url('glastrsn-webfont.ttf') format('truetype'),
url('glastrsn-webfont.svg#webfontKE024TJi') format('svg');
font-weight: normal;
font-style: normal;
}
h1,h2,h3,h4,h5,h6 { color:#390 }
.gigantic { font-size:110px; line-height:120px }
.huge, h1 { font-size:26px; line-height:72px }
.large, h2 { font-size:20px; line-height:48px }
.bigger, h3 { font-size:16px; line-height:36px }
.big, h4 { font-size:14px; line-height:30px }
body { font:16px/24px Georgia, serif }
.small, small { font-size:13px; line-height:18px }
/* Selection colours (easy to forget) */
::selection {background:#ddd;) }
::-moz-selection {background:#ddd; }
img::selection {background:transparent}
img::-moz-selection {background:transparent}
body {-webkit-tap-highlight-color:rgb(255,255,158) }
td { padding:10px }
/* Default Layout:992px.
Gutters:24px.
Outer margins:48px.
Leftover space for scrollbars @1024px:32px.
-------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */
body { width:960px; margin:20px auto; background:rgb(232,232,232); color:rgb(60,60,60); -webkit-text-size-adjust:100%;
background:#000 url("../images/fondo_body.jpg") no-repeat top center; /* Stops Mobile Safari from auto-adjusting font-sizes */
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
}
header, nav, footer, #content { clear:both; }
header .mom_logo{ height:74px; margin-top:11px; float:right;}
nav{background:url("../images/fondo_menu.png") repeat-x;height:80px;width:960px;font-family: 'GlaserSteDRegular';}
.clear{clear:both}
div.fascia1Home{width:100%;clear:both;margin-top:15px;}
div.fascia1Home a { text-decoration: none;}
div.fascia2Home{width:100%;clear:both;margin-top:15px;color:#fff}
.fascia2Home a { color:#fff; text-decoration:none }
div.boxHome{width:224px;float:left;margin-right:21px;}
div.boxHome2{width:184px;float:left;margin-right:20px;height:90px;padding:20px;}
div.boxHome2.last{ margin-right:0; }
.boxHomeTitle{height:20px;font-family: 'GlaserSteDRegular';font-size:19px;color:#fff;padding:20px; padding-right:15px }
.last{margin-right:0!important;}
.boxHomeContent{background:#fff;height:255px;}
.boxHomeContent a { color:#000; text-decoration:none }
.boxHomeContent a:hover { color:#389219 }
.green, a.green{color:#5bc824;}
.orange, a.orange{color:#ff9900}
.blue, a.blue{color:#7c9ce5}
.grey, a.grey{color:#eee}
.boxHome span{font-size:13px;}
h3.titleBoxHome{font-size:17px;font-weight:normal}
div.newsHome{padding:10px;line-height:15px;}
div.percorsoHome{width:465px;float:left}
.gradientVerde{
background-color: #1d5700;
background:url("../images/fondo_title_verde.jpg");
background: -moz-linear-gradient(top, #1d5700, #339900); /* FF3.6 */
background: -ms-linear-gradient(top, #1d5700, #339900); /* IE10 */
background: -o-linear-gradient(top, #1d5700, #339900); /* Opera 11.10+ */
background: -webkit-gradient(linear, left top, left bottom, from(#1d5700), to(#339900)); /* Saf4+, Chrome */
background: -webkit-linear-gradient(top, #1d5700, #339900); /* Chrome 10+, Saf5.1+ */
background: linear-gradient(top, #1d5700, #339900);
}
div.fondoTitleVerde{/*background:url("../images/fondo_title_verde.jpg");*/
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
font-size:20px;height:35px;line-height:35px;color:#fff;padding:0 15px;
behavior: url("../css/PIE.htc");
}
div.percorsoHomeContent{padding:10px;background:#e5e5e5;float:left;width:445px;}
div.percorsoHomeContent img{border:2px solid #aaa;margin-right:10px;}
div.percorsoHomeContent input{border:0;width:196px;height:20px;background:url("../images/fondo_input.png");}
div.boxHomeLungo{
background-color: #e5e5e5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
behavior: url("../css/PIE.htc");
height:82px;color:#fff;padding:0 15px;
width:435px;
margin-right:15px;
margin-bottom:15px;
}
body.mceContentBody {background:#FFF;}
#template { background:#FFF; overflow:hidden; padding-bottom:40px; margin-top:10px }
#template-content { float:left; background:#fff; padding:10px 25px; min-height:400px; height:auto !important; height:400px; width:910px}
#template-content ul{margin-left:20px;}
#template-content ol{margin-left:20px;}
#template-content ol li{list-style-type:decimal}
#template-content li{list-style-type:square;}
#main-content, #template-content { margin-top:10px }
#aside { float:left; padding:10px; width:180px }
#aside ul { list-style-type:none }
#aside a { color:#000; text-decoration:none }
#aside a:hover { color:#666 }
#main-content { margin:0px auto;}
.trasporti { }
.parcheggi { }
.noleggi { }
#aside.trasporti h2 { background:#389219 }
#aside.parcheggi h2 { background:#00659A }
#aside.noleggi h2 { background:#F90 }
nav li#home, nav li#home a { display:none }
nav ul { list-style:none; padding-top:10px; line-height:19px; font-size:19px }
nav li li a { font-size:12px }
nav li ul { display: none; background:#909090; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:30px!important }
nav li { margin-left:50px; float:left; height:30px }
nav li li { margin-left:20px }
nav li a { display:block; padding:8px 15px 16px 8px; text-transform:uppercase; text-decoration:none; color:#fff; font-size:19px }
nav li li a { padding-top:6px; padding-bottom:0 }
nav li.selected ul, nav li.parent ul, nav li.over ul { position:absolute; display: inline; left:50%; width:960px; margin: 0; margin-left:-480px; padding: 0; z-index:2000 }
nav>ul>li>a:hover, nav li.selected>a, nav li.parent>a, nav li.over>a { background:url("../images/angolo_over_menu.png") top right no-repeat; margin-top:-20px; padding-top:28px }
nav li#trasporti>a:hover, nav li#trasporti.parent>a, nav li#trasporti.selected>a, nav li#trasporti.over>a { background:url("../images/angolo_over_menu_trasporti.png") top right no-repeat; color:#fff;margin-top:-20px; padding-top:28px }
nav li#trasporti ul { background:#389219 }
nav li#noleggi>a:hover, nav li#noleggi.parent>a, nav li#noleggi.selected>a,nav li#noleggi.over>a { background:url("../images/angolo_over_menu_parcheggi.png") top right no-repeat; color:#fff;margin-top:-20px; padding-top:28px }
nav li#noleggi ul { background:#00659a; }
nav li#parcheggi>a:hover, nav li#parcheggi.parent>a,nav li#parcheggi.selected>a, nav li#parcheggi.over>a { background:url("../images/angolo_over_menu_noleggi.png") top right no-repeat; color:#fff;margin-top:-20px; padding-top:28px }
nav li#parcheggi ul { background:#ff9900 }
nav li li a:hover, li li a:hover { color:#000; background:none; margin-top:0; padding-top:6px }
#breadcrumb ul {float:right; background:#FFFFFF; list-style:none;margin-right:20px;}
#breadcrumb ul li{ display:inline-block;}
.boxHome2 ul li { line-height:20px; list-style-type:none }
/*nav>ul>li.selected>a { color:#ccc }
nav>ul>li.selected#trasporti-pubblici>a { color:#389219 }
nav>ul>li.selected#parcheggi>a { color:#00659a }
nav>ul>li.selected#noleggi>a { color:#ff9900 }
nav>ul>li.selected#trasporti-pubblici>a:hover { color:#fff }
nav>ul>li.selected#parcheggi>a:hover { color:#fff }
nav>ul>li.selected#noleggi>a:hover { color:#fff }
nav>ul>li.selected>a:hover { color:#fff }*/
/* HEAD HOME*/
div#feature_list {
width: 960px;
height: 240px;
overflow: hidden;
position: relative;
}
div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}
ul#tabs {
right: 0;
z-index: 2;
width: 320px;
}
#tabs h3 { font-family: GlaserSteDRegular; letter-spacing:1px; margin-bottom:6px; line-height:12px; font-weight:normal }
#tabs, #tabs span { line-height:14px }
ul#tabs li {
font-size: 12px;
font-family: Arial;
padding-left:20px;
}
ul#tabs li img {
padding: 5px;
border: none;
float: left;
margin: 10px 10px 0 0;
}
ul#tabs a {
color: #fff;
text-decoration: none;
display: block;
padding: 10px;
height: 60px;
outline: none;
background:url('../images/fondo_tab_home.png') no-repeat top right;
}
ul#tabs a * {
color: #fff;
}
ul#tabs li a:hover * {
text-decoration: none;
color:#000;
}
ul#tabs li a.current {
background: url('../images/feature-tab-current.png');
color: #FFF;
}
ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}
ul#output {
right: 0;
width: 960px;
height: 240px;
position: relative;
}
ul#output li {
position: absolute;
width: 960px;
height: 240px;
}
ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #000;
-moz-border-radius: 5px;
}
ul#output li a:hover {
background: #D33431;
}
#search { background:url("../images/search.png") left top no-repeat; height:34px; width:254px }
#search-field { border:0px solid #fff; width:184px; background:url("../images/search-field.png") left top no-repeat; border-color:transparent; height:24px; margin-left:-10px; margin-right:10px; margin-top:-1px; position:relative; }
html.ie8 #search-field{ top:-5px; }
#search-send { border-color:transparent; -webkit-box-shadow:none; background:none; margin-right:4px }
.newsletter_error ul { padding-left: 15px; }
footer .flag { top:7px; position:relative;}
footer .flag img { width:25px; }
#green { background:url("../images/title_home_verde.png") }
#blue { background:url("../images/title_home_blu.png") }
#orange { background:url("../images/title_home_orange.png") }
#grey { background:url("../images/title_home_grigio.png") }
/*STILLE MENU TMP
.vivifacile { width:100%;}
.vivifacile label{ width:90px; display:inline-block}
.vivifacile .menu_left{ float:left; width:200px; margin-left:10px}
.vivifacile .menu_left ul li{ list-style:none; border-bottom:2px #339900 solid; cursor:pointer; padding:3px}
.vivifacile .menu_left ul li.selected{ background:#d1e4c7}
.vivifacile #ViviContent{ float:right; width:730px;}
.vivifacile #ViviContent>div{ position:absolute;}
.vivifacile #ViviContent>div{ display:none}
.vivifacile #ViviContent>div:first-child{ display:block}
*/
.split {width:48%; margin:1px; float:left;}
.dati_soggetto label{ width:100px; display:inline-block}
.dati_soggetto input[type=text]{ width:200px;}
.feedback{ border:2px solid #999; padding:10px; background:#d8d8d8; margin:4px 0; display:none}
.feedback.success{ border:2px solid #17E800; display:block}
.feedback.insuccess{ border:2px solid #FF2828; display:block}
/*NEWS*/
.news_box.scaduta .news_content { color:#999;}
.news_box .news_title { width:100%;background:#390;color:#fff; padding: 0 5px;}
.news_box.scaduta .news_title { width:100%;background:#999; color:#eee; }
.segnalazioni input { width:200px }
.segnalazioni textarea { width:200px; height:80px }
.segnalazioni select { width:206px }
.segnalazioni input#agree { width:30px }
.bold { font-weight:bold!important; }
footer, footer a { color:#ccc }
/* Tablet Layout:768px.
Gutters:24px.
Outer margins:28px.
Inherits styles from:Default Layout.
-----------------------------------------------------------------
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) {
/*body { width:712px; padding:48px 28px 60px;}*/
nav li a { font-size:16px}
nav li li a { font-size:12px }
header .mom_logo { height:54px; margin-top:24px }
#contents, #breadcrumb { width:728px!important }
body { width:768px; margin:auto }
nav { width:768px }
nav li { margin-left:30px }
#tabs { display:none }
div#feature_list { width:768px }
#output { right:auto; left:0}
div.fascia1Home{ padding-left:30px }
#news { margin-top:20px; width:714px }
#news .boxHomeContent { height:160px }
.fascia2Home { padding-left:40px }
.fascia2Home .boxHome { min-height:150px; height:auto !important; height:150px; width:184px; margin-right:10px }
#grey { width:674px!important; border-top-left-radius: 18px; border-top-right-radius: 15px; background-image: -moz-linear-gradient(top, #666, #333); background-image: -webkit-gradient(linear, center top, center bottom, from(#666), to(#333)); padding-right:20px }
#taxy1 { display:none }
nav li.selected ul, nav li.parent ul, nav li.over ul {width: 768px; margin-left: -384px; }
nav li ul { font-size: 11px }
nav li li { margin-left: 5px }
}
/* Mobile Layout:320px.
Gutters:24px.
Outer margins:34px.
Inherits styles from:Default Layout.
---------------------------------------------
cols 1 2 3
px 68 160 252 */
@media only screen and (max-width:767px) {
#taxy1 { display:none }
#logoactt { margin:0; width:200px; float:left }
header .mom_logo { height:44px }
h1 { font-size: 18px; line-height: 30px }
body { width:320px; padding:6px 0; margin-top:0; margin-bottom:0!important; padding-bottom:0!important }
header { width:300px }
header img { display:block; margin:auto }
nav { width:320px; height:auto; overflow:hidden; background-image: -moz-linear-gradient(top, #666, #333); margin-bottom:0; margin-left:0;
background-image: -webkit-gradient(linear, center top, center bottom, from(#666), to(#333)); padding-bottom:5px }
#feature_list { display:none; width:305px }
div.boxHome { width: 305px; clear:both;}
nav ul li ul { width:305px; }
#output { width:310px; display:none }
img { max-width:100%!important }
#content { width:320px!important; overflow:hidden; padding-left:0!important }
#adminlogin { display:none }
nav ul, .boxHomeContent img { display:none }
.mobileMenu { width:300px; display:block; margin:10px auto 5px }
#green { width:270px!important; border-top-left-radius: 18px; border-top-right-radius: 15px; background-image: -moz-linear-gradient(top, #390, #360); background-image: -webkit-gradient(linear, center top, center bottom, from(#390), to(#360)); }
#blue { width:270px!important; border-top-left-radius: 18px; border-top-right-radius: 15px; background-image: -moz-linear-gradient(top, #069, #066); background-image: -webkit-gradient(linear, center top, center bottom, from(#069), to(#066)); }
#orange { width:270px!important; border-top-left-radius: 18px; border-top-right-radius: 15px; background-image: -moz-linear-gradient(top, #f90, #c60); background-image: -webkit-gradient(linear, center top, center bottom, from(#f90), to(#c60)); }
#grey { width:270px!important; border-top-left-radius: 18px; border-top-right-radius: 15px; background-image: -moz-linear-gradient(top, #666, #333); background-image: -webkit-gradient(linear, center top, center bottom, from(#666), to(#333)); }
#content .boxHomeTitle { text-align:center }
#content .boxHomeContent { height:auto!important; padding-top:10px; margin-bottom:10px }
#content .boxHomeContent a { clear:both!important; width:300px!important; padding:5px; display:block; text-align:center!important; font-size:14px }
#content .boxHomeContent br { width:0; display:none }
/*#content .bluecont a { width:93px!important; }*/
.fascia2Home, .boxHome.last { display:none }
#content .boxHome2 { background:#fff!important }
#content .boxHome2 p { width:160px!important }
#content #newsletter { border-radius:15px!important; background:#fff url("../images/mob-newsletter.jpg") 90% top no-repeat!important; width:270px!important; padding-top:5px!important; margin-bottom:10px; margin-left:0!important; margin-right:0!important }
#content #bici { border-radius:15px!important; background:#fff url("../images/mob_bici.jpg") 90% top no-repeat!important; width:270px!important; padding-top:5px!important; margin-bottom:10px }
#content #bus { border-radius:15px!important; background:#fff url("../images/bus-mob.jpg") 90% top no-repeat!important; width:270px!important; padding-top:5px!important; margin-bottom:10px }
#content #bus1 { border-radius:15px!important; background:#fff url("../images/mob.jpg") 90% top no-repeat!important; width:270px!important; padding-top:5px!important; margin-bottom:10px }
#content div.fascia1Home { overflow:hidden; background:#000; margin-top:0; width:320px!important; padding-left:5px; padding-top:10px}
#content #taxy.boxHome2 { background:url("../images/home_taxi_bike_mob.jpg") left top no-repeat!important; width: 305px!important }
footer { width:300px!important; padding:10px!important; background:#000 }
#content div.boxHomeContent { text-align:center!important }
#content div#template { width:320px!important; margin-top:0; padding-bottom:0 }
#content div#template-content { width:300px!important; margin-top:0; padding:5px!important }
#prefooter { display:none }
img { max-width:100% }
#contentG, #contentB, #contentO, #contentY { width:305px!important }
#contentG div, #contentB div, #contentO div, #contentY div { width:305px!important }
}
#contents img{
margin-right:30px;
}
#contents img{
margin-right:30px;
}
.table_interna{
width:100%;
}
.table_interna tr td{
padding:2px 5px;
}
.lista_interna{
margin-left:15px !important;
}
.cell_div_3 tr td{
width:33%;
}
.center{text-align:center;}
.field { float:left; width:33%; padding-top:20px }
/* Wide Mobile Layout:480px.
Gutters:24px.
Outer margins:22px.
Inherits styles from:Default Layout, Mobile Layout.
------------------------------------------------------------
cols 1 2 3 4 5
px 68 160 252 344 436 */
@media only screen and (min-width:480px) and (max-width:767px) {
/*body { width:436px; padding:36px 22px 48px; }*/
}
/* Retina media query.
Overrides styles for devices with a
device-pixel-ratio of 2+, such as iPhone 4.
----------------------------------------------- */
@media
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
body {
}
}