@charset "utf-8";
/* CSS Document */
div, article, aside, footer, header, nav, section{/*border:1px solid red;*/ box-sizing:border-box;}
body{font-size:1em;    font-family: "Lato", sans-serif;}
.wrapper{width:1080px; margin:0 auto;}
.row:after, .row:before{clear:both;display:block;content:" ";}
.left{float:left;}
.right{float:right;}
.center{ text-align:center;}
img{width:100%;height:auto;}
.col{ float:left; width:50%; padding:1%; }

#r4 p{ text-align:right; color:#666; min-height:35px; line-height:35px;}
#r4 p a{ color:orange; text-decoration:none;font-family: 'Indie Flower', cursive; font-weight:bold; display:inline-block;-ms-transform: rotate(-11deg); /* IE 9 */
    -webkit-transform: rotate(-11deg); /* Chrome, Safari, Opera */
    transform: rotate(-11deg);}

#r1{ width:100%;position:fixed; top:0; box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
	-webkit-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
	-moz-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
	-webkit-backface-visibility: hidden; z-index:9999; background-color:#FFF;}

#top-nav, #searc{ height:70px; line-height:61px;}
#top-nav nav ul li{float:left;}
#top-nav nav ul li a{display:block;text-decoration:none; color:black; padding:5px 15px 1px; font-size:.8em; text-transform:uppercase; box-sizing:border-box;}
#top-nav nav ul li a:hover{/*border-bottom:3px solid orange;*/ color:orange;}

#social{ margin-right:1%; margin-top:12px;}
#social a{display:block;text-decoration:none; float:left; color:black; width:27px; height:27px; margin-right:18px; box-sizing:border-box;}
#social a:hover{ opacity:.8;}

#searc{ border-left:1px solid #CCC;}
#searc label{ display:none;}
#searc input{height:30px; color:#CCC; border:1px solid white; box-shadow:none; padding:10px;}
#searc input:focus {outline:none;}
#searc #searchsubmit { display:inline-block; width:30px; background: url(../images/searchicon.png) no-repeat left center; content:" ";}


#r2, #r3, #r4{z-index:1;}
#r2{margin-bottom:45px;}
header{padding-top:90px;
	
}
header h1{font-family: 'Poiret One', cursive; font-size:3.4em; padding:45px;    font-weight: 500;}
header h1 strong { display:block;-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	font-family: 'Pacifico', cursive;
	font-size:.8em;    color: orange;}
header h1 a{ text-decoration:none; color:black;}
#r3 #container section{ width:72%;}
#r3 #container #sidebar{ width:26%; padding:10px 0 20px 1%;}

#r3 #container section article{margin-bottom:10px; padding:10px 2%;}
#r3 #container section article .post-img{ margin-bottom:20px; width:100%; max-height:280px; overflow:hidden;}
#r3 #container section article .post-cat a{margin-bottom:20px; color:#0CC; display:block;}
#r3 #container section article h2{ font-size:1.6em; line-height:1.4em; margin-bottom:10px; text-align:center; }
#r3 #container section article h2 a{ text-decoration:none; color:#000; text-shadow: 2px 2px 11px rgba(150, 150, 150, 1);}
#r3 #container section article p{color:#333; line-height:1.2em; text-transform:lowercase;margin-bottom:10px; text-align:justify;}
#r3 #container section article .data-post p{ text-align:right; color:#bbbbbb; font-style:italic; font-size:.8em;}
/*articolo singolo*/
#r3 #container section .singolo .post-img{ margin-bottom:20px; width:100%; max-height:780px;}
#r3 #container section .singolo .post-img img{width:100%;height:auto;}
#r3 #container section .singolo .post-cat a{margin-bottom:20px; color:#0CC; display:block;}
#r3 #container section .singolo h1{ font-size:2em; line-height:1.8em; margin-bottom:30px; text-align:center; }
#r3 #container section .singolo h1 a{ text-decoration:none; color:#000; text-shadow: 2px 2px 11px rgba(150, 150, 150, 1);}
#r3 #container section .singolo p{color:#8F8F8F; line-height: 27px; text-transform:none;margin-bottom:10px; text-align: justify;}
#r3 #container section .singolo h2{ color:#333; font-size:1.5em;}
#r3 #container section .singolo h3{ color:orange; line-height:30px; font-size:1.4em;}
#r3 #container section .singolo h3 a{text-decoration:none; color:orange;}
#r3 #container section .singolo p a{ text-decoration:none; color:#333; font-weight: bold;}
#r3 #container section .singolo .data-post p{ text-align:right; color:#bbbbbb; font-style:italic; font-size:1em;}

.more{ color:#075f5f; text-transform:none; text-decoration:none; font-weight: 600;display: block;font-style: italic;}



#sidebar div{margin-bottom:10px;font-size:0.8em;}
#sidebar div h3{ border:1px solid #0CC; height:50px;line-height:50px;  text-align:center; text-transform:uppercase; margin-bottom:10px}
#sidebar div ul{}
#sidebar div ul li{min-height:30px;line-height:30px; text-align:center; background-color:#F9F9F9; margin-bottom:3px;}
#sidebar div ul li a{ text-decoration:none; color:black;}
#sidebar div ul li a:hover{ color:#0CC;}
#bloc-pub{ width:100%; min-height:350px; background-color:#0CC;  }
#sidebar div#bloc-pub2{ width:90%; margin-left:5%; min-height:450px; /*background-color:#0C9;padding:10px; */-ms-transform: rotate(-11deg); /* IE 9 */
    -webkit-transform: rotate(-11deg); /* Chrome, Safari, Opera */
    transform: rotate(-11deg); font-size:1.5em;}
#bloc-pub3{ width:100%; min-height:250px; background-color:#0CC;}

#sidebar .widget_recent_entries ul{width:90%; margin-left:5%; padding:5px;}
#sidebar .widget_recent_entries ul li{ text-align:left; background-color:transparent; list-style:circle; text-transform:uppercase; }



#newsletterwidget-2 {text-align:center;  background-color:#CCC; padding:10px;width:100%;}
#newsletterwidget-2 h3{ background-color:#fff;}


#articoli-correlati h3{border-bottom:3px solid orange;border-top:3px solid orange; height:50px;line-height:50px; text-align:center;  text-transform:uppercase; margin-bottom:10px}
#articoli-correlati .correlati, .related .correlati{float:left; width:32.33333%; padding:1%; border:1px solid #666; margin:10px .5%;}
.related h3{border-bottom:3px solid #0CC;border-top:3px solid #0CC; height:50px;line-height:50px; text-align:center;  text-transform:uppercase; margin-bottom:10px}



.cok{ bottom:0px; width:100%; min-height:50px; opacity:.6; background-color:#000; color:#FFF; position:fixed; /*position:relative;*/ z-index:111111; padding:10px;}
.cok a{ text-decoration:none; color:white;}
#chiudii{position:absolute; top:10px; right:10px; width:15px; height:15px; background:url(../img/chiudi.png) no-repeat center; cursor:pointer;}
#ok{ background-color:#F8AE03; border:1px solid #F8AE03; box-shadow:none; margin-left:4px;}

#breadcrumbs{ width:100%; min-height:20px; line-height:20px; border-bottom:1px solid #0CC;color:orange; font-size:14px; font-style:italic; margin-bottom:10px; padding-bottom:5px;}
#breadcrumbs a{ text-decoration:none; color:orange;}
#breadcrumbs .current{color:#333}

@media screen and (max-width: 1087px) {
	.wrapper{width:960px; margin:0 auto;}
	}
@media screen and (max-width: 959px) {
	.wrapper{width:99%; margin:0 auto;}
	
	}
@media screen and (max-width: 768px) {
	.wrapper{width:98%; margin:0 auto;}
	
	.col{ float:left; width:100%; padding:1%; }
	#r3 #container section{ width:100%;}
#r3 #container #sidebar{ width:100%; padding:10px 0 20px 1%;}
#articoli-correlati .correlati, .related .correlati{float:left; width:100%; padding:1%; border:1px solid #666; margin:10px .5%;}
#r1{ width:100%; box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
	-webkit-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
	-moz-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
	-webkit-backface-visibility: hidden; z-index:9999; background-color:#FFF;}
#men{  width:45px; height:45px; ; border:2px solid black; border-radius:3px; padding:5px; box-sizing:border-box; margin:8px auto;}
#men span{border:2px solid black;  margin-top:5px; display:block; }


#r1{ display:none; position: inherit; margin-bottom:20px; width:100%; box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
	-webkit-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
	-moz-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
	-webkit-backface-visibility: hidden; z-index:9999; background-color:#FFF;}
	#top-nav{ text-align: center;  background-color:#FFF;}
#top-nav nav{float: none;}
#top-nav, #searc{ min-height:70px; line-height:61px; }
#top-nav nav ul{padding:5px;}
#top-nav nav ul li{float: none;width:100%; margin-bottom:10px;}
#top-nav nav ul li a{ border:1px solid #0CC;display:block;text-decoration:none;   color:black; padding:5px 15px 1px; font-size:.8em; text-transform:uppercase; box-sizing:border-box;}
#top-nav nav ul li a:hover{border:1px solid orange; color:orange;}

#social{    height:45px; margin:12px auto; text-align:center}
#social a{display:block;text-decoration:none; float:left; color:black; width:27px; height:27px; margin-right:18px; }
#social a:hover{ opacity:.8;}

#searc{ float:none;border-bottom:3px solid orange;border-top:3px solid orange; border-left:none;}
#searc input{height:30px; color:#CCC; border:1px solid white; box-shadow:none; padding:10px;}
#searc input:focus {outline:none;}
#searc .btn { display:inline-block; width:30px; background: url(../images/searchicon.png) no-repeat left center;}
#sidebar div#bloc-pub2{ width:100%; min-height:450px; /*background-color:#0C9;padding:10px; */-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg); font-size:1.5em;}
	}
@media screen and (max-width: 480px) {
	.wrapper{width:98%; margin:0 auto;}
	}
@media screen and (max-width: 320px) {
	.wrapper{width:98%; margin:0 auto;}
	#r1{ display:none;}
	.col{ float:left; width:100%; padding:1%; }
	#r3 #container section{ width:100%;}
#r3 #container #sidebar{ width:100%; padding:10px 0 20px 1%;}
#articoli-correlati .correlati, .related .correlati{float:left; width:100%; padding:1%; border:1px solid #666; margin:10px .5%;}
	}