.cmp{
	width:350px;
}

body {
font-family: sans-serif;
font-size: 14px;
line-height: 20px;
text-align: center;
background: url('../images/bcg.jpg') repeat center;
}

h1 {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

h2 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

h3 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

p{
margin: 10px;
text-align: justify;
}

img {
    border: none;
} 

/* banner a pata main --------------------------------------------- */

#banner {
height: 164px;
width: 936px;
background: url('../images/banner.png') no-repeat center;
}

#pata {
float: left;
height: 64px;
width: 936px;
background: url('../images/footer.png') no-repeat center;
text-align: center;
display: inline;
}

/* hlavny ------------------------------------------------  */

#main {
height: auto;
margin-top: 0px;
width: 936px;
float: left;
background: url('../images/stripe.png') repeat-y;
display: inline;
}

/* pata obsah ------------------------------------------------  */

#patacont{
margin: 25px auto 0px auto;
height: 25px;
width: 870px;
color: #ffffff;
text-align: center;
font-size: x-small;
}

/* wrapper ---------------------------------------------- */

#wrapper {
width: 936px;
margin: 0px auto 0px auto;
height: 1%;
text-align: left;
}

/* kontajner -------------------------------------------- */

#container {
padding: 0px;
margin: 0px 0px 0px 0px;
height: 1%;
width: 936px;
}

/* clearer ---------------------------------------------- */

.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}

/* navigacia po stranke ------------------------------------------------  */

#navigacia{
background-image: url(../images/menu_gradient.png);
color: #ffffff;
height: 30px;
width: 881px;
line-height: 30px;
text-align: left;
font-size: small;
margin: 10px 29px 0px 29px;
text-indent: 15px;
font-weight: bold;
}


/* obsah ----------------------------------------------- */

#content {
margin: 0px 10px 0px 12px;
height: auto;
width: 488px;
float: left;
background-color: #c9c182;
display: inline;
padding-top:20px;
}

#content th{
	color:#FFFFFF;
	background-color: #7E785E;
}

#content td{
	border: 1px #7E785E solid;
	padding: 2px;
	font-size:small;
}

#content a:link, #content a:visited, #content a:hover{
	color:#000000;
	text-decoration:underline;
}

#content li a:link, #content li a:visited, #content li a:hover{
	color:#000000;
	text-decoration:underline;
}

/* pravy a lavy stlpec ------------------------------------------------  */

#lavystlpec {
margin: 0px 0px 10px 20px;
height: auto;
width: 175px;
float: left;
background-color: #c9c182;
display: inline;
}

#pravystlpec {
margin: 0px 0px 10px 2px;
float: left;
height: auto;
width: 193px;
background-color: #c9c182;
display: inline;
}

/* menu ------------------------------------------------  */

.menunadpis{
background-image: url(../images/menu_gradient.png);
color: #ffffff;
height: 30px;
line-height: 30px;
text-align: left;
font-size: 11px;
}

.menulave {
	width: 175px;
	margin: 0px 0px 0px 0px;
	}
	
.menuprave {
	width: 194px;
	margin: 0px 20px 0px -1px;
	display: inline;
	}

.menuprave ul, .menulave ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
	
.menuprave li a {
	  height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	 text-decoration: none;
	}	
	
.menuprave li a:link, .menuprave li a:visited {
	color: #000000;
	font-weight: bold;
	font-size: small;
	display: block;
	background:  url('../images/menu2.gif');
	padding: 8px 0 0 30px;
	}
	
.menuprave li.current a, .menuprave li a:hover {
	color: #ffffff;
	font-weight: bold;
	font-size: small;
	background:  url('../images/menu2.gif') 0 -32px;
	padding: 8px 0 0 30px;
	}	
	
.menulave li a {
	  height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	 text-decoration: none;
	}	
	
.menulave li a:link, .menulave li a:visited {
	color: #000000;
	font-weight: bold;
	font-size: small;
	display: block;
	background:  url('../images/menu.gif');
	padding: 8px 0 0 30px;
	}
	
.menulave li.current a, .menulave li a:hover {
	color: #ffffff;
	font-weight: bold;
	font-size: small;
	background:  url('../images/menu.gif') 0 -32px;
	padding: 8px 0 0 30px;
	}

/* login ------------------------------------------------  */

#login {
     color: #000000;
     font-family: sans-serif;
     font-weight: bold;
     font-size: small;
     width: 168px;
     margin: 5px 0px 0px 5px;
    }
    
.texta {
 font-size: 12px;
 color: #000000;
 background-color: #ffffff;
 border: 1px solid #000000;
}

.button{
margin: 5px 0px 0px 0px;
color: #ffffff;
background-color: #000000;
border: 1px solid #ffffff;
}

.maleb{
 text-decoration: underline;
 font-size: x-small;
 font-weight: bold;
 color: #000000;
 margin: 5px 5px 5px 5px;
}

/* wrappery ------------------------------------------------  */

#contwrap {
margin: 0px 10px 0px 10px;
height: auto;
width: 915px;
float: left;
background-color: #c9c182;
background-image: url(../images/stripe2.png);
display: inline;
}

#topwrap {
margin: 10px 10px 0px 10px;
height: 1px;
width: 915px;
float: left;
background-color: #c9c182;
background-image: url(../images/stripe3.png);
font-size: 0px;
display: inline;
}

#bottomwrap {
margin: 0px 10px 0px 10px;
height: 1px;
width: 915px;
float: left;
background-color: #c9c182;
background-image: url(../images/stripe3.png);
font-size: 0px;
display: inline;
}


/* top menu obal ------------------------------------------------  */

#topmenuobal{
margin: 20px 10px 0px 10px;
height: 30px;
width: auto;
float: right;
}

/* vyber jazyka ------------------------------------------------  */

#langselect{
margin: 20px 35px 0px 10px;
height: 30px;
width: 190px;
float: right;
text-align: right;
display: inline;
}

/* top search ------------------------------------------------  */

#topsearch{
margin: 55px 32px 0px 10px;
height: 30px;
width: 215px;
float: right;
text-align: right;
display: inline;
}

/* top menu samotne ------------------------------------------------  */

#topmenu{
margin: 0;
padding: 0;
}

#topmenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: auto;
border: 2px solid #000000;
border-width: 2px 0;
}

* html #topmenu ul{ /*IE */
margin-bottom: 0;
}

#topmenu ul li{
display: inline;
}


#topmenu ul li a{
float: left;
color: #000000;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
background: #ddd190 url(../images/menudivide.gif) top right repeat-y;
}

#topmenu ul li a:hover{
color: black;
background-color: #ddd190;
border-bottom: 4px solid black;
padding-bottom: 0;
}

#topmenu ul li.current a{
color: #ffffff;
background-color: #000000;
border-bottom: 4px solid #000000;
padding-bottom: 0;
}