/*
Welcome Campingcalabrisella.it  css sourcecode
Frontend Development: Simone Ferraro (http://nutek.it)
Backend Development: Luca Lodini( http://warp.it)
*/


html{
padding: 0px;
margin: 0px;
}

body
{
padding: 0px;
margin: 0px;
font-size: 12px;
font-family: verdana, helvetica, sans-serif;
color: #000;
line-height: 18px;
}

a
{
color:#1dadf3;
text-decoration: none;
}

a:hover
{
color:#1dadf3;
text-decoration: underline;
}

sup
{
font-size: 0.5em;
}

p
{
margin-bottom: 8px;
text-align: justify;
}

#upbg{
position:relative;
background:  url('images/top_head.gif') repeat-x;
width:760px;
height:80px;
}

img {
border:0px;
}

.ita{
position:absolute;
right:10px;
top:50px;
}
.en{
position:absolute;
right:40px;
top:50px;
}
.deu{
position:absolute;
right:70px;
top:50px;
}

#wrapper
{
position: relative;
width: 760px;
margin: 0px auto;
background: #fff ;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

#inner
{
position: relative;
padding: 13px 30px 13px 30px;
z-index: 2;
}

#header
{
background: #fff;
width: 760px;
height: 250px;
color: #fff;
text-align:center;
}

#header h1
{
position: absolute;
font-size: 23px;
letter-spacing: -1px;
top: 30px;
height: 92px;
}

#header h2
{
position: absolute;
font-size: 10px;
font-weight: normal;
color: #FCE2CA;
top: 51px;
}

#header sup
{
color: #FCE2CA;
}

#nav  {
height:50px;
padding-left:12px;
padding-right:12px;
margin-bottom:10px;
background:  url('images/bg_menu.gif') repeat-x;

}

#nav ul {
list-style:none;
display:inline;
}
#nav li {
float:left;
}
#nav ul li a {
display:block;
}

li#home a {
text-indent:-8000px;
background-image:url(images/home_menu.gif);
width:105px;
height:50px;
}

li#villaggio a {
text-indent:-8000px;
background-image:url(images/villaggio_menu.gif);
width:105px;
height:50px;
}

li#campeggio a {
text-indent:-8000px;
background-image:url(images/campeggio_menu.gif);
width:105px;
height:50px;
}

li#animazione a {
text-indent:-8000px;
background-image:url(images/animazione_menu.gif);
width:105px;
height:50px;
}

li#dove_siamo a {
text-indent:-8000px;
background-image:url(images/dove_siamo_menu.gif);
width:105px;
height:50px;
}

li#prezzi a {
text-indent:-8000px;
background-image:url(images/prezzi_menu.gif);
width:105px;
height:50px;
}

li#contatti a {
text-indent:-8000px;
background-image:url(images/contatti_menu.gif);
width:105px;
height:50px;
}
	 
li#home a:hover,li#home a.selected,li#villaggio a:hover,li#villaggio a.selected,li#campeggio a:hover,li#campeggio a.selected,li#animazione a:hover,li#animazione a.selected,li#dove_siamo a:hover,li#dove_siamo a.selected,li#contatti a:hover,li#contatti a.selected,  li#prezzi a:hover,li#prezzi a.selected {
background-position:-105px 0;
}	 
	  
.paginacorrente{background-position:-105px 0;}


#sidebar
{
float:left;
width:200px;
padding:0px;
margin:0px;
}

#content
{
width:560px!important;
width:540px;
float:right;
padding:0px;
margin:0px;
text-align:justify;
}

#content_full
{
padding:0px;
margin:0px;
text-align:justify;
}

#content_left
{
width: 179px;
height:360px;
border:solid 1px #ccc;
padding:8px;
margin-left:8px!important;
margin-left:5px;
margin-bottom:8px!important;
margin-bottom:5px;
}

#content_left h3
{
font-size: 12px;
color: #656551;
background: #e3e3e5;
line-height:20px;
padding:5px;
margin-top:0px;
text-transform:uppercase;
}

#content_left_bottom
{
width: 179px;
height:290px;
border:solid 1px #ccc;
padding:8px;
margin-left:8px!important;
margin-left:5px;
line-height:15px;
}

#content_left_bottom h3
{
font-size: 12px;
color: #656551;
background: #e3e3e5;
line-height:20px;
padding:5px;
margin-top:0px;
text-transform:uppercase;
}

#content_top
{
width: 519px;
height:360px;
border:solid 1px #ccc;
padding:8px;
margin-right:8px!important;
margin-right:5px;
float:right;
margin-bottom:8px!important;
margin-bottom:5px;
}

#content_gallery
{
width: 519px;
min-height: 675px;
height: auto !important;
height: 675px;
border:solid 1px #ccc;
padding:8px;
margin-right:8px!important;
margin-right:5px;
float:right;
margin-bottom:8px!important;
margin-bottom:5px;
}

#content_gallery h2
{
width: 508px;
font-size: 12px;
color: #656551;
background: #e3e3e5;
line-height:20px;
padding:5px;
margin-top:0px;
margin-bottom:0px;
text-transform:uppercase;
}

#content_gallery h3
{
font-weight:bold;
color: #656551;
border-bottom: 3px solid #e3e3e5;
font-size:13px;
padding:0px;
margin:0px;
margin-top:13px;
}

.gallery_container
{
width: 519px;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
}

.thumb{
width: 62px;
margin:5px;
float:left;
}

#content_bottom
{
width: 537px;
height:290px;
padding:0px;
margin-right:8px!important;
margin-right:5px;
float:right;
}

#content_right_bottom_left
{
width: 246px!important;
width: 240px;
height:290px;
float:left;
border:solid 1px #ccc;
padding:8px;
margin:0px;
}

#content_right_bottom_right
{
width: 246px!important;
width: 240px;
height:290px;
float:right;
border:solid 1px #ccc;
border-left: solid 1px #ccc!important;
border-left: 0px;
padding:8px;
margin:0px;
}

#content_bottom h2
{
width: 240px;
font-size: 12px;
color: #656551;
background: #e3e3e5;
line-height:20px;
padding:5px;
margin-top:0px;
margin-bottom:0px;
text-transform:uppercase;
}

#content_top h2
{
width: 508px;
font-size: 12px;
color: #656551;
background: #e3e3e5;
line-height:20px;
padding:5px;
margin-top:0px;
margin-bottom:0px;
text-transform:uppercase;
}


#content_pagina
{
width: 519px;
min-height: 675px;
height: auto !important;
height: 675px;
border:solid 1px #ccc;
padding:8px;
margin-right:8px!important;
margin-right:5px;
float:right;
margin-bottom:8px!important;
margin-bottom:5px;
}

#content_pagina h2
{
width: 508px;
font-size: 12px;
color: #656551;
background: #e3e3e5;
line-height:20px;
padding:5px;
margin-top:0px;
margin-bottom:0px;
text-transform:uppercase;
}


#content_pagina h3
{
font-weight:bold;
font-size:13px;
line-height:13px !important;
}

#content_pagina h4{
padding:0px;
margin:0px;
font-weight:bold;
font-size:13px;
line-height:13px !important;
}


#content_prezzi
{
width: 720px;
padding:8px;
margin-right:8px!important;
margin-right:5px;
margin-left:10px!important;
margin-left:8px;
margin-bottom:8px!important;
margin-bottom:5px;
border:solid 1px #ccc;
}

#content_prezzi h2
{
font-size: 12px;
color: #656551;
background: #e3e3e5;
line-height:20px;
padding:5px;
margin-top:0px;
margin-bottom:0px;
text-transform:uppercase;
}

#content_prezzi h3
{
font-weight:bold;
font-size:13px;
line-height:13px !important;
}

#content_pagina span
{
font-weight:normal;
font-size:13px;
margin-bottom:0px;
padding-bottom:0px;
}

#content_right img
{
padding:10px;
padding-top:0px;
margin:0px;
border:0px;
}

#footer
{
padding-top:10px;
clear: both;
height: 30px;
text-align: center;
background: #e3e3e5; 
color: #A8A88D;
margin-top:15px;
}

#footer a,a:hover
{
color: #A8A88D;
text-decoration:none;

}

.clearer
{
clear:both;
}

.clearer_swirl
{
clear:both;
width:100%;
height:30px;
background: #fff url(images/swirlbg.gif) center no-repeat;
margin-top:10px;
margin-bottom:10px;


}

.show_all
{
margin-top:8px;
clear:both;
Color:#1dadf3;
float:right;
font-weight:bold;
}

.show_all  a
{
Color:#1dadf3;
text-decoration:none;
}

.show_all  a:hover
{
Color:#1dadf3;
text-decoration:underline;
}

.right
{
float: right;
padding: 8px;
padding-bottom:0px;
padding-top:0px;
clear:right;
}

.new
{
padding-top: 0px ;
margin-top:0px;
}

.itinerario
{
padding-top: 0px ;
margin-top:15px;
margin-bottom:25px;
}
.itinerario p
{
padding: 0px ;
margin:0px;
}


#content_prezzi table{
width:100%;
font-size:11px;
text-align:center;
}

#content_prezzi table .prima{
width:120px;
}

.chiaro{background-color:#ececec}
.scuro{background-color:#cccccc}
.italic{  font-style: italic; }

