/* 
	@ css document
	@ spiaggiadelsole.it
	@ common css 
*/

html,body{
    margin:0;
    background: #f1e9d6 url('../images/layout/background.jpg') repeat-x;
    overflow-x: hidden;
}
body>#sfondo1{
    height: auto;
    min-height: 100%;
}
#level1{
    height: 100%;
    background: url('../images/layout/sfondo1.png') repeat-x top;

    position: absolute;
    width: 100%;
}
#level2{
    width: 98%;
    position: abolute;
    background: url('../images/layout/sfondo3.png') no-repeat bottom right;
    min-height: 820px;
    height: 98%;
    margin: 0 auto;
}
#middlelevel{
    top: 420px;
    width: 98%;
    position: absolute;
    height: 112px;
    background: url('../images/layout/sfondo2.png') no-repeat center right;
    margin: 0 auto;
    min-width:1090px;
}
#content{
    background:url('../images/layout/contenuto.jpg') no-repeat;
    width: 953px;
    height: 680px;
    margin: 0 auto;
    display: block;
    margin-bottom: 90px;
}
#header{
    background: #890a32;
    width: 953px;
    height: 197px;
    display: block;
}
#header img{
    margin: 10px;
}
a img{
    outline: none;
    border: 0;
}

#logo{
    float: left;
    
}
a{
    color: #2a231b;
}

#links{
    float: right;
    margin-top: -16px;
    margin-right: 23px;
}
#links ul{
    margin: 0;
    padding: 0;
}
#links ul li{
	color: #e6d5a7;
	text-align: left;
	list-style-type: none;
	float: left;
	font: normal 12px "Tahoma", sans-serif, serif, Verdana;
	padding: 0px 15px 3px 19px;
}
#links ul li a{
	color: #e6d5a7;
	text-decoration: none;
}       
#links ul li a:hover{
	color: #58031e;
	text-decoration: none;
}
#links ul li#iconphotogallery{
    background: url('../images/layout/icon_photogallery.jpg') no-repeat left;
}
#links ul li#iconmeteo{
    background: url('../images/layout/icon_meteo.jpg') no-repeat left;
}
#links ul li#iconlink{
    background: url('../images/layout/icon_links.jpg') no-repeat left;
}
#links ul li#iconvideo{
    background: url('../images/layout/icon_video.jpg') no-repeat left;
}

#nav{
    width: 100%;
    height: 31px;
    background: #e0cda3 url('../images/layout/navbg.jpg') repeat-x;
}
#nav ul{
    margin: 0 auto;
    padding: 0;
    width: 920px;
}
#nav ul li{
	color: #4a280d;
	text-align: left;
	list-style-type: none;
	float: left;
	font: normal 13px "Tahoma", sans-serif, serif, Verdana;
	padding: 7px 12px 3px 12px;
	background:  url('../images/layout/navline.jpg') no-repeat top left;
	height: 21px;
	cursor: pointer;
	text-transform: uppercase;
}
#nav ul li.nobg{
    background: none;
}


#nav ul li:hover{
	background: #f6eed7;
}
#nav ul li:hover a{
    color: #2a231b;
}
#nav ul li a{
    color: #2a231b;
    text-decoration: none;
    display: block;
}       
#nav ul li a:hover{
	color: #890a33;
	text-decoration: none;
}
#nav ul li.current{}
#nav ul li.current a{
	color: #705535;
}

#flash{
    height: 268px;
    width: 100%;
}

#content_sx{
    width: 733px;
    min-height: 263px;
    -moz-border-radius-bottomright:20px;
    -moz-border-radius-bottomleft:20px;
    -webkit-border-bottom-left-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    background: #f7f0de;
    border: 1px solid #f7f0de;
    margin-top: 2px;
    float: left;
}
#content_sx .content_text{
    width: 702px;
    margin: 0 auto 20px auto;
    font: normal 12px "Tahoma", sans-serif, serif, Verdana;
    color: #2a231b;
    line-height: 22px;
}
#content_sx .content_text h1{
	color: #900331;
	font-family: "Tahoma", sans-serif, serif, Verdana;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
.cl{
    clear: both;
}
#content_dx{
    width: 212px;
    min-height: 263px;
    height: auto;
    background: #f7f0de;
    border: 1px solid #f7f0de;
    margin-top: 2px;
    float: right;
    -moz-border-radius-bottomright:20px;
    -moz-border-radius-bottomleft:20px;
    -webkit-border-bottom-left-radius:20px;
    -webkit-border-bottom-right-radius:20px;
}
#content_dx .content_text{
    width: 166px;
    margin: 0 auto 20px auto;
    font: normal 12px "Tahoma", sans-serif, serif, Verdana;
    color: #2a231b;
    line-height: 22px;
}
#content_dx.newsbox{
    height: 231px;
}
#content_dx.newsbox .content_text{
    width: 166px;
    margin: 0 auto 20px auto;
    font: normal 12px "Tahoma", sans-serif, serif, Verdana;
    color: #2a231b;
    line-height: 22px;
}
#content_dx .content_text h2{
	color: #900331;
	text-transform: uppercase;
	font-family: "Tahoma", sans-serif, serif, Verdana;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
#content_dx .content_text h2 a{
	color: #900331;
	text-transform: uppercase;
}

#footer{
    font: normal 11px "Tahoma", sans-serif, serif, Verdana;
    color: #900331;
    margin: 10px;
}
#footer div{
    font: normal 11px "Tahoma", sans-serif, serif, Verdana;
    color: #900331;

}
#footer a{
    color: #900331;
}
#footer #address{
    float: left;
    width: 780px;
    text-align: left;
}
#footer #credits{
    float: right;
    width: 122px;
    text-align: right;
}
#content_full{
    width: 951px;
    min-height: 314px;
    -moz-border-radius-bottomright:20px;
    -moz-border-radius-bottomleft:20px;
    -webkit-border-bottom-left-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    background: #f7f0de;
    border: 1px solid #f7f0de;
    margin-top: 2px;
}
#content_full #content_text{
    width: 702px;
    float: left;
    font: normal 12px "Tahoma", sans-serif, serif, Verdana;
    color: #2a231b;
    line-height: 22px;
    margin-left: 16px;
}

#content_full #content_text h1{
    font: bold 15px "Tahoma", sans-serif, serif, Verdana;
    color: #900331;
}
#content_full #content_dx{
    width: 212px;
    float: right;
}
#content_dx img{
    margin: 5px;
}
#content_full #content_textfull{
    width: 950;
    float: left;
    font: normal 12px "Tahoma", sans-serif, serif, Verdana;
    color: #2a231b;
    line-height: 22px;
    margin-left: 16px;
}
#content_full #content_textfull h1{
    font: bold 15px "Tahoma", sans-serif, serif, Verdana;
    color: #900331;
}
ul#news{
    padding: 0;
    list-style: none;
    text-align: justify;
}
.listino{
    font: normal 12px "Tahoma", sans-serif, serif, Verdana;
    color: #2a231b;
    width: 100%;
}
.listino a{
    color: #2a231b;
}
/*
    VIDEO - PHOTO
*/
.photogallery_box_outer {
    background-repeat:no-repeat;
    background-position:center top;
    padding-top:6px;
    height: 144px;
}

.photogallery_img_outer {
    width:130px;
    height:90px;
    margin-left:0px;
    margin-right: 1px;

    cursor:pointer;
}

.photogallery a {
    color:#000000;
    text-decoration:none;
    font: normal 11px "Tahoma", Times, Arial;
}

.photogallery a:hover {
    text-decoration:none;
}
p.title{
    font: bold 15px "Tahoma", sans-serif, serif, Verdana;
    color: #900331;
    margin-top: 8px;
    padding: 0;
}
.videodesc{
    font: normal 13px "Tahoma", Times, Arial;
    text-align: left;
}
/* hotel convenzionati */
table.hotels{
    float: left;
    width: 98%;
    margin: 0 auto;
}
table.hotels td{
    list-style: none;
    padding: 5px;
    font: normal 12px "Tahoma", sans-serif, serif, Verdana;
}
table.hotels td a{
    text-decoration: none;
}

#location{
    width: 920px;
    height: 350px;
    display: block;
}
#riccione_ita_eng{
    float: right;
    margin-left: 265px;
    text-align: center;
}
#riccione_ita_eng .languages{
    margin: 0;
}
#facebooktwitter{
    text-align: right;
    margin: 15px 0 15px 0;
}
#facebooktwitter #boxfbtwitter{
    padding: 5px;
    width: 330px;
    height: 50px;
    background: url('../images/layout/box_fb_twitter.png') no-repeat;
    float: right;
    text-align: left;
}
#facebooktwitter #boxfbtwitter a{
    text-decoration: none;
}
#facebooktwitter #boxfbtwitter img{
    margin-right: 5px;
}
#facebooktwitter #boxfbtwitter p{
    color: #474036;
    float: right;
    padding: 0;
    margin: 0;
    margin-right:12px;
    font: normal 12px "Tahoma", sans-serif, serif, Verdana;
}
#facebooktwitter #boxfbtwitter p span{
    color: #890a32;
    font: bold 14px "Tahoma", sans-serif, serif, Verdana;
}