/* CSS Document per Inarch Blog */
*{
margin:0;
padding:0;
}

body{
background:#f7f7f7 url(../images/elementi/bg.gif) repeat-y left top;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#000;
/*width:3675px; la pagina prevede 10 news*/
overflow: auto;
}
div, p, h1, h2, h3, h4, h5, h5{display:block;}
h1{font:25px Georgia, "Times New Roman", Times, serif; background:url(../images/elementi/dot_ara.gif) repeat-x bottom left;  padding:0 5px 5px; margin:0 0 5px}
h2{font:20px Georgia, "Times New Roman", Times, serif; background:url(../images/elementi/dot_ara.gif) repeat-x bottom left;  padding:0 5px 5px; margin:0 0 5px}
h3{font:bold 15px Georgia, "Times New Roman", Times, serif; background:url(../images/elementi/dot_ara.gif) repeat-x bottom left;  padding:0 5px 5px; margin:0 0 5px}
h4{}
h5{}
h6{}

a{text-decoration:none; color:#000;}
a:hover{color:#666663;}
a:focus{outline:none;}


img{border:none;}


input, select{display:block;
font-size:10px;
background:#fff;
border:solid 1px #c6c0c0;
color:#000;
}
 select{width:120px;}
textarea{
font:10px Verdana, Arial, Helvetica, sans-serif;
width:100%;
overflow:auto;
height:70px;
background:#FFFEF7;
border:solid 1px #B0AFAC;
}

button{
position:absolute;
bottom:10px;
right:10px;
border:none;
background:transparent url(../images/elementi/ico_btn_invia.gif) no-repeat right 5px;
font-size:10px;
font-weight:bold;
color:#FFB64A;
padding:0 5px 0 0;
}

.hr{ background:url(../images/elementi/bg_dot.gif) repeat; font-size:1px; width:100%; position:relative; overflow:hidden; clear:both;}


/*let's start!*/

/*head*/

#head{
width:100%;
overflow:hidden; position:relative;
height:320px;
background:url(../images/elementi/bg_head.gif) repeat-x;
}

#hcnt{width:956px; height:320px; background:url(../images/elementi/bg_gallery_top.jpg) no-repeat bottom left; position:relative; overflow:hidden; }
#head h1{position:absolute; right:15px; bottom:50px; width:175px;height:96px; background:none !important;}
#head h1 a{ background:#fff url(../images/elementi/logo.gif); width:175px;height:96px; display:block; position:absolute; top:0; left:0;}

#gtop{ width:700px; height:250px; overflow:hidden; position:absolute; top:21px !important; left:0; }
#gtop a{  display:block; width:674px; height:250px; overflow:hidden; padding:0 0 0 26px;   color:#fff; background:#ececec url(../images/elementi/bg_gallery_top.jpg) no-repeat  0 49px; }
#gtop a img{position:absolute; top:0; right:0; width:450px;}
#gtop a span{ display:block; width:170px; height:175; overflow:hidden; font:20px Georgia, "Times New Roman", Times, serif; position:absolute; bottom:0; left:26px; text-align:right; text-transform:lowercase; }
#gtop a span strong{font-size:25px; display:block;}
#hcnt #pager{position:absolute;
top:247px;
right:255px; z-index:10; padding:0;}
#hcnt #pager a{display:block;color:#555552; padding:1px; text-align:center; float:left; margin:0 5px 0 0; background:#fff; border:solid 1px #ececec; width:15px; height:15px; border-radius:100px;  -moz-border-radius: 100px;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;
-webkit-border-radius: 100px; font-weight:bold}
#hcnt #pager a.activeSlide { color: #ff9800; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; }

#lg{ position:absolute; top:300px; right:10px; z-index:100; width:200px; height:16px; text-align:right; color:#a3a3a3; font-size:10px; font-weight:bold;}
#lg a{color:#666 ;}
#lg a:hover{color:#fd7200 ;}

#lg a#home{color:#fd7200;}
#lg a#home:hover{color:#666 ;}
#condividi{ position:absolute; top:300px; z-index:100; width:695px; height:16px; text-align:right; color:#a3a3a3; font-size:10px; font-weight:bold;}
#condividi img{ vertical-align:middle; margin:0 0 0 5px}
/***************************corpo*********************************/
#corpo{ width:924px; position:relative; overflow:hidden; padding:0 0 0 26px; /*-ms-filter:alpha(opacity=70);filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70; background:#f00*/}
/*#dx*/
#dx{ width:190px; padding:5px; position:relative; overflow:hidden; float:right; font-size:10px; color:#a3a3a3; }
#dx a{display:block; color:#a3a3a3}
#sx h6, #dx h6{ background:#ff8708; color:#fff; font:12px Verdana, Arial, Helvetica, sans-serif; padding:2px; margin:0 0 10px }
#sx div, #dx div{ margin:0 0 20px }
.hr{ background-color:#c5c3c4;}
.hr span{ display:block; width:100%; position:relative; background:#fff; height:10px; height:10px; margin:1px 0; }
#container .hr span{background:#f4f4f4;}

/*rif*/

#dx #rif p{margin:0 0 10px;}
/*rif*/
/*ul master*/
#dx ul{ list-style:none; display:block; width:190px; }
#dx ul a{ background:url(../images/elementi/bg_lnk_master.gif); width:155px; height:53px; text-transform:uppercase; color:#fff; text-align:right; padding:12px 35px 0 0; margin:0 0 5px;} 
/*ul master*/

/*forum*/
#forum{ width:190px; overflow:hidden; position:relative; margin:0 !important; padding:0 0 5px}
#forum select{ width:190px; margin:0 0 12px}
#forum input{ width:188px; margin:0 0 12px}
#forum #reglink{color:#f86900; font-weight:bold;margin:0 0 5px !important}
#forum .hr{background-color:#f86d00 !important; height:1px !important; margin:0 0 5px !important}
#forum button{position:relative !important; bottom:auto !important; right:0 !important; float:right;}
/*forum*/


#tagcloud{ width:190px; overflow:hidden; position:relative;margin:0 !important; padding:0 0 10px;}
#tagcloud a{
display:inline !important;
margin:0 5px 0px 0;
float:left;
}
#tagcloud a.tc5{font-size:21px;}
#tagcloud a.tc4{font-size:19px;}
#tagcloud a.tc3{font-size:17px;}
#tagcloud a.tc2{font-size:13px;}
#tagcloud a.tc1{font-size:10px; /*display: none !important*/}

#dx .banner img{ width:190px; height:75px; margin:0 0 10px}

#dx #inevidenza img{width:190px; height:190px; margin:0 0 10px}
#dx #inevidenza a{color:#000; font:20px Georgia, "Times New Roman", Times, serif;}
#dx #inevidenza a strong{ display:block; font-size:25px; margin: 0 0 5px}
/*/dx*/




/*sx*/


#sx{ width:169px; overflow:hidden; float:left; padding:20px 0;margin:0 60px 0 0; font-size:10px; color:#7f7c77}
#sx a{color:#7f7c77; display:block; margin:0 0 5px}
#sx a.act{ font-weight:bold;}
#sx ul#menu a:hover{ color:#ff8708;}

#sx ul#menu ul{ margin:0 0 0 5px}
#sx ul#menu ul a{ background:url(../images/elementi/bg_fmenu.gif) no-repeat 0 5px; padding:0 5px 0 10px}
#sx ul#links{ background:url(../images/elementi/links.gif); width:169px; height:30px; }
#sx ul#links li{display:block; width:30px; height:30px; float:left; margin:0 4px 0 0;}
#sx ul#links li.last{margin:0!important;}
#sx ul#links li a{display:block; width:30px; height:30px;text-indent:-9000em;}
#categorietop{text-transform:lowercase !important}
#sx #recentpost a{
background: url(../images/elementi/dot_ara.gif) repeat-x bottom left;
padding:10px 20px;
position:relative;
overflow:hidden;
}
#sx #recentpost a strong{display:block;}
#sx #recentpost a em {font: bold normal 10px Verdana, Arial, Helvetica, sans-serif; color:#ff8708; }
#sx #recentpost a span{ display:block; height:8px; width:7px; position:absolute; top:12px;left:0; background: #ff8708}
/*centro*/
#container{ width:440px; position:relative; overflow:hidden;}
/*home elenco*/
#elenco .colnews{
display:block; width:100%; overflow:hidden; margin:0 0 15px 
}
#elenco .colnews .image, #firstslide{display:block; width:100%; overflow:hidden; text-align:center; background:url(../images/elementi/dot_ara.gif) repeat-x bottom left;padding:0 0 5px ; margin:0 0 5px}
#elenco strong{ font:25px Georgia, "Times New Roman", Times, serif; background:url(../images/elementi/dot_ara.gif) repeat-x bottom left; display:block; padding:0 5px 5px; margin:0 0 5px}
#elenco .colnews .highlight, #txt{display:block; width:430px; overflow:hidden;  background:url(../images/elementi/dot_ara.gif) repeat-x bottom left;padding:0 5px 5px ; margin:0 0 5px}

 .tools{ font-size:10px; width:100%; overflow:hidden; position:relative; margin:0 0 3px}
 .tools strong{font:bold 10px Verdana, Arial, Helvetica, sans-serif !important; display:inline !important; background:none !important; color:#fd7200;}
 .tools span{float:right; padding:0 5px}
 .tools p{float:left; margin:0 20px 0 0}

/*paginazione*/
#paginazione{ background:#c5c3c4 url(../images/elementi/bg_dot.gif) repeat; width:100%; position:relative; overflow:hidden; clear:both; margin:15px 0px 40px}
#paginazione div{ background: #fff; margin:1px 0; width:100%; overflow:hidden; height:30px; font-size:10px; position:relative }
#paginazione div p{margin:10px 260px 0;}
#paginazione div p b {color:#ff8708;}

#mtn{
background: url(/images/elementi/mtn.gif) no-repeat;
width:90px;
height:12px;
position: absolute;
top:10px;
left:850px;}
/*paginazione*/

/*dettaglio*/

#firstslide{background-color:#fff; position:relative;}

#firstslide a#next, #firstslide a#prev{display:block;color:#555552; padding:1px; text-align:center;background:#fff; border:solid 1px #ececec; width:15px; height:15px; border-radius:100px;  -moz-border-radius: 100px;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;
-webkit-border-radius: 100px; font-weight:bold; position:absolute; top:250px; z-index:100}
#fsld{ position:relative; height:300px; width:100%; margin:10px 0; overflow:hidden;}
#fsld a{ display:block; width:100%; height:300px; text-align:center;}
#fsld span{ background:url(../images/elementi/bg_play.png) no-repeat top left; width:66px; height:66px; position:absolute; top:50%; left:50%; margin:-33px 0 0 -33px; display:block;  }
#firstslide a#next:hover, #firstslide a#prev:hover { color: #ff9800; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; }
#firstslide a#next{right:30px;}
#firstslide a#prev{right:70px;}

#txt p{ margin:0 5px 10px}



/*formlog*/
#formlog{ width:100%; overflow:hidden; position:relative; text-transform:lowercase;}
#formlog h3{ margin: 0 0 10px}
#formlog label{padding:0 5px; display:block}
#formlog input{ width:150px;display:inline;}
#formlog .hr{ margin:10px 0}
#formlog button{ z-index:2; font-size:13px; bottom:0px !important; }

/*centro*/


/***************************corpo*********************************/