/* Theme Name: Os2 responsive Theme URI: http://www.os2.it Author: Os2 */ @import url(http://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic); @import url(http://fonts.googleapis.com/css?family=Indie+Flower); @font-face { font-family: "siciliacam"; src:url("fonts/siciliacam.eot"); src:url("fonts/siciliacam.eot?#iefix") format("embedded-opentype"), url("fonts/siciliacam.woff") format("woff"), url("fonts/siciliacam.ttf") format("truetype"), url("fonts/siciliacam.svg#siciliacam") format("svg"); font-weight: normal; font-style: normal; } BODY {font-family: 'Muli', sans-serif; font-size:95%; color: #666; margin:0;padding:0;text-align:center;line-height:1.23;background:#fff} a:link, a:visited, a:link::before, a:visited::before, a:link::after, a:visited::after {color:#00AEEF; text-decoration:none;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} a:hover {text-decoration:none;color:#f60} body > header, .container, #footerc {min-width:300px;margin:0 auto} /* form e img */ p {margin:10px 0; font-size:18px} .imgdx {float:right;margin:5px 0 0 5px} .imgsx {float:left;margin:8px 5px 0 0} h1, h2, h3, h4 {margin:0;font-weight:normal} h1 {position:relative;width:100%;display:block;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-family: 'Indie Flower', cursive;font-size:30px;color:#fff;-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px;background:#f60;height:50px;line-height:46px;padding:0 10px} .category h1 {background:#6AA32A;font-family: 'Muli', sans-serif} .single-post h1 {font-family: 'Muli', sans-serif;background:none;height:auto;line-height:34px;color:#6AA32A;padding:0} h1.azzurro {background:#f60;background:#00AEEF;font-size:17px;text-align:center;display:table;line-height:20px} h1 > span {position:absolute;top:2px;right:10px;text-transform:uppercase;color:#fc0;font-size:35px} h1 a:link, h1 a:visited, #homewebcamdx a h1 {display:table-cell;vertical-align:middle;color:#fff;moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} h1 a:hover, #homewebcamdx a:hover h1 {color:#fc0} input[type="text"], input[type="email"], input[type="date"], input[type="submit"], textarea, select {webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Muli', sans-serif;font-size:90%;margin:0;padding:0} input[type="text"], input[type="email"], input[type="date"], textarea, select {margin-top:3px;background-color:#eee;border:0;padding:5px} select {padding:4px 5px} .entry-header, .page-header {margin-bottom:20px} h2 {font-size:18px} b, strong {font-weight: 600} img {border:0} form {margin:0} .wide {clear:both;width:100% !important;float:none !important;margin:0 !important} /* struttura */ #top {margin:0 auto;width:100%;background:#f5f5f5} #logobg {width:100%;background:#fff} #logoc {margin:0 auto;position:relative;width:990px;padding:35px 5px;text-align:center; background:#fff} #topbannersx, #topbannerdx {position:absolute;top:35px;width:150px;height:90px} #topbannersx {left:5px;} #topbannerdx {right:5px;} a#logo {margin:0 auto;} a#logo img {max-width:100%;height:auto} #topmenubg {width:100%;background-color:#6AA32A;height:50px;margin-bottom:30px; max-width:990px; margin:0 auto; position:relative; /*z-index:1*/} #topmenuc {margin:0 auto;position:relative;width:990px;} a.menu-link {width:70%;float:left;font-weight:bold;display:block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px 10px;background-color:#6AA32A;color:#fff;font-size:16px} nav[role=navigation] {float:left;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .js nav[role=navigation] {overflow: hidden;} nav[role=navigation].active {max-height: 15em;} nav[role=navigation] ul {margin: 0; padding: 0;background-color:#6AA32A;color:#fff;font-size:15px} nav[role=navigation] li {display: inline-block;margin:0 9px} nav[role=navigation] li a {display: block;color:#fff;line-height:36px;height:36px;} nav[role=navigation] li a:hover, nav[role=navigation] li.current-menu-item a, nav[role=navigation] li.current-menu-parent a {color:#fc0;} .lang_sel_list_horizontal {float:right} #lang_sel_list ul {margin:0;padding:0 10px;;height:50px;line-height:50px;list-style:none;text-align:left;font-size:16px;font-weight:600;text-transform:uppercase;background:#f60;border-left:1px solid #fff;border-right:1px solid #fff;border-top:0 !important} #lang_sel_list ul li {display:inline;} #lang_sel_list ul li.icl-en:before {content:" / ";color:#fff} #lang_sel_list ul li a {display:inline-block;} #lang_sel_list ul li a:link, #lang_sel_list ul li a:visited {color:#fff;text-decoration:none} #lang_sel_list ul li a:hover, #lang_sel_list ul li a.lang_sel_sel {color:#fc0;text-decoration:none} #topsearchsocial {margin:20px auto 30px;width:990px; z-index:1; position:relative;} #topsearch {float:left;font-family:'siciliacam';} #topsearch input[type="search"] {float:left;border:1px solid #6AA32A;font-family:'Muli', sans-serif;line-height:40px;width:324px;height:40px;-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;background-color:#fff;color:#bababa;font-size:16px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-right:6px;padding:3px 5px} #topsearch input[type="submit"] {float:left;border:0;font-family:'siciliacam';font-size:30px;line-height:40px;width:40px;height:40px;-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;background-color:#6AA32A;color:#fff;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} #topsearch input[type="submit"]:hover {background-color:#f60;color:#fff;font-size:30px} #topsearch input[type="submit"]:active {font-size:26px;} #topsocial {float:right;width:287px} #topsocial > span {float:left;display:block;font-family: 'Indie Flower', cursive;color:#00ADEE;font-size:27px;height:40px;line-height:50px} #topsocial ul {margin:0;padding:0;list-style:none} #topsocial ul li {display:block;float:left} #topsocial ul li a {position:relative;display:block;width:40px;height:40px;line-height:40px;font-family:'siciliacam';font-size:25px;color:#fff;margin-left:20px;} #topsocial ul li a span {position:absolute;top:-9999px;left:-9999px} #topsocial ul li a::before {position:absolute;left:0;bottom:0;display:block;width:40px;height:40px;-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;color:#fff} a#topfb::before {content:"f";background: #43609C} a#toptwitter::before {content:"t";background: #55ACEE} a#topinstagram::before {content:"i";background: #306087;} #topsocial a:hover::before {text-decoration:none;background:#6AA32A;} nav#menu { margin:0 auto 30px auto;padding:0;width: 990px; font-family: 'Indie Flower', cursive;} nav#menu ul { list-style: none; padding: 0; margin: 0; text-align: center;} nav#menu ul li { display: block; float:left;margin-left:6px} nav#menu ul li:first-child { margin-left:0} nav#menu ul li a {position:relative;display:block;width:160px;height:120px;-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; display: block; background:#00AEEF; text-decoration: none; color: #fff; } nav#menu ul li a:hover {background:#f60} nav#menu ul li a span {position:absolute;left:0;right:0;bottom:15px;display:block;margin:0 auto;font-weight:bold;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;font-size:19px;} nav#menu ul li a::before {font-family:'siciliacam';position:absolute;left:0;right:0;margin:0 auto;display:block;color:#fff;} nav#menu ul li a:hover span {bottom:80px} nav#menu ul li a:hover { color: #fff; } nav#menu ul li.tutte a::before {content:"a";font-size:68px;top:8px;} nav#menu ul li.tutte a:hover::before {top:35px} nav#menu ul li.citta a::before {content:"c";font-size:80px;top:-3px;} nav#menu ul li.citta a:hover::before {top:17px} nav#menu ul li.mare a::before {content:"b";font-size:70px;top:5px;} nav#menu ul li.mare a:hover::before {top:25px} nav#menu ul li.turistiche a::before {content:"g";font-size:58px;top:13px} nav#menu ul li.turistiche a:hover::before {top:33px} nav#menu ul li.montagna a::before {content:"h";font-size:66px;top:8px} nav#menu ul li.montagna a:hover::before {top:29px} nav#menu ul li.attrazioni a::before {content:"m";font-size:70px;top:5px} nav#menu ul li.attrazioni a:hover::before {top:26px} #player_teatromassimo {width:300px} #homewebcam {margin-bottom:30px} #homewebcamwide {float:left;width:660px; overflow:hidden} #homewebcamdx {width:300px;float:right} #homewebcamdx article img {width:300px;height:143px} #homewebcamdx h1 {width:300px;} #bannerhomedx {margin-top:26px} #homewebcamdx a h1 {padding:0 10px;display:table-cell;vertical-align:middle;} #homewebcamdx a:hover h1 {padding:0 10px;display:table-cell;vertical-align:middle;} #banner970, .bar-container {margin:0 auto;text-align:center} .bar-container {overflow:visible !important} #morewebcams h1 {line-height:50px} #morewebcams h1:before {font-family:siciliacam;content:"a";font-size:40px;float:left;margin-right:10px} #morewebcams ul {width:100%;margin:0 0 70px 0;padding:0;list-style:none} #morewebcams ul li {float:left;width:25%;height:150px} #morewebcams ul li a {display:block;width:100%;height:150px;line-height:150px;color:#fff;text-align:center;font-weight:bold;font-size:20px} #morewebcams ul li a:hover {color:#fc0} #morewebcampage > div {float:left} .morewebcampagesx, .morewebcampagedx {width:160px} #morewebcampagecontent {width:670px} .stick { position:fixed; top:0px; } .webcams {margin:30px auto 0 auto} .webcams > div {float:left;margin:3px 2px;height:250px;} .single-post .webcams > div {float:none;margin:20px 0 0 0;} .webcams > div img {width:324px;height:188px;display:block} #schedadx .webcams > div img {width:310px;height:200px} .webcams > div a h1 {height:50px;font-family: 'Indie Flower', cursive;display:table-cell;width:324px;vertical-align:middle;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;margin:0} #schedadx .webcams > div a h1 {width:310px;color:#fff} .webcams > div a:hover h1 {color:#fc0} #webcamdx > h1 {text-align:center;width: 310px;box-shadow: 0 30px 0 0 #00AEEF;font-family: 'Indie Flower', cursive;color:#00AEEF;font-size:18px;background: transparent;border-radius: 10px;height: 10px;line-height:30px;margin:15px 0 50px 0} #homemapc {margin:60px auto} #homemapc h1 {font-size:30px;display:block;line-height:50px;text-align:left;padding:0 10px} #homemap {float:right;width:660px} #homemapsx {width:300px;float:left} #homemapsx div:first-child {margin-bottom:26px} #news header h1, #vicinanze header h1 {font-family: 'Muli', sans-serif;font-size: 30px;background: transparent;border-radius: 10px;height: 10px;line-height:30px;padding:0 0 0 50px;margin-bottom:60px} #news header h1 a::before, #vicinanze header h1 b::before {font-family:'siciliacam';font-size:40px;position:absolute;left:0;top:0;display:block;width:40px;height:40px} #news header h1 a:hover, #news header h1 a:hover::before {color:#333} #vicinanze header h1 {width: 990px;box-shadow: 0 40px 0 0 #00AEEF;font-family: 'Indie Flower', cursive;} #vicinanze header h1 b::before {content:"v"} #vicinanze header h1 b::before, #vicinanze header h1, #vicinanze header h1 b {color:#00AEEF;font-weight:normal} #vicinanze {clear:both;} #notizie, #video {float: left} #notizie {width:680px} #video {width:310px} .single #video {width:680px} .single #video ul li {margin:0 30px 30px 0} .single #video header h1 {width:650px} #notizie header h1 {width: 650px;box-shadow: 0 40px 0 0 #6AA32A;} #notizie header h1 a::before {content:"j"} #notizie header h1 a::before, #notizie header h1, #notizie header h1 a, #turismo header h1 a::before, #turismo header h1, #turismo header h1 a {color:#6AA32A} #video header h1 {width: 310px;box-shadow: 0 40px 0 0 #ff6600;} #video header h1 a::before {content:"e"} #video header h1 a::before, #video header h1, #video header h1 a {color:#f60} #turismo header h1 {width: 990px;box-shadow: 0 40px 0 0 #6AA32A;} #turismo header h1 a::before {content:"d"} #turismo header h1 a::before, #turismo header h1, #turismo header h1 a {color:#6AA32A} #news ul {margin:0;padding:0;list-style:none} #news ul li {display:inline-block;float:left;overflow:hidden;-webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px;-webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px} #news ul li a {position:relative;display:block;width:310px;height:168px;color:#fff} #news ul li a span {position:absolute;bottom:0;left:0;display:block;width:290px !important; width /**/: 310px;height:40px !important; height /**/: 50px;height:50px;padding:5px 10px;-webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px;-webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; background: transparent\9; zoom: 1;font-size:14px;;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} #news ul li a span:nth-child(n) {filter: none} #news ul li a span h1 {font-family: 'Muli', sans-serif;background:none;padding:0;width:290px;font-size:14px;font-weight:400;line-height:20px;height:50px;color:#fff} #news ul li a:hover span {height:138px !important; height /**/: 168px;padding:15px 10px} #notizie ul li {margin: 0 30px 30px 0} #turismo ul li {margin: 0 0 30px 30px} #turismo ul li:first-child {margin: 0 0 30px 0} #notizie ul li a span, #turismo ul li a span {background:rgb(106,163,42);background:rgba(106,163,42,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc6AA32A,endColorstr=#cc6AA32A)} #turismo {clear:both} #video ul li {margin: 0 0 30px 0} #video ul li a span {background:rgb(255,102,0); background:rgba(255,102,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccff6600,endColorstr=#ccff6600)} .container {margin:0 auto;position:relative;width:990px;text-align:justify;/*background: #f5f5f5;*/} #topsearchsocial:after, .container:after, nav#menu:after, #homewebcam:after, .webcams:after, #homemapc:after, #news:after, #webcamscheda:after, #webcamschedafooter:after, .notiziacat:after, .wpp-list li:after, #scheda:after, #group300x250video:after, #morewebcams ul {content: ""; display: table; clear: both;*zoom: 1} img#headerimg {position:absolute;top:80px;left:0;width:990px;height:200px;z-index:100} #content {float:right;width:630px;text-align:justify;padding-top:20px} #footerc {clear:both;width:100%;padding:60px 0;background-color:#00AEEF;margin-top:30px;position:relative} #footer {margin:0 auto;position:relative;width:990px;text-align:left;color:#fff} #footer > div {float:left;margin-left:100px} #footer > div:first-child {margin-left:0;line-height:16px} #footer > div p {margin:16px 0;line-height:20px} #footer:after {content: ""; display: table; clear: both;*zoom: 1} #footer a {color:#FFD220;text-decoration:none} #footer a:hover {text-decoration:underline} #toplocations > ul {float:left;padding:0;margin:0;list-style:none} #toplocations > ul li a {text-decoration:none} #toplocations > ul li a:hover {color:#fc0} #toplocations > ul:first-of-type {float:left;padding-right:20px;border-right:2px solid #fff;margin-right:20px} #toplocations h1 {background:none;font-family: 'Muli', sans-serif;font-size:25px;color:#fff} #fcontacts {padding-top:4px;text-align:center} #fcontacts p:first-child {margin-bottom:26px} #footersocial {-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px;background:#e5e5e5;width:300px;height:288px;position:absolute;top:-70px;right:0} #footersocial::before {content:'';position:absolute;top:3px;left:-7px;width: 0;height: 0;border-style: solid;border-width: 0 0 7px 7px;border-color: transparent transparent #888 transparent} #footersocial {float:right;width:310px} #footersocial ul {margin:80px 30px 0 30px;padding:0;list-style:none;font-family: 'Indie Flower', cursive} #footersocial ul li {display:block;margin-bottom:10px} #footersocial ul li a {position:relative;display:block;width:250px;height:40px;line-height:40px;font-size:19px;color:#fff;-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;text-decoration:none;text-indent:60px} #footersocial ul li a::before {font-family:'siciliacam';font-size:25px;position:absolute;left:10px;bottom:0;display:block;width:35px;height:40px;border-right:2px solid #fff;text-indent:0;color:#fff} #footersocial ul li#footerfb a {background: #43609C} #footersocial ul li#footerfb a::before {content:"f";} #footersocial ul li#footertwitter a {background: #55ACEE} #footersocial ul li#footertwitter a::before {content:"t"} #footersocial ul li#footerinstagram a {background: #306087} #footersocial ul li#footerinstagram a::before {content:"i"} #footersocial ul li a:hover {text-decoration:none;background:#6AA32A !important;} /* content */ #webcamscheda {position:relative;width:990px;} #webcamscheda h1 {margin-bottom:1px} #webcamschedasx {position:relative;width:680px;float:left} #webcamschedadx {width:300px;float:right} #webcamschedadx > div {position:relative;text-align:center;margin-top:10px;} #webcamschedadx > div:first-child {margin-top:0} #vota {height:68px !important; height /**/: 88px;padding:10px 0;background:#f5f5f5;font-size:13px} #vota b {font-family: 'Indie Flower', cursive;color:#00AEEF;font-size:18px} #commenti {background:#f5f5f5;text-align:center} #commenti a {display:block;font-size:13px;width:150px;padding:10px 0;} #commenti > a > span {position:relative;display:inline-block;margin:0 auto;width:auto;font-size:13px;} #commenti > a > span::before {font-family: 'siciliacam';content:"n";color:#f60;font-size:23px;float:left;margin:-5px 5px 0 0} #commenti > a:hover > span::before {color:#00AEEF;} #infowebcam a {display:block;padding:10px 0;background:#f5f5f5;text-align:center} #localizza {float:left;width:145px} #localizza a {display:block;margin:0 auto;width:145px;height:70px !important; height /**/:100px;padding:15px 0;background:#00AEEF;font-family: 'Indie Flower', cursive;color:#fff;font-size:22px} #localizza a:hover, #localizza a:hover::before {color:#fc0} #localizza a::before {display:block;font-family: 'siciliacam';content:"k";color:#fff;font-size:60px;line-height:50px} #meteowebcam {float:right;width:145px;height:80px !important; height /**/:100px;padding:10px 0;background:#00AEEF;color:#fff} #meteowebcam > span {display:block;position:absolute;bottom:7px;left:0;right:0;margin: 0 auto;font-size:14px} #temperatura {font-family: 'Indie Flower', cursive;font-size:30px} @font-face { font-family: "meteo"; src: url("fonts/meteo.eot"); src: url("fonts/meteo.eot#iefix") format("embedded-opentype"), url("fonts/meteo.woff") format("woff"), url("fonts/meteo.ttf") format("truetype"), url("fonts/meteo.svg") format("svg"); font-weight: normal; font-style: normal; } [class^="meteo"]:after { font-family: meteo; font-size: 58px; font-style: normal; margin-right: 10px; line-height:60px; float:right; } .meteo3:after { content: "\e000"; } .meteo7:after { content: "\e001"; } .meteo9:after { content: "\e002"; } .meteo6:after { content: "\e003"; } .meteo8:after { content: "\e004"; } .meteo10:after { content: "\e005"; } .meteo5:after { content: "\e006"; } .meteo4:after { content: "\e007"; } .meteo1:after { content: "\e008"; } .meteo2:after { content: "\e009"; } .meteo11:after { content: "\e00a"; } #bannerstruttura {width:150px;margin:0 auto;display:block} #bannerpartner {width:140px;display:inline-block} #bannerstruttura h2, #bannerpartner h2 {position:relative;width:100%;display:block;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-family: 'Indie Flower', cursive;font-size:19px;color:#fff;-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px;background:#f60;height:40px;line-height:40px;padding:0 10px} #dxwebcam300x250 {} #webcamschedafooter {position:relative;width:100%} div.mr_social_sharing_wrapper {margin:12px 0 !important} .shareaholic-canvas {margin-left:-15px} #webcamshare {margin:10px 0 15px 0;} #webcamshare > .ssba > div[style] {text-align:left !important} #webcamshare .ssba {padding-left:5px} #webcamshare .ssba img {width:20px !important} @media screen and (min-width: 1330px) { #banner160x600sx {position:absolute;left:-170px;top:0;width:160px} #banner160x600dx {position:absolute;right:-170px;top:0;width:160px} } @media screen and (max-width: 1329px) { #banner160x600sx, #banner160x600dx {display:none} } @media screen and (min-width: 480px) { #webcamschedafooter #incorpora{position:absolute;top:7px;right:0;font-size:90%} } #banner970x250 {margin:0 auto 20px auto;text-align:center} #banner970x250 > div {margin:0 auto !important} #group300x250 > div {float:left;margin-left:45px} #group300x250 > div:first-child {margin-left:0} #banner970x100 {margin:20px auto;} #banner250x100scheda {width:250px;float:right;margin-left:20px} #group300x250video {margin:15px auto;text-align:center;width:100%;} #group300x250video > div {margin:0 1%;float:left;width:48%;} #banner336x280 {float:left;margin-right:10px} #notiziesx {margin-top:20px;width:660px;float:left;font-size:105%;border-top: 1px solid #6AA32A;} #notiziedx {margin-top:20px;width:300px;float:right} #notiziedx h1 {background:#6AA32A;font-family: 'Muli', sans-serif;font-size:18px;text-align:center;margin-top:20px} .notiziacat {position:relative;width:100%;border-bottom: 1px solid #6AA32A;padding:15px 0 20px 0} .notiziacat h1 {background:none;padding:0;margin:0;font-size:22px;color:#6AA32A;font-family: 'Muli', sans-serif;height:auto;line-height:26px;margin-bottom:5px} .notiziacat h1 a {color:#6AA32A} .notiziacat h1 a:hover {color:#00AEEF} .notiziacat p {margin:0} a.readmore {position:absolute;bottom:20px;right:0;font-size:13px;color:#fff;background:#6AA32A;padding:5px 10px} a.readmore:hover {color:#fc0} a.imglink {position:relative;width:200px;height:125px;display:block;float:left;margin-right:12px} .category-video a.imglink span {position:absolute;top:0;left:0;width:200px;height:125px;display:block;background:url(images/videolink.png) no-repeat} #scheda {margin:30px 0;} #scheda > div {float:left} #schedasx {width:680px} #schedadx {width:310px} #schedacontent h1 {font-size:22px;line-height:24px} #schedadx #schedacontent {height:347px;margin-bottom:21px} #schedasx #schedacontent {width:650px} #disqus_thread {width:650px;margin-bottom:50px} #fancybox-embed textarea {width:400px;height:100px;} #featuredimage {margin-top:8px} #featuredimage img {width:650px;height:365px} #richiediwebcam {text-align:center} #richiediwebcam a {margin:30px auto;display:block;text-align:center;vertical-align:middle;width:325px;height:85px;line-height:85px;background:#E7E9EF;color:#00AEEF;font-family: 'Indie Flower', cursive;font-size:30px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} #richiediwebcam a:hover {color:#E7E9EF;background:#00AEEF} table {width:100%;border-collapse:collapse;text-align:center;font-size:13px} table td {border:1px solid #fff;background-color:#E7E9EF;color:#121347} /* contatti */ textarea {width:875px;height:120px} .formcontainer {margin:30px 0;padding:30px 40px;border:1px solid #00aeef} .prenota {margin-top:10px} .prenota > div {float:left;width:280px;margin:0 10px 20px 10px} .prenota > div input[type="text"], .prenota > div input[type="email"], .prenota > div input[type="date"], .prenota select {width:280px} .prenota > p {clear:both;margin-left:10px} .prenota input[type="submit"]{background:#00AEEF;color:#fff;border:0;font-size:15px;text-transform:uppercase;font-weight:600;margin:0;padding:5px 10px} .prenota input[type="submit"]:hover {background-color:#f60} .prenota input[type="submit"]:active {font-size:13px;background-color:#f60;margin-bottom:3px} .prenota input[type="submit"]:disabled {background:#ddd;} .prenota input[type="submit"]:disabled:hover {color:#fff} .prenota input[type="submit"]:disabled:active {font-size:13px;} div.wpcf7-validation-errors {margin-left:30px;padding:10px;border: 2px solid #c00} span.wpcf7-not-valid-tip {font-size:13px;color:#c00} /* woprdpress*/ /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.625em; } .alignright { display: inline; float: right; margin-left: 1.625em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /** * 6.5 Gallery * ----------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 48%; width: -webkit-calc(50% - 4px); width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { width: 32%; width: -webkit-calc(33.3% - 4px); width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { width: 23%; width: -webkit-calc(25% - 4px); width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { width: 19%; width: -webkit-calc(20% - 4px); width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { width: 15%; width: -webkit-calc(16.7% - 4px); width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { width: 13%; width: -webkit-calc(14.28% - 4px); width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { width: 11%; width: -webkit-calc(12.5% - 4px); width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { width: 9%; width: -webkit-calc(11.1% - 4px); width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .gallery:before, .gallery:after { content: ""; display: table; } .gallery:after { clear: both; } .gallery-icon {text-align:center;margin:10px 0} .mapp-directions {display:none} .mapp-layout[style] {margin:0 !important} .mapp-map-links {display:none !important} #fancybox-wrap {z-index:999999 !important} #fancybox-map-wrapper {position:absolute;top:-9999999px;left:-9999999px} .paginationstyle{ /*Style for demo pagination divs*/ clear:both; padding: 20px 0; margin: 10px 0; font-size:90% } .paginationstyle select{ /*Style for demo pagination divs' select menu*/ margin: 0 15px; } .paginationstyle a{ /*Pagination links style*/ background: #ddd; color: #666; margin-right: 4px; padding: 3px 8px; text-align: center; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .paginationstyle a:hover, .paginationstyle a.selected{ color: #fff; background-color: #f60; } .paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/ background-color: #fff; cursor: default; color: #929292; border-color: transparent; } .paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */ border: 0; padding: 0; } .paginationstyle a.imglinks img{ vertical-align: bottom; border: 0; } .paginationstyle a.imglinks a:hover{ background: none; } /* wp-paginate */ .navigation {clear:both} .wp-paginate {padding:20px 0; margin:0;} .wp-paginate li {display:inline; list-style:none;} .wp-paginate a, .wp-paginate span {background:#6AA32A;color:#fff; margin-right:4px; padding:4px 8px; text-align:center; text-decoration:none;} .wp-paginate a:hover, .wp-paginate a:active, .wp-paginate .current {background:#f60; color:#fff;} .wp-paginate .title {color:#fff; margin-right:4px;} .wp-paginate .gap {color:#fff; margin-right:4px;} /* wordpress popuplar posts */ .wpp-list {margin:0 0 20px 0;padding:0;list-style:none} .wpp-list li {padding:20px 0;border-bottom:1px solid #6AA32A} .wpp-date {font-size:13px} #post-41 iframe, #post-231 iframe {margin:0 auto} #post-41 #meteocontainer, #post-231 #meteocontainer {margin:20px 0;width:100%;text-align:center} #post-41 #meteocontainer > a, #post-231 #meteocontainer > a {display:none} .edit-link {clear:both} .cli-plugin-button, .cli-plugin-button:visited { -webkit-border-radius: 0 !important; -moz-box-shadow: 0 !important; -webkit-box-shadow: 0 0 0 0 !important; text-shadow: 0 0 0 0 !important; border-bottom:0 !important;} /* scroll block */ .scroll-block{position:relative} .collaborazione h2{background: #f60 none repeat scroll 0 0; border-top-left-radius: 4px; border-top-right-radius: 4px;box-sizing: border-box; color: #fff; display: block; font-family: "Indie Flower",cursive; font-size: 19px; height: 40px; line-height: 40px; padding: 0 10px;position: relative; width: 100%;} .collaborazione #bannerstruttura{display:inline-block} /*** Responsive ***/ .scheda-content > div{float:left;} .scheda-content iframe{width:100%!important; } .scheda-content .sx{width:60%} .scheda-content .dx{width:40%} .scheda-content .dx #schedacontent{margin:0 10px} #group300x250video{margin: 15px auto 50px} #m-topmenu{display:none; font-family: "siciliacam";} #m-topmenu:before{content:"s"; font-size:25px; color:#fff;} #m-topmenu span{position:absolute;top:-9999px;left:-9999px} @media screen and (max-width: 479px) { /*** header ***/ #topsocial{display:none} #topmenu{top: -50px;} #m-topmenu.show{right: 200px; top: -100px;} #lang_sel_list{position: absolute; text-align: center; right:-210px; width: 200px; z-index:9999;display:none } #lang_sel_list.show{top: -100px; right:0;display:block} #lang_sel_list ul{border:none; background:#6AA32A; text-align:center} #topsearch{width:100%; margin:0; position:absolute; bottom:25px} #topsearch input[type="search"]{width:70%; margin-right: 8px;} #topmenubg{margin-bottom:20px} #topmenubg:before{content:"Menù"; display:inline-block; height:50px; line-height:50px; float:left; text-transform:uppercase; color:#fff; padding:0 10px} #logoc{padding:15px 0} #topsearchsocial, nav#menu{margin:0; } nav#menu{/*padding:0 0 75px; */position: relative; z-index: 999;} nav#menu ul li{width:48%!important; margin:3px 0!important} nav#menu ul li a{background:none; color:#00aeef; height:15px; } nav#menu ul li a:hover{background:none!important; color:#f60!important} nav#menu ul li a:hover::before{top:0} nav#menu ul li a::before{font-size:0!important} nav#menu ul li a span{font-size:15px; text-align:left; bottom:0; padding: 0 10px;} nav#menu ul li a:hover span {bottom:0px; color:#f60} /*** content ***/ #morewebcams ul li{width:50%} #homewebcamwide h1, #homemap h1{font-size:17px} #homewebcamwide h1, #webcamscheda h1{font-size: 14px; text-align:center} #homewebcamwide h1 > span, #webcamscheda h1 > span{display:none} #homewebcamwide a{display:block} .webcams > div{width:100%} .webcams > div a h1{display:block; line-height:50px; width:100%} .scheda-content iframe{height:auto !important} .single #video ul li{margin:0} .tabs nav ul li{width:100%!important} .tabs .content section{padding:10px 20px} #turismo ul li, #notizie ul li, #notizie, #video{width:100%!important; margin:0!important;} #turismo ul li, #video ul li {padding:0 0 1% 0; height:40px;} #news header h1, #vicinanze header h1{margin-bottom:20px;font-size:14px} #notizie header h1, #video header h1, #turismo header h1{ box-shadow:initial; border-radius:initial; border-bottom: 2px solid; border-top: 2px solid; height:37px; font-size:20px;} #news ul{list-style-type:disc; color:#6AA32A; margin:0 0 0 25px; font-size: 25px;} #news ul li{overflow:initial; display:list-item; line-height: 0px;} #news ul li a{width:auto!important; height:60px!important; padding:0 10px!important} #news ul li a img{display:none} #news ul li a span{height:60px!important; font-size:0; width: 85%!important; padding: 5px 0;} #news ul li a:hover span{height:60px!important; padding:5px 10px!important;} #news ul li a span h1{color:#6aa32a; font-weight:bold; line-height:16px} #news ul li a span h1:hover{color:#f60} #news header h1 a::before, #vicinanze header h1 b::before{font-size:25px; line-height: 35px;} #news header h1, #vicinanze header h1{padding: 0 35px} #notizie ul li a span, #turismo ul li a span{background:#fff;} #video header h1{margin-bottom:0px} #video ul{list-style-type:none; margin:10px 0;} #video ul li{width:48%; padding:0; margin:0; min-height:170px} #video ul li:nth-child(odd){margin-right: 1%!important} #video ul li:nth-child(even){margin-left: 1%!important} #video ul li a{height:auto!important; padding:0px!important} #video ul li a img{display:block; width:100%; height: 100%;} #video ul li a span{background:none; bottom:initial} #video ul li a span h1{color:#f60} #news ul li a span h1:hover{font-weight:bold;} .notiziacat{padding:15px 0 60px; } a.imglink{text-align:center; width:100%;} .category-video a.imglink span{right:0; margin:0 auto} a.readmore{left:0; margin:0 auto; width:100px; text-align:center} .wp-paginate{text-align: center;} .wp-paginate a, .wp-paginate span{font-size:10px;margin-right: 11px;padding: 2px 4px;} .entry-content table img{max-width:90px} .wpgmza_map{width:94%!important; margin:0 auto; float:none!important} } @media screen and (min-width: 480px) and (max-width: 640px) { /*** content ***/ #notizie ul li, #notizie, #video{width:100%!important;} #turismo ul li, #notizie ul li, #video ul li{width:49%!important;} #turismo ul li:nth-child(odd), #notizie ul li:nth-child(odd), #video ul li:nth-child(odd){margin-right: 1%!important} #turismo ul li:nth-child(even), #notizie ul li:nth-child(even), #video ul li:nth-child(even){margin-left: 1%!important} #video{margin-top:35px!important} .notiziacat{padding:25px 0 20px} a.readmore{bottom:5px} } @media screen and (min-width: 480px) and (max-width: 767px){ /*** header ***/ #topmenu{top: -140px;} #m-topmenu.show{right: 200px; top: -140px;} #topsearch{margin-left: 80px;width: 40%;} #topsearch input[type="search"]{width:70%} #topsearchsocial{position: absolute;top: 145px;} /*** content ***/ #notizie{width:59%; margin-right:1%} #video{width:39%; margin-left:1%} #morewebcams ul li{width:33.33%} #homewebcamwide h1, #homemap h1{font-size:23px} #news ul li a span h1{font-size:12px; line-height:17px} #news ul li a span h1{height:75px;} #video ul li, #video ul li{width:100%} #video ul li a span{width:90%!important; padding:5px 15px!important} #news ul li a, #news ul li a span{width:auto!important; font-size:12px} .webcams > div{width: 49%; margin:0; float: left!important;} .webcams > div:nth-child(odd){margin-right: 1%} .webcams > div:nth-child(even){margin-left: 1%} .webcams > div a h1{width:400px} .tabs nav ul li{width:auto!important; margin: 0 5px 0 0;padding: 0 3px!important;} } @media screen and (min-width: 480px) and (max-width: 989px) { /*** content ***/ #notizie ul li{width:49%;} #notizie ul li:nth-child(odd){margin-right:1%} #notizie ul li:nth-child(even){margin-left:1%} .single #video ul li{margin:10px 0} #schedasx #video ul li{width:49%;} #schedasx #video ul li:nth-child(odd){margin-right:1%} #schedasx #video ul li:nth-child(even){margin-left:1%} #schedasx #video ul li a{text-align:center} #schedasx #video ul li a span{width:90%!important; padding:5px 15px!important; text-align:left;} } @media screen and (max-width: 767px) { /*** general ***/ h1{font-size:18px} iframe{width:100%; min-height:255px;/* height:auto*/} .overlay {display:none; background-color: #000; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%;z-index: 3 !important;} /*** header ***/ #logo{clear:both; display: block; max-width:320px} #topbannersx, #topbannerdx{/*position:initial; width:147px; display:inline-block; margin-top: 10px;*/ display:none} #topsocial > span{display:none} #topsocial ul li a{margin:0 2px} #topsocial{width:180px} #topmenu{position:absolute; width:200px; right:-210px; z-index: 9999; display:none} #topmenu.show{right:0;} #topmenu ul li{display:block;} .lang_sel_list_horizontal{float:left; position: relative; z-index: 2;} nav#menu ul li{margin:0 0 15px 0; width:32%} nav#menu ul li:first-child, nav#menu ul li:nth-child(4n){margin-right: 2%} nav#menu ul li:nth-child(3n){margin-left: 2%} #m-topmenu{display: inline-block; float: right; height: 50px; line-height:50px; width:55px; position: absolute; right:0; top:0; width: 50px; z-index: 9999; background:#6AA32A} #m-topmenu span{border-left: 1px solid #fff;color: #fff; float: right; line-height: 50px; width: 50px;} nav[role="navigation"] li{padding:8px 0} nav[role=navigation] li a {line-height:25px;min-height:25px;height:auto} /*** content ***/ #homewebcamdx{display:none} #homewebcamwide, #homemap, #schedasx, #schedadx,.scheda-content .sx, .scheda-content .dx, #webcamschedadx, #webcamschedasx, #morewebcampagecontent{width:100%} #morewebcampage ins{display:none!important} #schedasx #schedacontent img{max-width:100%; height:auto} .scheda-content .dx #schedacontent{margin:0} .single #video header h1, #webcamdx > h1,#schedadx .webcams > div a h1, #schedadx .webcams > div img{width:100%} #webcamschedadx{text-align:center; position:relative; min-height:550px} #meteowebcam,#localizza{display:inline-block; float:none} #bannerstruttura,#dxwebcam300x250,#localizza, .collaborazione{position:absolute!important; left:0; right:0; margin:0 auto} #webcamschedadx > #bannerstruttura, .collaborazione{top:390px} .collaborazione > #bannerstruttura, .collaborazione > #bannerpartner{position:relative!important} #dxwebcam300x250{top:0} #localizza{top:265px} #homemapsx{width:100%} .tabs nav a{font-size:1em!important} .tabs .content section .gallery figure img, main article .gallery figure img{width:100%; height:100%} .tabs nav ul li:last-child{} .tabs nav ul li:first-child{} #scheda > div{float:none} .tablepress td, .tablepress th{padding:2px;font-size: 10px;} .neige-meteociel-fr, .meteo-macerata-it{width:100%; height:auto} /*** footer ***/ #footerc{padding:30px 0 0} #footer{text-align:center} #footer > div{float:none; margin:0} #footersocial{background:none; height:auto; top:initial; position:initial; width: 100%;} #footersocial ul{ background: #eee none repeat scroll 0 0; font-family: "Indie Flower",cursive; list-style: outside none none;margin: 30px 0 0;padding: 20px 0;width: 100%;} #footersocial::before{border:none;} #footersocial ul li{margin:0; display: inline-block;} #footersocial ul li a::before{border:0;display: initial;position: inherit; left:0;} #footersocial ul li a{text-indent:0;width: 40px; font-size:0;} } @media screen and (min-width: 768px) { nav[role="navigation"] li a {line-height:50px;height:50px} } @media screen and (min-width: 768px) and (max-width: 989px) { /*** header ***/ nav#menu ul li a span{font-size:14px} nav#menu #menu-menu li{margin:0 0.4%; width:16%} nav#menu #menu-menu li:first-child{margin:0 0.4% 0 0;} nav#menu #menu-menu li:last-child{margin:0 0 0 0.4%} nav[role="navigation"] li{margin:0 6px} /*** content ***/ #homewebcamwide, #homemap, #schedasx {width:59%} #homewebcamdx, #homemapsx, #schedadx{width:39%;text-align: right; float:right!important} #homewebcamwide h1, #homemap h1{font-size:23px} #homemap{float:left} .webcams > div{width: 32%; margin:0} .webcams > div:first-child, .webcams > div:nth-child(4n){margin-right: 2%} .webcams > div:nth-child(3n){margin-left: 2%} #schedadx #webcamdx > h1{margin:15px auto 50px auto} #schedadx .webcams > div{width: 310px; margin:20px auto 0 auto} #notizie{width:59%; margin-right:1%} #video{width:39%; margin-left:1%} #news ul li{text-align:center} #news ul li a, #video ul li{width:100%} #news ul li a span{width:92%!important; padding:5px 15px} #turismo ul li a span{width:94%!important} #news ul li a span h1{height:60px;} #news ul li a{height:210px} #news ul li a:hover span{height:190px!important; padding:5px 15px!important} #video ul li a span{width:90%!important; padding:5px 15px!important} /*** footer ***/ #footer > div{margin-left:25px} } @media screen and (max-width: 989px) { /*** general***/ body{padding:5px 10px;} /*** header ***/ header#top{position:relative} #logoc, #topmenuc, #topsearchsocial, nav#menu{width:100%} #menu-topmenu{font-size:14px} nav#menu ul li a{width:auto} /*** content: homepage ***/ #vicinanze header h1, #turismo header h1, .container, img#headerimg, #webcamscheda{width:100%} #schedadx #schedacontent{margin:0 10px} .single-post .webcams{margin: 30px auto 0 auto} /*.single-post .webcams > div{margin: 20px auto 0 auto}*/ .webcams > div img{width:100%} #notizie ul li{margin:25px 0; } #notizie header h1, #video header h1, .single #video header h1{width:auto;} #video ul li{ margin:25px 0} #news ul li a span{text-align:left} #news ul li a span h1{width:auto} #turismo ul li,#turismo ul li:first-child{width:32%; margin:25px 0} #turismo ul li:first-child, #turismo ul li:nth-child(4n){margin-right: 1%} #turismo ul li:nth-child(3n){margin-left: 1%} .single #video{width:100%; margin:0} #schedadx .webcams > div a h1{display:block; line-height:50px;} #webcamschedasx #mediadiv{overflow:hidden} #webcamschedasx #mediadiv #textdiv{width:auto!Important} #notiziesx, #notiziedx, #schedasx #schedacontent, #disqus_thread{width:100%} .entry-content img, #featuredimage img{max-width:100%; height:auto} #featuredimage img{width:100%;} #banner970 .bar-container{width:100%!important} .scheda-content .sx, .scheda-content .dx, #webcamschedasx, #webcamschedadx{width:100%} #webcamschedasx, #webcamschedadx{text-align: center;} .scheda-content .dx #schedacontent{margin:0px} #localizza{float:none;width:auto} #meteowebcam{display:none} /*** form ***/ .formcontainer{padding:0} .prenota > p{margin:1% 2%} textarea{width:100%} #footer > div:first-child{margin-left:10px} /*** footer ***/ #footer{width:100%} } .cols-33-1{width:31.33%; float:left} .cols-33-1:first-of-type, .cols-33-1:nth-of-type(3n+1){margin:0 3% 25px 0} .cols-33-1:nth-of-type(3n){margin:0 0 25px 3%} @media screen and (max-width:479px){ .cols-33-1{width:100%; margin:0 0 25px 0!important} } @media screen and (min-width:480px) and (max-width:989px){ .cols-33-1{width:48%; margin:0} .cols-33-1:nth-of-type(odd){margin:0 2% 25px 0} .cols-33-1:nth-of-type(even){margin:0 0 25px 2%} } .masthead{position:relative; z-index:1; margin: auto; max-width: 990px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .masthead{min-height:190px;} } /*** Temp: nascondi immagine in evidenza per la pagina "Prenota la tua vacanza" ***/ .page-id-3386 .post-thumbnail{display:none} nav[role="navigation"] li{margin:0 8px}