@charset "utf-8";
/* CSS Document */

/*
OBSAH CSS souboru:
------------------
1. obecne html tagy
2. prvky ve vsech strankach
3. Layout - Homepage
4. Image replacement - hlavni logo
5. Image replacement - h2 homepage
6. Layout - Locations
7. Image replacement - h1 locations
8. Formular - locations
9. Tlacitko "BOOK NOW" - Locations
10. Layout - Contact us
11. Image replacement - Contact us
12. Layout - About us
13. Image replacement - About us
14. Reservation - layout
15. Image replacement - Reservation

*/

/* 1. obecne html tagy */
* {margin:0; padding:0;}
html, body {background:url(../images/bg/bg_gradient.jpg) repeat-x top #85735e; color:#f9f7f4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:84%; line-height:normal;}
img {border:0;}
a:hover {cursor:pointer;}
hr {display:none;}
td {vertical-align:top;}
input.text, textarea.text {padding:4px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:#000; background-color:#d7c9b7; border-top:1px solid #424241; border-left:1px solid #424241; border-bottom:1px solid #d4d0c8; border-right:1px solid #d4d0c8;}
select.text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:#000; background-color:#d7c9b7;  width:71px;}
div#odeslano {font-weight:bold; color:#f4d867;} /* hláška po odeslání formuláře */
.float_left {float:left;}
.float_left_50 {float:left; width:50%;}
.float_right {float:right;}
.float_right_50 {float:right; width:50%;}
.container {width: 802px; margin:0 auto;}
.container_s_linkou {width:802px; margin:0 auto; background:url(../images/bg/linie.gif) repeat-x 0px 0px; margin-top:54px;}

.container a {color: #f9f7f4;}
.container a:hover {text-decoration: none; color:#dccb3f;}

h2, h1 {font-size: 110%; color: #ccc3b6;}
h2 a {color: #bcc3b6;text-decoration: underline;}
h4 {color: #ccb3a6; font-size: 100%; margin-bottom:0.6em;}
.marbot {margin-bottom: 1.7em; }

/* 2. prvky ve vsech strankach */
#all {background:url(../images/bg/bg_main.jpg) no-repeat top center; width:100%; margin:0 auto; overflow:hidden;}
#obal {width:852px; margin:0 auto;}
#logo {margin:37px 0px 0px 0px;}
.top {position:absolute; top:35px; width:852px; display:block; z-index:2;}
#top_content {width:802px; margin:0 auto;}
#contact {padding:0px 0px 0px 15px; background:inherit; color:#b1a89c; background:url(../images/icons/telefon.gif) no-repeat left; float:left;}
#links {background:inherit; color:#61574a; float:right;}
#links a {color:#a1988d; background:inherit; text-decoration:none;}
#links a:hover {color:#dccb3f; background:inherit; text-decoration:underline;}
#copyright {margin:47px auto; text-align:center; color:#c3b9ad; background:inherit; font-size:90%; line-height:180%;}
#copyright  a {color:#c3b9ad; background:inherit; text-decoration:none;}
#copyright  a:hover {color:#f4d867; background:inherit; text-decoration:underline;}
.clear {clear:both; height:0; font-size:0; line-height:0;}

/* 3. Layout - Homepage */
#flashcontent {width:852px; height:399px; position:relative;}
#flashcontent .img01 {position:absolute; top: 33px; left:25px;}
#flashcontent .img02 {position:absolute; top: 33px; left:293px;}
#flashcontent .img03 {position:absolute; top: 33px; left:560px;}
#prvni_sloupec, #druhy_sloupec, #treti_sloupec {margin-top:20px; width:250px; height:232px; min-height:232px; text-align:center; background:url(../images/bg/bg_sloupec.jpg) no-repeat bottom center; padding-bottom:2em;}
#prvni_sloupec {float:left;}
#druhy_sloupec {float:left; margin-left:26px;}
#treti_sloupec {float:right;}
#prvni_sloupec p, #druhy_sloupec p, #treti_sloupec p {line-height:160%;}

/* 4. Image replacement - hlavni logo */
#obal .logotyp {margin:0 auto; position:relative; width:544px; height:187px; overflow:hidden;}
#obal .logotyp span {display:block; position:absolute; left:0; top:0; z-index:1; width:544px; height:187px; background:url(../images/heading/h1_luxury_apartments_prague.jpg) no-repeat top left;}

/* 5. Image replacement - h2 homepage */
#prvni_sloupec h2, #druhy_sloupec h2, #treti_sloupec h2 {position:relative; width:250px; height:67px; overflow:hidden; text-indent:-9999px;}
#prvni_sloupec h2 span, #druhy_sloupec h2 span, #treti_sloupec h2 span {display:block; position:absolute; left:0; top:0; z-index:1; width:250px; height:67px;}
#prvni_sloupec h2 span {background:url(../images/heading/h2_01_experience.png) no-repeat top left;}
#druhy_sloupec h2 span {background:url(../images/heading/h2_02_come_to.png) no-repeat top left;}
#treti_sloupec h2 span {background:url(../images/heading/h2_03_better.png) no-repeat top left;}

/* 6. Layout - Locations */
.choose_location {color:#c3b9ad; background:inherit; font-variant:small-caps; margin-top:29px; background:url(../images/bg/linie.gif) bottom repeat-x; padding-bottom:12px;}
.choose_location span {color:#f4d867;}
.choose_location a {color:#c3b9ad; text-decoration:none;}
.choose_location a:hover {color:#f4d867; text-decoration:underline;}
.levy_sloupec {float:left; width:418px; line-height:160%; margin-top:6px;}
.pravy_sloupec {float:right; width:384px; line-height:160%;}
.pravy_sloupec li {width:369px; list-style-type:none; background:url(../images/icons/li.gif) left center no-repeat; border-bottom:1px solid #594f40; padding:1px 0px 3px 15px; line-height:normal;}

div.fotky {}
div.fotky img {background:url('../images/bg/ram_okolo_foto.png') no-repeat top left; width:167px; height:100px; padding: 2px 30px 30px 2px; float:left;}

/*
div.levy_png_ram {background:url(../images/bg/ram_okolo_foto.png) no-repeat top left; width:181px; height:118px; padding:2px 0px 0px 2px; float:left; margin-right:16px; margin-bottom:16px;}
div.pravy_png_ram {background:url(../images/bg/ram_okolo_foto.png) no-repeat top left; width:181px; height:118px; padding:2px 0px 0px 2px; float:left; margin-bottom:16px;}
div.foto {width:167px; height:100px; overflow:hidden;}
*/

.location_vlevo {}
.location_vlevo h2 {font-size:100%; font-weight:bold;}
.location_vlevo .contact_left {float:left; width:49%;}
.location_vlevo .contact_right {float:right; width:51%;}

.location_vlevo .contact_left .address, .location_vlevo .contact_right .address {margin-top:3px;}
.location_vlevo .map {background:url(../images/bg/linie2.gif) bottom repeat-x; width:384px; padding-bottom:23px; overflow:hidden;}
.location_vlevo .map h2 {margin:24px 0px 9px 0px;}
.location_vlevo h2.recommend {color:#ccc3b6; background:inherit; margin:21px 0px 11px 0px;}

/* 7. Image replacement - h1 locations */
h1.vsehrdova {position:relative; width:446px; height:27px; overflow:hidden; margin:20px 0px 28px 0px;}
h1.vsehrdova span {display:block; position:absolute; left:0; top:0; z-index:1; width:446px; height:27px; background:url(../images/heading/h2_05_vsehrdova.gif) no-repeat top left;}
h1.parizska {position:relative; width:446px; height:27px; overflow:hidden; margin:20px 0px 28px 0px;}
h1.parizska span {display:block; position:absolute; left:0; top:0; z-index:1; width:446px; height:27px; background:url(../images/heading/h2_04_parizska.gif) no-repeat top left;}
h1.vlesicku {position:relative; width:446px; height:27px; overflow:hidden; margin:20px 0px 28px 0px;}
h1.vlesicku span {display:block; position:absolute; left:0; top:0; z-index:1; width:446px; height:27px; background:url(../images/heading/h2_06_vlesicku.gif) no-repeat top left;}

/* 8. Formular - locations */
form.doporuceni {width:100%; background:url(../images/bg/textarea.gif) 183px 53px no-repeat;}
.doporuceni #from_email, .doporuceni #to_email {margin-top:1px; margin-bottom:11px;}
.doporuceni textarea#message {margin-top:1px;}
.doporuceni input#from_email, .doporuceni input#to_email {width:166px; height:16px;}
.doporuceni textarea#message {width:166px; height:68px;}

/* 9. Tlacitko "BOOK NOW" - Locations  */
.book_now {position:relative; width:142px; height:53px; overflow:hidden; display:block; text-indent:-9999px; margin-top:9px;}
.book_now span {display:block; position:absolute; left:0; top:0;  width:142px; height:53px; background: url(../images/buttons/book_now_s_hoverem.gif) no-repeat left top; z-index:1;}
.book_now:hover {position:relative; width:142px; height:53px; overflow:hidden;}
.book_now:hover span {display:block; position:absolute; left:0; top:0; z-index:1; width:142px; height:53px; background:url(../images/buttons/book_now_s_hoverem.gif) no-repeat 0px -53px;}

/* 10. Layout - Contact us */
.big_left {width:510px; float:left; line-height:160%;}
.big_left .float_left {width:276px;}
.big_left .float_right {width:234px;}
.buttons_right {width:250px; float:right; margin-top:54px;}
.big_left .address {margin:36px 0px 32px 0px;}
.big_left .address a {color:#f9f7f4; text-decoration:underline;}
.big_left .address a:hover {color:#dccb3f; text-decoration:none;}
.big_left .address span {color:#dccb3f;}
.big_left h2.contact_us {font-size:100%; font-weight:bold; margin:0px 0px 15px 0px; background:url(../images/bg/linie3.gif) top repeat-x; color:#ccc3b6; padding-top:26px;}
.big_left #we_are_looking {margin-top:14px;}
.big_left div.contact_us {width:100%; background:url(../images/bg/textarea2.gif) no-repeat; background-position:167px 43px;}
.big_left input#from_email {width:246px; height:16px; margin:3px 0px 8px 0px;}
.big_left textarea#message {width:246px; height:61px; margin:2px 0px 12px 0px;}


/* 11. Image replacement - Contact us */
h1.contact_us {position:relative; width:250px; height:37px; overflow:hidden; margin:15px 0px 23px 0px;}
h1.contact_us span {display:block; position:absolute; left:0; top:0; z-index:1; width:250px; height:37px; background:url(../images/heading/h1_06_contact_us.gif) no-repeat top left;}

a.vsehrdova {position:relative; width:250px; height:111px; overflow:hidden; display:block; text-indent:-9999px; margin-top:2px;}
a.vsehrdova span {display:block; position:absolute; left:0; top:0;  width:250px; height:111px; background:url(../images/buttons/vsehrdova_s_hoverem.gif) no-repeat left top; z-index:1;}
a.vsehrdova:hover {position:relative; width:250px; height:111px; overflow:hidden;}
a.vsehrdova:hover span {display:block; position:absolute; left:0; top:0; z-index:1; width:250px; height:111px; background:url(../images/buttons/vsehrdova_s_hoverem.gif) no-repeat 0px -111px;}

a.parizska {position:relative; width:250px; height:87px; overflow:hidden; display:block; text-indent:-9999px;}
a.parizska span {display:block; position:absolute; left:0; top:0;  width:250px; height:87px; background:url(../images/buttons/parizska_s_hoverem.gif) no-repeat left top; z-index:1;}
a.parizska:hover {position:relative; width:250px; height:87px; overflow:hidden;}
a.parizska:hover span {display:block; position:absolute; left:0; top:0; z-index:1; width:250px; height:87px; background:url(../images/buttons/parizska_s_hoverem.gif) no-repeat 0px -87px;}

a.vlesicku {position:relative; width:250px; height:91px; overflow:hidden; display:block; text-indent:-9999px;}
a.vlesicku span {display:block; position:absolute; left:0; top:0;  width:250px; height:91px; background:url(../images/buttons/v_lesicku_s_hoverem.gif) no-repeat left top; z-index:1;}
a.vlesicku:hover {position:relative; width:250px; height:91px; overflow:hidden;}
a.vlesicku:hover span {display:block; position:absolute; left:0; top:0; z-index:1; width:250px; height:91px; background:url(../images/buttons/v_lesicku_s_hoverem.gif) no-repeat 0px -91px;}

/* 12. Layout - About us */
h2.about_us {font-size:100%; font-weight:bold; margin-bottom:32px; color:#ccc3b6; margin:43px 0px 22px 0px;}
.landmarks .prvni_tri_ramecky {background:url(../images/bg/ramecek_about_us.gif) no-repeat top left; width:113px; height:83px; padding:2px 0px 0px 2px; float:left; margin-right:16px; margin-bottom:16px;}
.landmarks .posledni_ramecek {background:url(../images/bg/ramecek_about_us.gif) no-repeat top left; width:113px; height:83px; padding:2px 0px 0px 2px; float:left; margin-bottom:16px;}
.landmarks .foto {width:111px; height:81px; overflow:hidden;}

/* 13. Image replacement - About us */
h1.about_us {position:relative; width:127px; height:26px; overflow:hidden; margin:24px 0px 25px 0px;}
h1.about_us span {display:block; position:absolute; left:0; top:0; z-index:1; width:127px; height:26px; background:url(../images/heading/h1_07_about_us.gif) no-repeat top left;}

/* 14. Reservation - layout  */
.reservation_left {float:left; width:410px;}
.reservation_right {float:right; width:392px;}

.reservation_left h2 {font-size:100%; color:#dccb3f; font-weight:bold; margin-bottom:32px;}
form.reservation input.text {width:248px; height:16px;}
form.reservation textarea.text {width:248px; height:61px;}
td.left_reservation {width:120px;}
td.reservation {padding-bottom:14px;}
div.comment{width:366px; padding:12px 9px 58px 9px; background:url(../images/bg/reservation_form_bottom.gif) no-repeat bottom #6f614f; text-align:justify; line-height:160%;}

.reservation_right h2 {font-size:100%; font-weight:bold; margin-bottom:32px; color:#ccc3b6;}
.reservation_right .available {line-height:160%;}
table.datum {border:1px solid #85735e; background-color:transparent; width:190px; margin-bottom:19px;}
table.datum th {padding:5px; text-align:center; background:url(../images/bg/bg_table_reservation.gif) repeat-x; border-bottom:1px solid #85735e;}
table.datum th div.relativ {position:relative; left:0; top:0; width:100%; height:20px; vertical-align:bottom;}
table.datum th div.relativ div.month {padding-top:3px;}
table.datum th div.relativ img.img_left {position:absolute; left:0px; top:0px;}
table.datum th div.relativ img.img_right {position:absolute; right:0px; top:0px;}
table.datum td {padding:5px; text-align:center;}
table.datum td.not_free {background-color:#d4534e;}
table.datum td.days {color:#000; border-bottom:1px solid #85735e;}

table.calendar {border:1px solid #85735e; background-color:transparent; width:190px;padding:0px; margin-bottom:19px;}
table.calendar th {padding:5px; text-align:center; background:url(../images/bg/bg_table_reservation.gif) repeat-x; border-bottom:1px solid #85735e;}
table.calendar th div.relativ {position:relative; left:0; top:0; width:100%; height:20px; vertical-align:bottom;}
table.calendar th div.relativ div.month {padding-top:3px;}
table.calendar th div.relativ img.img_left {position:absolute; left:0px; top:0px;}
table.calendar th div.relativ img.img_right {position:absolute; right:0px; top:0px;}
table.calendar td {padding:5px; text-align:center;}
table.calendar td.full {background-color:#d4534e;}
table.calendar td.calendarHeader {color:#000; border-bottom:1px solid #85735e;}



/* 15. Image replacement - Reservation  */
h1.reservation {position:relative; width:161px; height:35px; overflow:hidden; margin:17px 0px 16px 0px;}
h1.reservation span {display:block; position:absolute; left:0; top:0; z-index:1; width:161px; height:35px; background:url(../images/heading/h1_07_reservation.gif) no-repeat top left;}

/* 16. Hover inputy */
input.odeslat {background:url(../images/buttons/send_s_hoverem.gif) top left no-repeat; width:93px; height:51px; border:0; cursor:pointer;}
input.odeslat:hover {background-position:0px -51px;}
input.potvrdit {background:url(../images/buttons/submit_s_hoverem.gif) top left no-repeat; width:125px; height:54px; border:0; cursor:pointer;}
input.potvrdit:hover {background-position:0px -54px;}

/* 17. Validace formularu */
#commentForm label.error, #recommendForm label.error, #reservationForm label.error {display:block; color:#f4d867; /*border:1px solid #ccc3b6; background-color:#6f614f; padding:3px;*/ width:80%; margin-bottom:5px;}