/* --- GENERALE ---
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, fieldset, form, label, table, tr, td { margin: 0; padding: 0; border: 0; outline:0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }*/
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* --- BODY ---
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#5e5e5e; font-size:1em; }
h1 { color:#403f3f; font-size:16px; font-weight:normal; text-align:right; }*/
/* --- CLASSI ---
.clear { clear:both; }
.titolo-box { font:16px; color:#450e04; margin-bottom:10px; text-transform:uppercase; }
p { margin:10px 0px 10px 0px; }
ul { margin:10px 0px 10px 0px; padding-left:15px; list-style-type:disc; }
a { color:#5b483b; }
#pagina { width:100%; }
#pagina-headertop { background: url(http://www.hotelbolognesericcione.it/images/bg_headertop02.png) repeat-x; height:120px; z-index:1; }
#pagina-header { background:url(http://www.hotelbolognesericcione.it/images/bg-header06.png) repeat-x; height:380px; top:120px; z-index:1; background-position:top left;}
#parte-centrale { background:#ece6e5; }
#page-footer { background:#cdb279; }*/
/* --- Styles layout ---
.layout { width:960px; margin:auto; }
#layout-headertop { position:relative; height:120px; }
#layout-header { position:relative; height:380px; }
#logo { position:absolute; top:0px; left:0px; }
#language-menu { position:absolute; top:85px; right:5px; text-transform:uppercase; font-size:20px; }
#language-menu li { display:inline; padding:0px 10px 0px 5px; height:20px; }
#language-menu a { color:#333; text-decoration:none; }
#language-menu a:hover { color:#603e1f; }
#social-menu { position:absolute; top:22px; right:5px; text-transform:uppercase; font-size:0.7em; }
#social-menu li { display:inline; padding:0px 0px 0px 5px; }
#social-menu a { color:#333; text-decoration:none; }
#social-menu a:hover { color:#603e1f; }*/
/* --- Styles Menu ---
#menu { position:absolute; top:0px; left:0px; height:22px; text-transform:uppercase; line-height:1em; }
ul.dropdownmenu { position:relative; z-index:1000; height:20px; font-size:0.9em; list-style-type:none; margin:0px; padding:0px; }
ul.dropdownmenu li { float:left; zoom: 1; padding:0px 0px 0px 5px; opacity: 0.8; }
ul.dropdownmenu a:hover { text-decoration:none; color:#f9e354; background:#450e04; }
ul.dropdownmenu li a { display:block; color:#5e5e5e; text-decoration:none; padding:12px 13px 0px 15px; height:28px; }
ul.dropdownmenu li:last-child a { border-right: none; }*/ /* Doesn't work in IE
ul.dropdownmenu li.hover,ul.dropdownmenu li:hover { position:relative; }
/* --- Level two ---
ul.dropdownmenu ul { width:180px; visibility:hidden; position:absolute; top:40px; left:0; list-style-type:none; margin:0px; padding:0px; font-size:0.8em; }
ul.dropdownmenu ul li { float:none; color:#FFFFFF; padding:0px; background-color:#6f4201; opacity: 0.8; }*/
/* IE 6 & 7 Needs Inline Block
ul.dropdownmenu ul li a { width:165px; display:inline-block; color:#FFFFFF; border-bottom:1px dotted #a07e03; padding:12px 0 0 15px; height:25px; }
ul.dropdownmenu ul li a:hover { background:#450e04; color:#f9e354; width:165px; padding:12px 0 0 15px; height:25px; }*/
/* --- Level three ---
ul.dropdownmenu ul ul { left:100%; top:0; font-size:1em; }
ul.dropdownmenu li:hover > ul { visibility: visible; }
#layout-body { padding:15px 0px 0px 0px; font-size:0.8em; }
#box-centrale-pagina { float:left; width:410px; }
#colonna-dx { float:right; width:260px; margin:15px 0px 20px 5px; }
#colonna-dx a { text-decoration:none; }
#colonna-dx .box-right { margin-bottom:20px; }
#lastminute { padding-left:5px; margin-top:20px; }
#lastminute a { color:#3d2b1f; text-decoration:none; }
#lastminute li { list-style-type:none; background:url(http://www.hotelbolognesericcione.it/templates/default1/images/layout/icon-arrow.gif) no-repeat; text-indent:15px; line-height:10px; margin:15px 0px 15px 0px; }
#pane-left { float:left; width:258px; margin:15px 10px 20px 0px; }
#pane-left .box { margin:0px; padding:10px; border:1px solid #947b76; background:#FFF; margin-bottom:15px; }
#layout-footer { position:relative; height:30px; font-size:0.7em; }
#layout-footer a { color:#ffffff; }
#address {
color:#ffffff;
position:absolute;
top:0px;
left:0px;
line-height:18px;
width: 960px;
}
#site-menu { position:absolute; top:5px; right:5px; margin:0px; }
#site-menu li { display:inline; padding:0px 7px 0px 7px; border-right:1px solid #ffffff; }*/
/*------------------------------------------------*/
/*--------------[SLIDER]-----------*/
/*------------------------------------------------*/
/* COMMON CLASSES */
.break { clear:both; }
/* HEADER */
#headerslide { height:400px; padding-top:0px; background-color:#FFFFFF;}
.headerimg { background-position: center top; background-repeat: no-repeat; width:996px;%; height:400px; position:absolute; margin-left: 10px; }
/* NAVIGATION */
/* #nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("http://www.wordpressdiprova.com/2/wp-content/themes/eVid/images/headerbg.png"); }
#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; }
#navigation { height:120px; width:960px; margin:0 auto; } */
/* MENU
#menuslide { position:relative; }
#menuslide ul { list-style:none; margin:0; padding:0; }
#menuslide ul li { font-variant:small-caps; font-size:14px; padding:15px; background-color:#fff; border-left:solid 15px #017eca; width:200px; text-align:right; margin-top:10px; }
#menuslide ul li a { color:#1393dc; text-decoration:none; font-weight:bold; }
#menuslide ul li a:hover { text-decoration:underline; }*/
/* MENU SOCIAL ICONS */
#social-sticky {
position: absolute;
top: 40px;
left: 80px;
width:auto;
padding:0px;
overflow:hidden;
text-transform:uppercase; font-size:0.7em;
opacity:0.6;
z-index:200;
}
#social-sticky li {
margin-left:12px; /* 12px is the space between each one of them */
_margin-left:0px; /* IE6 only */
/* display:inline; se lo lascio non si muovono le icone al passaggio del mouse*/
padding:0px 0px 0px 5px;
list-style:none;
}
#social-sticky li:hover {
margin-top:-3px; /* Icons move 3px up on hover, you can remove this if you don't like */
}
/* Tooltips for social icons */
a.tooltip:hover {
text-decoration:none;
}
/*------------------------------------------------*/
/*----------[ FINE SLIDER ]--------*/
/*------------------------------------------------
#news{
COLOR:#000000;
text-align:left;
}
#news P{
FONT-SIZE: 12px;
COLOR: #555555;
TEXT-INDENT: 0px;
MARGIN-LEFT: 0px;
MARGIN-RIGHT:10px;
MARGIN-TOP: 0px;
MARGIN-BOTTOM: 5px;
}
*/