body {
font-size:13px;
font-family:Arial, Geneva, sans-serif;
color: #777;
line-height:1.5;
margin:0;
padding:0;
border-top: 4px solid #505D54;
}

#header {
}

.logo {
width:240px;
height: 75px;
margin: 15px auto 20px;
}

#userbar {
width:250px;
height:80px;
position:absolute;
top:0;
right:10px;
border-radius:8px;
line-height:2;
font-size:12px;
background:#FAFAFA;
}

#userbar li {
width:73px;
float:left;
text-align:center;
}

#userbar a {
font-weight:normal;
color:#666;
display:block;
height:68px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding-top:12px;
background:url(../images/sepa4.png) no-repeat center left;
}

li.reg {
background:url(../images/reg.png) no-repeat center 38px;
}

li.account {
background:url(../images/account.png) no-repeat center 38px;
}

li.cart {
background:url(../images/cart.png) no-repeat center 38px;
}

.mainnav {
height: 50px;
padding-top: 0;
font-family:Georgia, "Times New Roman", Times, serif;
background: #505D54 url(../images/menu-bg.png) repeat-x top;
margin: auto;
font-size: 15px;
}

.mainnav ul {
width: 940px;
list-style:none;
height: 50px;
background:  url(../images/sepa5.png) no-repeat center left;
margin: auto;
}

.mainnav li {
float:left;
background: url(../images/sepa5.png) no-repeat center right;
}

.mainnav a {
color: #f5f5f5;
text-transform:uppercase;
display:block;
font-weight:normal;
padding: 15px 24px;
line-height: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.mainnav a:hover, .mainnav a.active {
color: #B4DFC2;
background: url(../images/menu-arrow3.png) no-repeat center top;
}

.bread {
float:left;
width:600px;
vertical-align:middle;
color:#8B441F;
padding-top:25px;
}

.search {
height: 30px;
margin-top: 20px;
}

#contentwrap {
width: 940px;
margin:auto;
position: relative;
}

#contentmainwrap {
width: 940px;
margin:auto;
padding: 0;
}

.content {
min-height:300px;
width: 660px;
float: right;
padding-left: 0;
}

.right {
width: 200px;
float: right;
padding: 25px 25px;
margin: 25px 0 0;
background: #f5f5f5;
}



#footerwrap {
border-bottom: 1px solid #fff;
background: #eee url(../images/footer-bg.png) no-repeat center top;
}

.footer {
width: 940px;
height: 300px;
margin:auto;
padding: 40px 0 0;
}

.bottombar {
color: #505D54;
padding: 15px 0 40px;
font-size: 12px;
background: #f5f5f5;
border-top: 1px solid #ddd;
}

.clear {
height:0;
clear:both;
}

a {
text-decoration:none;
font-weight:bold;
color: rgb(18, 133, 53);
}

.search input {
border:1px solid #DDD;
border-image:initial;
height:24px;
font-size:14px;
border-radius:5px;
float:left;
margin: 0;
padding:2px 5px;
background:url(../images/search-bg.png) no-repeat right center;
width: 160px;
}

.flags {
position: absolute;
top: 0;
right: 0;
}

.flags img {
margin: 0 4px 0 3px;
}

.bottombox {
width: 310px;
float:left;
padding:0;
background: url(../images/side-sepa.png) no-repeat right 40px;
}

.separator {
height:20px;
width:100%;
background:url(../images/sepa.png) no-repeat center top;
margin-bottom:30px;
}

.bottombox h3 {
color: #505D54;
font-size:24px;
text-align:center;
font-weight:normal;
margin-bottom: 10px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
}

.footer h4 {
color: #0E2B16;
font-family:arial;
font-size:14px;
margin: 0;
padding:0;
}

.footer p {
margin:0;
padding:0;
}

.simple {
min-height:100px;
line-height: 1.6;
position:relative;
margin:0 0 30px;
padding: 25px 0px 0;
}

h3 {
color: #505D54;
line-height:1;
margin: 0 0 10px;
padding:0;
font: normal 26px/1 Georgia, "Times New Roman", Times, serif;
}

h4 {
color: #505D54;
line-height: 1;
margin: 0 0 5px;
padding: 0;
font: bold 16px/1 Georgia, "Times New Roman", Times, serif;
}

.box h3 {
position:absolute;
top: 126px;
background: url(../images/black-bg.png);

display: block;
padding: 7px 0px 7px 15px;
width: 245px;
color: #fff;
line-height: 20px;
margin: 0;
font-size: 14px;
font-weight: bold;
text-shadow: 1px 1px 2px black;
}

.box p {
line-height:1.5;
text-align:justify;
margin: 10px 0 0;
}

.box img {
}

.box {
width: 260px;
float:left;
min-height:100px;
position:relative;
margin: 0 25px 0 0;
padding: 0px 25px 0px 0;
border-right: 1px solid #ddd;
}

.modright {
line-height:2;
position:relative;
min-height:100px;
margin: 0 0 0px;
padding: 0;
}





.modright ul {
list-style:none;
margin:0;
padding: 0;
}

.modright li {
text-align:center;
background: url(../images/sepa3.png) no-repeat center bottom;
}

.modright a {
color:#666;
text-transform:uppercase;
font-size:12px;
display:block;
font-weight: normal;
padding: 5px 0 15px;
margin-bottom: 0px;
}

.right h3 {
color: #4D4D4D;
}

h1 {
color:#666;
font-size:22px;
font-weight:normal;
line-height:1;
margin:5px 0 20px;
padding:0;
}

.punta {
height:10px;
position:absolute;
top:-10px;
width:190px;
background:url(../images/punta.png) no-repeat center bottom;
}

.punta2 {
height:10px;
position:absolute;
top:-10px;
width:200px;
background:url(../images/punta.png) no-repeat center bottom;
}

.user-btn {
font-size:0;
width:25px;
float:left;
height:80px;
background:url(../images/user-btn.png) no-repeat center center;
}

.user-punta {
height:80px;
width:10px;
position:absolute;
right:-10px;
z-index:9999;
top:0;
background:url(../images/punta2.png) no-repeat right center;
}

#userbar a:hover,.modright a:hover {
color: #505D54;
}

a img {
border:none;
}

#box-ricetta {
width:200px;
float:left;
margin:0 40px 30px 0;
}

.pic {
width:180px;
height:200px;
position:relative;
background:url(../images/fondo-img.png) no-repeat center top;
padding:7px 10px 0;
}

.counter {
border-radius:8px;
height:40px;
position:relative;
margin:10px 0 0;
padding:10px 10px 20px;
background:url(../images/sepa4.png) no-repeat center center #FAFAFA;
}

#tag.tag-ricetta {
right:-2px;
bottom:30px;
}

ul {
list-style:none;
margin:0;
padding:0;
}

#tag,.tag {
height:30px;
width:170px;
color:#fff;
text-align:center;
position:absolute;
bottom:20px;
right:-5px;
padding-left:10px;
background:url(../images/tag.png) no-repeat right bottom;
}

#tag a,.tag a {
color:#fff;
font-weight:normal;
font-size:16px;
display:block;
line-height:1.5;
}

#tag a:hover,.tag a:hover {
color:#650404;
text-shadow:white 1px 1px 1px;
}

.pic img {
width:180px;
height:180px;
}

.pic span {
background:url(../images/lente.png) center 80px no-repeat;
height:180px;
width:180px;
display:block;
position:absolute;
}

.counter ul {
list-style:none;
padding:0;
margin:0;
}

.counter li {
width:90px;
float:left;
text-align:center;
}

.counter h4 {
font-weight:normal;
margin:0;
font-size:14px;
font-family:'Lobster', cursive;
}

.counter p {
font-family:'Lobster', cursive;
font-weight:normal;
margin:0;
font-size:25px;
color:#333;
}

#scheda {
min-height:100px;
border-radius:8px;
line-height:2;
position:relative;
margin:0 0 30px;
padding:25px 20px 35px;
background:white;
}

.portrait {
width:265px;
height:290px;
float:left;
margin:0 0 15px;
background:url(../images/portrait.png) no-repeat top left;
padding:10px;
}

.portrait img {
width:265px;
height:260px;
}

.info {
width: 150px;
float:left;
margin-left:30px;
height: 290px;
position:relative;
}

.info li {
padding:0;
font-weight:bold;
height:60px;
}

.informazioni li, .news li {
padding: 15px 0;
border-bottom: 1px solid #fff;
border-top: 1px solid #ccc;
}

#ingredienti {
width:310px;
float:left;
margin:15px 30px 30px 0;
}

#ingredienti table {
border:whiteSmoke 1px solid;
border-left:none;
}

#ingredienti tr.grey {
background:#f5f5f5;
}

#ingredienti td {
border-left:whiteSmoke 1px solid;
line-height:20px;
padding:10px;
text-align:center;
color:#555;
}

.red-arrow {
width:10px;
background:url(../images/red-arrow.png) no-repeat center center;
}

.ingred-title {
width:90px;
















font-family:'Lobster', cursive;
font-size:15px;
}

.ingred-quant {
width:auto;
font-size:11px;
font-weight:bold;
}

.ball {
background:url(../images/ball.png) no-repeat;
width:50px;
height:37px;
display:block;
float:right;

color:#333;
font-size:10px;

text-align:center;
padding-top:13px;
}

.info-title {
color:#9C0606;
float:left;
padding-top:13px;
}

.fav-cart {
margin:10px 0 0;
padding:10px 0 20px;
background:url(../images/sepa4.png) no-repeat center center;

width:100px;
position:absolute;
right:0;
}

.calculator {
position:absolute;
bottom:0;
width:120px;
right:0;
}

.calculator label {
display:block;
color:#9C0606;
font-weight:bold;
font-size:14px;
padding-top:5px;
line-height:1.5;
}

.calculator input {
background:#f5f5f5;
border:1px solid #ddd;
padding:3px;
width:30px;
}

.calculator select {
border:1px solid #ddd;
padding:3px;
display:block;
width:120px;
background:#f5f5f5;
}

.calculator input[type="submit"] {
width:auto;
padding:5px 10px;
border-radius:5px;
background:url(../images/grad.png) repeat-x left top;
border:1px solid #aaa;
margin-top:10px;
font-weight:bold;
cursor:pointer;
}

.calculator input[type="submit"]:hover {
background:url(../images/grad.png) repeat-x left bottom;
color:#fff;
}

.portrait-small {
float:left;
margin: 0 10px 15px 0;
padding: 0;
border: 1px solid #999;
}

.fav-txt {
margin-left:5px;
line-height: 1.5;
}

.fav-txt h4 {
font-size:13px;
font-weight: bold;
text-transform:none;
text-align:left;
line-height: 1.2;
padding:0;
margin:0;
color: #505D54;
}

.fav-txt p {
text-align:left;
font-size: 10px;
text-transform:none;
margin:5px 0;
font-family:verdana;
line-height: 1.2;
}

#pagination {
margin: 10px auto 0;
width:115px;
display: block;
}

#pagination li {
float:left;
background:none;
}

#pagination a {
padding:5px 7px;
border:1px solid #ddd;
margin-right:5px;
line-height:1;
background:#fff;
}

.news li {
    background: url(../images/phone.png) no-repeat 0px center;
    padding-left: 30px;
}

.news h4 {
font-weight: bold;
margin:0;
}

.news p {
}

div.row2 {
color: #90A797;
font-size:12px;
}

.social li {
margin-bottom: 30px;
background:url(../images/sepa4.png) no-repeat 65px center;
}

.social span {
float:left;
margin-left:30px;
}

.social img {
float:left;
}

.social h4 {
font-weight:bold;
color: #505D54;
margin:0;
font-size:18px;
}

.social p {
font-size:12px;
}

#pagination a.selected,#pagination a:hover {
background: #505D54;
color:#fff;
border: 1px solid #313833;
}

.news,.social {
padding: 15px 25px 0;
height: 200px;
}

p {
    padding: 0;
	
    margin: 0 0 20px;
}




.fullwidth {
	background: white;


	padding: 35px 25px;
	margin-bottom: 30px;
	border: 1px solid #ddd;
}


.boxes {
    padding: 0;
}


#slideshow {
    padding: 0;
    min-height: 220px;
}


.split {
    margin-bottom: 30px;
}

.informazioni ul {
    margin-right: 40px;
	
	
    border-bottom: 1px solid #BD1600;
}

.news ul {
    border-bottom: 1px solid #ccc;
}

.modright p a{}

.content ul {
	padding: 0;
	
	}

.content li {
padding: 0 0 0 22px;
margin: 0;  
background: url('../images/dot.png') no-repeat 0px 9px;
line-height: 2;
}



#telefono .phone {
color: white;
padding: 5px 15px 5px 15px;
text-align: right;
background: #505D54 url(../images/phone.png) no-repeat 12px center;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.61);
font-size: 20px;
font-weight: bold;
}

#telefono .did {
background: white;
text-align: center;
padding: 5px;
font-size: 11px;
}


.inside-img{
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

.searchbox {
	float: right; margin-right: 30px;
	}



#slider img {
	border: 1px solid #ddd;
	}


.theme-default #slider img {
border: none;
}


h1 {
color: #505D54;
line-height: 1;
margin: 5px 0 10px;
padding: 0;
font: normal 26px/1 Georgia, "Times New Roman", Times, serif;
}



.right-menu {

list-style: none;
padding: 0;


margin: 0 0 10px;
font: normal 13px/20px "Droid Sans",Arial,Helvetica,sans-serif;
}

.right-menu li {
background: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #DDD;
}


.right-menu a {
display: block;
outline: none;
text-decoration: none;
text-indent: 25px;
background: url('../images/dot3.png') no-repeat 5px center;
color: #666;
padding: 8px 0;
font-weight: normal;
text-transform: uppercase;
height: 20px;
font-size: 12px;
}


.right-menu a:hover, .right-menu a.selected, .right-menu a.active {
color: #666;
background: #fff url('../images/dot3.png') no-repeat 5px center;
}



.content-box{
position: relative;
overflow: hidden;
border: 1px solid #ddd;
float: left;
margin: 0 0 30px 0;
width: 200px;
background: #f5f5f5;
}

.content-box h2{
position: absolute;
top: 110px;
width: 100%;
padding: 0px 15px;
margin: 0px;
background: url('../images/black-bg.png');
font-size: 13px;
text-shadow: 1px 1px 3px black;
line-height: 30px;
color: #fff;
height: 30px;
}

.content-box img{
    width: 100%;
}

.content-box a{
    color: #fff;
}




.gallery-bot img {
    height: 50px;
    width: 50px;
    margin: 0 5px 5px 0;
    border: 3px solid #fff;
    padding: 0;
}

.plus_row {
float: left;
width: 300px;
margin: 0 9px 9px 0;
display: block;
background: #f5f5f5;
border: 1px solid #ddd;
padding: 10px;
}
.plus_row img {
float: left;
margin-right: 15px;
width: 135px;
border: 1px solid #DDD;
height: 135px;
}

.plus_row p {
    line-height: 1.5;

    margin: 0;
}

.plus_row h3 {
    font-size: 18px;

    margin: 0 0 5px;
}


.lista li {
border-bottom: 1px dashed #DDD;
margin-top: 20px;
line-height: 1.5;
overflow: hidden;
padding: 0;
background: none;
}

.lista img {
width: 60px;
float: left;
margin-right: 15px;
height: 60px;
}

.lista h3 {
font-size: 16px;
margin: 2px 0 0;
padding: 0;
line-height: 1;
}

.lista p {
padding: 5px 0px 10px 60px;
margin: 0;
}

.gallery {
    margin: 0 0 30px;
}


.gallery .thumb {
    width: 110px;
    margin: 0 10px 10px 0;
    height: 110px;
    padding: 4px;  border: 1px solid #DDD;  background: whiteSmoke;
}

.video .thumb{
    width: 200px;
    height: 150px;
}

.video-hover{
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 150px;
background: url("../images/play.png") center 55px no-repeat;
z-index: 6;	
}
.video-box{
	display: inline-block;
    width: 200px;
    margin: 0 10px 10px 0;
    height: 150px;
	padding: 4px;
    border: 1px solid #ddd;
    background: #F5F5f5;
}

.video-box a {
display: block;
overflow: hidden;
position: relative;
}

.video-hover:hover{
background: url("../images/play-off.png") center 55px no-repeat;
}



.faq {
margin-top: 20px;
}

.faq li {
margin-top: 0px;
line-height: 1.5;
overflow: hidden;
padding: 0;
background: none;
}

.faq h3 {
font-size: 16px;
margin: 2px 0 0;
padding: 0;
line-height: 1;
}

.faq p {
padding: 5px 0px 10px 0px;
margin: 0;
color: #999;
line-height: 1.2;
}






.timeline {
width: 580px;
margin: 0 0 20px 0;
display: block;
padding: 0;
background: #f5f5f5;
border: 1px solid #ddd;
overflow: hidden;
position: relative;
float: left;
}
.timeline img {
float: left;
margin: 0 0 5px;
}

.timeline p {
    line-height: 1.5;

    margin: 0;
    padding: 10px 15px 5px;
}

.timeline h3 {

    top: 145px;
    

    position: absolute;  bottom: 0;  

    width: 100%;  

    padding: 10px 15px;    

    background: url('../images/black-bg.png');  font-size: 16px;  

    text-shadow: 1px 1px 3px black;  

    line-height: 1;  

    color: white;
    

    height: 15px;

    margin: 0;

}


#booking {
    padding: 13px 15px 7px;
}
#booking li label {
float: left;
padding-left: 0;
width: 70px;
color: #666;
text-align: left;
}

#booking input.txt {
color: #666;
border: 1px solid #ddd;




width: 130px;

padding: 3px;
background: whiteSmoke url(../images/ico-calendar.png) no-repeat right;
margin-left: 5px;
}

#booking input.btn-book {

color: #333;
margin-top: 10px;
padding: 5px;
width: 100px;
border: 1px solid #ddd;
cursor: pointer;
background: #eee;
font-weight: bold;
}

#booking input.btn-book:hover {
color: #fff;
background: #505D54;
}

.booking-mod {
    background: #fff;
    border: 1px solid #ddd;
    margin: 0 0 25px;
}

.booking-mod h3 {
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    padding: 10px 10px 8px;
    background: #505D54;
    color: #fff;
    margin: 0;
}

a.brochure {
    border: 1px solid #DDD;  
    padding: 10px 0px 8px 40px;  
    background: #505D54 url(../images/book.png) no-repeat 10px;
    display: block;
    margin: 20px 0 0;
    font-size: 14px;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}


a.brochure:hover {
    background: #17301E url(../images/book.png) no-repeat 10px;
    color: #B4DFC2;
}

.left {
float: left;
margin: 25px 0 0;
}

#p-left1 {
width: 198px;
float: left;
padding: 25px 25px;
margin: 0 0 0;
background: #f5f5f5;
border: 1px solid #ddd;
}


.btn {
background: url('../images/btn-grey.png') 10px 0;
border: 1px solid #ddd;
border-bottom-color: #999;
text-shadow: 0 1px 0 white;
border-radius: 5px;
color: #444;
line-height: 2;
padding: 8px 15px !important;
margin: 0px 0 5px;
display: inline-block;
	
line-height: 1;
font-weight: bold;
cursor: pointer;
}
	
	
.btn:hover {
background-position: 0 -50px;
text-decoration: none !important;
color: #111;
}

.note {
    border: 1px solid #ddd;
    padding: 15px;
    background: #f5f5f5;
    margin: 20px 0;
}



.time-left {
    width: 100px;
    float: left;
    height: 1450px;
    background: url(../images/timeline-bg.png) repeat-y 11px;
    z-index: -1;
    margin: 20px 0 0;
    position: relative;
}

.time-right {
    width: 660px;  
    float: left;
    margin-left: -110px;
}


.room-thumb {
    float: left;
    margin: 2px 15px 0 0;
    width: 180px;
    height: 120px;
    border: 1px solid #ddd;
}

.room {
 
    border-bottom: 1px dashed #DDD;
    margin: 0 0 20px;
    padding: 0;
    min-height: 130px;
}

.room p{

    margin: 0;
}

.arrow {
    background: url(../images/arrow.png) no-repeat center right;
    height: 190px;
    width: 70px;
    float: left;
    z-index: 999;
}

.timeline-container {}


.time-left img{
    position: absolute;
    left: 4px;
    top: -15px;
}

#formInfoPrenota {}
#formInfoPrenota li {
    padding: 0;
    background: none;
    margin: 0 0 5px;
}

#formInfoPrenota legend {
    background: #505D54;
    color: #fff;
    padding: 0px 10px;
    border: 1px solid #0C2B15;
    margin: 0;
}

#formInfoPrenota fieldset{
    border: 1px solid #ddd;
    margin: 0 0 20px;
    background: #f5f5f5;
    padding: 10px 20px;
}

#formInfoPrenota label{
    min-width: 100px;
    display: inline-block;
    text-align: right;
    font-weight: bold;
    height: 20px;
    margin: 0 15px 0 0;
}

#formInfoPrenota .soggiorno label{
    min-width: 100px;
    display: inline-block;
    text-align: left;
}

#formInfoPrenota .soggiorno select {
text-align: right;
float: left;
min-width: 100px;
margin: 5px 15px 5px 0;
border: 1px solid #DDD;
height: 25px;
}

#formInfoPrenota input {
border: 1px solid #DDD;
padding: 3px 5px;
overflow: hidden;
margin-top: 0;
}

#formInfoPrenota select {
    text-align: right;
    float: right;
}
#formInfoPrenota span {
    margin: 0 0 0 10px;
}

textarea#richiesta {
    border: 1px solid #ddd;
	
	
    width: 325px;
}

.privacy {
    width: 502px;
    padding: 20px;
}


table {
border-collapse: collapse;
border-spacing: 0;
}


#tariffe {
width: 100%;
border-top: 1px solid #DDD;
margin-bottom: 30px;
}

#tariffe tr {
height: 45px;
vertical-align: middle;
text-align: center;
border: 1px solid #DDD;
border-top: none;
border-right: none;
}

#tariffe th {
border-right: 1px solid #DDD;
text-align: center;
color: white;
background: #666;
}


.grey {
background: whiteSmoke;
}


#tariffe td {
border-right: 1px solid #DDD;
}









.lista-offerte li {
border: 1px solid #DDD;
margin-top: 20px;
line-height: 1.5;
overflow: hidden;
padding: 15px;
background: #f5f5f5;
}

.lista-offerte img {
width: 150px;
float: left;
margin: 0 25px 0 0;
height: 150px;
border: 1px solid #ddd;
}

.lista-offerte h3 {
font-size: 18px;
margin: 2px 0 0;
padding: 0;
line-height: 1;
font-weight: bold;
}

.lista-offerte p {
padding: 5px 0px 0px 175px;
margin: 0;
}


.privacy img {
	margin: 0 0 20px;
	border: 1px solid #ddd;
	}

.privacy h2 {
    margin: 0 0 10px;
}



.header-image {
	border: 1px solid #ddd;
	margin: 0 0 20px;
	}


.temperatura {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    padding: 20px;
    margin: 0 0 40px;
}
.temperatura img{
    float: left;
    margin: 0 30px 0 0;
}
.temperatura-num {
    float: left;
    font-size: 100px;
    line-height: 0.8;
    margin: 5px 0 0;
}
.temperatura-c {
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin: 0 20px 0 0;
}
.temperatura-giorno {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px;
}


.fixed-mobile {
display: block;
position: fixed;
right: 0;
bottom: 0;
height: 115px;
width: 115px;
	}
.fixed-mobile a{}

.content-box p{
    margin: 0;
    padding: 10px;
}