/*

Theme Name: UPSD
Theme URI: http://www.n26.net
Description: UPSD restyling
Version: 1.0
Author: mastroweb
Author URI: http://www.n26.net/

StyleSheet by Vito Marinelli
http://www.vitomarinelli.it
		
*/


@charset "UTF-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
body {font:10px Verdana,arial; background-color:#FFF; }

h2 { font:12px Verdana; margin-bottom:10px; font-weight:bold;}
h3 { font:12px Verdana; font-weight:bold; padding:10px; background-color:#F5F5F5;  border-top:1px solid #DCDCDC; margin-top:10px; }
h4 { font:11px Verdana; font-weight:bold; padding:5px 0 5px 10px; background-color:#F5F5F5;  border-top:1px solid #DCDCDC; }
h5 { font:10px Verdana; margin-bottom:5px;}

a { color:#666; background: inherit; text-decoration: none; }
a:hover { color: #000; background: inherit; text-decoration: underline; }


#sidebar ul {color:#666;}
#sidebar li { padding:3px 0 3px 10px;}


#calendario ul {color:#666;}
#calendario li {  background-color:#F5F5F5; padding:5px 0 5px 10px;}


ol li {  margin:0; padding:10px; margin-bottom:20px;  background-color:#F5F5F5; border-top:1px solid #DCDCDC; }

.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

#head { width:100%; height:113px; background:#FFF url(images/head.jpg) top center no-repeat; border:0; padding:0; }
#navbar { height:30px; background:#FFF url(images/navigationbar.gif) repeat-x top center;  }

#navbar2 { height:30px; background:#FFF url(images/navigationbar.gif) repeat-x top center;   }


ul#bottone { list-style: none; font:14px "Arial"; font-weight:bold; padding:3px 0 0 550px; width:470px; margin:0 auto;}
ul#bottone li{float:left;margin: 0 0 0 5px;padding: 0}
ul#bottone a{float: left;padding: 0 0 0 10px; /* background: url(images/bottone.jpg) no-repeat top left; */ text-decoration: none; color:#FFF;}
ul#bottone span{float: left;padding: 4px 10px 5px 0; /* background: url(images/bottone.jpg) no-repeat top right; */ cursor: pointer}
ul#bottone li#active a,ul#bottone a:hover{ background: url(images/bottone2.jpg) no-repeat top left}
ul#bottone li#active span,ul#bottone a:hover span{ background: url(images/bottone2.jpg) no-repeat top right;color:#CC1F02; }



ul#bottone2 { list-style: none; font:14px "Arial"; padding:3px 0 0 0; width:960px; margin:0 auto; }
ul#bottone2 li{float:left;margin: 0 0 0 5px;padding: 0}
ul#bottone2 a{float: left;padding: 0 0 0 10px; /* background: url(images/bottone.jpg) no-repeat top left; */ text-decoration: none; color:#FFF;}
ul#bottone2 span{float: left;padding: 4px 10px 5px 0; /* background: url(images/bottone.jpg) no-repeat top right; */ cursor: pointer}
ul#bottone2 li#active a,ul#bottone2 a:hover{ background: url(images/bottone2.jpg) no-repeat top left}
ul#bottone2 li#active span,ul#bottone2 a:hover span{ background: url(images/bottone2.jpg) no-repeat top right;color:#CC1F02; }


#summerweek_text {float:left; margin:10px 0 10px 0; font-size:11px; width:960px;}
#summerweek_text p { margin-bottom:7px;}


#main { margin:0 auto; background-color:#FFF; }

#intro { margin:0 auto; width:960px; height:93px; background-color:#F5F5F5; border-bottom:1px solid #DCDCDC; margin-bottom:3px;}
#intro img { margin:0; border:0; float:left; padding-right:20px; }
#intro h2 { float:left; background:url(images/title.jpg) top left no-repeat; width:670px; height:25px; margin:15px 0 0 0; }
#intro h2 span {visibility:hidden; }
#intro p { color:#666666; }

#content { margin:0 auto; width:960px;  }

#sidebar { float:left; width:240px; padding:10px;  }

#media { float:left; width:160px; height:200px; margin-right:20px; margin-left:20px; }
#mediabox { margin:0; padding:10px; margin-bottom:20px;  background-color:#F5F5F5; border-top:1px solid #DCDCDC;}
#mediabox p { color:#999999; margin-bottom:10px; }



#news { float:left; width:470px; padding:10px; }
#news a { color:#000; background: inherit; text-decoration: none; }
#news a:hover { color: #666; background: inherit; text-decoration: underline; }


#pagina { float:left; width:480px; padding:10px; }

#pagina .titolo { display:block; margin:7px 0 10px 0px;  font:12px Verdana; font-weight:bold; } 
#pagina .testo { display:block; width:460px; margin:0 0 20px 0px; padding:10px; background-color:#F5F5F5; border-bottom:1px solid #DCDCDC; }
#pagina .testo img {margin:5px 10px 5px 0; border:1px solid #DCDCDC; padding:3px; }
#pagina .testo p { line-height:14px; margin-bottom:10px;}
#pagina .testo strong { font-weight:bold;}


.data {color:#999; margin-bottom:10px; }
.commenti { padding:0 0 10px 2px; margin-bottom:10px; }
.gravatars { float:left; border:0; margin:0; padding:10px; }
.avatar { float:left; border:0; margin:0; padding-right:10px; }
.titolo { display:block; margin:7px 0 10px 70px;  font:12px Verdana; font-weight:bold; } 
.testo { display:block; width:380px; margin:0 0 20px 70px; padding:10px; background-color:#F5F5F5; border-bottom:1px solid #DCDCDC; }
.testo img {padding:0 10px 5px 0; float:left; width:200px; height:150px;  }

#a_notizia { float:left; width:450px; margin:0; padding:0; background-color:#F5F5F5; }
#a_notizia #blocco { height:15px; padding:8px; border-bottom:2px solid white;}
.a_titolo {float:left; margin:0; width:230px; margin-bottom:2px;} 
.a_data { float:left; margin:0; width:90px; color:#999; text-align:right;  }
.a_commenti { float:left; margin:0; width:100px; padding-left:5px; }


#b_notizia { float:left; width:180px; margin:0; padding:0; background-color:#F5F5F5; }
#b_notizia #blocco { height:30px; padding:8px; border-bottom:2px solid white;}
.b_titolo {float:left; margin:0; width:170px; margin-bottom:2px;} 


#modulo label {width:200px; margin-right:10px; padding:3px; display:inline-block; margin-bottom:5px; text-align:right;}
#modulo input {width:200px; margin-right:10px; border:1px solid #CCC; padding:3px;margin-bottom:5px;}
#modulo strong {font-weight:bold;}
#modulo .radio { border:0; width:20px; vertical-align:text-top;}


#footer { margin:0 auto; width:960px; height:30px; background: url(images/navigationbar.gif) no-repeat top center; padding:8px; padding-left:20px; }
#footer { font:9px Verdana; color:#FFF; }
#footer a { color:#CCC; background: inherit; text-decoration: none; }
#footer a:hover { color: #FFF; background: inherit; text-decoration: underline; }



.gss a img {border : none;}
.gss { width: 140px;height: 140px; color: #dddddd; background-color: #F6F6F6; padding: 0px;}