@charset "UTF-8";

@media screen and (min-width: 984px) {
/* Structure 0 to 983 */
#logo-new { display:none;}
.new{ display:none;}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 984px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 984px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 984px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 984px),
only screen and (                min-resolution: 192dpi) and (min-width: 984px),
only screen and (                min-resolution: 2dppx)  and (min-width: 984px) { 
/* Large screen, retina, stuff to override above media query */
#header {background-image: url(../img/bg-sup-nav@2x.gif);}
#sicilia-logo {background-image: url(../img/sicilia-traghetti-logo@2x.png);}
#logo-txt {background-image: url(../img/logo-txt-sicilia@2x.jpg);}
#sic-head-big { background-image: url(../img/sic-head-big@2x.jpg);}
a.banner-dx-btn, a.read-more-btn {background-image: url(../img/frec-dx@2x.png);}
input.form-btn {background-image: url(../img/frec-dx@2x.png);}
nav#trat-sic-rich ul li a{background-image: url(../img/ancora-arancione@2x.png);}
.banner-dx { background-image: url(../img/banner-dx-bg@2x.jpg);}
.dban-one { background-image: url(../img/banner-dx-01@2x.jpg);}
.dban-two{background-image: url(../img/banner-dx-02@2x.jpg);}
.dban-three { background-image: url(../img/banner-dx-03@2x.jpg);}
.dban-four { background-image: url(../img/banner-dx-04@2x.jpg)}
.dban-five { background-image: url(../img/banner-dx-05@2x.jpg)}
.blog { background-image: url(../img/ban-blog@2x.jpg)}
nav.route-navy-int ul li a {background-image: url(../img/green-circle@2x.png);}
nav.route-navy-porti ul li {background-image: url(../img/green-circle@2x.png);}
nav.menu-btm-sic ul li a {background-image: url(../img/white-bull@2x.png);}
}
@media screen and (max-width: 983px) {
/* Structure 0 to 983 */
#header {width: 100%; background-image: none; background-color: #FFF; height:auto;}
#logo {display:none;}
#logo-txt {display:none;}
#logo-new {width: 50%; margin-top: 10px;float: left;display:inline;}
.new{ max-width: 100%; height: auto;}
#sic-head-big {display: none;height: 90px;}
#sic-girl{display: none;}
#heading-sic, #heading-sic-pag {width:100%; height: auto;; line-height:25px;margin-top: 98px;}
}
@media (min-width: 768px) and (max-width: 983px) {
/* Structure 768 to 984 */
.none{ display:none;}
#header {width: 100%; background-image: none; background-color: #FFF; height:auto;}
.container { width: auto;}
#sicilia-logo {display:none;}
#logo-txt {display:none;}
.new{ max-width: 100%; height: auto;}
#heading-sic, #heading-sic-pag {width:100%; height: auto;; line-height:25px;margin-top: 98px;}
#icone-social-top { display: none;}
#nav > ul > li > a.none  {display: none;}
nav#green-nav-top {margin-top: 0px; float: left; position: relative; z-index: 19;}
#green-nav-top ul li a.none{ display: block;}
nav#green-nav-smart { display: none;}
section#cl-sin-sic { float: none; width: 100%; display:block;}
aside#sidebar {text-align: justify; vertical-align: top; display: inline-block; float: none; width: 100%; margin: 0px; padding: 0px;}
aside#sidebar:after {content: ""; width: 100%; display: inline-block;}
.banner-dx { width: 280px; vertical-align: top; display: inline-block; margin-bottom: 20px;}
.tratte-sid-sic{ width: 100%; background-position: right bottom;}
nav#tragh-nav-icone { margin-top: 0px; margin-bottom: 0px;}
nav#tragh-nav-icone ul{ width: 100%;}
nav#tragh-nav-icone ul li{ height: 90px; width: 78px;}
#map-sicilia-rotte { display:none; }
#footer { display:none;}
.space-int{display: none}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 768px) and (max-width: 984px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 768px) and (max-width: 984px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 768px) and (max-width: 984px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 768px) and (max-width: 984px),
only screen and (                min-resolution: 192dpi) and (min-width: 768px) and (max-width: 984px),
only screen and (                min-resolution: 2dppx)  and (min-width: 768px) and (max-width: 984px) { 
/* Large screen, retina, stuff to override above media query */
#sicilia-logo {background-image: url(../img/logo-tondo-sic@2x.png);}
#logo-txt { background-image: url(../img/logo-txt-sicilia@2x.jpg);}
#sic-head-big { background-image: url(../img/sic-head-big@2x.jpg);}
#tit-cod-mot {background-image: url(../img/mot-arrow@2x.png);}
a.banner-dx-btn, a.read-more-btn {background-image: url(../img/frec-dx@2x.png);}
input.form-btn {background-image: url(../img/frec-dx@2x.png);}
nav#trat-sic-rich ul li a{background-image: url(../img/ancora-arancione@2x.png);}
.banner-dx { background-image: url(../img/banner-dx-bg@2x.jpg);}
.dban-one { background-image: url(../img/banner-dx-01@2x.jpg);}
.dban-two{background-image: url(../img/banner-dx-02@2x.jpg);}
.dban-three { background-image: url(../img/banner-dx-03@2x.jpg);}
.dban-four { background-image: url(../img/banner-dx-04@2x.jpg)}
.dban-five { background-image: url(../img/banner-dx-05@2x.jpg)}
.blog { background-image: url(../img/ban-blog@2x.jpg)}
nav.route-navy-int ul li a {background-image: url(../img/green-circle@2x.png);}
nav.route-navy-porti ul li {background-image: url(../img/green-circle@2x.png);}
}
@media (min-width: 481px) and (max-width: 767px) {
/* Structure 481 to 767 */
p {font-size: 1.2em;}
.none{ display:none;}
#header {width: 100%; background-image: none; background-color: #FFF; height:auto;}
.container { width: auto;}
#heading-sic-pag {margin-top: 90px;}
#sicilia-logo {display:none;}
#logo-txt {display:none;}
#logo-new {width: 60%; margin-top: 10px;float: left;display:inline;}
.new{ max-width: 100%; height: auto;}
#icone-social-top { display:none;}
#nav > ul > li > a.none  {display: block;}
nav#green-nav-top { display: none;}
nav#green-nav-smart {height: 28px; display: inline; position: absolute; z-index: 19; margin-bottom: 10px; float: right; right: 10px; bottom: 0px;}
#green-nav-smart ul {padding: 0px; margin: 0px;}
#green-nav-smart  ul li {display: inline; float:left; padding-right: 8px;}
#green-nav-smart ul li a { font-family: 'Open Sans', sans-serif; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF;background-color: #40B92E; height: 26px; width: auto; display: block; font-size: 1em; text-transform: uppercase; line-height: 28px; text-decoration: none;font-weight: bolder; padding-right: 10px; padding-left: 10px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #057E22;}
#green-nav-smart ul li a:hover{ background-color: #057E22; border-bottom-color: #40B92E;}
#green-nav-top ul li a.none{ display: block;}
#sic-head-big { background-image: url(../img/sic-head-small.jpg); height: 200px; background-size:auto 200px;}
#call-sic {margin-bottom: 5px; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; text-align:center; font-size: 1 em;}
#testo-cal-sic { width: 100%; margin: 0px; padding-top: 3px; padding-bottom: 3px;}
.orangetit {word-spacing: 2px; letter-spacing: 1px; font-size: 1.3em; line-height: 22px;}
#call-sic p{font-size: 1.2em; line-height: 20px;}
#sic-girl {display:none;}
#heading-sic, #heading-sic-pag {width:100%; height: auto;;line-height:35px;}
section#cl-sin-sic { float: none; width: 100%; display:block;}
#tit-cod-mot { width: auto; height: auto; background-position: 98% center; font-size: 1.35em;}
aside#sidebar {text-align: justify; vertical-align: top; display: inline-block; float: none; width: 100%; margin: 0px; padding: 0px;}
aside#sidebar:after {content: ""; width: 100%; display: inline-block;}
.banner-dx { width: 280px; vertical-align: top; display: inline-block;margin-bottom: 20px;}
.tratte-sid-sic{ width: 100%; background-position: right bottom;}
nav#tragh-nav-icone { margin-top: 0px; margin-bottom: 0px;}
nav#tragh-nav-icone ul{ width: 100%;}
nav#tragh-nav-icone ul li{ height: 90px; width: 78px;}
#map-sicilia-rotte { display:none; }
#table { display:none;}
#footer { display:none;}
.space-int{display: none}
.form-cont-campo { float: none; width: 98%;}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 481px) and (max-width: 767px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 481px) and (max-width: 767px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 481px) and (max-width: 767px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 481px) and (max-width: 767px),
only screen and (                min-resolution: 192dpi) and (min-width: 481px) and (max-width: 767px),
only screen and (                min-resolution: 2dppx)  and (min-width: 481px) and (max-width: 767px) { 
/* Large screen, retina, stuff to override above media query */
#logo-txt { background-image: url(../img/logo-txt-small@2x.jpg);}
#sic-head-big { background-image: url(../img/sic-head-big@2x.jpg);}
#tit-cod-mot {background-image: url(../img/mot-arrow@2x.png);}
a.banner-dx-btn, a.read-more-btn {background-image: url(../img/frec-dx@2x.png);}
input.form-btn {background-image: url(../img/frec-dx@2x.png);}
nav#trat-sic-rich ul li a{background-image: url(../img/ancora-arancione@2x.png);}
.banner-dx { background-image: url(../img/banner-dx-bg@2x.jpg);}
.dban-one { background-image: url(../img/banner-dx-01@2x.jpg);}
.dban-two{background-image: url(../img/banner-dx-02@2x.jpg);}
.dban-three { background-image: url(../img/banner-dx-03@2x.jpg);}
.dban-four { background-image: url(../img/banner-dx-04@2x.jpg)}
.dban-five { background-image: url(../img/banner-dx-05@2x.jpg)}
.blog { background-image: url(../img/ban-blog@2x.jpg)}
nav.route-navy-int ul li a {background-image: url(../img/green-circle@2x.png);}
nav.route-navy-porti ul li {background-image: url(../img/green-circle@2x.png);}
}
@media (max-width:480px) {
/* Structure < 480 */
.none{ display:none;}
h1{font-size:1.3em}
{width: 100%; background-image: none; background-color: #FFF; height:auto;}
.container { width: auto;}
#sicilia-logo {display:none;}
#logo-txt {display:none;}
#logo-new {width: 80%; margin-top: 10px;float: left;display:inline;}
.new{ max-width: 100%; height: auto;}
#icone-social-top { display:none;}
#nav > ul > li > a.none  {display: block;}
nav#green-nav-top { display: none;}
nav#green-nav-smart {text-align: justify; vertical-align: top; display: inline-block; height: 28px; position: relative; z-index: 19; margin-bottom: 10px; bottom: 0px; width: 100%; margin-right: auto; margin-left: auto; text-align: center;}
nav#green-nav-smart:after {content: ""; width: 100%; display: inline-block;}
#green-nav-smart ul {padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#green-nav-smart  ul li {vertical-align: top; display: inline-block; padding-right: 8px; padding-left: 8px;}
#green-nav-smart ul li a { font-family: 'Open Sans', sans-serif; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF;background-color: #40B92E; height: 26px; width: auto; display: block; font-size: 1em; text-transform: uppercase; line-height: 28px; text-decoration: none;font-weight: bolder; padding-right: 10px; padding-left: 10px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #057E22;}
#green-nav-smart ul li a:hover{ background-color: #057E22; border-bottom-color: #40B92E;}
#green-nav-top ul li a.none{ display: block;}
#nav > ul {width:280px;}
#sic-head-big { background-image: url(../img/sic-head-small.jpg); height: 200px; background-size:auto 200px;margin-top: 165px;}
#call-sic {margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px; text-align:center; font-size: 0.8 em;}
#testo-cal-sic {width: 100%; margin: 0px; padding-top: 2px; padding-bottom: 2px;}
.orangetit {word-spacing: 2px; letter-spacing: 1px; font-size: 1em; line-height: 16px;}
#call-sic p{font-size: 1em; line-height: 17px;}
#sic-girl {display:none;}
#heading-sic, #heading-sic-pag {width:100%; height: auto;; line-height:25px;margin-top: 68px;}
#nav{position: absolute; left: 50%; margin-left:-140px;}
section#cl-sin-sic { float: none; width: 100%; display:block;}
#cl-sin-sic p img {float:none; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; display:block;}
#cl-sin-sic p img.list-img{display:inline; margin-bottom:0;}
#tit-cod-mot {width: auto; height: auto; background-position: 98% center; font-size: 1.35em;}
aside#sidebar {text-align: justify; vertical-align: top; display: inline-block; float: none; width: 100%; margin: 0px; padding: 0px;}
aside#sidebar:after {content: ""; width: 100%; display: inline-block;}
.banner-dx {width: 280px; vertical-align: top; display: inline-block; margin-bottom: 20px;}
.tratte-sid-sic{ width: 100%; background-position: right bottom;}
nav#tragh-nav-icone { margin-top: 0px; margin-bottom: 0px;}
nav#tragh-nav-icone ul{ width: 100%;}
nav#tragh-nav-icone ul li{ height: 90px; width: 78px;}
#map-sicilia-rotte { display:none; }
#table { display:none;}
#footer { display:none;}
#tx-sic-credits {text-align:center; float: none; width: 100%; padding-bottom:10px;}
nav#icone-social-btm {padding-top:10px; float: none; width:100%; margin:auto; display:block;}
nav#icone-social-btm ul{text-align: center; float:none;}
nav#icone-social-btm ul li{float:none;}
.space-int{display: none}
nav.route-navy-porti ul li {line-height: normal; background-position: left 10%; height: auto; display: block;}
nav.route-navy-porti ul li a {height: auto; display:block; float: none;}
.route-navy-porti ul li a.ico{float: none;}
.campo{ float: none; width: 98%;}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                min-resolution: 192dpi) and (max-width: 480px),
only screen and (                min-resolution: 2dppx)  and (max-width: 480px) { 
/* Small screen, retina, stuff to override above media query */
#logo-txt { background-image: url(../img/logo-txt-x-small@2x.jpg);}
#sic-head-big { background-image: url(../img/sic-head-small@2x.jpg);}
#tit-cod-mot {background-image: url(../img/mot-arrow@2x.png);}
a.banner-dx-btn, a.read-more-btn {background-image: url(../img/frec-dx@2x.png);}
input.form-btn {background-image: url(../img/frec-dx@2x.png);}
nav#trat-sic-rich ul li a {background-image: url(../img/ancora-arancione@2x.png);}
.banner-dx { background-image: url(../img/banner-dx-bg@2x.jpg);}
.dban-one { background-image: url(../img/banner-dx-01@2x.jpg);}
.dban-two{background-image: url(../img/banner-dx-02@2x.jpg);}
.dban-three { background-image: url(../img/banner-dx-03@2x.jpg);}
.dban-four { background-image: url(../img/banner-dx-04@2x.jpg)}
.dban-five { background-image: url(../img/banner-dx-05@2x.jpg)}
.blog { background-image: url(../img/ban-blog@2x.jpg)}
nav.route-navy-porti ul li {background-image: url(../img/green-circle@2x.png);}
}
@media (max-width:280px) {
/* Structure < 480 */

#sicilia-logo  {display:none;}
#logo-txt {display:none;}
#logo-new {width: 70%; margin-top: 10px;float: left;display:inline;}
.new{ max-width: 100%; height: auto;}
#heading-sic, #heading-sic-pag {width:100%; height: auto;; line-height:25px;margin-top: 58px;}