/* CSS www.marinadilevante.com */
* {padding:0;margin:0}

html,body{margin:0;padding:0}
body{
background:#fff;
font:80% verdana, arial,sans-serif;
text-align:center;
margin-top:5px}
p{margin:0 0 10px 0;font-size:100%}
h1{font-size:1.3em;margin-top:8px;margin-bottom:10px;color:#1C9FC5}
h2{font-size:1.2em;margin-top:5px;margin-bottom:15px;color:#666}
h3{font-size:1em;margin-top:8px;margin-bottom:10px}
h4{font-size:1em;margin-top:0px;margin-bottom:6px}

a{color:#333}
a:hover{color:#667;text-decoration:none}
a img{border:none;background:none}
a:hover img{background:none}

ul {list-style:none}

/*STRUTTURA*/
div#container{background:#EEF7CF;text-align:left;width:760px;margin:0 auto}
div#top_info{background:#F9D074;height:18px;padding-left:5px;line-height:1.4em}

div#header{
    width:760px;
    height:130px;
    background:#44B2E3 url(/i/bg/sf_header.jpg) no-repeat bottom left;}
    
div#header a:hover{background:transparent}	

#menu {
    float:left;
    width:100%;
    background:transparent;
    font-size:1em;
    line-height:normal;
    margin:0 0 -1px -11px}
#menu ul {
    margin:0;
    padding:10px 10px 0;
    list-style:none}
#menu li {
    display:inline;
    margin:0;
    padding:0}
#menu a {
    float:left;
    background:url("/i/bg/left_both.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    text-decoration:none}
#menu a span {
    float:left;
    display:block;
    background:url("/i/bg/right_both.gif") no-repeat right top;
    padding:6px 15px 4px 6px;
    font-weight:bold;
    color:#fff}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none}
/* End IE5-Mac hack */
#menu a:hover span {color:#fff}
#menu #current a {
  background-position:0 -150px;
  border-width:0;
  border-bottom:0}
#menu #current a span {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#fff}
#menu a:hover {
  background-position:0% -150px}
#menu a:hover span {background-position:100% -150px}


/* ############# Colonna sinistra ###############*/
div#navigation{float:left;width:150px;margin-left:-760px}
div#navigation p{margin-left:0}

div#pside{margin:5px 0 1px 0;height:40px}
div#pside p {color:#fff;margin:8px 2px 0 40px}   

#sx_stab li{background:url("/i/icone/pic_list_1.gif") no-repeat left center;padding-left:6px;margin:10px 0;font-size:.85em}


/* ############# Colonna centrale ###############*/

div#wrapper{
	float:left;
	width:100%;
	background:#EEF7CF}

div#content{
    padding:5px;
    margin:0 150px;
}
div#content p{line-height:1.4}

div#content_home{
	 padding-top:5px;
	 margin:0 254px 0 5px;
}

div#left_content {
	float:left;
	width:170px;
	margin-top:15px;
}

#eventi_viareggio{margin:5px 10px 0 0px; background:transparent;}
#eventi_viareggio a{text-decoration:none;}
#week_end_in_sabina {float:left;width:278px;}

/*##### Home page - fondo #########*/
#home_bott{width:500px}
#home_bott_top{background:url(/i/bg/a_8.gif) repeat-y left top;width:100%}
#home_bott_bottom{width:498px;\width:500px;w\idth:498px;background:url(/i/bg/a_18.gif) repeat-y;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;min-height:270px;height:auto !important;height:270px}
#home_bott_eventi{background:url(/i/bg/til_1_6.gif) repeat-x left top;height:35px;color:#fff;font-weight:bold;border-left:1px solid #ccc;border-right:1px solid #ccc}
#home_ann{background:url(/i/bg/til_1_19.gif) repeat-x left top;min-height:50px;height:auto !important;height:50px;margin:5px 0}
#home_prev{background:url(/i/bg/til_1_12.gif) repeat-x left top;height:35px;color:#000;font-weight:bold}

#home_prev_if {
	float:left;
	width:245px;
	margin:0 6px 0 6px;
	height:220px}
#home_prev_web {
	float:left;
	width:230px;
	height:220px}

/* ############# Colonna destra ###############*/
div#extra{
	padding-top:5px;
	float:left;
	width:150px;
	margin-left:-150px}

div#extra_home{
	padding-top:5px;
	float:left;
	width:250px;
	margin-left:-250px}

#dx_locali li{background:url("/i/icone/pic_list_1.gif") no-repeat left center;padding-left:6px;margin:10px 0;font-size:.85em}
div#pside2{margin:5px 0 1px 0;height:40px}
div#pside2 p {color:#fff;margin:8px 2px 0 40px}
div#pside3{margin:5px 0 1px 0;height:40px}
div#pside3 p {color:#fff;margin:8px 2px 0 40px}


/* ############# Footer ###############*/
div#sponsor-home{text-align:center;
	 clear:both;}

div#footer{
	padding:5px 0 10px 0;
	margin-top:10px;
	color:#666;
	clear:both;
	width:100%;
	text-align:center;
	font-size:.9em}

div#footer a{color:#666}
div#footer a:hover {color:#666;background:transparent}
div#footer p{margin:0;padding:5px 10px;text-align:center}

 /*########### CLASSI #############*/

.attivita{background:url(/i/bg/sf_col.jpg) no-repeat top left;padding-top:1px;}   
.webcam{background:url(/i/bg/sf_col2.jpg) no-repeat top left;padding-top:1px;}   
.b {font-weight:bold}
.blue_1 {color:#3E91CD;font-family:verdana,tahoma,sans-serif;font-size:11px;line-height:13px;font-weight:bold}
.blue_2 {color:#094D60;font-family:verdana,tahoma,sans-serif;font-size:11px;line-height:13px}
.blue_main {color:#2189C6;font-family:verdana,tahoma,sans-serif;font-size:11px;line-height:13px}
.big {font-size:1.2em}
.bgyell{background:yellow;}
.brown_1 {color:#D24420;font-family:verdana,tahoma,sans-serif;font-size:11px;line-height:13px;font-weight:bold}
.cat_table{color:#ccc;font-size:85%;background:#CCFF99;margin-bottom:20px;padding:3px;border:1px solid #A5DC00}
.cat_table a:hover{color:#333} 
.center {text-align:center}
.clear{ clear:both} 
.clear_no_space{ margin:0;clear:both;border-top:1px solid #999} 
.clear_dots{ clear:both;text-align:right;margin-bottom:15px;background:transparent url(/i/icone/dots.gif) repeat-x bottom;font-size:80%}
.clear_dots a{color:#666;text-decoration:none;} 
.clear_dots a:hover{color:#333;text-decoration:underline;} 

.formbutton{
    border :1px solid #333;
    font:.9em verdana, arial,sans-serif;
    background:transparent;
    background:#ccc;
    font-weight:bold;
    color:#000;
    padding:1px;
    cursor:pointer
}
.formfield{
    border:1px solid #666;
    width:180px;
    padding:2px;
    color:#000;
    background:transparent url(/i/bg/back_input.gif) no-repeat;
}
.formpar {margin-top:-4px;padding-left:12px}

.formselect{
    border:1px solid #ccc;
    font-size:.8em;
    width:170px;
    margin-bottom:5px;
}
.formtxtarea{
    border:1px solid #ccc;
    color:#666;
    margin-bottom:10px;
    background:transparent url(/i/bg/back_input.gif) no-repeat;
}
.formss  {color:#000;font-family:verdana,tahoma,sans-serif;font-size:11px;line-height:13px;cursor:pointer}
.ftitle{font-size:.9em;margin:15px 0 10px 0;font-weight:bold}


.gall {	padding:3px 0 0 0px;font-size:.85em;text-align:left;}
.gall_mini{float:left;border:1px solid #999;margin:3px 5px 0 0;width:120px}
.green { color:#64AB11}
.grey {color:#666}
.grey_small {color:#666;font-size:.8em}
.grey_1 {color:#494848;line-height:13px;font-weight:bold}
.grey_2 {color:#4F4F4F;line-height:13px;font-weight:bold;text-decoration:none}
.grey_3 {color:#585757;line-height:13px;font-weight:bold}
.grey_4 {color:#585757;font-family:verdana,tahoma,sans-serif;font-size:15px;font-weight:bold}
.grey_5 {color:#585757;font-family:verdana,tahoma,sans-serif;font-size:9px}
.grey_b {color:#666;font-weight:bold}
.grey_i {color:#666;font-style:italic}
.grey_main {color:#474747;line-height:13px}
.grey_main_14 {color:#474747;line-height:14px}
.grey_main_12 {color:#474747;line-height:12px}
.grey_main_light {color:#747474;line-height:13px}
.grey_main_small {color:#474747;font-family:verdana,tahoma,sans-serif;font-size:10px;line-height:13px}
.grey_priv {color:#7C7C7C;line-height:13px;text-decoration:none}
.home_ev{padding:5px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
.img {border:none}
.img_container_home {width:180px;float:left;margin:0 10px 0 0}
.img_container_home a:hover {background:transparent}
.img_gall_right {width:180px;border:1px solid #ccc;margin:4px 0 2px 0}
.img_home {width:180px;border:1px solid #ccc;margin:5px 5px 0 0}
.img_news {float:left;width:180px;border:1px solid #ccc;margin:5px 8px 0 0}
.img_news_small {width:80px;border:1px solid #ccc;margin:3px 4px 8px 0;float:left}

.lightimm {width:87px;height:60px; margin:10px 5px 0 0;border:1px solid #ccc;}

.linetitle {border-left:1px solid #667;padding:0px 0 0 5px;}	
.linetitle_grey {border-left:1px solid #666;padding:0px 0 0 5px;margin-top:15px;}

ul.list_1 li {PADDING-LEFT:9px;PADDING-BOTTOM:8px;MARGIN:0px;LINE-HEIGHT:20px;background-image:url(/i/icone/pic_list_2.gif);background-position:left top;background-repeat:no-repeat;color:#585757;font-size:12px;line-height:11px;font-weight:bold}
ul.list_1 li a {color:#5D7FC7;font-size:11px;line-height:10px;font-weight:normal}
ul.list_2 li {PADDING-RIGHT:0px;PADDING-LEFT:9px;PADDING-BOTTOM:4px;MARGIN:0px;LINE-HEIGHT:20px;PADDING-TOP:0px;background-image:url(/i/icone/pic_list_4.gif);background-position:left center;background-repeat:no-repeat;color:#747474;font-size:11px;line-height:13px}
ul.list_2 li a {color:#2189C6;font-size:11px;line-height:13px}

.logo{margin:0px 0 4px 0px;border:0}	
.menuitem {
	margin:6px 0 6px 0;
	/*background:transparent url(/i/icone/dsquare.gif)  2px 4px no-repeat;*/
}
.menuitem a{
	display:block;
	width:180px;
	height:15px;
	padding:3px 0 0 12px;
	background:transparent url(/i/icone/dsquare.gif)  1px 5px no-repeat
}

.menuitem a:hover{background:transparent url(/i/icone/dsquareon.gif)  1px 5px no-repeat}
.midsmall{font-size:.85em}
.midsmall_g{font-size:.85em;color:#666}
.midsmall_margin{font-size:.85em;margin-top:7px;margin-bottom:7px}
.midgrey{font-weight:normal;color:#666;}
.midred{font-weight:normal;color:#1C9FC5;}
.news{color:#667}

.normal_i{font-weight:normal;font-style:italic;}
.orange_b{color:#E3780D;font-weight:bold;font-size:1.1em}
.pdf {font-size:.9em;margin:5px 0 5px 0;padding-left:20px;background:url(/i/icone/pdf.gif) no-repeat 0 0px}
.nobottom{margin-bottom:0;}
.noline_g {text-decoration:none;color:#666}

.red {color:#CC3300;}
.red_evidence{border:1px solid #75DC00;color:#fff;padding:3px;background:#88C71E}
.red_1 {color:#D45F11;font-family:verdana,tahoma,sans-serif;font-size:11px;line-height:13px;font-weight:bold}

.sf_sky{padding:5px 4px 0 3px;background:#F0F8E5 url(/i/bg/sf_sky.gif) no-repeat 0 0;min-height:90px;height:auto!important;height:90px}
.sf_yell{padding:5px 4px 0 3px;font-size:.85em;margin-bottom:10px;background:#FDFBEB url(/i/bg/sf_yell.gif) no-repeat 0 0;min-height:90px;height:auto!important;height:90px;}
.sf_fotonews{width:90px;height:60px;margin:0 5px 0 0;border:1px solid #ccc;float:left}
.sf_fotonews a {display:block;text-decoration:none}

.small{font-size:.8em}
.smallb{font-size:.8em;font-weight:bold}
.smallb_right{font-size:.8em;font-weight:bold;text-align:right;margin:15px 0 10px 0px;padding:3px 10px 0 0px;background:transparent url(/i/icone/circle.gif)  99% 85% no-repeat}
.small_clear{text-align:right;border-bottom:1px solid #ccc;font-size:.8em;color:#666;margin-top:-5px;margin-bottom:20px;clear:left;}
.small_clear_home{text-align:right;font-size:.8em;color:#666;clear:left;margin:10px 0 3px 0;}
.small_description{font-size:.8em;color:#666;margin-top:0;padding:0 2px 0 2px;margin-bottom:10px}
.smallgrey {color:#666;font-size:.8em;font-weight:normal}
.smallgreyit {color:#666;font-size:.9em;font-weight:normal;font-style:italic}
.small_minisquare{ padding-left:6px;background:transparent url(/i/bg/minisquare.gif) no-repeat 0 6px;font-size:80%}
.titolo {color:#1C9FC5}
.titolo a:link, .titolo a:hover, .titolo a:visited {color:#1C9FC5;text-decoration:none}
.yellow_1 {color:#FC770B;font-family:verdana,tahoma,sans-serif;font-size:11px;line-height:13px;font-weight:bold}
.white_1 {color:#fff;font-family:verdana,tahoma,sans-serif;font-size:12px;line-height:13px;font-weight:bold}
.white_2 {color:#fff;font-family:verdana,tahoma,sans-serif;font-size:11px;line-height:13px;font-weight:bold}

/* STILE DELLA PAGINAZIONE */
ul#pagination{
    font-size:.8em;
    margin:1em 0;padding:0;
    list-style:none;text-align:center}

ul#pagination li{
    display:inline;margin-right:0.5em}

ul#pagination a{text-decoration:none;
    border:1px solid #666;padding:0 3px;
    background:#667;color:#FFF}

ul#pagination a:visited{
    background:#EEE;color:#003EA5;
    border-color:#666}

ul#pagination a:hover{
    background:#FFF;color:#003EA5}

ul#pagination li#currentpage a{
    border:0px;background:#FFF;
    color:#000;cursor:pointer}
	
.paginazione{font-size:.9em;text-align:center;color:#666}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden}
.clearfix{display:inline-block}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;margin:0}
/* End hide from IE-mac */  

form, fieldset, dl, dt, legend, label, img {margin:0;border:0}
form {padding:3px;background-position:left top;background-image:url(/images/a_1.gif);background-repeat:repeat;border:1px solid #9EB600}
input{color:#000;font-size:.85em}
fieldset, dl {
	width:99%;
	margin:.5em 0;
	padding:0.1em;
	border:1px solid #ddd}

legend {
	font-size:1em;
	background:#75DC00;
	color:#fff;
	font-weight:bold;	
	padding:1em;
	line-height:.5em}

label, dt {
	padding:0 0 0 2px;margin:0;
	color:#3E91CD;
	margin:.1em;
	font:bold 11px/1.3em Verdana, sans-serif}
	
dd {
	margin-bottom:.6em;
	background-color:#fff;
	padding:.1em .1em 0 .1em;
	color:#000;
	font:normal 11px/1.3em Verdana, sans-serif;
	line-height:1.4em;
	min-height:1.4em;height:auto !important;height:1.4em} 

optgroup {color:#000;font:bold 11px/1.3em Verdana, sans-serif}
optgroup option {color:#000;font:normal 11px/1.3em Verdana, sans-serif;padding-left:1em}
input:hover, select:hover, textarea:hover {background-color:#fff}
input:focus, select:focus, textarea:focus {background-color:#ffc;color:#000}
div#map{width:445px;border:1px solid #666;height:400px;margin:0 auto}