/* Zaklad */
BODY {
font-size : 13px;
color : black;
font-family : Arial,'Arial CE',sans-serif;
background-color: black;
text-align : center;
background-image: url(background.jpg);
background-repeat: repeat-x;
background-position: top;
margin:0; 
padding:0;
}

#area {
float : left;
background-color: White;
width : 950px;
height: 290px;
text-align : left;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
background-image: url(prouzek.png);
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #BCBCBA;
}

#wide {
float : left;
background-color: White;
width : 945px;
height: auto;
text-align : left;
padding-left: 10px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 10px;
color: Black;
border: 1px solid #BCBCBA;
}

#wide_play {
float : left;
background-color: White;
width : 945px;
height: auto;
text-align : left;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 5px;
border: 1px solid #BCBCBA;
}

#search{
float: right;
color: White;
width: 280px;
height: 35px;
text-align: right;
margin-top: 0px;
}

#log{
float: right;
color: White;
width: 225px;
height: auto;
text-align: right;
margin-top: 25px;
}

#menu{
float: right;
color: White;
width: 400px;
height: 35px;
text-align: right;
margin-top: 8px;
}

#obal{
float: right;
color: White;
width: 710px;
height: 35px;
text-align: right;
margin-top: 5px;
}

.kod {
width: 400px;
border: 1px solid #85a2c5;
color: #85a2c5;
text-align: left;
font-size: xx-small;
height: auto;
margin-top: 5px;
}

#blue {
float : right;
color: black;
background-image: url(blue.png);
background-repeat: repeat-x;
width : 296px;
height: 245px;
text-align : left;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
}

#green {
float : right;
color: rgb(109,73,23);
background-image: url(green.png);
background-repeat: repeat-x;
width : 170px;
height: 245px;
text-align : left;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
margin-right: 5px;
}

#videa {
width : 245px;
color: Black;
background-color: #C9DCC2;
border: 1px solid #45792A;
height : auto;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 15px;
text-align: left;
}

#left {
float : left;
background-color: White;
width : 635px;
text-align : left;
margin-top: 10px;
height : auto;
padding-left: 8px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
border: 1px solid #BCBCBA;
}

#left2 {
float : left;
background-color: White;
width : 610px;
text-align : left;
margin-top: 5px;
margin-right: 0px;
height : auto;
}

#right {
float : right;
background-color: White;
width : 295px;
text-align : left;
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 10px;
border: 1px solid #BCBCBA;
}

#right2 {
float : right;
background-color: White;
width : 300px;
text-align : left;
margin-right: 0px;
margin-top: 5px;
margin-right: 0px;

}


#end {
height: auto;
background-color: White;
background-image: url(prechod.png);
background-repeat: repeat-x;
background-position: top;
color: black;
text-align: left;
width : 952px;
margin-top: 10px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border: 1px solid #BCBCBA;
}

#mini {
font-size: 10px;
}

#delka {
border : 0 none;
margin : 0;
padding : 0;
float : none;
clear : both;
width : 0;
height : 0;
line-height : 0;
font-size : 0;
}

#case {
width : 962px;
height : auto;
float: center;
margin: 0px auto 0px auto;
}

#logo{
float: left;
width : 175px;
height: 100px;
}


p {
margin: 0px; 
}

#pruh {
width : 100%;
height: 100px;
text-align: center;
background-image : url(back.png);
color: #FFFFFF;
background-repeat: repeat-x;
margin-bottom: 10px;
}

#prouzek {
width : 100%;
height: 24px;
text-align: center;
color: #FFFFFF;
background-color: #575651;
padding-top: 5px;
}

#head {
text-align: left;
width : 975px;
height : 100px;
color: #FFFFFF;
background-repeat : no-repeat;
margin: 0px auto;
vertical-align: bottom;
}

#prouzek_head {
text-align: left;
width : 975px;
color: #FFFFFF;
background-repeat : no-repeat;
margin: 0px auto;
}

.player {
width : 610px;
margin-top: 5px;
margin-bottom: 5px;
margin: 0px auto;
background-color: Gray;
}

.nastroje {
width : 288px;
color: black;
background-color: #FFFFFF;
background-repeat: repeat-x;
background-image : url(gray.png);
border: 1px solid #DEDEDE;
height : auto;
margin-top: 5px;
margin-bottom: 10px;
padding-top: 0px;
padding-left: 4px;
}


#autor {
width : 288px;
color: black;
background-color: #FFFFFF;
background-repeat: repeat-x;
background-image : url(gray.png);
border: 1px solid #DEDEDE;
height : 90px;
margin-top: 5px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 5px;
}

.obrazek{
width: 75px;
height: 70px;
float: left;
border: 2px solid #000000;
margin-right: 5px;	
margin-bottom: 5px;											             
}

#obrazek_big {
margin-right: 10px;
margin-bottom: 10px;
float: left;
border: 1px solid #293E56;
background-color: #E6E2BF;
width: 200px;
height: autopx;
text-align: center;
}


a {
color : #3e5673;
text-decoration: none;
}

a:hover {
color : #7095af;

}

.menu {
color : #ffffff;
font-size: 16px;
font-weight: bold;
margin-right: 10px;
}

.menu:hover {
color : #ffffff;
font-size: 16px;
font-weight: bold;
background-color: #000000;
}

.white {
color : #ffffff;
}

.white:hover {
color : #ffffff;
text-decoration : underline;
}

.black {
color : #000000;
}

.black:hover {
color : #ffffff;
text-decoration : underline;
background-color: #00AEF0;
}

.blue {
color : black;
}

.blue:hover {
color : white;
text-decoration : underline;
background-color: rgb(11,153,219);
}

.green {
color : rgb(109,73,23);
}

.green:hover {
color : white;
text-decoration : underline;
background-color: rgb(109,73,23);
}

.find {
color : black;
font-weight : bold;
font-size : 15px;
}

.find:hover  {
color : white;
background-color: #00AEF0;
font-weight : bold;
font-size : 15px;
}	

/* Zaklad - konec*/
										
#vip 				{ 
width: 452px; 
height: 251px;
color: white;
background-repeat: no-repeat;
background-color: black;
text-align : left;
padding-top: 2px;
padding-left: 4px;
padding-bottom: 8px;
position: relative;
float: left;
}
			
/* Reports */
.reports{
height: auto;	
width: 620px;
color: #000000;
background-color: #F6F6F6;
margin-top: 5px;
padding-left: 5px;
padding-right: 5px;			
padding-top: 5px;	
padding-bottom: 5px;									             
}			

.report-box{
height: auto;	
float: right;
width: 135px;
height: auto;
color: #000000;
border-left: 1px solid #CACACA;
padding-left: 5px;
									             
}		
					
.nadpis-text {
color : #0B99DB;
font-weight : bold;
font-size : 16px;
}

.nadpis-text:hover    {
color : #0B99DB;
font-weight : bold;
text-decoration: underline;
font-size : 16px;
}			
						
										
h1 {
color : #C60000;
margin: 0px;															
}

h2 {
color : #ffffff;
font-size : 17px;
margin: 0px;
}

h3 {
color : #C80000;
font-size : 17px;
font-weight: bold;
margin-top: 1px;
margin-bottom: 0px;
}

h4                {
background-color: rgb(11,153,219);
background-repeat: no-repeat;
color : #ffffff;
font-size : 14px;		
width: 610px;	
padding-left: 3px;																
}

/* Tagy */						
.tag1 {
color : black;
font-weight : bold;
font-size : 15px;
}

.tag1:hover  {
color : white;
background-color: #00AEF0;
font-weight : bold;
font-size : 15px;
}	

.tag2 {
color : black;
font-weight : bold;
font-size : 17px;
}

.tag2:hover  {
color : white;
background-color: #00AEF0;
font-weight : bold;
font-size : 17px;
}		

.tag3 {
color : black;
font-weight : bold;
font-size : 20px;
}

.tag3:hover  {
color : white;
background-color: #00AEF0;
font-weight : bold;
font-size : 20px;
}		

.tag4 {
color : black;
font-weight : bold;
font-size : 23px;
}

.tag4:hover  {
color : white;
background-color: #00AEF0;
font-weight : bold;
font-size : 23px;
}		

.tag5 {
color : black;
font-weight : bold;
font-size : 25px;
}

.tag5:hover  {
color : white;
background-color: #00AEF0;
font-weight : bold;
font-size : 25px;
}			
	
/* Diskuse */				
#kniha {
text-align : left;
border : 1px solid #4c4a4c;
background-color : #e6ecf0;
width : 99%;
padding : 0 5px 5px 5px;
}

.jmeno {
color : white;
font-weight : bold;
font-size : 12px;
padding : 2px 0 2px 10px;
}

.vypis {
padding : 2px 5px 6px 5px;
font-size : 12px;
}

.kniha_hlavicka {
background-color : rgb(7,99,143);
}

.tabulka_vypis a {
font-size : 10px;
}

.tabulka_vypis a:hover {
font-size : 10px;
}

.datum {
color : rgb(217,216,215);
font-size : 12px;
padding : 2px 10px 2px 0;
}

.akt {
text-decoration : none;
color : #ffffff;
background-color: #00AEF0;

}

.akt:hover {
color : #ffffff;
background-color: #0093CA;

}

.neakt {
display : none;
}

.prispevky {
text-align : left;
display : block;
}

#upozorneni {
display : block;
border : 2px dashed red;
padding : 2px;
color : #ff0000;
}

.http {
font-size : 10px;
}

#kniha b {
color : #000000;
}

.tabulka_vypis {
text-align : left;
border-left : 1px solid #4c4a4c;
border-right : 1px solid #4c4a4c;
border-bottom : 1px solid #4c4a4c;
background-color : #ffffff;
width : 99%;
padding-bottom : 15px;
}	

.TlacitkoOdeslat{
border:1px solid #BFBFBF;
background-color:#e6ecf0;
font-size:10px;
}

.anketa th{
	background-color:#b5c8d2;
	border:1px solid #BFBFBF;
}
.anketa td{
	border:1px solid #BFBFBF;
}
