html,body {
        height:100%;
}
body {
        margin:0;
        padding:0;
        min-width:790px;
        text-align: center;
        font-family:'trebuchet MS','Verdana CE','Arial CE','Helvetica CE',Verdana,Arial,sans-serif;
        font-size:95%;
        color:#0D62A8;
        background-color:white;
}
#texty {
 width: 100%;
}
#texty h1{
  color: #0d62a8;
  font-size: 110%;
  font-weight: bold;
  background: left center url('h1-n.gif') no-repeat;
  margin: 0px 0 0 0;
  padding: 0 0 0 36px;
        line-height: 21px;

}
h2{
  color: #0D62A8;
  font-size: 100%;
  font-weight: bold;
  background: left center url('h2-n.gif') no-repeat;
  margin: 4px 0 0 0;
  padding:0 0 0 40px;
  line-height: 21px;
  display:block;
}
h3{
  background: left center url('h3-n.gif') no-repeat;
  font-size: 95%;
  color: #0D62A8;
  font-weight: bold;
  text-align: left;
  margin: 4px 0 0 0;
  padding: 0 0 0 36px;
}
a{
  color:#0000d5;
  margin:0;
  padding:0;
}
a:hover {
  color: #0080ff;
  text-decoration:none;
}
p{
  padding:0;
  text-align:justify;
  line-height:1.4;
   font-size:95%;
   margin:0px;
   padding-left:13px;
}
b{

   font-size:95%;

}
#stranka {
        width:790px;
        height:100%;
        min-height:100%;
        position:relative;
        text-align: left;
        margin: 0 auto;
        background: 163px 0 url('prouzek3.gif') repeat-y;
}
body>#stranka {
        height:auto;
}
#logo {
        margin: 0;
        padding: 0;
        margin-top: 10px;
        height: 71px;
        background:url('podlogo-.png');
 

}

#logo a{
        display: block;
        width: 160px;
        height: 71px;
        background: url('logo.png') no-repeat;
        color:#F4F2F4;
        text-decoration:none;
        position:relative;
        font-family:comic sans MS;
       
        
}

#reseni{
  position: absolute;
  top: 0;
  left: 163px;
  width: 619px;
  height: 92px;
        background: #f00 url('top.gif') no-repeat;

}
#stranka>#reseni{
        margin: 0 0 0 163px;
}
#vycpavka-reseni{
  height: 92px;
}
#reseni OBJECT{
        margin: 0;
        padding: 0;
}
.oranzova{
        color:#EB8127;
}
.modra{
        color:#0D62A8;
}
.nocss{
        display: none;
}
.tab{
        margin-left:20px;
}
.ref
{
 position:relative;
 height:100px;
}
.ref1
{
 border:3px solid #0D62A8;
}
.ref2
{
 border:3px solid #eb8028;
}
.textblok{
 width:270px;
 float:left;
 margin:10px;
}

.form{
  border:1px ridge #0D62A8;
  width:320px;
  background-color: #fff;
}
.form2{
        border:1px  ridge #0D62A8;
        width:385px;
        height:150px;
        background-color : #fff;
        margin-bottom:3px;
}
.submit2{
        background-color : #f2f2f2;
        border:1px ridge #0D62A8;
        color:#FF6648;
        font-family:courier new;
   font-weight:bold;
   margin-left:180px;
   padding:0px;
}
.res{
        float:left;
        height:16px;
        /*font-size:0px;*/
        margin-bottom:4px;
}
.uvod{
        width:176px;
        height:160px;
        float:left;
        margin: 5px 0 5px 0;
        text-align:center;
}
.uvod b{}

.uvod p{padding:0;}
.t1{

}
.t2{
         margin-right:21px;
         margin-left:21px;
}
div>.t2{
         margin-right:22px;
         margin-left:22px;
}
.t1 a, .t2 a{
         text-decoration: none;
         color: #fff;
}
.t1 a:hover, .t2 a:hover{
         color: #0080ff;
}
#obsah{
        clear: both;
        /*margin-top: 40px;*/
        width: 770px;
}
#panel{
        float: left;
        width: 163px;
        text-align: left;
        margin:0 0 0 -760px;
}
#panel a.menu{
        display: block;
        height: 40px;
        background: left top url('menu.gif') no-repeat;
        margin-bottom: 2px;
        padding-left: 20px;
        line-height: 40px;
        font-size: 1em;
        color: #000;
        text-decoration: none;
        margin-right: 8px;
}
#panel a.menu:hover{
        background-position: right top;
}
.leftbox
{
  /*width:155px;*/

}

#panel .leftbox {
  margin-top:4px;
  background: #f2f2f2 left top url('horni.gif') no-repeat;
}
#panel .leftbox div{
  background: url('dolni.gif') no-repeat;
  overflow: hidden;
  height: 6px;
}
#panel .obrazek {
  margin:4px 0;
}
#stred{
        margin: 0 0 0 170px;
        /*border: 12px solid #f2f2f2;*/
        text-align: justify;
        padding-left: 15px;
        padding-right: 6px;
        padding-top: 12px;
        padding-bottom: 0;
        width: 591px;
        float:left;
        _display:inline;


}
#obsah>#stred{
        width: 573px;


}
#pom1{
        clear: both;
        width: 500px;
        height: 1px;
        overflow: hidden;
}
#vycpavka{
        clear: both;
        height: 75px;
        width: 770px;
}
#patka{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 782px;
        height: 67px; /*------------------ tak timto se meni bila mezera mezi tmave sedym a oranzovym */
        background: #fff;
        overflow: hidden;
}
#inp0{
        height: 12px; /*------------------ timto se meni sirka svetle sedeho pruhu - NEMENIT*/
        margin-left: 163px;
        margin-bottom: 7px; /* ---------- timto se meni sirka bileho pruhu mezi svetle sedym a oranzovym */
        background: #f2f2f2;
        overflow: hidden;
}
#inp1{
  height:17px;
  line-height:17px;
  background:#eb8028;
  text-align:right;
  margin: 0;
}

#inp1 a{
  color:#fff;
}

#inp1 a.nahoru{
  margin:0 25px;
}

#inp2{
        position: absolute;
        left: 0;
        bottom: 0;
  width:100%;
  height:19px;
  line-height:19px;
  background:url('patka.gif');
}

#inp2 p{
  margin: 0;
  padding: 0;
  margin-left:20px;
}

#inp2 .media{
  color:#ff6648;
}

#inp2 .cms{
  color:#000080;
}



.reference2{
        margin: 10px 5px 10px 5px;
        width: 250px;
        height: 380px;
        float: left;
        padding: 5px;
        text-align: left;
        position: relative;
	border: 1px solid white;
}
div>.reference2{
        width: 259px;
}
.reference2 .link{
        margin-left: 10px;
}
.reference2 ul{
        margin: 0 0 30px 22px;
        padding: 0;
        font-size:95%;
}




.reference{
        margin: 10px 15px 10px 0;
        width: 250px;
        height: 380px;
        float: left;
        padding: 5px;
        text-align: left;
        position: relative;
	border: 2px solid white;
}
div>.reference{
        width: 259px;
}
.reference .link{
        margin-left: 10px;
}
.ref-hl{
        height: 60px;
}
.ref-obr{
        text-align: center;
}
.ref-obr a{
}
.ref-obr img{
        margin: 0 auto;
        border: none;
}
.reference ul{
        margin: 0 0 30px 22px;
        padding: 0;
        font-size:95%;
}
.ref-main{
	clear: both;
	height: 5px;
	font-size: 0px;
}
.ref-oddel{
	margin: 0;
        width: 250px;
        height: 5px;
	float: left;
        background: #f2f2f2;
}
.ref-oddel2{
	margin: 0;
        margin-left: 45px;
        width: 250px;
        height: 5px;
	float: left;
        background: #f2f2f2;
}
.ref-oddelI{
        margin: 0 35px 0 0px;
        width: 250px;
        height: 5px;
	float: left;
        background: #f2f2f2;
        font-size: 0px;
}
.ref-oddel21{
        margin: 0 10px 0 0;
        width: 220px;
        height: 5px;
        float: right;
        background: #f2f2f2;
        font-size: 0px;
}
div>.ref-oddel2{
        width: 250px;
}
.vice{
        position: absolute;
        bottom: 10px;
        right: 10px;
}
.ref-1 a{
}
.ref-1 img{
        border: none;
}
#ref-str{
        clear: both;
        text-align: right;
}
#ref-str a{
        text-decoration: none;
}
.sub-vzkaz{

        padding-left: 20px;
        background: left center url('h2-n.gif') no-repeat;
        color: #0000D5;

        border:2px solid #A5ACB2;
}
#formul input
{
  border:1px solid #A5ACB2;
}
#formul textarea
{
  border:1px solid #A5ACB2;
}
.sv
{
  border:1px solid #0D62A8;
}
.sub-vzkaz:hover{
        text-decoration: none;
        cursor: pointer;
}
ul{
margin-top:0px;
margin-bottom:10px;
margin-left:48px;
}
li
{
  padding:0;
  text-align:none;
  line-height:1.4;
   font-size:95%;
   margin:0px;
}
a{
   font-size:95%;

}
.uvodbox
{


}
.uvodbox div
{
width:571px;
height:118px;


margin-top:5px;
position:relative;
text-align:left;
background:#e2fbff;

}
.uvodbox div h2
{
font-size:20px;
font-weight:bold;
font-family:tahoma,arial;
color:white;
text-decoration:none;
margin:0 32px 0 0;
padding:11px 0 0 0;
float:left;

background:none;
display:block;
width:160px;
height:100px;
text-align:center;
}
.uvodbox div p
{
position:absolute;
top:9px;
left:189px;
right:9px;

display:block;
}
.uvodbox div .viceu
{
display:block;
position:absolute;
top:90px;
right:10px;


}
.uvodbox div .viceu:hover
{




}
.uvodbox .u1
{


background-image: url('uu1.png');

}
.uvodbox .u1 h2
{



padding:11px 10px 0 22px;

}
.uvodbox .u2
{
background-image: url('uu2.png');
}


.uvodbox .u2 h2
{

padding:11px 10px 0 10px;

}

.uvodbox .u3
{
background-image: url('uu3.png');
}
.uvodbox .u3 h2
{
width:90px;
margin:11px 35px 0 35px;
padding:0;

}


.uvodbox .u4
{
background-image: url('uu4.png');
}
.uvodbox .u4 h2
{



padding:11px 10px 0 22px;

}

.rb
{
 margin-left:13px;
 font-size:95%;
}
ul.index
{
 margin:5px;
 text-align:left;
 padding-left: 0;
 list-style: none;

}
.index li
{
 margin-bottom:3px;
 font-size:100%;
 text-align:left;
}
table p
{
   padding:0;

  line-height:1.4;
   font-size:95%;
   margin:0px;
}
.poptavka
{
width:88px;
height:44px;
_height:67px;
background:url('rq.png') #133F82 no-repeat;
color:white;
font-size:13px;
font-weight:bold;

margin-left:40px;

margin-top:20px;
margin-bottom:20px;
padding-top:23px;
text-align:center;

display:block;
text-decoration:none;

}

.poptavka:hover
{
text-decoration:underline;
color:white;
}
.uvodline
{
padding:0 0 0 36px;
margin:0 0 8px 0;
color: #0d62a8;
font-size: 16px;
font-weight:bold;
  
}
.uvodrbox
{
float:left;
margin:8px 0 0 0;
}
.bs
{
margin:8px 15px 0 15px;
}
.uvodrbox .border
{
width:179px;
height:165px;

}
.uvodrbox .border img
{
margin:2px 0 0 2px;
}
.uvodrbox .border p
{
margin:32px 5px 0 5px;
_margin:27px 5px 0 5px;
text-align:left;
color:#EB8127;
font-size:18px;
_font-size:16px;

}
.uvodrbox .border strong
{
color:#0D62A8;
font-size:13px;
}