/* Styles for layout

Color codes:

    #E40613 - topBar
    #D2D2D2 - page background
    #BBBBBB - footer color
    #424242 - footer background
    #5C5C5C - table header background

-----------------------------------------------------------*/

/*---------------Začátek - Globální nastavení pro všechno------------------*/
body {
	font-size: 13px; 
	font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
	background-color: white;
	margin: 0;
	padding: 0;
	color: #5c5c5c;
}

img {
	border: 0;
}

.breadcrumbs_navigation {
    margin-left: 15px;
    font-size: 12px;
    margin-bottom: 10px;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.redFont {
    color: #FF0000 !important;
}
.greenFont
{
    color: green !important;/*#33CC33*/
}
.yellowFont {
    color: goldenrod !important;
}

.textNoWrap
{
    white-space: nowrap;
}

h2 {
    padding: 5px 0 0 0;
}

.center_It 
{
     margin: 80px auto 0 auto;
    text-align: center;
    width: 600px;
}

.filter {
    background: #e2eaf1;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

div.filter input[type=text],
div.filter input[type=password]
{
    font-size: 13px;
	padding: 2px 3px;
    font-weight: bold;
    width: 200px; 
	background: white;
	border-bottom: 1px double #bababa; 
	border-top: 1px double #bababa; 
	border-left: 1px double #bababa; 
	border-right: 1px double #bababa;
}

div.filter select { 
    font-size: 12px;
    font-weight: bold;
	padding: 2px 3px;
	width: 208px; 
	background: white; 
	border-bottom: 1px double #bababa; 
	border-top: 1px double #bababa; 
	border-left: 1px double #bababa; 
	border-right: 1px double #bababa;  
} 

div.filter input:focus, div.filter input:hover, div.filter select:focus, div.filter select:hover {
    background-color: #e2eaf1;
    color: #000;
    border: 1px solid #B7D6DF;
    box-shadow: 0 0 4px #A7D6E3
}

/*--------------------Konec - Globální nastavení pro všechno----------------*/
/*--------------------Začátek - Hlavní zobrazovací divy---------------------*/
	/*---------------------------Začátek - Hlavička-----------------------------*/
	#upper_header {
		width: 100%;
		min-width: 900px;
		height: 28px;
		background-color: #fccd01;
	}
	
	#localization_changer {
	    float: left;
        color: #444;
	    margin-top: 4px;
	    margin-left: 35px;
	    font-weight: bold;
	}
	
	.logon_controller {
		width: auto;
		height: auto;
		float: right;
        color: #444;
		font-size: 14px;
		margin-top: -9px;
		margin-left: -5px;
		margin-right: 45px;
	}
	
	#upper_header a {
        color: #444;
		text-decoration: none;
	}
	
	#upper_header a:hover {
		color: black;
		text-decoration: none;
	}
	
	#lower_header {
		display: table;
		width: 100%;
		min-width: 900px;
		height: 63px;
	}
	
	#logo {
		float: left;
		margin-left: 30px;
	}

    #logo div {
        float: left;
    }

    .suiplogo {
        margin-left: 86px;
    }
	
	#banner {
		width: 478px;
		height: 97px;
		float: right;
	    margin-top: -9px;
		margin-right: 40px;
	}
	/*---------------------------Konec - Hlavička-----------------------------*/
	/*---------------------------Začátek - Kontejner-----------------------------*/
	#container {
		display: table;
		width: 97%;
		min-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#container_left {
		width: 220px;
		height: auto;
		float: left;
	}
	
	#container_right {
		height: auto;
		margin-left: 230px;
		padding-top: 15px;
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		border: 1px solid #c3c3c3;
		background: url(images/container.jpg) repeat-x;
		background-color: #ffffff;
	}
		/*---------------------------Začátek - Hlavní taby-----------------------------*/
		.main_tab {
			width: auto;
			height: 35px;
			float: right;
			text-align: center;
			border-top: 1px solid #c3c3c3;
			border-left: 1px solid #c3c3c3;
			border-right: 1px solid #c3c3c3;
			background: url(images/reminder_background.jpg) repeat-x;
			background-color: #fccd01;
		    margin-top: -35px;
		    margin-left: 4px;
		}
		
		.main_tab p {
			margin-top: 8px;
			padding-left: 15px;
			padding-right: 15px;
			font-weight: bold;
		}
		
		.main_tab a {
		    color: #444;
		    text-decoration: none;
		}
		
		.main_tab:hover {
		    background: #f1f1f1;
		    border-top: 1px solid #c3c3c3;
			border-left: 1px solid #c3c3c3;
			border-right: 1px solid #c3c3c3;
			height: 35px;
		}
		
		.main_tab a:hover {
		    color: #5C5C5C;
		}
		
		.main_tab_a {
			width: auto;
			height: 35px;
			float: right;
			text-align: center;
			background: url(images/alt_tab.jpg) repeat-x;
			border-top: 1px solid #c3c3c3;
			border-left: 1px solid #c3c3c3;
			border-right: 1px solid #c3c3c3;
		    margin-top: -35px;
		    margin-left: 4px;
		}
		
		.main_tab_a p {
			margin-top: 8px;
			padding-left: 15px;
			padding-right: 15px;
		    color: #5C5C5C;
			font-weight: bold;
		}
		
		.main_tab_a a {
		    color: #5C5C5C;
		    text-decoration: none;
		}
		
		.main_tab_a:hover {
		    background: #f1f1f1;
		    border-top: 1px solid #c3c3c3;
			border-left: 1px solid #c3c3c3;
			border-right: 1px solid #c3c3c3;
			height: 35px;
		}
		
		.main_tab_a a:hover {
		    color: #444;
		}
		
		.main_tab_notActive {
		    width: auto;
			height: 35px;
			float: right;
			text-align: center;
			border-top: 1px solid #c3c3c3;
			border-left: 1px solid #c3c3c3;
			border-right: 1px solid #c3c3c3;
			background-color: #F1F1F1;
		    margin-top: -35px;
		    margin-left: 4px;
		}
		
		.main_tab_notActive p {
			margin-top: 8px;
			padding-left: 15px;
			padding-right: 15px;
		    color: #5C5C5C;
			font-weight: bold;
		}
		
		.main_tab_notActive a 
		{
		    text-decoration: none;
		    color: #5C5C5C;
		}
		
		.main_container {
			width: auto;
			height: auto;
			border: 1px solid #c3c3c3;
			background: #f1f1f1;
			margin-top: 32px;
			padding-left: 10px;
			padding-right: 10px;
		    padding-bottom: 20px;
		}
		/*---------------------------Konec - Hlavní taby-----------------------------*/
		/*---------------------------Začátek - Vnitřní taby-----------------------------*/
		.alt_tab_a {
			width: auto;
			height: 24px;
			float: left;
			text-align: center;
			background: #f1f1f1;
			border-top: 1px solid #c3c3c3;
			border-left: 1px solid #c3c3c3;
			border-right: 1px solid #c3c3c3;
		    margin-top: 8px;
		    margin-right: 4px;
		}
		
		.alt_tab_a p {
			margin-top: 4px;
			padding-left: 12px;
			padding-right: 12px;
			font-weight: bold;
		}
		
		.alt_tab_a a {
		    text-decoration: none;
	        color: #5c5c5c;
		}
		
		.alt_tab_d {
		    width: auto;
			height: 23px;
			float: left;
			text-align: center;
			background: #ededed;
			border-top: 1px solid #c3c3c3;
			border-left: 1px solid #c3c3c3;
			border-right: 1px solid #c3c3c3;
			border-bottom: 1px solid #c3c3c3;
		    margin-top: 8px;
		    margin-right: 4px;
		    color: #bdbdbd;
		}
		
		.alt_tab_d p {
			margin-top: 4px;
			padding-left: 12px;
			padding-right: 12px;
			font-weight: bold;
		}
		
		.alt_tab {
			width: auto;
			height: 24px;
			float: left;
			text-align: center;
			background: url(images/alt_tab.jpg) repeat-x;
			background-position: center bottom;
			border-top: 1px solid #c3c3c3;
			border-left: 1px solid #c3c3c3;
			border-right: 1px solid #c3c3c3;
		    margin-top: 8px;
		    margin-right: 4px;
		}
		
		.alt_tab p {
			margin-top: 4px;
			padding-left: 12px;
			padding-right: 12px;
			font-weight: bold;
		}
		
		.alt_tab a {
		    text-decoration: none;
	        color: #5c5c5c;
		}
		
		.alt_tab a:hover {
		     color: #fccd01;
		}
		
		.alt_tab:hover {
		    background: #f1f1f1;
		}
		/*---------------------------Konec - Vnitřní taby-----------------------------*/
	/*---------------------------Konec - Kontejner-----------------------------*/
	/*---------------------------Začátek - Patička-----------------------------*/
	.clear {
		clear: both;
	}
	
	#foother {
		min-width: 900px;
		height: auto;
		margin-top: 25px;
		color: #000;
	    text-align: center;
	    font-size: 10px;
	}
	
	#foother p {
		padding-top: 15px;
	}
	/*---------------------------Konec - Patička-----------------------------*/
/*--------------------Konec - Hlavní zobrazovací divy---------------------*/

/*----------------------------Začátek - Menu-------------------------------*/

.menu {
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    list-style-type: none;
    background: #FFFFFF;
    font-size: 12px;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
}

.menu div {
    color: #808080;
    padding: 0;    
}

.menu div a {
    margin: 0 0 0 15px;
    padding: 5px;
    color: #808080;
    text-decoration: none;
    width: 100%;
}
.menu div a:hover {
    color: #cda700;
}
.menu div.sub {
    background-color: #ededed;
}

.menu div.title {
    background: #fccd01;
    color: #444;
    padding: 10px 10px 10px 10px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: bold;
}

.menu div.title a {
    margin: 0; 
    padding: 0; 
    color: #444;
}

.menu div.title a:hover {
    color: black;
}

.menu div.withArrow {
    background-image: url(images/yellow_arrow.png);
    background-repeat:no-repeat;
    background-position: 5px 5px;
    margin: 11px 8px 11px 8px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.menu div.withArrowAndPadding {
    background-image: url(images/yellow_arrow.png);
    background-repeat:no-repeat;
    background-position: 5px 5px;
    margin: 11px 8px 11px 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 15px;
}

.menu div.nowActive {
    background: #fccd01;
    background-image: url(/Content/images/white_arrow.png);
    background-repeat:no-repeat;
    background-position: 3% 50%;
    display: block;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: -10px;
    margin-top: -3px;
    font-weight: bold;
}

.menu div .nowActive a {
    color: #444;
    text-decoration: none;
}

.menu div.nowActive a:hover {
    color: black;
}

.menu_separator 
{
    background: url(images/menu_separator.png) repeat-x;
    width: 175px;
    height: 1px;
    float: left;
    margin-top: -8px;
    margin-left: 10px;
}

/*----------------------------Konec - Menu-------------------------------*/

/* Breadcrumb navigation
-----------------------------------------------------------*/
.breadcrumbNav
{
}

/* Styles for html5 elements
-----------------------------------------------------------*/


header,
footer,
nav,
section {
    display: block;
}