/* CSS Generali */
* { margin: 0; padding: 0; }
html, body, ul,li,p,h1,h2,h3,h4,h5,h6,div {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight:normal; color:#fff;}
html {font-size: 100%; /* WinIE text resize correction */}
body {border:15px solid #FFF;}
ul {list-style:none;}
.hidden {display: none;}
.clear {clear:both; height:0; line-height:0; margin:0; font-size:1px; display:block;}
a img {border:none;}
a:link, a:visited {text-decoration:none; color:#ffff00; background:url(../img/link.gif) repeat-x 0 100%;}

/* CSS Header */
#header {background:url(../img/backHeader.png) repeat-x; width:100%; height:40px; text-indent:-9999px; padding-top:4px;}
#header h1 {background:url(../img/mediterranea.gif) no-repeat; height:28px; margin-left:20px;}

/* CSS Background */
#backG img {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
#cont{ width:960px; position:relative;}
#sx {margin-right:1em; float:left; width:622px;}
#sidebar {float:left;  width:300px;}

/* CSS Box generali */
.boxgen {width:100%; font-size:13px; text-align:justify; margin-bottom:20px; line-height:1.2em;}
.quadro {background:url(../img/backBox.png); margin-left:10px; padding:10px 5px 1px 5px; font-size:13px; min-height:50px;}
.quadro p {background:url(../img/backBlack.png); font-style:normal; margin-bottom:10px; padding:3px 6px;}
.boxgen h4 {height:23px; background:url(../img/backBlack.png); padding-top:10px; margin-left:10px; padding-right:5px;}
.boxgen h4 span {background:#FFFF00; height:16px; color:#000000; font-size:12px; padding-left:15px; padding-top:2px; display:block; margin-left:-10px;}
.boxgen h4 span strong {text-transform:uppercase;}
.giallo {color:#FFFF00;}
.viola {color:#9933CC;}
.celeste {color:#3399FF;}
.verde {color:#00CC66;}

/* CSS Box Supporto */
.supporto {background:url(../img/backBlack.png); height:21px; font-size:13px; margin-left:10px; padding-top:8px; padding-left:5px;}
.supporto a {font-size:13px; padding-top:4px;}
#uk {background:url(../img/icons/uk.png) 0 top no-repeat; float:left; height:21px; padding-left:31px;}
#it {background:url(../img/icons/it.png) 0 top no-repeat; float:left; height:21px; padding-left:31px;}
#cvita {background:url(../img/icons/pdf.png) right 0 no-repeat; float:right; height:21px; margin-right:5px; padding-right:31px;}
#im li {float:left; margin-right:10px;}
#im li a {text-indent:-9999px; display:block; width:21px; height:21px;}
#fb a {background:url(../img/icons/fb.png) no-repeat;}
#sk a {background:url(../img/icons/sk.png) no-repeat;}
#in a {background:url(../img/icons/in.png) no-repeat;}
#gt a {background:url(../img/icons/gt.png) no-repeat;}
#dl a {background:url(../img/icons/dl.png) no-repeat;}
#rss {background:url(../img/icons/rss.png) no-repeat; height:21px; padding-left:31px;}

/* CSS Portfolio */
.itemPort {width:310px; float:left; margin-right:1px; margin-bottom:20px; font-size:12px;}
.fotoBox {background:url(../img/backBlack.png); width:295px; height:225px; padding-left:5px; padding-top:5px; margin-left:10px;}
.imgHov {display:inline; float:left;}
.imgHov img {border:0 none; display:block;}
.imgHov span, .imgHov b {display: none;}
.imgHov:hover {position: relative;}
.imgHov:hover b {position: absolute; top: 0px; left: 0; background:url(../img/backBlack.png); display:block;}
.imgHov span em {font-weight:bold; text-transform:capitalize; color:#FFFF00;}
.imgHov:hover span {position:absolute; padding:10px; display: block; color:#FFFFFF;}
.imgHov:hover b.hoverPort {height:220px; width:290px; color:#FFFFFF;}
.itemPort h4 {background:#FFFF00; height:16px; color:#000000; padding-left:15px; padding-top:2px; display:block; font-weight:bold; text-transform:uppercase; font-size:11px;}

/* CSS Rete */
#rete {position:relative; z-index:1;}
#rete .quadro { height:190px;}
#rete p {font-size:14px;}
#myImg {background:url(../img/me.png) no-repeat; height:197px; width:279px; padding-top:10px; position:absolute; z-index:0; margin-left:15px; top:61px;}

/* CSS Blog */
.postBlog h6 {color:#FFFFFF; font-size:10px; background:#000000; font-weight:normal; text-transform:uppercase; margin-bottom:1px; padding-left:2px; padding-left:2px;}
.postBlog h3 {background:url(../img/backBlack.png); margin-bottom:1px;  font-size:12px; padding-left:2px;}