/*	Tento dokument popisuje layout webu 
	
	Author:	Dobreweby.com Tomáš Půža
		http://www.dobreweby.com
	Copyright:	
		Tento dokument je chranen podle Autorskeho zakona 121/2000 Sb.
		This document is protected by Author law 121/2000 Sb. Czech Republic
 */
 
@import "MenuStyle.css";
  
html, body {
	margin:0px auto;
	padding:0px;
	text-align:center;
	background:url(/App_Themes/Raal/img/layout/background.png) repeat-x;
	height: 100%;
}

h1 {
    position:absolute;
    top:28px;
    /top:40px;
    left:80px;
}

a:hover {
    color:#ff6600;
}


.cleaner { 
    clear: both; 
    float:none !important;
    width:0px !important;
    height:0px !important;
}

.alternating {
    background-color:#F1F4F7;
}

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

#main {
	position:relative;
	margin:0 auto;
	
	min-height:100%;
	/*height:100%;	*/
	
	padding-bottom:15px;
}

#main-frame {
	position:relative;
	margin:0px auto;
	margin-top:0px;
	text-align:left;
	border:1px solid #759CBD;
	width:988px;
	text-align:center !important;
}

#header {
    position:relative;
    width:988px;
    height:206px;
    background:url(/App_Themes/Raal/img/layout/theme_picture.jpg) no-repeat bottom;
}

.clouds_left {
    position:absolute;
    top:-5px;
    left:-85px;
}

.clouds_right {
    position:absolute;
    top:5px;
    left:988px;
}

#navigation1 {
    position:relative;
    background:#fff url(/App_Themes/Raal/img/layout/menu_bgr.png) no-repeat;
    height:70px;
}


#navigation1 #links {
    position:relative; 
}

.slogan {
    position:absolute;
    top:8px;
    left:480px;
    width:450px;
    height:20px;
    line-height:20px;
    
    font-size:9pt;
    font-family:Tahoma;
    padding-right:30px;
    text-align:right;
    
    background:url(/App_Themes/Raal/img/Layout/srdce.png) no-repeat right;
    
    z-index:5;
}

.content {
    position:relative;
    text-align:left;
    padding:25px;
    width:938px;
    background:#fff url(/App_Themes/Raal/img/layout/theme_road.jpg) no-repeat top;
}

.road {
    position:absolute;
    top:0px;
    left:0px;
}

.left {
    margin-top:50px;
    font-size:0.8em;
    width:660px;
    margin-right:15px;
    float:left;
    color:#333333;
}

.right {
    margin-top:50px;
    float:left; 
    width:260px;
}

.right .panel_content {
    background:url(/App_Themes/Raal/img/Layout/border_panel_right.png) repeat-y left;
    padding-left:20px;
    font-size:0.8em;
    margin-bottom:25px;
}

#footer {
    
    padding:20px;
    margin-bottom:15px;
    
    font-family:Tahoma;
    font-weight:normal;
    font-size:0.8em;
    text-align:left;
    
}

#footer .separator {
    border-top:1px solid #ccc;
    padding:0px 20px 0px 20px;
}

.footerLeft {
    float:left;
}

.footerRight {
    float:right;
}

.seznam_mutaci {
    margin-bottom:10px;
    text-align:center;
}

.copyright {
    font-size:0.8em;
}


.rightPanel {
    text-align:center;
    border:1px solid #759CBD;
    background-color:#FBFCFD;
    padding:15px 15px 15px 15px;
    margin-bottom:15px;
    font-size:0.8em;
}

.loginDetails {
    position:absolute;
    left:0px;
    top:50px;
    
    width:960px;
    
    text-align:right;
    
    font-size:9pt;    
}

.timeout 
{
    font-size:0.80em;
    font-weight:bold;
    text-align:center;
    margin-bottom:10px;
    border:2px solid #FF6600;
    background:#FFE6BB;
    padding:8px;
    cursor:hand;
    cursor:pointer;
}

.timeout:hover { 
    text-decoration:underline;
    color:#ff6600;
}