﻿/*
light olive green (links) - #c1c596
dark olive green (headers) - #48582d
wine red (headers) - #883934
white (background) - #f4f4f4



*/

html {background: url("../images/web_bg.jpg") repeat-y top center;}

body 
{
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 0.7em;
	color: #222;
	margin: 0px;
	
}
a {color: #8e3934;}
h1 {font-size: 1.2em}
h1.white {font-size: 1em; color: White;}
h1.no_padd  {padding: 0px; margin: 0px;}
h1.mainPage {color: #48582d; font-size: 1.7em; font-weight:500}
h2.mainPage {color: #48582d; font-size: 1.3em; font-weight:500}
h1.prezentace  {font-size: 1.2em; color: #883934; padding: 0px; margin: 0px;}
h2 {font-size: 1.1em}
h2.italic {font-size: 1.1em; font-style: italic; font-weight: normal;}
h2.no_padd {padding: 0px; margin: 0px;}
h2.doporuceno {padding-top: 0px; margin-top: 0px;}
h3 {font-size: 1em}
fieldset {padding: 20px;}


#MainCont
{
	margin: 0 auto;
	width: 995px;
	padding: 20px 0px 0px 0px;
	background-color: #f4f4f4;
	}
	
#MenuCont 
{
	height: 18px;
	width: 995px;
	background-color: #222;
	padding-top: 7px;
	padding-bottom: 5px;
	margin: 0px;
	}
#MenuCont a {color: White;}

#Menu
{
    width: 713px;
    float: left;
	margin: 0px;
   }

#Search { width: 264px; float: left; vertical-align: middle; text-align: right; padding-right: 16px;}

#ContentCont
{
	width: 995px;
	margin: 0px;
	padding: 0px;
	}
#LeftCont
{
	width: 713px;
	min-height: 550px;
	float: left;
	}
#Content_left 
{
	width: 650px;
	padding: 20px;
	
}	

#breadcrumb {background: url("../images/breadcr_bg.jpg") no-repeat left top; height: 18px; font-size: 10px; padding-left: 3px;}
#breadcrumb a {color: Black; font-weight: normal; text-decoration: none;}
#FlashCont 
{
	width: 713px;
	height: 295px;
	background: url("../images/flash.jpg") no-repeat right top;
	}
	
#Picture 
{
	width: 713px;
	height: 295px;
	}
#Picture_apart 
{
	width: 713px;
	height: 295px;
	background: url("../images/picture_apart.jpg") no-repeat right top;
	}
#Picture_sluzby 
{
	width: 713px;
	height: 295px;
	background: url("../images/picture_sluzby.jpg") no-repeat right top;
	}
#Picture_fotogalerie 
{
	width: 713px;
	height: 295px;
	background: url("../images/picture_fotogalerie.jpg") no-repeat right top;
	}
	
#Picture_toskansko
{
	width: 713px;
	height: 295px;
	background: url("../images/picture_toskansko.jpg") no-repeat right top;
	}
	
#Picture_contact
{
	width: 713px;
	height: 295px;
	background: url("../images/picture_contact.jpg") no-repeat right top;
	}
#Picture_podminky
{
	width: 713px;
	height: 295px;
	background: url("../images/picture_podminky.jpg") no-repeat right top;
	}	
	
#Picture_onas
{
	width: 713px;
	height: 295px;
	background: url("../images/picture_onas.jpg") no-repeat right top;
	}
#PictureApDetail
{
	width: 713px;
	height: 295px;
	}
			
#RightCont
{
	width: 282px;
	min-height: 550px;
	float: left;

	}
	
#RightContentPlaceHolder
{
    width: 282px;
    }
    
#MainContentPlaceHolder
{
    width: 713px;
    }
 
#present_top{background: #e8e4e3 url("../images/prezent_bg_top.jpg") repeat-x left top; width: 683px; min-height: 230px; }   
#present_bottom{background:  url("../images/prezent_bg_btm.jpg") repeat-x left bottom; width: 683px; min-height: 230px;}  	
#present_pics{ width: 681px; border: 1px solid #d4cbc8;border-bottom: 0px;}
#present { width: 623px; padding: 20px 20px 10px 15px;}	
.imgPrezLeft {border: 1px solid white; width: 135px; height: 100px; float: left;}
.imgPrez {border: 1px solid white; border-left: 0px; width: 135px; height: 100px; float: left;}
.imgPrezUnder1 {border-right: 1px solid #dcd1cd; border-left: 1px solid #dcd1cd; width: 135px; float: left; height: 17px; background: url("../images/iconUnder1.jpg") repeat-x left top; color: White; font-weight: bold; text-align: center; padding-top: 3px; font-size: 10px;}
.imgPrezUnder1 a {color: White; text-decoration: none;}
.imgPrezUnder2 {border-right: 1px solid #dcd1cd; width: 135px; float: left; height: 17px; background: url("../images/iconUnder3.jpg") repeat-x left top; color: White; font-weight: bold; text-align: center; padding-top: 3px; font-size: 10px;}
.imgPrezUnder2 a {color: White; text-decoration: none;}
.imgPrezUnder3 {border-right: 1px solid #dcd1cd; width: 135px; float: left; height: 17px; background: url("../images/iconUnder1.jpg") repeat-x left top; color: White; font-weight: bold; text-align: center; padding-top: 3px; font-size: 10px;}
.imgPrezUnder3 a {color: White; text-decoration: none;}
.imgPrezUnder4 a {color: White; text-decoration: none;}
.imgPrezUnder4 {border-right: 1px solid #dcd1cd; width: 135px; float: left; height: 17px; background: url("../images/iconUnder3.jpg") repeat-x left top; color: White; font-weight: bold; text-align: center; padding-top: 3px; font-size: 10px;}
.imgPrezUnder5 a {color: White; text-decoration: none;}
.imgPrezUnder5 {border-right: 1px solid #dcd1cd; width: 135px; float: left; height: 17px; background: url("../images/iconUnder1.jpg") repeat-x left top; color: White; font-weight: bold; text-align: center; padding-top: 3px; font-size: 10px;}
.imgPrezShadeLeft {float: left; width: 137px; height: 15px;}
.imgPrezShade {float: left; width: 136px; height: 15px;}
#Lower_cont {width: 662px; height: 40px; padding-left: 10px;  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}

#RenataCont 
{
	float:left;
	width: 282px;
	height: 275px;
	margin: 0px;

	}
	
#CitatCont_resorty 
{
	float:left;
	width: 282px;
	height: 275px;
	margin: 0px;
	padding: 0px;
	background: url("../images/citat_resorty.jpg") no-repeat left top;
	}
#CitatCont_sluzby 
{
	float:left;
	width: 282px;
	height: 275px;
	margin: 0px;
	padding: 0px;
	background: url("../images/citat_sluzby.jpg") no-repeat left top;
	}
	
#CitatCont 
{
	float:left;
	width: 282px;
	height: 275px;
	margin: 0px;
	padding: 0px;
	}
#CitatCont_podminky 
{
	float:left;
	width: 282px;
	height: 275px;
	margin: 0px;
	padding: 0px;
	background: url("../images/citat_podminky.jpg") no-repeat left top;
	}
	
#CitatCont_onas 
{
	float:left;
	width: 282px;
	height: 275px;
	margin: 0px;
	padding: 0px;
	background: url("../images/citat_onas.jpg") no-repeat left top;
	}
#CitatCont_tosk
{
	float:left;
	width: 282px;
	height: 275px;
	margin: 0px;
	padding: 0px;
	background: url("../images/citatTosk.jpg") no-repeat left top;
	}
	
	
#CitatCont_fotogalerie 
{
	float:left;
	width: 282px;
	height: 275px;
	margin: 0px;
	padding: 0px;
	background: url("../images/citat_fotogalerie.jpg") no-repeat left top;
	}
#CitatCont_kontakt 
{
	float:left;
	width: 282px;
	height: 275px;
	margin: 0px;
	padding: 0px;
	background: url("../images/citat_kontakt.jpg") no-repeat left top;
	}
	
.tbl_services 
{
	background-color: #959595;
	width: 253px;
	margin: 4px;
	text-align: left;
	}
td.alignLeft {text-align: left;
	width: 180px;}
		
#SearchTop 
{
	float:left;
	width: 282px;
	height: 114px;
	margin: 0px;
	padding: 0px;
	background: url("../images/lokality.jpg") no-repeat left top;
	}
	
#NewsTop 
{
	float:left;
	width: 282px;
	height: 114px;
	margin: 0px;
	padding: 0px;
	background: url("../images/novinky.jpg") no-repeat left top;
	}
#DoporucenoTop
{
	float:left;
	width: 282px;
	height: 114px;
	margin: 0px;
	padding: 0px;
	background: url("../images/doporuceno_nahore.jpg") no-repeat left top;
	}
#Doporuceno_brown 
{
	float:left;
	width:282px;
	height:127px;
	background: url("../images/doporuceno_dole.jpg") no-repeat left top;
	margin: 0px;
	padding: 0px; 
	}	
	
#DoporucenoCont 
{
	float:left;
	width: 282px;
	margin: 0px;
	background: url("../images/bg_darkgrey.jpg") repeat-y right;
	color: White;
	padding-top: 20px;
	padding-bottom: 20px;
	}
#DoporucenoCont a {color: White;}

#AlbaTop
{
	float:left;
	width: 282px;
	height: 114px;
	margin: 0px;
	padding: 0px;
	background: url("../images/alba.jpg") no-repeat left top;
	}	
	
#AlbaCont 
{
	float:left;
	width: 282px;
	margin: 0px;
	background: url("../images/bg_darkgrey.jpg") repeat-y right;
	color: White;
	padding-top: 20px;
	padding-bottom: 20px;
	}
#AlbaCont a {color: White;}

#news 
{
	float:left;
	width: 252px;
	padding: 10px 20px 20px 10px;
	margin: 0px;
	background: url("../images/bg_darkgrey.jpg") repeat-y right;
	color: White;
	}

#news a {color: #c1c596;}
#sluzby_brown
{
	float:left;
	width:282px;
	height:127px;
	background: url("../images/sluzby_dole.jpg") no-repeat left top;
	margin: 0px;
	padding: 0px; }
	
#sluzby_red
{
	float:left;
	width:282px;
	height:114px;
	background: url("../images/sluzby_nahore.jpg") no-repeat left top;
	margin: 0px;
	padding: 0px; }

#sluzbyCont 
{
	float:left;
	width: 282px;
	margin: 0px;
	min-height: 50px;
	padding-top: 20px;
	padding-bottom: 10px;
	background: url("../images/bg_darkgrey.jpg") repeat-y right;
	color: White;	
	}	
#sluzbyCont a {color: White; text-decoration: none; font-size: 1.2em;}

.vpravo 
{
	width: 247px;
	margin: 0px;	
	background: url("../images/bg_darkgrey.jpg") repeat-y right;
	color: White;
	padding: 0px 30px 10px 5px;
	text-align: right;
	}
.vpravo a {color: #eee; text-decoration: none; font-style: italic;}
	
	
.vice 
{
	width: 660px;
	margin: 0px;	
	padding: 10px 30px 10px 17px;
	text-align: right;
	}
.vice a {color: gray; text-decoration: none; font-style: italic;}
	
#under_brown
{
	float:left;
	width:282px;
	height:92px;
	background: url("../images/under_red.jpg") no-repeat left top;
	margin: 0px;
	padding: 0px; }
	
#under_red
{
	float:left;
	width:282px;
	height:92px;
	background: url("../images/under_red.jpg") no-repeat left top;
	margin: 0px;
	padding: 0px; }
	
#gallery
{
	width: 630px;
	background-color: #eee;
	border: 1px solid #ccc;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	}
	
#info_page
{
	width: 645px;
	background-color: #eee;
	border: 1px solid #ccc;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	}
	
#fotogalerie_detail 
{
	margin-left: auto;
	margin-right: auto;
	background-color:#eee;
	width: 850px;
	}

.resorts_top {background:url("../images/resorts_bg_top.jpg") no-repeat top left; width: 713px; padding-top: 10px; min-height: 80px;}
.resorts_mid{background:url("../images/resorts_bg_mid.jpg") repeat-y left; width: 713px; min-height: 80px; }
.resorts_bottom {background:url("../images/resorts_bg_bottom.jpg")  no-repeat bottom left; width: 713px; padding-bottom: 30px;min-height: 80px;}


.Apartment_cont 
{

	margin: 2px;
	padding: 0px 30px 0px 15px;

		}

	
.Apartment_cont2
{
	margin: 2px;
	padding: 2px;
	width: 243px;
		}
		
.Album_cont 
{
	background: #f6f6f6 url("../images/apart_bg.jpg") repeat-y left;
	margin: 2px;
	padding: 2px;
	border: 1px solid #333;
	width: 240px;
}
.Album_cont_active 
{
	background: #dcdcdc url("../images/apart_bg_a.jpg") repeat-y left;
	margin: 2px;
	padding: 2px;
	border: 1px solid #333;
	width: 240px;
		}
		

#form_sent 
{
	width: 610px;
	padding: 20px;
	font-weight: bold;
	text-align: center;
	background-color: #ead7c3;
	margin-bottom: 10px;
	}	
	

	
.bl {width: 640px; background: url("../images/bl.gif") 0 100% no-repeat}
.br {width: 640px; background: url("../images/br.gif") 100% 100% no-repeat}
.tl {width: 640px; background: url("../images/tl.gif") 0 0 no-repeat}
.tr {width: 640px; background: url("../images/tr.gif") 100% 0 no-repeat; }
.t {width: 640px; background: url("../images/dot.gif") 0 0 repeat-x;}
.b {width: 640px;background: url("../images/dot.gif") 0 100% repeat-x}
.l {background: url("../images/dot.gif") 0 0 repeat-y}
.r {background: url("../images/dot.gif") 100% 0 repeat-y} 
.kontakt_form 
{
	padding: 20px;
	margin-bottom: 10px;
	}
	
#footer {width: 995px; height: 24px; background: url("../images/footer.jpg") no-repeat left; padding-top: 60px; padding-bottom: 20px; text-align: center; color: #777777}
#footer a {color: #777777}
#footer a:hover {color: #555555}

#footer img {border:0}