/* base definition -------------------------------------------------------- */
     
body {
  margin: 0px;
  padding: 0;
  font-family:   verdana, tahoma, arial;
  color: #686868;
  text-align:center;
  margin:0 auto;
  background-color: #7A7A7A;
  background-image: url(../images/bg.png);
  background-repeat: repeat-x;
  padding: 15px 0 0 0;
  font-size:70%;
}

.center-box a{
  color:#c20107;
}

.center-box table a{
  color:#265c82;
}

#body-bg{
  position:relative;
  width: 881px;
  margin: 0px auto;  
}
  
#page {
  position:relative;
  width: 871px;
  margin: 0px;
  text-align:left;
  padding-bottom:10px;
}



#head {
  position:relative;
  height: 163px;
  background:#197EB1;
  background-image: url(../images/bg.png);
  background-repeat: repeat-x;
  background-position:0 -15px;
  padding-right:10px;
}

.head1{

  background-image: url(../images/header-bg.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding:0px 35px 0 25px;
  margin:0 0 0 0;
  height: 163px;  
}

#logo{
  padding:29px 0 0 0;
  margin:0;
}


#logo .print-logo{
  display:none;
}

.head1 #logo img{
  display:block;
  padding:0;
  margin:0;
  color:white;
  border:0;
  width:322px;
  height:117px;
}



#jazyky{
  position:absolute;  
  width:220px;
  top:0;
  right:0;
  margin-left:45px;
  padding-top:10px;
}

#jazyky img{
  display:block;
  margin:0;
  margin-right:25px;
  float:left;
  color:white;
}


#content2{
float:left;
  padding:0;
  margin:0;
  padding-left:25px;
  padding-right:45px;

  background-image: url(../images/top-content-bg.png);
  background-repeat: no-repeat;
}

#content{
float:left;
  background:white;
  position:relative;
  padding:0;
  margin:0;
  background-image: url(../images/page-border.gif);
  background-repeat: repeat-y;
    width: 871px;
}

#content-part{
float:left;
  padding:10px 16px 10px 11px;
  margin:0;
    background:white;
}

#center{
  background:white;
  float:left;
  width:503px;
  margin-right:13px;
}

#right{
  background:white;
  float:left;
  width:258px;
}

#footer{
  position:relative;
  width: 801px;  
  background:#DFDFDF;
  text-align:center;
    clear:both;
}

#footer p{
  padding:15px 0 0 0;
  margin:0;
}  

#footer2{
  position:relative;
  clear:both;
  background:#DFDFDF;
  background-image: url(../images/footer-bg.gif);
  background-repeat: no-repeat;
  height:48px;
  width:100%;
}

#footer a{
  color: #686868;
  text-decoration:none;
}

#footer a:hover{
  text-decoration:underline;
}

.atraktivnyweb{
  position:relative;
  float:right;
  margin-right:20px;
  margin-top:15px;
  padding:0;
}

#footer .atraktivnyweb img{
  display:block;
  padding:0;
  margin:0;
  border:0;
  width:91px;
  height:46px;
}

#footer .atraktivnyweb h4{
  padding:0;
  margin:0;
  margin-bottom:4px;
}

.vznika{
  position:absolute;
  top:136px;
  right:2px;
  background-image: url(../images/vznika.gif);
  background-repeat: no-repeat;
  width:143px;
  height:99px;
}
/* ---------------- center ----------------------- */

#second .center-box{
  padding:0 15px;
}

.center-img-px{
  padding-right:13px;
  float:left;
  padding-bottom:9px;
}

.center-img{
  float:left;
  width:503px;
  height:201px;
  background:#E4E4E4;
}

.center-img img{
  display:block;
  margin:0;
  padding:0;
  border:3px solid #E4E4E4;
  width:497px;
  height:195px;
}

.center-top-box{

  background-image: url(../images/center-top-box-img.gif);
  background-repeat: no-repeat;
  background-position:right bottom;
  height:201px;
  width:258px;
}

.center-top-box-bg{
  float:left;
  width:258px;
  background:#F0F0F0;
  background-image: url(../images/center-top-box.gif);
  background-repeat: repeat-x;
  background-position:0 39px;
  height:201px;
  margin-bottom:9px;
  overflow:hidden;
}

.center-top-box h3{
  position:relative;
  background:#E6E6E6;
  color:#0A375B;
    width:258px;
    height:37px;
    margin:0;
    padding:0;
  overflow:hidden;
}

.center-top-box h3 span{
  position:absolute;
  top:0;
  left:0;
}

.center-top-box ul{
  list-style-type:none;
  padding:10px 0 0 65px;
  margin:0;
}
.center-top-box ul li{
  padding-bottom:2px;
}

.center-top-box ul li a{
  display:block;
  padding:4px 0 5px 35px;
  margin:0 0 0px 0;
  color:#102535;
  font-size:1.1em;
  font-family: "Century Gothic", tahoma, verdana, arial;
  font-weight:normal;
}

.center-top-box ul li.ssv1 a{
  background-image: url(../images/ikona-1.gif);
  background-repeat: no-repeat;
  background-position:0 0px;
}

.center-top-box ul li.ssv2 a{
  background-image: url(../images/ikona-2.gif);
  background-repeat: no-repeat;
  background-position:0 0px;
}

.center-top-box ul li.ssv3 a{
  background-image: url(../images/ikona-3.gif);
  background-repeat: no-repeat;
  background-position:0 0px;
}

.center-top-box ul li.ssv4 a{
  background-image: url(../images/ikona-4.gif);
  background-repeat: no-repeat;
  background-position:0 0px;
}

.center-top-box ul li.ssv5 a{
  background-image: url(../images/ikona-5.gif);
  background-repeat: no-repeat;
  background-position:0 0px;
}

.center-top-box ul li a{
  text-decoration:none;
  color:#316A8D;
}

.center-top-box ul li a:hover{
  text-decoration:underline;
}

.motto-box{
  background:#FCFCFC;
  border:1px solid #D5D5D5;
  padding:10px 20px 10px 60px;
  background-image: url(../images/datel.jpg);
  background-repeat: no-repeat;
  background-position:16px 13px;
}

.motto-box-px{
  background-image: url(../images/motto-azen.gif);
  background-repeat: no-repeat;
  background-position:right bottom;
}

#center .motto-box h2{
  color:#0A375B;
  font-family:"georgia", serif, arial;
  font-size:1.4em;
  margin:0 0 8px 0;
  padding:0;
}

.motto-box p{
  margin:0 0 8px 0;
  padding:0;
}

#center .motto-box p span.uvo1{
  display:block;
  position:relative;
  width:8px;
  height:11px; 
  float:left;
  background-image: url(../images/motto-span.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}

#center .motto-box p span.uvo2{
  position:relative;
  padding:0 4px; 
  background-image: url(../images/motto-span.gif);
  background-repeat: no-repeat;
  background-position:2px bottom;
}

.motto-box p.motto-autor{
  margin:0 0 8px 0;
  color:#2B5271;
  text-align:right;
}

#center .motto-box p.motto-autor span{
  position:relative;
  padding:0 8px; 
}

#center .motto-box p.motto-autor span img{
  position:relative;
}

.podpisy{
  position:relative;
  float:left;
  background:#7A93A6;
  color:white;
  font-weight:bold;
  padding:10px 15px 12px 15px;
  margin-bottom:10px;
}

#center .podpisy h3{
  padding:10px 0 0 0;
  margin:0 0 10px 0;
  color:white;
  font-size:1.25em;
}

.pridaj-sa{
  position:relative;
  width:101px;
  height:19px;
  float:right;
  background-image: url(../images/pridaj-sa.gif);
  background-repeat: no-repeat;
  margin-top:14px;
}

.pridaj-sa a{
  font-family:arial, tahoma;
  display:block;
  color:white;
  padding:1px 3px 2px 18px;
  text-decoration:none;
  font-weight:normal;
}

.right-box-text p{
  padding:0 0 18px 0;
  background-image: url(../images/motto-arrow2.gif);
  background-repeat: repeat-x;
  background-position:0 bottom;
}

.right-box-text p#last-ref{
  padding:0 0 0 0;
  background-image: none;
}


/* -------------- pravy obsah --------------- */

.podpisove-harky{
  background:#375B78;
  background-image: url(../images/podpisove-harky.png);
  background-repeat: no-repeat;
  width:258px;
  height:104px;
  overflow:hidden;
}

.podpisove-harky h4{
  margin:0 0 3px 0;
  padding:7px 0 0 10px;
  color:white;
  font-size:1.6em;
  font-weight:normal;
}

.podpisove-harky p{
  margin:0;
  padding:0px 100px 5px 10px;
  color:white;
}

.podpisove-harky .pridaj-sa{
  float:none;
  margin-top:0px;
  margin-left:10px;
}

.right-box{
  margin:0;
  padding:8px 0;

}

#right h2{
  margin:0;
  padding:0;

}

.right-box h4{
  font-size:1.25em;
  font-weight:bold;
  margin:0;
  padding:8px 20px 8px 20px;
  border:1px solid #D5D5D5;  
  color:#265c82;
}

.right-box-text{

  padding:12px 20px 15px 20px;
  border-left:1px solid #D5D5D5;  
  border-right:1px solid #D5D5D5;  
  border-bottom:1px solid #D5D5D5;  
}



.kontakt{
  margin:0;
  color:#125891;
  padding-left:50px;
  font-size:1.1em;  
}

.kontakt a{
  color:#125891;
  color:#C20107;
  text-decoration:none;
}

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

 body #right .block,  body #right .block-block, body #right .block .content,  body #right .block-block .content{
  margin:0;
  padding:0;
}

.pocitadlo{
  font-size:0.9em;
  padding:20px 20px 10px 20px;
  font-weight:bold;
}

/* vseobecne classy --------------------------------------------------------- */


.center-text{
  padding:0 18px 0 20px;
}

.modro{
  color:#0A375B;
}

.modro-text1{
  color:#0A375B;
  font-size:1.25em;
  font-weight:bold;
}

.modro-text2{
  color:#0A375B;
  font-size:1.25em;
  font-weight:bold;
  text-align:right;
}

.cerveno{
  color:#C20107;
}

table{
  font-size:70%;
}

h1{
  font-family:"georgia", serif, arial;
  font-size:1.8em;
  color:#0A375B;
  background-image: url(../images/h1-line.png);
  background-repeat: no-repeat;
  background-position:center 10px;
  text-align:center;
}

#center h2{
  color:#0A375B;
  font-size:1.25em;
}


#center h3{
  color:black;
  font-size:1.1em;
}

h1.title{
  background-image: url(../images/h1-bg.gif);
}

h2{
  font-size:1.3em;
}

h3{
  font-size:1.1em;
}
  
p{
  line-height:1.4em;
  margin: 0 0 12px 0px;
  padding: 0px;
}

#center b, #center strong,#center i{
  color:#0A375B;
}

hr{
  margin:0 7px;
  padding:0;
  height:10px;
  border:0;
  background-image: url(../images/motto-arrow2.gif);
  background-repeat: repeat-x;
}

fieldset, img {
  width:auto;
  border:0;
}


.hidden {
  display: none;
}

.cleaner {
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  clear: both;
}

a {
  text-decoration: underline;
  color:#5385B2;
}

a:hover {
   text-decoration: none;
}

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

.f-left{
  float:left;
}

.f-right{
  float:right;
}

.right{
  text-align:right;
}

.f-center{
  text-align:center;
}

img.f-left{
  margin:0 10px 12px 0;
  border:1px solid #999;
}

img.f-right{
  margin:0 0 12px 10px;
  border:1px solid #999;
}

#center p{
  margin:0 0 15px 0;
  padding:0;
}

#center .node ul{
  list-style-type:none;
  margin:5px 0 10px 0px;
  padding:0 0 0 20px;
}

#center .node ul li{
  padding:0 0 2px 10px;
  background-image: url(../images/li-arrow.gif);
  background-repeat: no-repeat;
  background-position:0 5px;
}
/* DOKUMETY */

.sticky-enabled{
  width:95%;
  margin-left:8px;
  font-size:1em;
}

.sticky-enabled td{
  padding-top:3px;
  padding-bottom:3px;
  padding-left:10px;
  font-size:1.1em;
  height:auto;
  border-bottom:1px solid #ccc;
}

.sticky-enabled th{
  padding-top:3px;
  padding-bottom:3px;
  padding-left:10px;
  font-size:1em;
  background:#0A375B;
  color:white;
}

.sticky-enabled a{
  text-decoration:none;
}

.sticky-enabled a:hover{
  text-decoration:underline;
}

input, textarea, select{
  color:#0A375B;
  border:1px solid #D5D5D5;
  margin-top:4px;
  margin-bottom:0px;
}

#right-box input, #right-box textarea, #right-box select{
  font-size:11px;
  color:#0A375B;
  border:1px solid #D5D5D5;
  margin-top:2px;
  margin-bottom:0px;
}

input.form-submit{
  background: #c20107;
  color:white;
  cursor:pointer;
}

#right-box .form-item{
  margin:0;
  padding:3px 0;
}


/* vseobecne classy --------------------------------------------------------- */