body {
/*margin:10px 10px 0 10px;*/
margin-left: auto; margin-right: auto;
margin-top:0px;
width:1000px;
padding:0;
text-align:center;
font-family:Arial,verdana;
font-size:75%;
/*color:#303030;*/
color:#606060;
background:  url(../img_design/bg1.gif)  ;
}


@font-face {
font-family: f1; src: url(../style/f1.ttf);
}
@font-face {
font-family: f2; src: url(../style/f2.otf);
}

@font-face {
font-family: b1; src: url(../style/b1.ttf);
}

@font-face {
font-family: b2; src: url(../style/b2.ttf);
}



h1 {
position:absolute; left:0px; top:10px; z-index:10;
margin: 0 0 0 0px;
padding: 0;
}
h1, h1 span { 
width: 400px;
height: 206px;
padding:0px;
font-size:0;
}
h1 span {
display: block;
position: absolute; left:0; top:0;
background: url("../img_design/h1.svg") no-repeat 0 0;
}









ul {
float:left;
width:100%;
margin:0;
padding:0;
/*border:1px solid #c0c0c0;*/
}

li {
list-style-type:none;
}


textarea {
font-family:Arial,verdana;
font-size:100%;
border:1px solid #c0c0c0;
}

p {
width:100%;
text-align:justify;
margin:0 0 15px 0;
}

.p img {
float:right;
margin:0 0 5px 15px;
}

a img  {
margin:0 3px 0 0;
}



h2 { 
float:left;
width:97%;
margin:0 0 5px 0;
padding:0 0 4px 30px;
color:#3F3021;
/*font-family:b2;*/
font-size:180%;
font-weight:normal;
background: url("../img_design/h2.svg") no-repeat 1px 3px;
/*border:1px solid blue;*/
}

.pravy h2 {
width:97%;
padding:10px 1% 10px 2%;
margin:0 0 5px 0;
color:#fff;
font-size:160%;
background:#B0AF9F;
}



select, input {
font-size:100%;
padding:2px;
margin:1px 0 2px 0;
border:1px solid #c0c0c0;
}

a {
color:#3F3021;
/*text-decoration:none;*/
}
a:hover {
color:#404040;
text-decoration:underline;
}

a img  {border:0;}

.main {
float:left;
width:1000px;
/*background:#fff;*/
text-align:left;
position:relative;
/*box-shadow: 0px 0px 50px 1px #000;*/
/*border:1px solid green;*/
}





/* topmenu */
.tm {
float:left;
width:580px;
font-family:f2;
font-size:190%;
position: absolute; top: 165px; left: 450px; z-index:100;
/*background:#f0f0f0;*/
/*border:1px solid #c0c0c0;*/
}

.tm li {
float:left;
height:100%;
/*display:inline;*/
list-style-type:none;
padding:0;
margin:0px 0 0 0;
/*border:1px solid #3F3021;*/
}

.tm li a {
float:left;
padding:5px 15px 5px 15px;
margin:0 8px 0 0;
text-decoration:none;
background:#B0AF9F;
/*background:#fc0;*/
/*border:1px solid #3F3021;*/
}

.tm li a:hover {
text-decoration:none;
color:#fff;
background:#838272;
}

.tm li .makt {
color:#fff;
background:#838272;
}






/*Top fix menu on roll*/
.top_menu_fix  {
float:left;
position: fixed; top: 0; z-index:500;
width: 990px;
} 

 
.top_menu_fix .tm {
float:left;
position: absolute; left:0; top: 0px; 
width: 100%;
margin:0;
padding:5px;
background: rgba(86, 85, 69, 0.7);
}

.top_menu_fix .tm a {
color:#f0f0f0;
background:none;
}

.top_menu_fix .tm a:hover {
color:#fff;
background:none;
}

.top_menu_fix .tm .mtakt {
color:#fff;
background:none;
}









/* end topmenu */




























































.obsah, .pravy {
margin:260px 0 10px 0;
/*border:1px solid #d0d0d0;*/
}


.obsah {
float:left;
width:600px;
padding:0;
/*margin:0px 0 10px 0;*/
}

.obsah p {
float:left;
font-size:120%;
line-height:160%;
/*border:1px solid #d0d0d0;*/
}

.pravy {
float:right;
width:369px;
padding:0;
font-size:110%;
}


.pravy p {
line-height:160%;
margin:0 0 10px 0;
/*border:1px solid #d0d0d0;*/
}


.foot {
float:left;
width:98%;
padding:1%;
font-size:100%;
min-height:120px;
background:rgba(151,129,105, 0.2);
}

.foot p {
float:left;
width:100%;
text-align:justify;
color:#404040;
line-height:150%;
}

.foot a {
color:#404040;
text-decoration:underline;
}

.foot h2 {
padding:0;
color:#404040;
background:none;
}





.about {
float:left;
width:100%;
font-size:100%;
min-height:50px;
margin:10px 0 0 0;

/*background:#fff;*/
border:0;
}

.about p, .about p a {
margin:5px 5px 0 0;
color:#707070;
}


hr {
float:left;
width:100%;
height:0px;
border-width: 0;
border-bottom:1px solid #d0d0d0;
margin:10px 2px 20px 2px;
}


.i20 {width:20px;text-align:center;}
.i30 {width:30px;}
.i40 {width:40px;}
.i50 {width:50px;}
.i60 {width:60px;}
.i70 {width:70px;}
.i80 {width:80px;}
.i90 {width:90px;}
.i180 {width:180px;}
.i190 {width:190px;}
.i200 {width:200px;}
.i250 {width:250px;}


.txta1 {
width:99%;
height:70px;
}

.red {color:#f3F302100;}
.green {color:#009900;}







.login_main {
position:absolute; right:0; top:90px; z-index:200;
padding:12px;
color:#000;
font-size:110%;
background:rgba(255,255,255,0.3);
border-radius:3px;
/*border:1px solid #fff;*/
}

.login_div {font-size:80%;}

.login_div p input {
padding:5px;
margin:0 15px 0 0;
background:rgba(255,255,255,0.3);  
border:1px solid #e0e0e0;
}

.login_div p {
display:inline;
}


.login_div p .but_login {
padding:5px 15px 5px 35px;
margin:0 0px 0 5px;
color:#fff;
cursor:pointer;
background: #404040 url(../img_design/close_ico.svg) no-repeat 15px 50%;
}

.login_div p  .but_login::-moz-focus-inner {
border: 0;
}
























.img_clanek_vlevo { /*    img_clanek_vlevo     obtekane obrazky ve clancich */
float:left;
margin:3px 10px 2px 0;
}



.img_clanek_vpravo { /* obtekane obrazky ve clancich */
float:right;
margin:3px 0 2px 10px;
}





/*zvetsovani nahledu obr v clanky*/
.img_nahled {
float:left;
width:100%;
/*width:570px;*/ /* 570px */0
margin:10px 2px 10px 0;
padding:0 0 25px 0;
/*border:1px solid red;*/
}


.img_nahled a img {
float:left;*/
padding:0;
margin:0 0 4px 0;
/*border:2px solid green;*/
}

.img_nahled a {
float:left;
padding:0;
margin:0 4px 0 0;
position:relative;
/*border:2px solid #000;*/
}

.img_nahled .obrcl {
visibility: hidden;
}

.img_nahled a:hover .obrcl {
visibility: visible;
}

.obrcl { /*pro nahledy sirky cca 400px*/
position: absolute; top: -310px; left: -200px; z-index:150;
}

.but {

background:#d0d0d0 url(../img_design/bg2.gif); 
padding:5px 10px 5px 10px;
cursor:pointer;
border:2px solid #c0c0c0;
color:#606060;

}



.jsem_stroj {display: none;}



.cl_top { /*clanek zahlavi*/
float:left;
width:700px;
color:#000;
font-size:100%;
line-height:160%;
position: absolute; left: 300px; top: 30px; z-index:150;
/*text-shadow: 0 1px 2px #000;*/
/*border:1px solid #3F3021;*/
}





/* -- modul url site*/
.url_site {
float:left;
width:94%;
padding:3%;
margin:0 0 10px 0;
background:rgba(240,240,240, 0.2);
border:1px solid #f0f0f0;
}

.url_site li {
float:left;
width:94%;
padding:1px 0 1px 15px;
background:url(../img_design/odr1.svg) no-repeat 0 50%;
/*border:1px solid #3F3021;*/
}

.url_site li a {
display:block;
width:94%;
color:#606060;
text-decoration:none;
}

.url_site li a:hover {
color:#404040;
text-decoration:underline;
}


form p input, form p textarea {
opacity:0.6;
}




/* zakulaceni rohu css3.. */
img, input, textarea, select, .obsah 	{
/*border-radius:3px;*/
}