 /* Style Home Page*/
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(../images/sfondo_nuovo.jpg) no-repeat #f3f3f3;
}
body,td,th {
font: 13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	color: #666666;
}
#boxmenu {height:30px; background:#c4a85e; width:940px; margin:auto; font: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height:30px}
#bordomenu {height:4px; background:#FFF; width:940px; margin:auto; border-bottom:1px solid #c4a85e}
#box_slide {height:360px; width:940px; margin:auto; background:url(images/prova.jpg); border-bottom:1px solid #C4A85E}
#boxmenu a {
	font-size: 18px;
	color: #fff;
	padding:0px 10px 0 10px
}
#boxmenu a:link {
	text-decoration: none;
	color: #fff;
}
#boxmenu a:visited {
	text-decoration: none;
	color: #fff;
}
#boxmenu a:hover {
	text-decoration: none;
	color: #333333;
}
#boxmenu a:active {
	text-decoration: none;
	color: #fff;
}
.tasto2 { float:left; height:30px}
.tasto2active { float:left;height:30px; color:#333}


#page1 {width:940px; margin:auto; min-height:200px; margin-bottom:5px; padding-bottom:10px; background:#FFFFFF}
/*======= home =======*/
#page1 .col1{ padding-right:0px; width:753px; float:left}
#page1 .col2{float:right; width:183px}
p { text-align:justify; line-height:20px; margin-top:5px; padding:0 10px 0 10px}
#logo {width:940px; height:86px; background:url(images/logo_Tulum_lido_astura.jpg); margin:auto}
#logo span { visibility:hidden}
#flashcontainer {}

#collegamenti {color:#fff; width:600px; margin:auto; padding:5px; text-align:center}
#collegamenti a {
	font-size: 12px;
	color: #c4a85e;
}
#collegamenti a:link {
	text-decoration: none;
	color: #666666;
}
#collegamenti a:visited {
	text-decoration: none;
	color: #666666;
}
#collegamenti a:hover {
	text-decoration: none;
	color: #333333;
}
#collegamenti a:active {
	text-decoration: none;
	color: #666666;
}
.webcam a {
	font-size: 11px;
	color: #c4a85e;
}
.webcam a:link {
	text-decoration: none;
	color: #666666;
}
.webcam a:visited {
	text-decoration: none;
	color: #666666;
}
.webcam a:hover {
	text-decoration: none;
	color: #333333;
}
.webcam a:active {
	text-decoration: none;
	color: #666666;
}

.tasto { float:left}
.tastoactive { float:left; text-decoration:underline}
#footerbox {width:100%;  background:url(../images/sfBottom.png); margin-bottom:10px}
#bottombox{ text-align:center;width:940px; margin:auto; color:#FFFFFF; font-size:11px}
#bottombox a {color:#000 ; text-decoration:underline}
#bottombox a:hover {text-decoration:none}

/*spy*/
.sidebar {
    color: #AFB0B1;
    float:left;
    margin:0 0 24px;
    padding:25px 10px 10px;
    width:261px;
	font-size:10px
}

.sidebar ul {
    font-size:12px;
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
}

.tags {
	color: #fff;
	margin: 0.5em;
}

.sidebar li {
    height: 70px;
    overflow: hidden;
	width:261px
}

.sidebar li img {
    float:left;
    margin-right:8px;
}

.sidebar .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}
/*spy*/
.sidebar2 {
    color: #AFB0B1;
    float:left;
    margin:0 0 24px;
    padding:25px 10px 10px;
    width:261px;
	font-size:10px
}

.sidebar2 ul {
    font-size:12px;
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
}

.tags {
	color: #fff;
	margin: 0.5em;
}

.sidebar2 li {
    height: 70px;
    overflow: hidden;
	width:261px
}

.sidebar2 li img {
    float:left;
    margin-right:8px;
}

.sidebar2 .spyWrapper2 {
    height: 100%;
    overflow: hidden;
    position: relative;    
}

a img {
    border:1px solid #666666
}
img { border:1px solid #666666}
.news { padding-top:10px}
.news a {
	font-size: 11px;
	color: #c4a85e;
}
.news a:link {
	text-decoration: none;
	color: #666666;
}
.news a:visited {
	text-decoration: none;
	color: #666666;
}
.news a:hover {
	text-decoration: none;
	color: #333333;
}
.news a:active {
	text-decoration: none;
	color: #666666;
}
.boxnews {width:281px; margin-right:2px; background:url(../images/news.jpg) no-repeat #e9e9e9; height:80px; float:left; padding-top:10px}
.boxnews2 {width:281px; margin-left:2px; background:url(../images/night.jpg) no-repeat #e9e9e9; height:80px; float:left; padding-top:10px}
.inserimento {text-align:left; font-size:9px; visibility:hidden }
img, div { behavior: url(../iepngfix.htc) }
img { border:0}
.clear { clear:both }
.webcam { width:163px; float:left;background:url(../images/webcam.jpg) no-repeat #e9e9e9; height:40px; padding:10px; margin-left:4px; padding-top:40px; text-align:right}
.newsletter { width:163px; background:url(../images/newsletter.jpg) no-repeat #e9e9e9;  padding:10px; margin-left:0px; padding-top:40px; margin-top:0px; text-align:center; font-size:11px}
.formbutton {
font-size:11px;
padding:2px 10px 2px 10px;
color:#333;
border:1px solid #999999;
margin:auto;
margin-top:10px;
background:#CCCCCC
	}
.fotonews {    float:left;
    margin-right:8px;border:0px solid #666666
}
.boxfisso { padding-top:25px; margin-left:10px}
.attenzione { color:#FF0000; text-align:center; font-weight:bold}
#meteo {margin:4px 0px 0px 0px}

/* Slide */
#slideshow {
    position:relative;
	height:360px;
	z-index:5}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 360px;
    background-color: #FFF;
	margin-top:0px
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 360px;
    display: block;
    border: 0;
	width:940px
}

