/*
Theme Name: le dodici lune
Theme URI: http://ledodicilune.it/
Description: Template per le dodici lune hotel Matera
Version: 1.6
Author: ideama
Author URI: http://ideama.com/
Tags: le dodicilune Matera
Text Domain: ideama

     

*/



/* Begin Typography & Colors */
body {background-color: #9A8C45;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;padding:0;margin:0; font-size:14px} 
#finepagina {border: none;height:40px; clear: both;width:1000px;margin:0 auto;}


h1,h2,h3,h4,h6 {margin:0px;}
ul,li {margin:0px;padding:0px}

a img { border:none }

p { margin:0 }
h1 { font-size:20px }

h2 { font-size:18px }

#header {height:222px;}
#headerimg  {position:absolute;top:-5000px}
#menu { height:40px; line-height:40px; text-align:center; margin-bottom:60px; }
#menu li {list-style:none; display:inline; }
#menu li a { line-height:40px; padding:8px 5px; color:#FFFFFF; font-weight:bold }
#menu li a:hover { background-color:#D4B000 }
#page {width:960px;margin: 0 auto;height:1200px}

#content {float:left;margin: 0 auto;padding:0 20px; overflow:hidden}
#sidebar .box-foto { width:260px; height:200px; overflow:hidden;margin:0 auto; margin-bottom:20px}
#sidebar strong { overflow:hidden;display:block; background:url(images/sfondo_strong.png) no-repeat; width:240px; height:40px; line-height:40px; color:#FFFFFF; font-size:18px; letter-spacing:-2px; font-weight:bold; position:absolute; padding:0 10px }

#sidebar .servizi-sidebar, #sidebar .gruppi-sidebar  { width:260px; overflow:hidden;margin:0 auto; margin-bottom:20px}

#sidebar .il-ristorante-sidebar { width:280px; overflow:hidden;margin:0 auto;}

#sidebar .il-ristorante-sidebar li {float:left;list-style:none;margin-bottom:15px;}

 
#offertehm, #lecamerehm { width:600px; height:300px; overflow:hidden; }
#offertehm .box-foto, #lecamerehm .box-foto { width:400px; height:300px; overflow:hidden; float:left; }
#offertehm strong, #lecamerehm strong { display:block; background:url(images/sfondo_strong.png) no-repeat; width:400px; height:40px; line-height:40px; color:#FFFFFF; font-size:24px; letter-spacing:-2px; font-weight:bold; position:absolute; padding:0 10px }
#offertehm .box-bianco { width:160px; height:280px; overflow:hidden; float:left; background-color:#FFFFFF; padding:10px 20px; font-size:13px; }
#lecamerehm .box-bianco { width:200px; height:300px; overflow:hidden; float:left; background-color:#FFFFFF; }
#lecamerehm .box-bianco li {float:left;list-style:none;padding:10px 0 5px 0px;text-align:center;width:100%}
.navigazione {color:#ffffff}
.navigazione a {color:#D4B000}
.alignright {float:right}
.alignleft {float:left}
.testointerno {clear:both;padding-top:20px;color:#ffffff;width:600px;overflow:hidden}
.testointerno h1 {margin-top:10px;margin-bottom:10px}
#tariffe li {clear:both;width:200px;text-align:left;color:#ffffff}
#tariffe ul {float:left}
#thumbs {background-color:#655F3B;overflow:hidden}
#lecamere .foto {width:400px;height:300px;border:1px solid #ffffff }
#thumbs li {float:left;list-style:none;margin:5px}
#lecamere .box-foto { width:400px; height:300px; overflow:hidden; float:left;}
#lecamere strong { display:block; background:url(images/sfondo_strong.png) no-repeat; width:400px; height:40px; line-height:40px; color:#FFFFFF; font-size:24px; letter-spacing:-2px; font-weight:bold; position:absolute; padding:0 10px }
#lecamere p {padding-top:10pt;padding-bottom:10pt;color:#ffffff }
#offertehm { float:left; }
#lecamerehm { float:right }
#offerteinterna li{display:block;list-style:none;clear:both;height:100px}
#offerteinterna .left{width:80px;height:80px}
#offerteinterna .right{width:500px;padding-bottom:5px;border-bottom:1px solid #605A36}
#offerteinterna h1, #offerteinterna a {color:#ffffff}
#offerteinterna p {color:#ffffff;font-weight:normal;margin-top:5px;margin-bottom:5px}
#offerteinterna .prezzo {color:#017DBD;}
#offerteinterna img {border:2px solid #675F3B;}
   
#gruppihm { float:left }
#footer {margin:0 auto;width:960px;padding-top:20px}
#footer h2 {border-bottom:1px solid #ffffff}
.monumenti , .itinerari, .contatti {width:280px;float:left;} 
#footer li {list-style:none;float:left}
#sidebar {width:300px;float:right;overflow:hidden}
.monumenti , .itinerari {margin-right:60px}
.testointerno a {color:#D4B000}
.monumenti li {margin:5px;}
.monumenti img {border:2px solid #675F3B}
.monumenti h2, .contatti h2 {color:#D4B000}
.itinerari h2 {color:#017DBD}
.contatti p {font-size:10pt;line-height:12pt;color:#ffffff;margin:0px;padding:0px}
.giallo {margin-top:10px}
.giallo p{color:#D4B000;}

#il-ristorantehm { height:190px; padding:0 0 0 10px; background-color:#005778; margin:20px 0; border:2px solid #FFF; width:917px; overflow:hidden; float:left; }
#il-ristorantehm li {list-style:none;float:left;}
#il-ristorantehm .testo_ristorante {width:300px;margin-right:30px;}
#il-ristorantehm h2 {color:#ffffff;font-size:14pt;text-align:left;padding:10pt 0 10pt 0}
#il-ristorantehm .testo_ristorante p {color:#ffffff;font-size:12pt;text-align:justify;padding:0}

.blogroll {background:#655F3B;width:580px;margin-top:100px;padding:10px;display:block;overflow:hidden;}
.blogroll ul { width:552px; overflow:hidden; margin:0 auto }
.blogroll li {list-style:none;text-align:center;float:left;margin:5px}
.blogroll h2 {font-size:10pt;width:128px;height:30px;overflow:hidden; background:url(images/sfondo_strong.png) no-repeat;position:relative;top:-30px}
.blogroll a {color:#000000;}

#il-ristorante { height:190px; padding:0 0 0 10px; background-color:#005778; border:2px solid #FFF; width:570px; margin:0 auto; overflow:hidden; }
#il-ristorante li {list-style:none;float:left;}
#testo_pagina_ristorante h1, #testo_pagina_dove_siamo h1, #testo_pagina_news h1 {color:#ffffff;font-size:14pt;text-align:left;padding:10pt 0 10pt 0}
#testo_pagina_ristorante .text, #testo_pagina_dove_siamo .text,#testo_pagina_news .text {color:#ffffff;font-size:12pt;text-align:justify;padding:0;overflow:hidden}
#testo_pagina_news .news1 {color:#ffffff;font-size:12pt; background:#655F3B;width:580px;padding:5pt;display:block;clear:both;overflow:hidden}
#testo_pagina_news .news2,#testo_pagina_news .news3 {color:#ffffff;font-size:12pt; margin-top:15px;width:270px;background:#655F3B;padding:5pt;overflow:hidden;height:270px;display:block;float:left}
#testo_pagina_news .news {font-size:10pt; border-bottom:1px solid #ffffff;width:580px;padding:5pt;display:block;clear:both;overflow:hidden;height:100px;color:#ffffff}
#testo_pagina_news .news2 {margin-right:25px;}
#testo_pagina_news .immagine {border:1px solid #ffffff;float:left;margin-right:5%}
#testo_pagina_news .news1 .left {width:100px}
#testo_pagina_news a {color:#D4B000;}
.title {margin-top:5px;margin-bottom:5px;color:#D4B000;font-size:12pt}
#itinerarihm .box-foto {border:2px solid #675F3B}
#itinerarihm .box-bianco{margin-top:5pt}
#itinerarihm a {color:#ffffff;}

#ideama {background:#9A8C45;width:100%;text-align:center}
#ideama img {width:97px;margin:0 auto}
#footercolor {background:#554D26;width:100%;height:250px;clear:both}
.clear {clear: both;}
a {text-decoration:none;color:#015675}
hr {display:none}
.left {float:left}
.right {float:right}

#newshm {background:#655F3B;height:160px;margin-top:7px;width:265px; padding:20px; font-size:12px}
#newshm {color:#fff}
.testoNews {float:left;width:140px;}
.fotoNews {width:120px;height:100px;float:left;}
#newshm img { float:left; border:1px solid #FFF; margin:0 10px 10px 0 }
#prenota input,#prenota textarea {border:1px solid #ffffff; background:#655F3B}
#prenota .anagrafica {margin-top:40px;margin-bottom:40px}
#prenota .dettagli {margin-bottom:40px}
#wpcf7-f1-p223-o1 p {margin-top:5px;color:#fff; font-weight:bold}
.overtit {width:350px;position:absolute;top:10px;z-index:1;background: url('images/sfondo_h2_titolo.png') no-repeat;padding:4pt;height:40px}
.overtit h2 {font-size:12pt;color:#ffffff}
.offerteimg img{position:absolute;top:10px;loat:left;}
.offertetext {float:left;color:#000000;width:230px;padding:4pt}
.offertetext h3 {color:#015675}
.offertetext p {color:#000000}

#testo_pagina_ristorante { margin:30px 0 }

#postlist img { float:left; margin:0 10px 10px 0; }
#postlist .post { padding:20px 0; border-bottom:1px solid #015778; overflow:hidden }
#postlist a { color:#FFF; }
.box-bianco h2 {color:#fff}
.box-bianco li {padding:50px;float:left;list-style:none}