/* CSS Document */
/* Hotel Karel IV website CSS style sheet */
/* Copyright 2009 Dobre weby www.dobre-weby.cz */

body, html {
	margin:0px auto;
	padding:0px;
	text-align:center;
	background:url(/app_themes/web/img/layout/web_bgr.png) #DDCFB5 repeat-x;
}

/* IMPORTANT !!! */
body>#main {
	height: auto;
}


#footee p {
	margin-top:5px;
	margin-bottom:10px;
}

#main-frame {
	margin:0px auto;
	position:relative;
	text-align:center;
	text-align:center !important;
	width:100%;
}

.headerbackground {
    background:url(/app_themes/web/img/layout/header.jpg) no-repeat center;
    height:223px;
    width:100%;
    
    position:absolute;
    top:0px;
    left:0px;
}

#content-frame {
	margin:0px auto;
	position:relative;
	width:985px;
	text-align:left;
}

#header {
	position:relative;
    height:223px;
}

#header .homeLink {
    position:absolute;
    display:block;
    left:0px;
    top:30px;
    width:400px;
    height:100px;
    font-size:0px;
}


#menu {
	background:url(/app_themes/web/img/layout/navigace.png) repeat-x #52443A;
	line-height:58px;
	height:58px;
	padding-left:10px;
}

#menu a {  
	text-decoration:none;
	color:#fff; 
	font-size:10pt; 
	padding-left:16px;
	padding-right:15px;
	
	display:block;
	float:left;
}

#menu a:visited {
	color:#fff;
	font-size:10pt;
	text-decoration:none;
}

#menu a:hover {
	color:#FF9900
}


#menu .AspNet-Menu-ChildSelected {
	text-decoration:none;
	color:#fff !important; 
	font-weight:bold;
}

#menu .AspNet-Menu-Selected {
	text-decoration:none;
	color:#FF9900 !important; 
	font-weight:bold;
	font-size:10pt; 
	
	display:block;
	float:left;
}

/*
.AltLinks 
{
    position:absolute;
    width:129px;
    height:30px;
    top:13px;
    display:block;
    
}
*/

.bounds {
    position:relative;
    background:url(/app_themes/web/img/layout/content_bottom.png) repeat-y #F5F1E9;
    padding:0px 25px 0px 25px;
    overflow:hidden;
    
    width:935px;
    /height:604px;
    /height:auto !important;
    min-height:604px;
}

.bounds .left-stripe {
    position:absolute;
    top:0px; left:0px;
    width:10px;
    height:604px;
    
    
    background:url(/app_themes/web/img/layout/content_left.png) no-repeat;
}

.bounds .right-stripe {
    position:absolute;
    top:0px; left:975px;
    width:10px;
    height:604px;
    
    background:url(/app_themes/web/img/layout/content_right.png) no-repeat;
}


#obsah {	
    width:702px;
    float:left;
    /*/height:604px;
    height:auto !important;
    min-height:604px;*/
}

.mutace {
    position:absolute;
    left:30px; top:140px;
    color:#fff;
    font-size:9pt;
}

.mutace a:link, .mutace a:visited { color:#fff; }

.search 
{
    position:absolute;
    left:30px; top:160px;
    
    text-align:right;
}

#left-panel {
	float:left;
	margin-right:15px;
	
	width:211px;
}

.left-panel-content a, .left-panel-content a:visited { color:#fff !important; }
.left-panel-content a:hover { color:#FF9900 !important; }

.left-panel-content { 
	margin-top:15px;
	height:490px;
	
	background:url(/app_themes/web/img/layout/left_panel.png) no-repeat;
	color:#fff;   
	padding:13px 13px 13px 13px;
}

#left-panel h2 {
    color:#fff;
    text-transform:uppercase;
    font-family:Lucida Sans-Serif;
    font-size:1.2em;
    padding-bottom:3px;
    border-bottom:4px solid #fff;
    width:190px;
}

.left-panel-title {
    margin-top:5px;
    margin-bottom:10px;
}


	
#left-panel ul {
	margin-left:15px;
	padding:0px;
}

#left-panel li {
}

a.btnCheck {
    width:17px;
    height:14px;
    display:block;
    background:url('/app_themes/web/img/layout/check.png') 0 0;
    
    margin-left:10px;
}

a.btnCheck:hover { background:url('/app_themes/web/img/layout/check.png') -17px 0px; }

#footer {
    background:url(/app_themes/web/img/layout/content_footer.png) no-repeat #D0BF9F;
    height:36px;
    
    padding:20px 15px 0px 15px;
    
	text-align:right;
	font-size:8pt;
	color:#000;
	margin-bottom:25px;
	
    overflow:hidden !important;
}

#footer a:link { color:#666666; text-decoration:underline }
#footer a:visited { color:#666666; text-decoration:underline }
#footer a:hover { color:#006699; text-decoration:underline }
#footer .active { color:#006699; }