/* Hotelmillennium.hu */
@charset "utf-8";

* { outline: none; }

/* Common */
html { width: 100%; }
body { background: #711126 url(http://www.hotelmillennium.hu/images/site_bg.jpg) repeat-x top; margin: 0px; padding: 0px; width: 100%; }
.clear { clear: both; } 
.clearboth { clear: both; } 
.font_14 { font-size: 14px; }
.font_18 { font-size: 18px; }
.font_20 { font-size: 20px; }
.font_22 { font-size: 22px; }
a.side_detail { color: #ea3c25; display: block; font-size: 14px; margin-top: 5px;; }

/* Top */
#top { background: url(http://www.hotelmillennium.hu/images/top.jpg) no-repeat bottom center; height: 178px; margin: 0px auto; width: 100%; }
#topinner { height: 178px; margin: 0px auto; width: 980px; }
#language { color: #b7b7b7; float: right; margin: 20px 0px 0px 0px; text-transform: uppercase; }
#language a { color: #b7b7b7; font: 11px Arial; text-decoration: none; }
#topmenu { left: 290px; position: relative; top: 135px; width: 680px; }
#topmenu ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; }
#topmenu li { float: left; margin: 0px 12px; text-align: center; }
#topmenu li a { color: #d59f5e; font: 19px Georgia; text-decoration: none; }

/* Head */
#head { background: url(http://www.hotelmillennium.hu/images/header_bg.jpg) no-repeat top center; height: 318px; margin: 0px auto; width: 100%; }
#headinner { height: 318px; margin: 0px auto; width: 980px; }
#menu { height: 318px; float: left; width: 240px; }
#menu ul { list-style: none; margin: 60px 0px 0px 0px; padding: 0px; }
#menu li { text-align: center; }
#menu li a { color: #313131; font: 17px/22px Georgia; text-decoration: none; }
#menu ul li ul { display: none; list-style: none; margin: 0px; padding: 0px; }
#menu ul li ul li { text-align: center; }
#menu ul li ul li.divider { background: url(http://www.hotelmillennium.hu/images/menu_div.png) no-repeat center center; height: 7px; text-align: center; }
#menu ul li ul li a { color: #971232; font: 15px/20px Georgia; text-decoration: none; }
#slideshow { height: 318px; float: right; width: 740px; }

/* Content */
#content { background: url(http://www.hotelmillennium.hu/images/content_site_bg.jpg) no-repeat top center; margin: 0px auto; width: 100%; }
div.sidepic_dog { height: 220px; left: 142px; position: relative; top: 18px; width: 124px; }
div.sidetext_dog { color: #836755; font: 23px Georgia; left: 20px; position: relative; top: -170px; }
div.sidepic_flower { height: 131px; left: 0px; position: relative; top: -160px; width: 209px; }
div.sidetext_flower { color: #be1741; font: 23px Georgia; left: 20px; position: relative; top: -160px; }
div.newsletter_container { left: 20px; position: relative; top: -110px; }
div.newsletter_title { color: #be1741; font: 20px Georgia; margin-bottom: 10px; }
div.newsletter_container select { border: solid 1px #dbcec7; color: #8b8b8b; font: bold 12px Georgia; height: 28px; margin-bottom: 10px; padding: 4px 2px; width: 200px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
div.newsletter_container input[type="text"] { border: solid 1px #dbcec7; color: #8b8b8b; font: bold 12px Georgia; height: 20px; margin-bottom: 10px; padding: 3px 2px; width: 194px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#contentleft { background: url(http://www.hotelmillennium.hu/images/left.png) no-repeat 0px 30px; float: left; width: 240px; }

#contentright { float: right; font: 14px/22px Georgia; padding: 35px; width: 670px; }
#contentright h1 { color: #711120; font: bold 22px Georgia; margin: 0px 0px 0px 0px; }
#contentright p { font: 14px/22px Georgia; margin: 8px 0px; text-align: justify; }
#contentright ul { margin: 0px; padding: 0px 10px 10px 30px; }
#contentright li { list-style: url(http://www.hotelmillennium.hu/images/bullet.png) circle; }
#contentright h2 { background: url(http://www.hotelmillennium.hu/images/table_header.png) no-repeat; color: #f9f9f9; display: block; font: bold 18px/40px Georgia; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 12px; height: 47px; width: 670px;; }
#contentright a { color: #711126; text-decoration: none; }
#contentright a:hover { color: #711126; text-decoration: underline; }
#contentinner { background: #ffffff url(http://www.hotelmillennium.hu/images/inner_bg.jpg) no-repeat top center; margin: 0px auto; width: 980px; }

/* PACKAGES */
#contentright .package { margin: 15px 0px 0px 0px; }
#contentright .package .picture { border: solid 7px #f3dabb; float: left; height: 176px; width: 266px; }
#contentright .package .title { float: right; width: 370px; }
#contentright .package h3 { color: #711120; font: 20px Georgia; margin: 0px 0px 0px 0px; }
#contentright .package .description { float: right; height: 146px; overflow: hidden; width: 370px; }
#contentright .package .detail { float: right; width: 370px; }
#contentright .package .line { background-color: #cead84; clear: both; height: 1px; margin: 20px 0px 0px 0px; width: 100%; }

#contentright .formrow { margin: 5px 0px; }
#contentright label { float: left; font: bold 13px/24px Georgia; width: 230px; }
#contentright input[type="text"] { border: solid 1px #dbcec7; color: #be1741; font: 13px Verdana; height: 20px; margin-bottom: 10px; padding: 3px 8px; width: 420px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#contentright textarea { border: solid 1px #dbcec7; color: #be1741; font: 13px Verdana; height: 200px; margin-bottom: 10px; padding: 3px 8px; width: 420px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#contentright select { border: solid 1px #dbcec7; color: #be1741; font: 13px Verdana; height: 28px; margin-bottom: 10px; padding: 3px 2px; width: 440px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

/* PHOTO GALLERY */
#contentright div.photogallery ul { padding: 0px 24px 0px 24px; }
#contentright div.photogallery .description { margin: 0px 0px 0px 0px; }
#contentright div.photogallery .highslide-gallery ul li { background: url('/design/frame.png') no-repeat center center; border: none; height: 140px; margin: 0px; padding: 3px; width: 200px; }
#contentright div.photogallery .thumb { float: left; margin: 15px 0px 15px 0px; padding: 15px; width: 140px; }
#contentright div.photogallery .thumb .picture { border: solid 1px #414141; cursor: pointer; display: block; float: left; height: 140px; overflow: hidden; width: 140px; }
#contentright div.photogallery .thumb .title { float: left; font: bold 13px Arial; margin: 10px 0px 0px 0px; text-align: center; width: 140px; }
#contentright div.photogallery .thumb .title a { color: #313131; text-decoration: none; }
#contentright div.photogallery .back { margin: 14px 0px 0px 0px; }
#contentright div.photogallery .back a { color: #313131; font: bold 14px Arial; text-decoration: none; }


/* Bottom */
#bottom { height: 70px; margin: 0px auto; width: 980px; }
#bottom ul { list-style: none; margin: 10px 0px 0px 0px; padding: 0px; }
#bottom li { float: left; margin: 0px 15px 0px 0px; text-align: center; }
#bottom li a { color: #ffffff; font: 13px Georgia; text-decoration: none; }
#copyright { color: #9d8476; float: left; font: 13px Arial; margin: 10px 0px 0px 0px; width: 300px; }
#elitweb { color: #9d8476; float: right; font: 13px Arial; margin: 10px 0px 0px 0px; text-align: right; width: 300px; }
#elitweb a { color: #9d8476; font-weight: bold; text-decoration: none; }
#elitweb a:hover { text-decoration: underline; }