/**
 * Copyright (c) 2008, Andrea La Rosa.
 * 
 */
 
@import url(reset.css);

/* - general ---- */

body{height:100%;min-height:100%;}
body{background-color:#fff; color:#666; font-family:arial,sans-serif; font-size:11px; text-align:center;}

/*
===================================================================================
              contenitori
===================================================================================
*/

/* - master ---- */

div.master{margin:0 auto;}

/* - logo ---- */

div.logo{text-align: center; border-top: 2px solid black;}
div.logo div.box{ width:301px; height:81px; overflow: hidden; background: url(sito/logo-andrea-la-rosa.gif) center top; margin:0 auto;}
div.logo div.box a{ display:block; width:300px; height:75px; }
div.logo div.box span{ display:block; width:0; height:0; overflow: hidden; }
/* - container ---- */

div.container { margin:0 auto; text-align:left; width: 600px;}

/* - contNav ---- */

div.contNav {margin:0 auto; padding:0;  width: 500px; height:16px;}
div.contNav ul.nav {margin:0;padding:0;list-style:none;}
div.contNav ul.nav li {float: left; white-space:nowrap;}
div.contNav ul.nav li a {text-decoration:none; line-height:16px; display:block; height:16px; width:100px; vertical-align:middle }
div.contNav ul.nav li a:link,div.contNav ul.nav li a:visited{font-size:11px;text-decoration:none;}
div.contNav ul.nav li a:hover{font-size:11px;text-decoration:none;font-weight: bold;}
div.contNav li.cur {font-weight:bold;}

/* - link ---- */

div.footer{clear: both; text-align: center;}


/*
===================================================================================
              speciali
===================================================================================
*/

/* - login -------- */

div.login{ width:340px; margin:10px 0 0 450px;}
div.login div.loginWrap{padding:10px 0 0 0;}
div.login .cssForm {line-height:20px;}
div.login .cssForm .input{padding:2px 2px 3px 2px; width:250px; font-size:12px;}
div.login .cssForm p{margin-bottom:5px;}
div.login .cssForm p label{font-size:12px; font-weight:bold;}
div.login #bottone{font-weight:bold;font-size:11px;}
div.login .recupero{}

/* - messaggio istantaneo -------- */

div.istMsg div.boxForm {padding:0 10px; margin:0 0 10px 0;} /* border:1px #C4C4C4 solid; background-color:#F7F7F7; */
div.istMsg table.tf {width:100%;}
div.istMsg table.tf tr td {padding:5px 0px; vertical-align:top; line-height:20px; border: none; } /* border-bottom: 1px #E7E7E7 solid; */
div.istMsg table.tf tr td span.spazio {padding:0px 0px 0px 8px;}
div.istMsg table.tf tr td.normale {padding:6px 0px 2px 0px;}
div.istMsg table.tf tr td.right {text-align:right; width:100px; padding-right:8px;}
div.istMsg table.tf tr td .lineHightForm {font-size:12px;}

div.istMsg table.tb {width:100%;}
div.istMsg table.tb tr td {vertical-align:top; line-height:20px;} /* border-bottom: 1px #E7E7E7 solid; */
div.istMsg table.tb tr td.normale {padding:6px 0px 2px 0px;}
div.istMsg table.tb tr td.right {width:110px;padding-right:8px;}

/* - slide - container ---- */

div.slide{ border:1px #B0B0B0 solid; height:250px; width: 600px; margin:10px 0; overflow: hidden; }
/* - slide - cf_element ---- */
div.cf_wrapper{position:relative;}
div.cf_element{width: 600px; height:250px;}
div.cf_element div.content h3{padding-top:0;margin-top:0;}
div.cf_element div.title {position: absolute; top: 200px; left: 0; height:50px; width: 600px; background-color: #000; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
div.cf_element div.title div.wrap{padding:5px;}
div.cf_element div.title div.wrap div.titolo{ color: white; font-weight: bold; }
div.cf_element div.title div.wrap div.txt{ color: #C1C1C1; font-size: 10px;}