* {

	margin: 0px;

	padding: 0px;}

body {

	background: #EEEEEE url('../layout/background.png') center top repeat-x;

	font: 0.8em Trebuchet MS;}



h1 {

	font-size: 1em;

  }

#homepage{

	  color: #0093DD;

	  text-align: center;

	  font-size: 2em;

	  display:none;

	  padding: 10px 50px 10px 50px;

		text-decoration: none;}

		



		

h2 {

  color: #000000;

  padding: 4px 10px 4px 24px;

  font-size: 1.3em;

  word-spacing: -1px;

  font-family: Trebuchet MS;;

  margin: 0px;}

h2 span{

  padding: 0px 0px 0px 5px;

  position: relative;

  left: 5px;

  background: url('../layout/h2-arrow.png') 0px 10px no-repeat;}



h3 {

  color: #DB261F;

	padding: 12px 0px 5px 15px;

	font-size: 1.2em;}





h4 {

	font-size: 1em;

}



p {

	margin: 10px 0px 10px 0px;

}



ul {

	margin: 5px 5px 5px 25px;

	list-style: circle;

}



	ul.list_decimal {

		list-style: decimal;

	}



hr {

	display: none;

}



a img {

	border-width: 0px;

}









/*#################### layout ####################*/

#container {

	margin: auto;

	padding: 0px 0px 0px 103px;

	position: relative;

	background: url('../layout/mraky.png') 0px 26px no-repeat;

	width: 1051px;}

#header {

	width: 932px;

	height: 207px;

	position: relative;

	background: url('../layout/header.png') 0px 26px no-repeat;}

	#header form div {

	color: white;

  text-decoration: none;

  font-size: 0.9em;

  padding: 0px 0px 0px 8px;}

  #header form #header-text{

  width: 162px;

  background: url('../layout/header-text.png') no-repeat;

  padding: 1px 3px 1px 3px;}

#doplnek {

  padding: 6px 14px 0px 0px;

  float: right;}

  #doplnek a {

  color: white;

  text-decoration: none;

  font-size: 0.9em;}

  #doplnek a:hover {

  text-decoration: underline;}

#header #header-description {

  position: absolute;

  top: 44px;

  left: 190px;

  color: #F0A900;

  font-size: 0.9em;}

#header form {

  color: #828588;

  float: left;}

  #header-submit {

    position: relative;

    top: 5px;}

  #header-text {

    border: 0px;

    width: 160px;

    height: 17px;

    background: url('../layout/header-text.png') no-repeat;}

#header #plus {

  position: absolute;

  right: 10px;

  bottom: 6px;}

  #header #plus a {

    text-decoration:none;

    display: block;

    float: left;

    width: 140px;

    height: 13px;

    margin: 0px 5px 0px 5px;

    padding: 6px 0px 5px 25px;

    font-weight: bold;

    font-size: 0.8em;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    background: url('../layout/header-plus.png') no-repeat;

    color: #FFFFFF;}

#flags {

    float: right;

    padding: 0px 10px 0px 30px;}

    #flags img {

    padding: 10px 3px 0px 9px;

    background: url('../layout/vlajka-parser.png') no-repeat;}

#body {

  width: 923px;

  clear: both;

  position: relative;

  padding: 28px 0px 0px 0px;

  background: #FFFFFF url('../layout/body.png') no-repeat;}

  #body h2.white {

    color: #FFFFFF;}

  #volejte {

    font-weight: bold;

    font-size: 1.3em;

    position: absolute;

    right: 60px;

    color: #222222;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    top: 26px;}

  #navigace {

  color: #F0A900;

  padding: 10px 0px 10px 5px;}

  #content #navigace a {

  color: #F0A900;}

  #navigace span {

  position: relative;

  top: -5px;}



/*#################### menu ####################*/



#menu {

  position: absolute;

  bottom: 39px;

  left: 20px;

  text-align: center;}

#menu ul {

  margin: 0px 0px 0px 0px;

  list-style-type: none;

  }

#menu ul li{

  float: left;

  position: relative;

  width: 89px;

  height: 35px;}

#menu ul li a {

  position: absolute;

  top: 0px;

  left: -1px;

  width: 92px;

  height: 31px;

  font-size: 1em;

  margin: 0px 0px 0px 0px;

  padding: 4px 0px 0px 0px;

  text-decoration: none;

  line-height: 1em;

  color: #FFFFFF;

  display: block;}

  #menu ul li a:hover, #menu ul li a.active {

    color: #464646;

    background: url('../layout/menu-button-hover.png') no-repeat;}

  

/*#################### submenu ####################*/



#submenu {

  position: absolute;

  bottom: 5px;

  left: 15px;

  text-align: center;}

#submenu ul {

  margin: 0px 0px 0px 0px;

  list-style-type: none;

  }

#submenu ul li{

  float: left;}

#submenu ul li a {

  height: 21px;

  font-size: 1em;

  margin: 0px 5px 0px 5px;

  padding: 5px 10px 0px 10px;

  text-decoration: none;

  line-height: 1em;

  color: #DF271F;

  position: relative;

  display: block;}

#submenu ul li a .submenu_left {

display: block;

width: 5px;

height: 26px;

position: absolute;

top:0px;

left: 0px;}

#submenu ul li a .submenu_right {

display: block;

width: 5px;

height: 26px;

position: absolute;

top:0px;

right: -1px;}

#submenu ul li a:hover,#submenu ul li a.active {

background: url('../layout/submenu-button-background.png') repeat-x;color: #464646;}

#submenu ul li a:hover .submenu_left, #submenu ul li a.active .submenu_left {

background: url('../layout/submenu-button-left.png');}

#submenu ul li a:hover .submenu_right, #submenu ul li a.active .submenu_right{

background: url('../layout/submenu-button-right.png');}



/*#################### left ####################*/

#left {

  float: left;

  margin: 30px 0px 0px 0px;

  width: 244px;}

#left h2 {

  color: #FFFFFF;

  height: 22px;

  width: 210px;

  background: url('../layout/left-header.png') no-repeat;}

/*########## left-menu ##########*/

ul#left-menu {

  list-style-type: none;

  margin: 0px;

  padding: 0px 0px 15px 0px;

  border: 1px solid #CFCFCF;

  border-bottom: 0px;}

  #left-menu a {

    display: block;

    height: 25px;

    width: 225px;

    word-spacing: -1px;

    padding: 2px 0px 0px 15px;

    font-size: 1.0em;

    border-left: 1px solid #FFFFFF;

    border-right: 1px solid #FFFFFF;

    text-decoration: none;

    color: #6B6A70;

    background: url('../layout/left-menu-button.png') repeat-x;}

  #left-menu a:hover {

    text-decoration: underline;}

  #left-menu a.active {

    text-decoration: underline;}

/*########## left-odkazy ##########*/

#left-odkazy {

  height: 100px;

  width: 232px;

  border: 1px solid #CFCFCF;

  border-top: 0px;

  font-size: 11px;

  padding: 5px;  

  color: #6B6A70;  

  background: url('../layout/left-novinky-background.png') repeat-x;}

#left-odkazy a{

  color: #6B6A70;

  text-decoration: none;

  }  

.left-partneri{

  text-decoration: none;

  color: #FFFFFF;  

  }  

    

/*########## left-novinky ##########*/

#left-novinky {

  height: 110px;

  width: 242px;

  border: 1px solid #CFCFCF;

  border-top: 0px;

  background: url('../layout/left-novinky-background.png') repeat-x;}

#left-novinky div {

  height: 93px;

  width: 230px;

  color: #8B8B8B;

  padding: 15px 0px 0px 10px;

  background: url('../layout/left-novinky-img.png') right bottom no-repeat;

  border: 1px solid #FFFFFF;}

#left-novinky form #left-novinky-text{

  width: 129px;

  height: 16px;

  background: url('../layout/left-novinky-text.png') no-repeat;

  border: 0px;

  padding: 3px 3px 3px 3px;}

#left-novinky form #left-novinky-submit{

    position: relative;

    top: 6px;}    

    



/*#################### content ####################*/



#content {

  width: 537px;

  float: left;

  padding: 20px 10px 0px 5px;}

  #content a{

    color:#DB261F;}

  #content a:hover{

    color:#000000;

    text-decoration: none;}

  #content h2 {

    color: #DB261F;

    margin: 0px;

    padding: 10px 0px 10px 5px;

    /*background: url('../layout/content-h2.png') no-repeat;*/}



/*#################### reklamy ####################*/

#reklamy {

  float: right;

  width: 127px;

  margin: 20px 0px 0px 0px;

  border-bottom: 1px solid #B5B6BA;

  background-color: #FDFDC9;}

#reklamy div {

  text-align: center;

  padding: 0px 0px 0px 0px;

  border-top: 1px solid #DA251E;

  border-right: 1px solid #DA251E;

  border-bottom: 1px solid #8A8B8F;}

#reklamy h2 {

  color: #FFFFFF;

  height: 22px;

  width: 127px;

  background: url('../layout/reklamy-header.png') no-repeat;}

#reklamy h3 {

  color: #FFFFFF;

  background: #DB261F;

  padding: 2px 0px 2px 0px;}

#reklamy .nem {

  display: block;

  font-size: 0.9em; 

  padding: 5px 0px 5px 0px;}

#reklamy .nem a {

  color: #DB261F;

  text-decoration: none;}

#reklamy .nem a:hover {

  color: #000000;

  text-decoration: none;}



/*#################### footer ####################*/



#footer {

  font-size: 0.9em;

  background: url('../layout/footer.png') no-repeat;

  height: 53px;

  width: 903px;

  padding: 3px 0px 0px 20px;

  color: #909092;

  margin-bottom: 0px;}

	#footer a {

    color: #909092;}

	#footer a:hover {

    text-decoration: none;}





#odkazy {

     font-size: 0.8em;

     color: #909092;

     width: 920px;

  }

  #odkazy a {

    color: #909092;}

	#odkazy a:hover {

    text-decoration: none;}



	

	

			/* classes */



.center {

	text-align: center;}

.clear {

	clear: both;

	padding: 1px;}

.none {

	display: none;}

	

.fl_right {

	float: right;}

.fl_left {

	float: left;}



.fifty {

	width: 50%;

	float: left;}	



.line{

  width: 100%;

  height: 1px;

  clear: both;

  overflow: none;

  background: #BBB7B4;}