/*
Theme Name: Inverno
Theme URI: http://www.ideama.it/
Description: Tema per Hotel Marina da utilizzare durante l'inverno
Version: 1.0
Author: Ideama
Author URI: http://www.ideama.it/
*/

@import url('css/reset.css');
@import url('css/text.css');
@import url('css/960.css');

/*
scuro: #3399CC
normale: #97CBE5
chiaro: #E2F1F8

normale: #3399CC
chiaro: #EC4747
*/
body { font-family:Arial, Helvetica, sans-serif; }
a { text-decoration:none; color:#3399CC }
input[type=submit] { background-color:#3399CC; color:#FFF; font-weight:bold; border:none; text-transform:uppercase; padding:2px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size:10px; }
input[type=text] { border:1px solid #999999; background-image:url(images/chiaro.png); }
label { width:60px; text-align:right; display:block; float:left; margin-right:5px; }

h1, h2, h3 { font-family:"Arial Black", Gadget, sans-serif; color:#3399CC; text-transform:uppercase; }
h1 { font-size:22px }
h2 { font-size:18px }
h3 { font-size:16px }
h1 a, h2 a, h3 a { color:#3399CC }
.comment-text {width:550px}

#header { padding-bottom:10px; background-color:#FFF }
#header .container_12 { position:relative; }
#logo { text-indent:-999em; height:100px; }
#logo h1, #logo h3 { margin:0; height:100px; overflow:hidden; line-height:40px; }
#logo a { background:url(images/logo.jpg) no-repeat; display:block; height:100px; }
#search { position:absolute; right:0px; top:0px; margin:0 10px; }
#searchform { float:right; line-height:30px; }

#color { float:right }
#colorpicker, #colorpicker-reset { -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; background-color:#000000; color:#FFFFFF; cursor:pointer; font-size:10px; font-weight:bold; padding:5px 10px; float:left; margin-left:10px; }

#lang_sel{margin-top:10px;}
#lang_sel a.lang_sel_sel, #lang_sel a, #lang_sel a:visited{background-color: #777;color:#fff;}
#languages{margin-right: 10px;text-align: center; float:right; }
#languages ul{list-style: none;margin:0;padding:5px; width:300px;}
#languages ul li img{margin-right:5px;}
#languages ul li{display:inline;margin:0 5px 0 5px;padding:0;color:#333;}
#languages ul li a, #footer_language_list ul li a:visited{color: #000;text-decoration:underline;}
#languages ul li a:hover, #footer_language_list ul li a:active{color: #000;}

#nav { margin-top:40px; font-weight:bold; font-size:12px; line-height:15px; }

#nav #share { text-align:right; }
#nav #share a { font-weight:normal; color:#999; }

#nav ul { list-style:none; font-weight:bold; float:right; margin:0; padding:5px; background-image:url(images/scuro.png); background-color:#3399CC; }
#nav li { float:left; margin:0px; position:relative; }
#nav li a { display:block; float:left; padding:5px 10px; color:#fff; text-transform:uppercase; }
#nav li a.hover { color:#FFF; background-color:#3399CC; }

#nav li ul { position:absolute; z-index:50; right:0px; margin-top:25px; display:none; padding:0px; background-color:#3399CC; background-image:none; background-image:url(images/scuro.png); border:5px solid #3399CC; }
#nav li ul li { float:none; width:150px; }
#nav li ul li a { float:none; color:#FFF; padding:10px; }
#nav li ul li a:hover { background-image:url(images/triangolo.png); background-position: center right; background-repeat:no-repeat; }

#bradcrumb { font-weight:bold }
#bradcrumb a { color:#FFF }

#grafica { background:url(images/grafica-sfondo.png) no-repeat center top;z-index:1;position:relative; }
#page {  background:url(images/sfondo.png) repeat-x bottom left;  }

#banner { position:relative; text-align:center; }
#banner div { position:absolute; bottom:20px; left:-30px; background-image:url(images/scuro2.png); color:#FFF; font-family:"Arial Black", Gadget, sans-serif; font-size:24px; text-align:justify; text-transform:uppercase; text-align:right; }
#banner div h2 { margin:0; font-size:24px; }
#banner div h2 a { padding:20px 20px 20px 100px; display:block; width:400px; }
#banner a { color:#FFF }
#banner .hotoffer { position:absolute; top:0; left:0; margin-left:-50px; margin-top:-30px; }
#sfondobanner { padding-top:10px; }

#contattihome { height:278px; overflow:hidden; }
#contattihome h2 { line-height:30px;margin:0;width:78%; font-size:24px; }
#contattihome h2, #contattihome a { color:#95BF32; }
#contattihome #depliant { margin-bottom:10px; }
#contattihome { position:relative }
#contattihome img.campanello { position:absolute; top:0; right:0; }
#contattihome img.skype { position:absolute; bottom:0; left:0; margin-left:10px; margin-bottom:10px; }
#contattihome .testo { font-size:16px; font-weight:bold; height:258px; }
#contattihome .testo p { margin-bottom:5px; }

#contatti { font-size:16px; font-weight:bold; }
#contatti p { margin:0; }

#camere-home img { float:left; margin-right:10px; }

#content .grid_12, #pagina .grid_12 { padding:10px 0; text-align:justify; margin-top:10px; }

#prenota { margin-bottom:20px; }
#prenota h2 { color:#FFF; }
#prenota div { padding-bottom:5px; }
#prenota input[type=submit] { background-image:url(images/scuro.png); }
#prenota textarea { float:left; width:180px; height:100px; }

#sidebar { padding-top:10px; text-align:left; }

#postlist .post { overflow:hidden; margin-bottom:20px; }
#postlist .post:hover { background-color:#3399CC; color:#000; }
#postlist .post:hover a { color:#FFF }
#postlist .thumb { float:left; margin-right:10px; }

#footer { overflow:hidden; background:url(images/scuro.png); border-top:10px solid #FFF; }
#footer .grid_12 { background:url(images/footercolonne.png) repeat-y; }
#footer .container_12 { background:url(images/bordo-footer.png) repeat-x bottom left; padding-bottom:10px; }

#servizi, #offerte, #social { padding-top: 10px; }
#footer .list { list-style:none; margin:0; }
#footer .list li { overflow:hidden; margin:0 0 5px 0; height:50px; line-height:18px; overflow:hidden; padding:5px; }
#footer .list li:hover { background:#3399CC url(images/scuro.png); }
#footer .list li:hover a { color:#FFF }
#footer .list img { float:left; margin-right:5px; }
#footer .list strong { font-size:16px; display:block; }

#social ul { list-style:none; overflow:hidden }
#social ul li { margin:0; text-indent:-999em; width:33%; float:left; margin-bottom:30px; }
#social a { display:block; height:60px; width:60px; background-repeat:no-repeat; text-indent:-999em; margin:0px auto; }
#social .facebook a { background-image:url(images/facebook.png); }
#social .youtube a { background-image:url(images/youtube.png); }
#social .flickr a { background-image:url(images/flickr.png); }
#social .friendfeed a { background-image:url(images/friendfeed.png); }
#social .twitter a { background-image:url(images/twitter.png); }
#social .feed a { background-image:url(images/feed.png); }

#newsletter { padding:10px; background-color:#194C66 }

#pagenav ul { list-style:none; }
#pagenav li { margin:0; overflow:hidden; margin:10px 0; background-color:#EDF6FB; padding:5px; }
#pagenav li:hover { background-color:#3399CC }
#pagenav li:hover a { color:#FFF; }
#pagenav img { float:left; margin-right:10px; }

#widget ul { list-style:none; }
#widget ul li { margin:0; }
#widget ul li ul li { margin-left:20px; }

#dati { color:#FFF; font-weight:bold; }

#endpage { text-align:center; font-size:10px; color:#FFF }

/* .stonda, #nav ul { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px;  } */

.content { background-image:url(images/chiaro.png); padding-top:10px; padding-bottom:10px; color:#000 }
.content_s { background-image:url(images/scuro.png); padding-top:10px; padding-bottom:10px; color:#FFF }
.content_e { background-color:#3399CC; padding:10px 0; color:#FFF }
.content_e h1, .content_e h2 { color:#FFF }
.padding { padding-left:10px; padding-right:10px;  }
.mezzo { width:50%; float:left; }

.homepost { overflow:hidden; }
.homepost img { float:left; margin:0 10px 10px 0; }

span.wpcf7-not-valid-tip { color:#000; font-weight:bold; }

.bianco { background-color:#FFF; }

#share .preferiti { background:url(images/preferiti.png) no-repeat; }

.alignleft { float:left; margin-right:10px; }

.eventi {background:#fff;padding:5pt}
.eventi h3 a {font-size:10pt;margin-bottom:0px}
.eventi h3 {margin-bottom:0px}
#prenota .eventi h2 {color:#3399CC}
.eventi img {float:left;margin-right:5px;}
.eventi p {color:#000;margin-bottom:0px}
.eventi .list li {margin:0px;padding:0px;list-style:none}