body {
/*margin:10px 10px 0 10px;*/
margin-left: auto; margin-right: auto;
margin-top:10px;
width:900px;
padding:0;
text-align:center;
font-family:Arial,verdana;
font-size:75%;
/*color:#303030;*/
color:#505050;
background: #e4e4e4 url(../img_design/back.png);
background-repeat:repeat-x;
background-position: 50% 0;
}


ul {
margin:5px 0px 20px 0;
padding:0;

}

li {
height:12px;
margin:0;
padding:2px 0 2px 18px;
background: url(../img_design/li.png) no-repeat;
background-position:0 4px;
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;
}


h1, h1 span {
width:900px;
height:160px;
font-size:120%;
}

h1 span {
  background: url("../img_design/h1.png") no-repeat 0 0;
  display: block;
  position: absolute; 
  top: 0; left: 0;
  cursor: pointer; 
  } 

h2 {
float:left;
width:100%;
font-size:130%;
margin:5px 10px 5px 0;
color:#900;
background:url(../img_design/h2.png); 
background-repeat:no-repeat;
background-position:0 55%;
padding:0 0 0 25px;
/*border:1px solid blue;*/
}

select, input {
font-size:105%;
padding:2px;
margin:1px 0 2px 0;
border:1px solid #c0c0c0;
}

a {
color:#c00;
/*text-decoration:none;*/
}
a:hover 
{color:#990000;
text-decoration:underline;
}

a img  {border:0;}

.main {
float:left;
width:900px;
background:#fff;
text-align:left;
position:relative;
}

.top {
float:left;
width:900px;
height:182px;
background:#fff;
}

/*
.levypravy {
float:left;
margin:0px 0 0 0;
width:900px;
background:#fff;
border:1px solid green;
}
*/


.obsah {
float:left;
width:560px;
padding:10px 15px 30px 15px;
margin:10px 0 10px 10px;
border:1px solid #d0d0d0;
}

.obsah p {line-height:150%;}

.pravy {
float:right;
width:269px;
padding:1px;
margin:5px 10px 10px 0;
font-size:90%;
/*border:1px solid #d0d0d0;*/
}


.pravy h2 {
font-size:120%;
color:#cc9900;
}

.pravy p {margin:0 0 3px 0;}


.foot {
float:left;
width:900px;
font-size:90%;
height:100px;
background:url(../img_design/foot.png)  no-repeat;
background-color:#4c4840;
}

.foot p {
width:100%;
text-align:center;
margin:50px 0 0 0;
color:#404040;
}

.foot a {
color:#c00;
text-decoration:underline;
}

.about {
float:left;
width:900px;
font-size:85%;
height:70px;
margin:0px 0 0 0;
text-align:right;
background:#e4e4e4;
}

.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;}
.i180 {width:180px;}
.i190 {width:190px;}
.i200 {width:200px;}
.i250 {width:250px;}


.txta1 {
width:260px;
height:70px;
}

.red {color:#ff0000;}
.green {color:#009900;}

.login_main {
position:absolute; left:670px; top:10px; z-index:10;
background:#e0e0e0;
border:1px solid #c0c0c0;
padding:3px;
}

.login_div {font-size:80%;}
.login_div input {border:1px solid #808080;}
.login_div p {display:inline;}



.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;
/*clear:both;*/
width:570px; /* 570px */0
margin:10px 2px 10px 0;
padding: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:100;
}

.but {
color:#fff;
padding:3px 10px 3px 10px;
background:url(../img_design/back_but.png);
}



.jsem_stroj {display: none;}


/* zakulaceni rohu css3.. */
img, input, textarea, select, .obsah 	{
border-radius:3px;
}



















