/* ------------------------------------ *
 CSS

 * ------------------------------------ */
 @import url("reset.css");

@font-face {
    font-family: 'CalibriRegular';
    src: url('calibri-webfont.eot');
    src: local('☺'), url('calibri-webfont.woff') format('woff'), url('calibri-webfont.ttf') format('truetype'), url('calibri-webfont.svg#webfontY8B3fRIn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CalibriBold';
    src: url('calibrib-webfont.eot');
    src: local('☺'), url('calibrib-webfont.woff') format('woff'), url('calibrib-webfont.ttf') format('truetype'), url('calibrib-webfont.svg#webfontVLrxeCnu') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CalibriBoldItalic';
    src: url('calibriz-webfont.eot');
    src: local('☺'), url('calibriz-webfont.woff') format('woff'), url('calibriz-webfont.ttf') format('truetype'), url('calibriz-webfont.svg#webfont6a61wHVu') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GeorgiaBold';
    src: url('georgiab-webfont.eot');
    src: local('☺'), url('georgiab-webfont.woff') format('woff'), url('georgiab-webfont.ttf') format('truetype'), url('georgiab-webfont.svg#webfontimaWMffD') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GeorgiaRegular';
    src: url('georgia-webfont.eot');
    src: local('☺'), url('georgia-webfont.woff') format('woff'), url('georgia-webfont.ttf') format('truetype'), url('georgia-webfont.svg#webfontVonOVH1B') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GeorgiaItalic';
    src: url('georgiai-webfont.eot');
    src: local('☺'), url('georgiai-webfont.woff') format('woff'), url('georgiai-webfont.ttf') format('truetype'), url('georgiai-webfont.svg#webfonth4ULFPbf') format('svg');
    font-weight: normal;
    font-style: normal;
}


h1, h2, h3, h4, h5, h6 {font-family:GeorgiaRegular;}
h1 {font-size: 35px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size: 10px;}
h6 {font-size:8px;}
body {
background:white;
font-size:100%;
font-family:CalibriRegular;
}


#container{
width:960px;
margin:0 auto;

}

#header {
width:960px;
height: 170px;


}
#commenti{
width:190px;
position:relative;
left:560px;
top:-350px;
}

#sidebar {
width:200px;
float:left;
}
#corpo{
width:760px;
float:left;
background: none;
min-height: 400px;
position:relative;
}



#footer{   font-size:14px;
text-align:center;
width:960px;
/*height: 500px; */
clear:left;
height:100px;
background: none;
border-top: 1px solid black;
margin-top: 100px;


padding:10px;
}
#footer a {
color:#676767;
padding:10px;
display:block;

}

#footer a:hover {
color:#545454;}

.show_log {
float:left;
width:80px;
margin-top:30px;
font-size:20px;
margin-left:85px;
padding:20px;
}
.show_log:hover {

color: #4F4F4F;
}
a.social {float:right;
display:block;
margin-top:40px;
padding-left: 40px;
border-left: 1px dashed black;
width:160px;
}
#display_log{display:none;}

h1.nome_sito {margin-top: 60px;width:300px;float:left;}
h2.motto {width:500px;float:left;}
.logo {
float:left;
margin-top:60px;
}
/* colonne nella home */
.cols {
width: 250px;
float:left;

margin:0;
margin-top:-150px;

}

.cols p {
font-size:14px;
width: 100px;
padding: 10px 10px;
float:left;
text-align:left;
}
.cols p.tag{
width: 200px;
border-bottom: 1px dashed black;
margin-bottom:20px;
}
.cols img {
width: 88px;
float:left;
-moz-box-shadow: 0px 2px 3px #555;
  -webkit-box-shadow: 0px 2px 3px #555;
  box-shadow: 0px 2px 3px #555;
 margin: 2px 8px;
   filter:
        progid:DXImageTransform.Microsoft.Shadow(color=##707070,direction=-145,strength=9)
       ;
}
#tooltip {
background:black;
 -moz-box-shadow: 0px 2px 3px #555;
  -webkit-box-shadow: 0px 2px 3px #555;
  box-shadow: 0px 2px 3px #555;
padding:20px;
border-radius: 8px;
 -moz-border-radius:8px;
-webkit-border-radius:8px;
color:white;display:none;
position:absolute;
z-index:900;

}
p.copyright {
margin:10px;
margin-top:20px;
padding:20px;
text-align:justify;
font-size:14px;
width: 150px;
background: #959595;
border-radius: 8px;
 -moz-border-radius:8px;
-webkit-border-radius:8px;
color:white;
 -moz-box-shadow: 0px 2px 3px #555;
  -webkit-box-shadow: 0px 2px 3px #555;
  box-shadow: 0px 2px 3px #555;
}
p.browser {
margin:10px;
margin-top:20px;
padding:20px;
text-align:justify;
font-size:14px;
width: 150px;
background: #C1C1C1;
border-radius: 8px;
 -moz-border-radius:8px;
-webkit-border-radius:8px;
color: black;
 -moz-box-shadow: 0px 2px 3px #555;
  -webkit-box-shadow: 0px 2px 3px #555;
  box-shadow: 0px 2px 3px #555;
}
p.browser a{
color:#CD6700;
}
p.browser a:hover{
color:#E77400;

}
.cols h3 {color: #A86D32;padding: 2px 2px;

    }

.cols h2 {color:black;padding: 2px 2px;font-size:20px;}
.cols  a {
margin:5px;  float:left;
width:80px;
  color:white;
  display:block;
  height:20px;
background: #808080;
border-radius: 8px;
 -moz-border-radius:8px;
-webkit-border-radius:8px;
padding:5px 5px;
font-size: 12px;
}
.cols  a:hover {
background: #484848;

}
.cols  a.share{
display:block;
background:none;
background-image:url(../img/share.png);
background-position:top;
width:48px;
height:44px;

padding:0;
padding-top:4px;

text-indent:-19000px;
clear:none;
margin-left:10px;
}
.cols  a.share:hover {background-position:bottom;}
.cols  a.comment{
display:block;
background:none;
background-image:url(../img/commenti.png);
background-position:top;

width:32px;
height:28px;
padding:0;
padding-top:4px;
float:left;
clear:none;
margin-left:10px;
}
.cols  a.comment:hover {background-position:bottom;}
.box_libro {
clear:both;
font-size:14px;
width: 190px;
background: #C3C3C3;
border-radius: 8px;
 -moz-border-radius:8px;
-webkit-border-radius:8px;
text-align:left;
margin:10px;
margin-top:20px;
}
.box_libro p{
 padding:10px;


}

.cols_2 {
width: 250px;
float:left;
height: 600px;
margin:0;


}

.cols_2 p {
font-size:14px;
width: 100px;
padding: 10px 10px;
float:left;
text-align:left;
}
.cols_2 p.tag{
width: 200px;

margin-bottom:20px;
}
.cols_2 img {
width: 88px;
-moz-box-shadow: 0px 2px 3px #555;
  -webkit-box-shadow: 0px 2px 3px #555;
  box-shadow: 0px 2px 3px #555;margin:5px;
 margin: 2px 8px;
   filter:
        progid:DXImageTransform.Microsoft.Shadow(color=##707070,direction=-145,strength=9)
       ;
}
.cols_2 h3 {color: #A86D32;padding: 2px 2px;

    }
.cols_2 h2 {color:black;padding: 2px 2px;font-size:20px;}
.cols_2 p  a {
margin:5px;  float:left;
width:80px;
  color:white;
  display:block;
  height:20px;
background: #808080;
border-radius: 8px;
 -moz-border-radius:8px;
-webkit-border-radius:8px;
padding:5px 5px;
font-size: 12px;
}
.cols_2  a:hover {
background: #484848;

}
.cols_2 p a.share{
display:block;
background:none;
background-image:url(../img/share.png);
background-position:top;
width:48px;
height:44px;

padding:0;
padding-top:4px;
float:left;
text-indent:-19000px;
clear:none;
margin-left:10px;
}
.cols_2 p a.share:hover {background-position:bottom;}
.cols_2 p a.comment{
display:block;
background:none;
background-image:url(../img/commenti.png);
background-position:top;

width:32px;
height:28px;
padding:0;
padding-top:4px;
float:left;
clear:none;
margin-left:10px;
}
.cols_2 p a.comment:hover {background-position:bottom;}

.post {
padding:20px;
font-size:14px;


}
.post   a {
margin:5px;
 width:140px;
  color:white;
  display:block;

background: #808080;
border-radius: 8px;
 -moz-border-radius:8px;
-webkit-border-radius:8px;
padding:5px 5px;
font-size: 12px;
}
.post  a:hover {
background: #484848;

}
.post p a.share {background:none;
height:20px;}
.post .tag a{
float:left;
width:120px;
height:20px;
}
.post  a.share{
display:block;
background:none;
background-image:url(../img/share.png);
background-position:top;
width:48px;
height:44px;

padding:0;
padding-top:4px;

text-indent:-19000px;
clear:none;
margin-left:10px;
}
.post  a.share:hover {background-position:bottom;}
/* Easy Slider */

    #slider ul, #slider li{
        margin:0;
        padding:0;
        list-style:none;

        }
    #slider, #slider li{ 
        /* 
            define width and height of container element and list item (slide)
            list items must be the same size as the slider area
        */ 
        width:560px;
        height:380px;
        overflow:hidden;
     background:rgba(34,55,55,0.1);
         border-radius: 8px;
 -moz-border-radius:8px;
-webkit-border-radius:8px;

        }
    span#prevBtn a{
   position:absolute;
     color:white;
    width:16px;
    height:16px;
    border-radius: 28px;
 -moz-border-radius:28px;
-webkit-border-radius:28px;
background: #808080;
padding:20px;
top:60px;
left:500px;
    }
    span#prevBtn a:hover{
   background: #323232;

    }
    span#nextBtn a{
    top:300px;
    left:500px;
      position:absolute;
     color:white;
        float:left;
  border-radius: 28px;
 -moz-border-radius:28px;
-webkit-border-radius:28px;
background: #808080;
    width:46px;
    height:16px;padding:20px 5px;}
                     
    span#nextBtn a:hover{
      background: #323232;

    }
/* // Easy Slider */
/* colonne nella home */
/* colonne in slide della pagina categorie */
#corpo a{ display:block;

}






#slider h2.titolo{color: black;padding: 5px 10px;font-size:19px;}
#slider h3{color: #A86D32;padding: 5px 10px;}
#slider h4{color: black;padding: 2px 10px;}
#slider h5{color: black;padding: 2px 10px;}
#slider p{
float:left;
width: 240px;
padding:20px;
font-size:15px;

}
#slider p img {-moz-box-shadow: 0px 2px 3px #555;
  -webkit-box-shadow: 0px 2px 3px #555;
  box-shadow: 0px 2px 3px #555;margin:5px;}

#slider p a{
margin:5px;  float:left;
width:80px;
  color:white;
  display:block;
  height:20px;
background: #808080;
border-radius: 8px;
 -moz-border-radius:8px;
-webkit-border-radius:8px;
padding:5px 5px;
font-size: 12px;
}
#slider p a:hover {
background: #767676;
background:rgba(34,55,55,0.6);

}
#slider a{
margin:5px;  float:left;
width:80px;
  color:white;
  display:block;
  height:20px;
background: #808080;
border-radius: 8px;
 -moz-border-radius:8px;
-webkit-border-radius:8px;
padding:5px 5px;
font-size: 12px;

}
#slider p.tag{
width:500px; float:left;
}

#slider p a.share{
display:block;
background:none;
background-image:url(../img/share.png);
background-position:top;
width:48px;
height:44px;

padding:0;
padding-top:4px;
float:left;
text-indent:-19000px;
clear:none;
margin-left:10px;
}
#slider p a.share:hover {background-position:bottom;}
#slider p a.comment{
display:block;
background:none;
background-image:url(../img/commenti.png);
background-position:top;

width:32px;
height:28px;
padding:0;
padding-top:4px;
float:left;
clear:none;
margin-left:10px;
}
#slider p a.comment:hover {background-position:bottom;}
.clear {clear:both;}
/* menu navigazione */
#sidebar h2 {
font-size:16px;
text-align:right;
padding-top: 20px ;
}
#commenti    h2 {
font-size:16px;
text-align:center;

}
.menumain{width:200px;}

.menumain li {}

.menumain li a{
font-size:16px;
display:block;
color:#767676;
text-align:right;
padding:5px;

}

.menumain li a:hover {color:black;}

/*form *
/* form login*/

.login {
background:white;
padding:20px;
position:absolute;
z-index:300;
width:200px;
border: 1px solid black;
-moz-box-shadow: 0px 0px 2px #121212;
  -webkit-box-shadow: 2px 2px 4px #121212;
  box-shadow:2px 2px 4px #121212;

}
.contact {
margin:50px;
padding:20px;
position:relative;
}
p.form {margin:30px;}
form legend {margin:0;
padding:0;
background:black;
width: 160px;
color:#9D9D9D;padding: 10px 2px;
text-align:center;
border-bottom: 1px solid black;
border-left: 1px solid black;
-moz-box-shadow: 0px 0px 2px #121212;
  -webkit-box-shadow: 2px 2px 4px #121212;
  box-shadow:2px 2px 4px #121212;
}

div.error    {
color:#EB0000;
width: 180px;
position:absolute;
left: 400px;
height: 30px;
padding:10px;
text-shadow: 1px 1px 1px #990000;
}
form fieldset {
background:none;
}


form label {
width:100px;
float:left;
font-size: 15px ;
color:black;

}

form  input{
margin-top:4px;
margin-left:20px;
float:left;
width: 120px;
height:20px;
background:white;
font-size: 15px ;
border:1px solid #373737;

color:black;
padding-left:3px;
padding-top:3px;

}
form input:focus{
background-color: #E17000;
color:black;
}
form textarea {
margin-top:4px;
margin-left:10px;
float:left;

background:white;
font-size: 15px ;
border:1px solid #373737;

color:black;
padding-left:3px;
padding-top:3px;
}
form textarea:focus {
background-color: #E17000;
color:black;
}
form .submit {
width: 150px;
clear:left;
margin-left: 10px;
padding: 4px 10px;
height:37px;
background: #2A2A2A;
color:white;
border:1px solid #373737;

font-size: 16px ;
   background-color: #242424;

}
form .submit:hover,form .submit:active
{
background:#656565 ;
color:white;
}

label.label{
width:100px;
float:left;
font:regular 15px DroidSansBold;
color:black;

}


.searchform {
  display: inline-block;
  zoom: 1; /* ie7 hack for display:inline-block */
  *display: inline;

  padding: 3px 5px;
margin-top:-50px;


float:right;
}







.searchform input {
  font: normal 15px/100% Arial, Helvetica, sans-serif;
}
.searchform #searchfield {
  background: #fff;
  padding: 4px 4px 4px 6px;
  width: 120px;
  border: solid 1px #bcbbbb;
  outline: none;
  border: solid 1px #d2d2d2;
  height: 30px;

  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
 width:38px;
 height:42px;
margin-left:-12px;
margin-top:-1px;
border:none;
}


.transparent_class {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
/*paginazione */
.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 1
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a{
display:block;
float:left;
margin-left:5px;
padding: 0 5px;
text-decoration: none; 
color: #FFFFFF;
width:20px;
height:20px;
background-color: #d4c9c9;
                   -moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;

}

.pagination a:hover{
color: #FFF!important;
background-color: #000000;
}

.pagination a.currentpage{
background-color: #FF8000;
color: #FFF !important;
cursor: default;
}
p.demo {
 text-shadow: 1px 1px 3px black; font-size:12px; color: green;

}
.menumain{width:200px;}

.menumain li {}

.menumain li a{
font-size:16px;
display:block;
color:#767676;
text-align:right;
padding:5px;

}

.menumain li a:hover {color:black;}
#cloud { width:200px;}
#cloud li a {padding:5px;text-decoration:none; color:#757575;}
#cloud li {text-align:right; display: block; }
#cloud a.tag_small  { font-size: 0.7em; font-weight: 100; }
#cloud  a.tag_mini { font-size: 1.0em; font-weight: 200; }
#cloud  a.tag_medium  { font-size: 1.5em; font-weight: 300; }
#cloud  a.tag_large  { font-size: 1.8em; font-weight: 400; }
#cloud a.tag_xlarge { font-size: 2.0em; font-weight: 500; }
#cloud a:hover {text-decoration:underline;  }