@charset "utf-8";
/*
Theme Name: 4 Pezzi Template
Theme URI: http://www.seoguru.it/
Author: Seo Guru
Author URI: http://www.seoguru.it/
Description: Template ottimizzato a basso impatto server. Caratteristiche: layout responsive (HTML 5 + CSS 3), file minificati, javascript asincroni pre-ottimizzati (jquery nativo WP), miniature native WP opzionali, integrazione social pre-montata (SDK Facebook + social buttons FB/TW/G+), pre-ottimizzato per Open Graph, pre-ottimizzato per Twitter Cards, funzione 'lightbox' inclusa in post e pagine per foto singole e gallerie, plugin Contact Form 7 deregistrato/pre-ottimizzato.
Version: 1.1
*/
/* CSS Document */
/* reset + WP reset */
* {margin: 0; padding: 0;}
.alignleft, img.alignleft {display: inline; float: left;} img.alignleft {margin-right: 20px; margin-top: 40px;}
.alignright, img.alignright {display: inline; float: right;} img.alignright {margin-left: 20px; margin-top: 40px;}
.center, .aligncenter, img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center;} img.aligncenter {margin-bottom: 12px;}
img {border: none; max-width: 100%; height: auto;}
.gallery img {width: 90%;}
header, footer, nav, section, aside, article {display: block;}
input.s {background: #e8e8e8; border: solid 1px #087bbb; border-radius: 3px; box-shadow: 0px 0px 5px #087bbb; padding: 5px; font-size:16px; font-weight:bold; text-align:center; color: #087bbb;}
input.s-btn {background: #999999; border: solid 1px #087bbb; border-radius: 3px; box-shadow: 0px 0px 5px #087bbb; padding: 5px; font-size:16px; color: #ffffff; font-weight: bold; text-align: center;}
img.wp-smiley {margin: 0; border:0; background: none;}
.wp-pagenavi {clear: both;}
/* contenuto */
@font-face {font-family: 'font'; src: url('img/font.eot?#iefix') format('embedded-opentype'), url('img/font.ttf') format('truetype');}
@font-face {font-family: 'font2'; src: url('img/font2.eot?#iefix') format('embedded-opentype'), url('img/font2.ttf') format('truetype');}
body {margin: 0 auto; font-family: "font2", Helvetica, sans-serif;}
h1, h3, h4, h5, h6 {font-family: "font", Helvetica, sans-serif;}
h2 {text-transform: uppercase; line-height: 90%; text-align: left;}
#contenitore {padding-top: 20px; width: 100%; overflow: hidden; color: #505050; max-width: 1200px; margin: 0 auto; -webkit-text-stroke: 0.5px; -webkit-font-smoothing: antialiased !important;}
#contenitore a{color: #087bbb; text-decoration: none; transition-property: color; transition-duration: 1s;}
#contenitore a:hover{color: #999; text-decoration: underline;}
#contenuto {float: left; width: 65%; text-align: justify; margin: 3%; margin-top: 0; font-size: 170%;}
#contenuto-pagina {float: none; width: 95%; text-align: justify; margin: 3%; margin-top: 0; font-size: 170%;}
.descrizione {width: 80%; border-radius: 50px; padding: 10px;} .descrizione {background: -webkit-radial-gradient(bottom left, #fff, #e0f1ff, #fff); background: radial-gradient(at bottom left, #fff, #e0f1ff, #fff);}
/* header */
header {background: #e0f1ff; background: -webkit-radial-gradient(800px, #e0f1ff, #087bbb); background: radial-gradient(800px, #e0f1ff, #087bbb);}
h1 {font-size: 580%; text-align: center;}
h1 a {color: #087bbb; text-decoration: none;}
nav { width: 100%; background: #505050; text-align: center; height: 70px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 180%;}
nav ul {list-style-type: none; margin: 0; padding: 0; padding-top: 20px; padding-bottom: 20px;}
nav li {display: inline; padding: 20px;}
nav a { color:#ffffff; text-decoration:none; transition-property: color; transition-duration: 1s;}
nav a:hover {color: #087bbb;}
.btn-responsive-menu {display: none; padding:10px; cursor: pointer; margin: 0 auto; margin-top: 20px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background:#087bbb; border-radius: 4px; width: 100px;}
.icon-bar {display: block; width: 50px; margin: 0 auto; margin-bottom: 7px; margin-top: 7px; height: 2px; background-color: #fff; border-radius: 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
.show{display: block!important;}
/* article */
article {margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px dashed #efefef;}
article p{padding-bottom: 15px;}
article img {background-color: #ebebeb; padding: 5px; border: 1px solid #e0e0e0; border-radius: 3px;}
#contenitore h2 a:hover{text-decoration: none;}
.postmetadata {font-size: 60%; padding-bottom: 5px;}
.anteprima img {float: left; margin-right: 20px; margin-top: 15px;}
.button-wrap {text-align: right; margin-top: -30px; margin-bottom: 5px;}
#contenitore a.btn {color: #fff; transition-property: color; transition-duration: 1s;}
#contenitore a.btn:hover {color: #087bbb; text-decoration: none;}
.btn {background: #999; background-image: -webkit-linear-gradient(top, #999, #ccc); background-image: linear-gradient(to bottom, #999, #ccc); border-radius: 4px; text-shadow: 3px 3px 4px #666666; font-family: "font", Helvetica, sans-serif; font-size: 16px; padding: 5px 10px 5px 10px; border: solid #a8b6bf 1px; text-decoration: none;}
.btn:hover {background: #ccc; background-image: -webkit-linear-gradient(top, #ccc, #666); background-image: linear-gradient(to bottom, #ccc, #666); text-shadow: 1px 1px 3px #fff;}
table {font-size: 11px;}
article ol, article ul {padding-left: 40px; margin-bottom: 10px;}
code {margin: 0 auto; width: 80%; display: block; background: #e0f1ff; border-radius: 3px; padding: 10px;}
blockquote {width: 80%; margin: 0 auto; font-style: italic;}
.evidenza {background: #e0f1ff; border: solid 1px #ffffff; border-radius: 5px; box-shadow: 0px 0px 7px #087bbb; padding: 20px; margin-bottom: 20px;}
.mouseover {padding: 10px 20px 10px 20px; margin-bottom: 15px; border: solid 1px #ffffff; border-radius: 5px; background-color: #FFFFFF; transition-property: background-color; transition-duration: 3s;}
.mouseover:hover {background-color: #e0f1ff; box-shadow: 0px 0px 7px #087bbb;}
textarea.wpcf7-textarea {width: 90%; border-radius: 3px; font-size: 70%; padding: 5px;}
.wpcf7 input {line-height: 40px; border-radius: 3px; font-size: 70%; padding: 5px; width: 60%;}
div.wpcf7 input[type="checkbox"] {-webkit-appearance: checkbox; width: 5%;}
.wp-pagenavi span, .wp-pagenavi a, .wpcf7 input.wpcf7-submit {border: 1px #ccc solid; border-radius: 5px; color:#fff; background:#888; padding:5px; font-size:1em; width: 20%; font-family: "font", Helvetica, sans-serif; transition-property: color; transition-duration: 1s;} .wp-pagenavi a:hover, .wpcf7 input.wpcf7-submit:hover {color: #087bbb;}
span.wpcf7-list-item {display: block;}
.wpcf7-select {font-size: 100%;}
p iframe {width: 100%; min-height: 500px;}
/* sidebar */
#sidebar {float: left; width: 300px;}
aside {font-size: 180%; }
aside h3 {margin-top: 20px; margin-bottom: 0;}
aside ul {list-style: square url('img/arrow.png'); list-style-position: inside; text-transform: uppercase; font-size: 65%; line-height: 150%;}
aside ul li a{padding-left: 5px; padding-right: 5px; margin-left: -10px;}
#contenitore aside ul li a:hover {background: #666666; border-radius: 3px; color: #ffffff; text-decoration:none;}
/* footer */
footer {width: 100%; background: #000; text-align:center; min-height: 270px; margin-top: 20px; color: #087bbb; font-size: 120%;}
footer p{padding: 20px; padding-top: 10px;}
footer a{color: #ffffff; transition-property: color; transition-duration: 1s; text-decoration: none;}
footer a:hover{color: #087bbb;}
footer h1 {font-size: 160%;}
/* commenti wp */
#commenti {font-size: 80%; padding: 40px;}
#commenti img{border-radius: 3px;}
ul.listacommenti {list-style-type: none;}
ul.listacommenti p {padding: 10px;}
ul.listacommenti li.alt {background: #e0f1ff; border-radius: 3px; margin-bottom: 20px; margin-top: 20px;}
ul.listacommenti li img.avatar {margin-left: 10px; margin-top: 10px;}
div#leave_a_comment {clear: both;}
textarea#comment {width: 90%; border-radius: 3px; font-size: 70%; padding: 5px;}
input#submit {border: 1px #ccc solid; border-radius: 5px; color: #fff; background:#888; padding: 5px; font-size: 1em; font-family: "font", Helvetica, sans-serif; transition-property: color; transition-duration: 1s;} input#submit:hover {color: #087bbb;}
input#author, input#email, input#url {line-height: 40px; border-radius: 3px; font-size: 70%; padding: 5px; width: 60%;}
/* responsive - media queries */
@media all and  (max-width : 480px) {
.togli, .togli2, .togli3, .togli4 {display: none;}
img.alignleft {display: block; float: none; margin: 0 auto;}
img.alignright {display: block; float: none; margin: 0 auto;}
.postmetadata {font-size: 80%; text-align: center; margin-top: 15px; padding-bottom: 15px;}
.button-wrap {text-align: center; margin-top: -10px;}
#sidebar {float: none; margin: 0 auto; width: 90%; margin-top: 20px; }
aside {font-size: 170%; margin-bottom: 20px;}
aside ul {font-size: 100%;}
aside h3 {margin-bottom: 5px; font-size: 120%;}
#contenuto, #contenuto-pagina {float: none; width: 90%; margin: 0 auto; padding: 7px; min-width: 300px; font-size: 130%;}
.wpcf7 input, input#author, input#email, input#url {width: 90%;} .wpcf7 input.wpcf7-submit, input#submit {margin-top: 5px; width: 94%; font-size: 2em;}
nav {display: none; height: auto; font-size: 130%; font-family: "font", Helvetica, sans-serif;}
nav ul {padding-bottom: 0; padding-top: 0;}
nav ul li {float: none; display: block; padding: 10px; border-bottom: 1px dashed #ccc;}
.btn-responsive-menu {display: block;}
header img {width: 80%;}
h1 {font-size: 280%;}
h2 {font-size: 100%; text-transform: none; margin-left: 10px; margin-right: 10px;}
.anteprima {width: 70%; margin: 0 auto;}
.anteprima img {float: none; margin: 0 auto;}
footer {min-height: 50px; font-size: 80%;}
p iframe {width: 100%; min-height: 300px;}
}
@media all and  (min-width : 481px) and (max-width : 767px) {
.togli, .togli2, .togli3 {display: none;}
img.alignleft {display: block; float: none; margin: 0 auto;}
img.alignright {display: block; float: none; margin: 0 auto;}
.postmetadata {font-size: 70%; margin-top: 15px; padding-bottom: 15px;}
.button-wrap {text-align: center; margin-top: -10px;}
#sidebar {float: none; margin: 0 auto; width:85%; margin-top: 20px;}
aside {font-size: 150%;}
aside ul {font-size: 130%;}
aside h3 {margin-bottom: 5px;}
#contenuto, #contenuto-pagina {float: none; width: 85%; margin: 0 auto; font-size: 130%;}
.wpcf7 input, input#author, input#email, input#url {width:90%;} .wpcf7 input.wpcf7-submit, input#submit {margin-top: 5px; width: 93%; font-size: 2em;}
nav {display:none; height: auto; font-size: 130%; font-family: "font", Helvetica, sans-serif;}
nav ul {padding-bottom: 0; padding-top: 0;}
nav ul li {float: none; display: block; border-bottom: 1px dashed #ccc;}
.btn-responsive-menu{display: block;}
header img {width: 80%;}
h1 {font-size: 330%;}
footer {min-height: 180px; font-size: 90%;}
p iframe {width: 100%; min-height: 400px;}
}
@media all and  (min-width : 768px) and (max-width : 1024px) {
.togli, .togli2 {display: none;}
.postmetadata {font-size: 70%; margin-top: 20px;}
.button-wrap {text-align: center; margin-top: -10px;}
#sidebar {float: none; margin: 0 auto; width: 80%; margin-top: 15px; padding-bottom: 15px;}
aside ul {font-size: 130%;}
aside h3 {margin-bottom: 5px;}
#contenuto, #contenuto-pagina {float: none; width: 80%; margin: 0 auto;  font-size: 150%;}
nav {height: auto; font-size: 130%;}
h1 {font-size: 430%;}
footer {min-height: 210px; font-size: 100%;}
}
@media all and  (min-width : 1025px) and (max-width : 1199px) {
.togli {display: none;}
#contenuto {width: 60%; font-size: 160%;}
#contenuto-pagina {float: none; width: 80%; margin: 0 auto; font-size: 160%;}
nav {height: auto; font-size: 150%;}
h1 {font-size: 480%;}
footer {min-height: 240px; font-size: 110%;}
}
/* effetti */
.grow {display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.grow:hover, .grow:focus, .grow:active {-webkit-transform: scale(1.1); transform: scale(1.1);}