* {margin: 0px; padding: 0px;}

body {text-align: center; background: #ffffff url("images/bodyback.gif") top repeat-x; font-size: 70%; font-family: Verdana, Arial;}

b {
color: green;
}


#wrapper {
background-color: #ffffff;
margin:0px auto;
position:relative;
text-align:left;
top:0px;
width:800px;
z-index:1;
padding-bottom: 30px;
}

.clear {clear: both;}

.hornilinka {width: 100%; height: 28px; background: #c3cf21 url("images/hornilinkaprava.jpg") right no-repeat;}
.hornilinka a img {border: none; padding: 6px 5px 0 0;}


.hlava {width: 100%; height: 61px; background: #ffffff url("images/hlava.jpg") right no-repeat;}

.logo {width: 136px; height: 104px; float: left; background: #ffffff;}
.logo h1 {font-size: 20px; height: 104px; width: 104px; margin-left: 16px; margin-right: 16px;}
.logo h1 a {width: 104px; height: 104px; display: block; position: relative;}
.logo h1 a:hover {cursor: pointer;}
.logo h1 a span {width: 104px; height: 104px; position: absolute; left:0; top:0; z-index:2; background-image: url("images/logo.jpg");}

.ruzovypruh {width: 664px; height: 104px; float: right; background: url("images/ruzovypruh.jpg") no-repeat;}


.spodekhlavicky {width: 100%; float: left; height: 49px; background: #ffffff url("images/spodekhlavicky.jpg") right no-repeat;}

.cara {width: 780px; float: left; background: url("images/tecka.gif") repeat-x; line-height: 1px; font-size:1px; margin-right:10px; margin-left:5px;}

.content {width: 550px; float: left; background: #ffffff;}
.content2 {width: 800px; float: left; background: #ffffff;}
.dotaznik {width: 100%; float: left; background: #ffffff;}
.news {width: 250px; float: right;}
.copy {width: 250px; float: right; margin-top: 30px;}




menu { margin:0; padding:0; list-style: none; width: 800px; float: left; margin-top: 24px; line-height: 25px; height: 25px;}
menu li {float: left; width: 132px; margin-right: 1px;}
menu a {display: block; color: #005696; padding-left: 5px; padding-right: 5px; background: url("images/linkab.gif") no-repeat left top; font-size: 9px; font-weight: bold; text-align: center; text-decoration: none;}
menu a:hover {color: #EC118F;}
menu a.active {background: url("images/linkaa.gif") no-repeat left top; color: #ffffff;}



.content .obrodkaz {background: none; padding: 0;}
.content .obrodkaz img {border: 0;}


.ruzovypruh h1 { font-size: 18px; color: #ffffff; font-style: italic; margin-top:50px; margin-left: 25px;}

.content h1 {font-size: 18px; color: #c3cf21; margin: 30px 0 0 15px; font-family: Arial;}
.content h2 {font-size: 13px; color: #ec118f; margin: 15px 0 0 30px;}
.content p {font-size: 11px; color: #111; margin: 5px 25px 0 35px;}
.content ul {font-size: 11px; color: #111; margin: 5px 25px 0 50px;}
.content a {font-size: 11px; color: #c3cf21; padding-left: 17px; background: url("images/odkaz.gif") left center no-repeat; text-decoration: none;}
.content a:hover {text-decoration: underline;}
.content img {padding: 5px;}

.protisk {margin-bottom: 10px;}
.protisk h1 {font-size: 18px; color: #c3cf21; margin: 30px 0 0 15px; font-family: Arial;}
.protisk p {font-size: 11px; color: #111; margin: 5px 25px 0 35px;}
.protisk a {font-size: 11px; color: #c3cf21; padding-left: 17px; margin-top: 25px; background: url("images/odkaz.gif") left center no-repeat; text-decoration: none;}
.protisk h3 {width: 750px; margin-top: 15px; margin-left: 15px; color: #ec118f; font-size: 13px;}
.protisk table {width: 750px; border: 1px solid black; margin-left: 25px; margin-top: 5px; border-collapse: collapse;}
.protisk table td {border: 1px solid black; padding: 5px; width: 50%; _width: 375px;} 

.dotaznik h1 {font-size: 18px; color: #c3cf21; margin: 30px 0 0 15px; font-family: Arial;}
.dotaznik p {font-size: 11px; color: #111; margin: 5px 25px 0 35px;}

.bg {font-weight: bold; color: #c3cf21;}
.povinne {font-style: italic; font-size: 10px; font-weight: normal; }

.copy h2 {font-size: 11px; color: #ec118f; font-weight: bold; padding-left: 50px;}
.copy p {font-size: 10px; color: #ec118f; padding-left: 50px;}
.copy img {margin-left: 20px;}
.copy a {font-size: 10px; color: #ec118f; text-decoration: none;}
.copy a:hover {text-decoration: underline;}

.box h2 {font-size: 15px; color: #fff; padding-bottom: 5px; padding-top: 5px;}
.box img {border: 1px solid #c3cf21}
.box p {margin-left: 5px; padding-bottom: 10px; }
 


div.img {
width: 180px;
margin: 10px 5px;
padding: 0;
padding-left: 5px;
_padding-left: 10px;
position: relative;
}
  
div.img img {
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
vertical-align: bottom;
}

/* box */

.box {
	position:relative;
	width:200px;
	height:auto;
	margin-top: 37px;
	padding:.5em;
	font-size:.8em;
	color:#000;
	background:#d4e044;
	border-top:10px solid #d4e044;
	border-bottom:10px solid #d4e044;
	border-left:10px solid #d4e044;
	border-right:10px solid #d4e044;
	text-align:left;
}

.tl, .tr, .dl, .dr {
	position:absolute;
}

.tl, .tr {
	top:-10px;
}

.dl, .dr {
	bottom:-10px;
}

.tl {
	left:-10px;
	background:url('circle2.gif') left top no-repeat #fff;
}

.tr {
	right:-10px;
	background:url('circle2.gif') right top no-repeat #fff;
}

.dl {
	left:-10px;
	background:url('circle2.gif') left bottom no-repeat #fff;
}

.dr {
	right:-10px;
	background:url('circle2.gif') right bottom no-repeat #fff;
}

.tl, .tr, .dl, .dr {
	width:10px;
	height:10px;
	font-size:0px;
}


fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #c3cf21;
  background: #f8f8f8;
  _background: none;
}

legend {font-weight: bold; }
label {font-weight: bold; display: block;}

input {width: 200px;}
form {width: 350px; margin-left: 35px; }

#jmeno {float: left;}

.dotaznik form {width: 700px; margin-left: 35px; }
.dotaznik input {float: left;}
.dotaznik a {font-size: 11px; color: #c3cf21; padding-left: 17px; padding-right: 17px; background: url("images/odkaz.gif") left center no-repeat; text-decoration: none;}
.dotaznik a:hover {text-decoration: underline;}
.dotaznik p {padding:10px;}
.dotaznik h2 {font-size: 13px; color: #ec118f; margin: 15px 0 0 30px;}

.input {width: 200px; float: left; padding: 10px;}
.radio {width: 400px; float: left; padding: 10px;}
.opt {float: left; width: 50px; padding: 10px;}
.opt input {width: 15px;}

.dodatek {width: 200px; float: left; padding: 10px;}

.vpd {margin-top: 50px;}
.pk {float: left; width: 400px; padding-top:30px; padding-left: 35px;}
.pl {float: left; padding-top:30px; padding-left: 35px;}


textarea {width: 250px; height: 150px;}
.onlyprint {display: none;}
.obrazky {margin-left: 30px; margin-top: 10px;}
.obrazky a {background: none; padding: 0;}
.obrazky a img {border: none;}
.mapicka {margin-left: 30px;}

.logoprint {display: none;}
.nadpisprint {display: none;}
.vizitka {width: 300px; height: 173px; background: url(images/vizitka.gif) no-repeat left top; margin: 10px 0 10px 35px;}

.content .vizitka p {padding: 10px 0 0 0; margin-left: 20px; color: #ec0289;}
.content .vizitka a {background: none; padding: 0; color: #ec0289;}
.content .vizitka h3 {font-size: 9px; color: #EC118F; font-weight: bold; padding-top: 65px; padding-left: 15px;}



#javaobr:hover {cursor: pointer;}
#the_label {margin-left: 180px; font-size: 16px; font-weight: bold;}

#prnt {font-size: 11px; color: #c3cf21; padding-left: 17px; margin-top: 25px; background: url("images/odkaz.gif") left center no-repeat; text-decoration: none;}