/*
 * screen.css - media screen (all)
 * Autor: Martin Zemánek, martinzemanek at email.cz
 */
* {
padding: 0;
margin: 0;
}
.noborder {
  border:none;
  background:none;
}
body {
 font-family: Arial, Verdana, "Times New Roman";
 font-size: 12px;
 color: black;
 background: url(../images/background.gif) repeat;
}
/* ------------------ PoziÄŤnĂ­ bloky - obsah, sloupce--------------------*/
#wrap {
  margin:0 auto;
  width:980px;
}
#content_block {
  width:100%;
  background: #d3d3d1 url(../images/content_back.gif) repeat-y center top;
}
#main {
 float: left;
 width:100%;
}
#content {
 float:left;
 display:block;
 width:670px;
}
#left {
 float: left;
 width:290px;
 margin-right: 20px;
}

/* ------------------ HlaviÄŤka --------------------*/
#header {
 background: url(../images/header.jpg) no-repeat;
 height:350px;
 width:998px;
 position: relative;
 margin:0 auto;
}
#header_back {
 background: #d3d3d1 url(../images/header_back.gif) repeat-x;
}

#header #header_perex {
  font-size:30px;
  position:absolute;
  top: 235px;
  left: 55px;
  line-height:24px;
  color: #677077;
  font-weight:normal;
  font-style: italic;
  font-family: Arial, Verdana;
}

#header #header_perex em {
color: #ffffff;
font-size: 24px;
margin-left: -10px;
line-height:40px;
}

#header #kontakt_box {
font-size: 14px;
padding: 40px;
  position:absolute;
  top:32px;
  left: -10px;
  display:block;
  width:101px;
  height: 101px;
  font-weight: bold;
  background: url(../images/kontakt_box.png) no-repeat top left;
}
#header p {
  color:black;
}
#header:hover {
 text-decoration:none;
 cursor:pointer;
}
#header #kontakt_box strong {
color: #69aa1c;
font-size: 16px;
}


#footer_back {
  width:980px;
  margin: 0 auto;
}
/* ------------------ MENU nahoře --------------------*/
#logo_span span {
  position: absolute;
  top:66px;
  margin-left:75px;
  color:silver;
  font-size:10px;
}

#logo {
  position: absolute;
  top:0;
  margin-left:0;
}
#logo img {
  border:0;
}
#navigace {
 margin: 0 auto;
 width: 987px;
}
#navigace_back {
 height: 80px;
 background: #232323;
}

#navigace ul {
margin-left:155px;
padding-top: 20px;
}

#navigace li {
  list-style-type:none;
  float:left;
  padding: 5px 0;
}

#navigace li span.separator {
  background: url(../images/separator.gif) no-repeat top left;
  height:30px;
  padding:0 10px;
}
#navigace li.selected_first span.separator {
  background: none;
}

#navigace li a {
padding: 10px 0px;
height:55px;
margin: 0;
display: block;
float: left;
text-decoration: none;
}

#navigace li a.a_1:hover {
  background: url('../images/menu_over1.png') no-repeat center 3px;
  height:30px;
}
#navigace li a.a_2:hover {
  background: url('../images/menu_over1.png') no-repeat center 3px;
  height:30px;
}
#navigace li a.a_3:hover {
  background: url('../images/menu_over2.png') no-repeat center 3px;
  height:30px;
}
#navigace li a.a_4:hover {
  background: url('../images/menu_over3.png') no-repeat center 3px;
  height:30px;
}
#navigace li a.a_5:hover {
  background: url('../images/menu_over4.png') no-repeat center 3px;
  height:30px;
}
#navigace li a.a_6:hover {
  background: url('../images/menu_over5.png') no-repeat center 3px;
  height:30px;
}
#navigace li a.a_7:hover {
  background: url('../images/menu_over6.png') no-repeat center 3px;
  height:30px;
}
#navigace li a.a_8:hover {
  background: url('../images/menu_over7.png') no-repeat center 3px;
  height:30px;
}

#navigace li.selected_first, #navigace li.selected {
  background: url('../images/menu_selected.png') no-repeat center 50px;
  text-decoration:none;
}
#navigace li.selected_first {
  margin-left:10px;
}
#navigace li.first {
  padding-left:10px;
  background:none;
}
#navigace li.first span.separator {
  background:none;
}
#navigace li a {
  color:white;
   cursor:pointer;
}

#navigace a img {
position: absolute;
top: 5px;
left: 0;
border: 0;
}
/* ------------------ boxy --------------------*/

#left .box0 {
background: url('../images/box0.png') no-repeat top left;
text-align: center;
margin-bottom: 10px;
}
#left .box0:hover {
background: url('../images/box0_over.png') no-repeat top left;
}
#left .box00 {
background: url('../images/box00.png') no-repeat top left;
text-align: center;
margin-bottom: 10px;
height: 33px;
font-weight: bold;
line-height: 37px;
}

#left .box1 {
  background: url('../images/box1.png') no-repeat top left;
  width:250px;
  height:150px;
  padding: 20px;
  overflow:hidden;
  margin-bottom: 20px;
}

#left .box1 #kontakt_button {
background: url(../images/kontakt_button.png) no-repeat top left;
margin: 5px;
}
#left .box1 #kontakt_button:hover {
background: url(../images/kontakt_button_over.png) no-repeat top left;
}
#left .box1 #kontakt_button a, #left .box0 a {
  color: #ffffff;
  display: block;
  padding: 10px;
  padding-left: 60px;
  padding-top: 7px;
  padding-bottom: 13px;
  font-weight: bold;
}

#left .box0 a {
padding: 10px;}

#left .box1 .top {
}
#left .box1 .bottom {
}
#left .box1 .top p, #left .box1 .bottom p {
line-height: 22px;
}

#left .box2_top {
}
#left .box2_bottom {
margin-bottom:20px;
clear:both;
}
#nase-kancelare {
  background: url('../images/nase-kancelare.png') no-repeat;
  width:674px;
  height: 33px;
  overflow:hidden;
  float:left;
  line-height:33px;
  margin-bottom:20px;
}
#nase-kancelare span.vlevo {
  padding-left:70px;
  color:white;
  width:270px;
  display:block;
  float:left;
}
#nase-kancelare span.vpravo {
  color:white;
  float:right;
}
#nase-kancelare span.vpravo span {
  float:left;
}
#nase-kancelare span.vpravo a {
  padding:0 5px;
  color:white;
  font-weight:bold;
}
#nase-kancelare span.vpravo a.a_1 {
  width:66px;
  height:33px;
  text-align:center;
  display:block;
  float:left;
}
#nase-kancelare span.vpravo a.a_1:hover {
  background: url('../images/a_hover.png') no-repeat center 7px;
}
#nase-kancelare span.vpravo a.a_2 {
  width:66px;
  height:33px;
  text-align:center;
  display:block;
  float:left;
}
#nase-kancelare span.vpravo a.a_2:hover {
  background: url('../images/a_hover.png') no-repeat center 7px;
}
#nase-kancelare span.vpravo a.a_3 {
  width:150px;
  height:33px;
  text-align:center;
  display:block;
  float:left;
}
#nase-kancelare span.vpravo a.a_3:hover {
  background: url('../images/a_hover2.png') no-repeat center 7px;
}
.extrabutton {
  background: url('../images/extrabutton.png') no-repeat;
  width:281px;
  height: 31px;
  overflow:hidden;
  float:right;
  line-height:31px;
  margin:0 0 20px 0;
}
.extrabutton a {
  color:black;
  margin-left:60px;
  font-weight:bold;
  text-decoration:underline;
}
.extrabutton a:hover {
  text-decoration:none;
}
#left .box2_content {
  background: url('../images/box2_content.png') no-repeat;
  width:290px;
  height: 135px;
  overflow:hidden;
  float:left;
}
#left .box2_content p {
  margin:20px;
  margin-right: 0;
  margin-bottom: 0;
}

#left .box2_content a {
  color: #79961f;
  font-weight: bold;
}

#content p {

}
a.underline {
  text-decoration:underline;
}
a.underline:hover {
  text-decoration:none;
}

#content hr {
  border:1px dotted gray;
  margin: 20px 0;
  padding:0;
}

#footer_back .box1 {
  height:127px;
  width:644px;
  overflow:hidden;
  padding:15px;
  margin-top: 10px;
  margin-bottom: 20px;
  background: url('../images/box3.png') no-repeat;
  float:right;
}
#footer_back .box1:hover {
  background: url('../images/box3_over.png') no-repeat;
}
#footer_back .box1:hover h3, #footer_back .box2:hover h3 {
  color:#efefef;
}
#footer_back .box1 h3 {
  color:#72808c;
  font-size:20px;
}
#footer_back .box1 p {
  color: #ffffff;
  width: 350px;
}

#footer_back .box2 {
  height:127px;
  width:260px;
  overflow:hidden;
  padding:15px;
  margin-top: 10px;
  margin-bottom: 20px;
  background: url('../images/box4.png') no-repeat top left;
  float:left;
}
#footer_back .box2:hover {
  background: url('../images/box4_over.png') no-repeat top left;
}
#footer_back .box2 h3 {
  color:#72808c;
  font-size:20px;
}
#footer_back .box2 p {
  color: #ffffff;
}
#footer_back .box2 .button {
  position:absolute;
  padding-left:15px;
  line-height:19px;
  font-size:85%;
}
/* ------------------ Vlastnosti elementu --------------------*/
th {
  padding:3px;
}
table {
  width:100%;
}
td {
  padding:2px 1px;
}
fieldset {
  margin-top:10px;
  padding:7px;
}
legend {
  padding:0 5px;
}
table, tr, td, th {
  border-collapse:collapse;
}
input {
  padding:0 2px;
  height:24px;
  font-size:14px;
  color:white;
  background : #a1a1a1;
}
select {
  border:1px solid gray;
  padding:0 0 0 2px;
  font-size:13px;
}
textarea {
  border:none;
  padding:2px;
  font-size:14px;
  border-style: inset;
  color:white;
}
img {
  border:1px solid silver;
}
a {
  text-decoration:none;
  color: #79961f;
}

a:hover {
  color:#101010;
  text-decoration:underline;
}

h1 {
 font-size:18px;
 padding-bottom:5px;
 color:#768b34;
 padding-bottom:8px;
}
h2 {
 font-size:17px;
 padding-bottom:5px;
 color:#768b34;
}
h3 {
 font-size:16px;
 padding-bottom:5px;
 color:#768b34;
}
h4 {
 font-size:14px;
 padding-bottom:4px;
 color:#768b34;
}
/* ------------------ PatiÄŤka --------------------*/
#footer {
background: #232323;
  text-align:left;
}
#footer p{
	color:#919191;
	font-size: 11px;
	margin:0 auto;
	width:940px;
	padding: 20px;
}
#footer p a{
	color:#848484;
	text-decoration:underline;
}
#footer p.left {
	float:left;
	width:400px;
}
#footer p.right {
	float:right;
	width:400px;
}
#footer_b {
  width:989px;
  margin: 0 auto;
}
/* ------------------ Výpis produktů - záhlaví a zápatí --------------------*/
#paging_header {
  width:515px;
  background: url(../images/title_head.gif) repeat-x;
  border:1px solid #bababa;
  height:25px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  margin-bottom:10px;
}
#paging_header p.paging_header_left {
  line-height:20px;
  float:left;
}
#paging_header p.paging_header_right {
  line-height:20px;
  float:right;
}
#paging_footer {
  width:515px;
  display:block;
  background: url(../images/title_head.gif) repeat-x;
  border:1px solid #bababa;
  height:30px;
  line-height:30px;
  padding:0 10px;
  margin:15px 0;
}

#paging_footer table tr td{
 padding:0;
}
#paging_footer table tr td.leftpage {
 width:16px;
text-align:left;
}
#paging_footer table tr td.rightpage{
 width:16px;
  text-align:right;
}
#paging_footer table tr td.centerpage{
 text-align:center;
}
/* ------------------ OstatnĂ­ vlastnosti --------------------*/
.infomessage {
vertical-align: middle;
color:green;
}
.errormessage {
vertical-align: middle;
color:red;
}
.left {
  text-align:left;
}
.right {
  text-align:right;
}
.center {
  text-align:center;
}
.hidden {
	display: none;
}

.justify {
  text-align:justify;
}
.clear {
  clear: both;
}
.smaller {
  font-size:85%;
}

.color {
  color: #768b34;
  font-weight: bold;
}
.color2 {
 color:#768b34;
}
.h_background {
  background: url(../images/input.gif) repeat-x;
  margin:10px 0;
  line-height:20px;
  padding:2px 0 2px 10px;
  color:#6aafc8;
}
.color_bold {
  color:#768b34;
  font-weight:bold;
}
.submit {
  border:none;
  font-size:13px;
	background: url(../images/submit.png) no-repeat;
  height:28px;
  width:103px;
  color:white;
  cursor:pointer;
}
.submit:hover {
	background: url(../images/submit_over.png) no-repeat;
	text-decoration:underline;
}
.kontakt_table tr td {
  padding: 4px 0;
}
.red {
 color:red;
}
.green {
  color:green;
}
.odsazeni_top {
  padding-top:10px;
}

#kontaktform {
  padding:10px;
	background: url(../images/kontaktform.png) no-repeat;
	width:270px;
	height:323px;
	margin-bottom:15px;
}
.kontakt_page {
  padding:10px;
	background: url(../images/kontakt_area.png) no-repeat;
	width:660px;
	height:235px;
	margin:15px 0;
}
h3.h3_box {
  text-align:center;
  font-size:13px;
  color:#333333;
  padding-bottom:10px;
}
input.box_input {
	background: #a1a1a1 url(../images/input.png) repeat-x;
	width:208px;
	height:20px;
	border:none;
	padding:4px 0 0 5px;
}
input.input_kontakt {
	background: #a1a1a1 url(../images/input2.png) repeat-x;
	width:227px;
	height:27px;
	border:none;
	padding:4px 0 0 5px;
}
input.box_input_small {
	background: #a1a1a1 url(../images/input3.png) repeat-x;
	width:86px;
	height:20px;
	border:none;
	padding:4px 0 0 5px;
}
input.box_input_small2 {
	background: #a1a1a1 url(../images/input4.png) repeat-x;
	width:109px;
	height:27px;
	border:none;
	padding:4px 0 0 5px;
}
table.special_table {
  margin-left:10px;
  width:650px;
}
table.special_table tr td {
  padding: 8px 0;
}
textarea.box_textarea {
	background: #a1a1a1;
	width:211px;
	height:93px;
	border:none;
	padding:4px 0 0 5px;
}
textarea.box2_textarea {
	background: #a1a1a1;
	width:500px;
	height:80px;
	border:none;
	padding:4px 0 0 5px;
}
textarea.textarea_kontakt {
	background: #a1a1a1;
	width:261px;
	height:169px;
	border:none;
	padding:4px 0 0 5px;
}
.cara {
  width:100%;
  background:#cccccc;
  height:1px;
  clear:both;
  margin:30px 0;
}

table.center_small {
  margin: 30px 0 0 0;
}
/* Ajax validate form */
#msg {
  display:none;
  position:absolute;
  z-index:200;
  padding:4px 12px;
  background:#8dc541;
  color:white;
  font-size:14px;
}
a.a_arrow {
	background: url(../images/spot.jpg) no-repeat 2px 5px;
	padding-left:10px;
}









		.screen {
			width:100%;
			padding:0;
		}
			.screen li {
				float:left;
				list-style:none;
			}
				.left_arrow{
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
          (src='../images/arrow_left.png',sizingMethod='scale');
          width:26px;
          height:55px;
          display:block;
          float:left;
          margin-top:60px;
				}
        head:first-child+body .left_arrow {
          background: url(../images/arrow_left.png) no-repeat;
        }
				.left_arrow:hover{
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
          (src='../images/arrow_left_over.png',sizingMethod='scale');
          cursor:pointer;
				}
        head:first-child+body .left_arrow:hover {
          background: url(../images/arrow_left_over.png) no-repeat;
          cursor:pointer;
        }
				.right_arrow{
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
          (src='../images/arrow_right.png',sizingMethod='scale');
          width:26px;
          height:55px;
          display:block;
          float:right;
          margin-top:60px;
				}
        head:first-child+body .right_arrow {
          background: url(../images/arrow_right.png) no-repeat;
        }
				.right_arrow:hover{
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
          (src='../images/arrow_right_over.png',sizingMethod='scale');
          cursor:pointer;
				}
        head:first-child+body .right_arrow:hover {
          background: url(../images/arrow_right_over.png) no-repeat;
          cursor:pointer;
        }


			.view{
				margin:20px 10px;
				width:84%;
				height:130px;
				overflow:hidden;
			}

				.images{
					width:3818px !important;
					width:3822px;
					padding:0;
				}
					.images li img{
					  border:8px solid #e2e2e2;
					}

p.spec_area_top {
  display:block;
  float:left;
  clear:both;
  width:100%;
  height:34px;
  line-height:34px;
  background: url(../images/spec_area_top.png) no-repeat;
  margin-left:2px;
}
p.spec_area_top2 {
  display:block;
  float:left;
  clear:both;
  width:100%;
  height:34px;
  line-height:34px;
  background: url(../images/spec_area_top2.png) no-repeat;
  margin-left:2px;
}
p.spec_area_top span.prvni, p.spec_area_top2 span.prvni {
  height:34px;
  line-height:34px;
  display:block;
  float:left;
  font-size:95%;
}
p.spec_area_top span.special_span, p.spec_area_top2 span.special_span {
  height:34px;
  line-height:34px;
  margin-left:105px;
  font-size:90%;
  display:block;
  width:200px;
  overflow:hidden;
  float:left;
  background: url(../images/down.png) no-repeat 190px 1px;
  padding-right:40px;
}
p.spec_area_top span.special_span2, p.spec_area_top2 span.special_span2 {
  height:34px;
  line-height:34px;
  margin-left:105px;
  width:200px;
  overflow:hidden;
  font-size:90%;
  display:block;
  float:left;
  background: url(../images/up.png) no-repeat 190px 1px;
  padding-right:40px;
}
.spec_area_content {
  display:block;
  float:left;
  width:640px;
  height:277px;
  line-height:30px;
  background: url(../images/spec_area.png) no-repeat;
  padding:3px 15px;
}
p.spec_area_top span, p.spec_area_top2 span {
  text-align:left;
  margin-left:100px;
  color:white;
  font-weight:bold;
  cursor:pointer;
  font-size:110%;
}
p.spec_area_top span:hover, p.spec_area_top2 span:hover {
  text-decoration:underline;
}
table.dotazy tr td {
  padding:1px;
}

div.comment {
border:1px solid #c2c2c2;
background:#fff799;
display:block;
width:96%;
float:left;
padding:1% 2%;
clear:both;
margin-top:8px;
}
div.comment span.odsazen {
padding:0 12px;
}
div.comment_content {
border-left:1px solid #c2c2c2;
border-right:1px solid #c2c2c2;
border-bottom:1px solid #c2c2c2;
background:#ececec;
display:block;
width:96%;
float:left;
padding:1% 2%;
}
div.subcomment {
border:1px solid #c2c2c2;
background:#e1e1e1;
display:block;
width:90%;
float:right;
padding:1% 2%;
margin-top:8px;
}
div.subcomment_icon {
background: url(../images/spec_area_arrow.gif) no-repeat left 15px;
display:block;
width:19px;
height:46px;
float:left;
clear:both;
}
div.subcomment span.odsazen {
padding:0 12px;
}
div.subcomment_content {
border-left:1px solid #c2c2c2;
border-right:1px solid #c2c2c2;
border-bottom:1px solid #c2c2c2;
background:#ececec;
display:block;
width:90%;
float:right;
padding:1% 2%;
}