body{

	padding: 10px;

	background-color: #1F2428;

  text-align: center;

	font-family:   Verdana, Calibri, 'Arial CE', 'Helvetica CE', Arial, sans-serif;

	font-size: 0.8em;

  color:#000000;

  background-image: url(../../images/css/front/bg_body.png);

  background-repeat: repeat-x;

}







a {

    font-size:13px;

    color: #990033;

  	font-family:   Verdana, Calibri, 'Arial CE', 'Helvetica CE', Arial, sans-serif;

    text-decoration: none

}



a:visited {

    font-size:13px;

    color: #990033;

	  font-family:   Verdana, Calibri, 'Arial CE', 'Helvetica CE', Arial, sans-serif;

    text-decoration: none

}



a:hover{

    font-size:13px;

	  font-family:   Verdana, Calibri, 'Arial CE', 'Helvetica CE', Arial, sans-serif;

    color: #FF0000;

    

}



H1 {

  text-align:left;

  margin-top: 30px;

  margin-left: 100px;

  FONT-SIZE: 20px;

  COLOR: #1C1C24;

  font-weight:light;

  BACKGROUND-COLOR: transparent;

  z-index:5;

}





H2 {

  text-align:left;

  margin-top: 24px;

  

  FONT-SIZE: 16px;

  COLOR: #1D2127;

  BACKGROUND-COLOR: transparent;

  z-index:3;

}







H3 {

	  FONT-SIZE: 12pt;

    COLOR: #000000;

    BACKGROUND-COLOR: transparent;

    TEXT-ALIGN: left;

    margin-left: 10px;



}





H4 {

	  FONT-SIZE: 12pt;

    COLOR: #615E49;

	  font-family:   Verdana, Calibri, 'Arial CE', 'Helvetica CE', Arial, sans-serif;

    BACKGROUND-COLOR: transparent;

    text-align: left;

    margin-left: 10px;

    FONT-WEIGHT: normal;

}







H5 {

  FONT-SIZE: 10pt;

  COLOR: #000000;

	font-family:   Verdana, Calibri, 'Arial CE', 'Helvetica CE', Arial, sans-serif;

  FONT-WEIGHT: normal;

  margin-left: 10px;

  margin-top: 4px;

  TEXT-ALIGN: left;

}





H6 {

  FONT-SIZE: 10pt;

  COLOR: #000000;

  font-family:   Verdana, Calibri, 'Arial CE', 'Helvetica CE', Arial, sans-serif;

  FONT-WEIGHT: normal;

  margin-left: 10px;

  margin-top: 4px;

  TEXT-ALIGN: left;

  font-style: italic

}



#web {

  height: auto;

  margin:auto;

  text-align: center;

  width: 900px;

}



#logo{

float:left;

width:450px;

height:80px;

background-color:transparent;

text-align:left;

}



#header{

 float:left;

width:900px;

height:180px;

background-color:white;

text-align:left;

  background-image: url(../../images/css/front/bg_header.png)

}







#menu{

float:left;

width:640px;

height:35px;

background-color:#E4E4E4;

text-align:center;

margin-top:23px;

  background-image: url(../../images/css/front/bg_menu.png);

  background-repeat: repeat-x

}



      #menu a{

          font-size:15px;

          color: #FFFFFF;

      	font-family:   Verdana, Calibri, 'Arial CE', 'Helvetica CE', Arial, sans-serif;

          text-decoration: none;

          margin-top:5px

      }



      #menu a.visited{

          font-size:15px;

          color: #FFFFFF;

      	font-family:   Verdana, Calibri, 'Arial CE', 'Helvetica CE', Arial, sans-serif;

          text-decoration: none

      }

      #menu a:hover{

          font-size:16px;

          color: #FFFFFF;

      	font-family:   Verdana, Calibri, 'Arial CE', 'Helvetica CE', Arial, sans-serif;



      }





#header_pict{

float:right;

width:260px;

text-align:right;

background-color:transparent;

text-align:center;

z-index:2;

margin-top:-200px;

}





#content{

  float:left;

min-height: 510px;

width:900px;

height:auto;

background-color: white

}





#left{

float:left;

width:178px;
line-height: 30px;

background-color:#E4E4E4;

text-align:left;

min-height: 600px;

margin-left:20px;
margin-right:10px;

margin-top:10px;

  border: 1px solid #9A9A9A;

  background-image: url(../../images/css/front/bg_left.png);

  background-repeat: repeat-x

}

	#left ul{margin-right: 10px; line-height: 17px;}
	#left li{margin: 20px 0px;}
    #left ul.sub1{margin-left:10px;=margin-left:25px;}
    #left ul.sub2{margin-left:-18px;=margin-left:28px;}
    #left ul.sub3{margin-left:-6px;=margin-left:30px;}

    #left ul.sub1 a{font-size:14px;}
    #left ul.sub2 a{font-size:12px;}
    #left ul.sub3 a {font-size:10px;}

    

    #left ul.sub1 li.off{
      list-style-image: url(../../images/css/front/bullet_left_off.png);
      margin: 15px 0px;
      margin-left:-4px;
      
    }

    #left ul.sub1 li.on{
      list-style-image: url(../../images/css/front/bullet_left_on.png);
      margin: 15px 0px;
      margin-left:-4px
    }



    #left ul.sub2 li.off{
      list-style-image: url(../../images/css/front/bullet_left_sub2_off.png);
      margin: 10px 0px;
      margin-left:-8px;
    }

    #left ul.sub2 li.on{
      list-style-image: url(../../images/css/front/bullet_left_sub2_on.png);
      margin: 10px 0px;
      margin-left:-8px
    }





	#left span{margin: 0px 10px;}
    #left a{

          font-size:14px;
          color: #1D2228;
          text-decoration: none;
          margin-top:5px
      }



      #left a.visited{

          font-size:14px;

          color: #1D2228;



          text-decoration: none

      }

      #left a:hover{

          font-size:14px;

          color: #D50303;





      }

#right{

float:right;

width:618px;

background-color:white;

border: 1px solid #9A9A9A;

text-align:left;

min-height: 560px;

margin-right:20px;

margin-left:10px;

margin-top:10px;
padding-bottom:40px;

padding-left:20px;

padding-right:20px;
 background-image: url(../../images/css/front/logo_vodotisk.png);
 background-repeat: no-repeat;
  background-position: right bottom;
}

#left .title{

width:100%;
height:28px;
text-align:center;
background-color:#FFFFFF;
background-image: url(../../images/css/front/bg_left_title.png);
background-repeat: repeat-x;
color: #1D2228;
font-weight:bold;
line-height: 28px;
}

#center{

float:left;

width: 818px;

background-color:white;

border: 1px solid #9A9A9A;

text-align:left;

min-height: 600px;

margin-right:21px;
margin-left:20px;
margin-top:10px;

padding-bottom:40px;
padding-left:20px;
padding-right:20px;

background-image: url(../../images/css/front/logo_vodotisk.png);
background-repeat: no-repeat;
background-position: right bottom;
}

#drobky{
height:23px;
padding-top:5px;
padding-bottom: 5px;
border-bottom:1px solid grey;
}

#vodotisk{

position:relative;
margin-top:10px;
left:430px;



}



#right_img{

            float:right;

width:200px;
text-align:center;
background-color:transparent;

border: 1px solid #9A9A9A;

margin-right:20px;

margin-left:10px;

margin-top:55px;

}

#homepage_left{

float:left;
width:618px;
backgoround-color: white;
text-align:left;
min-height: 600px;
margin-left:40px;
margin-left:20px;
margin-top:10px;
/*border: 0px solid #9A9A9A;
background-image: url(../../images/css/front/bg_left.png);
background-repeat: repeat-x*/
}


#homepage_right{
float:right;
width:220px;
background-color:white;
text-align:left;
min-height: 560px;
margin-right:20px;
margin-top:10px;
}

#homepage_right .box{
	margin-top: 32px;
	margin-bottom: 20px;
	border: 1px solid #9A9A9A;
	background-color: #d5d5d5;
}

#homepage_right p, p.left{
  margin-left:15px;
  margin-right:15px;
}

#homepage_right .box .title{

width:100%;
height:28px;
text-align:center;
background-color:#FFFFFF;
background-image: url(../../images/css/front/bg_left_title.png);
background-repeat: repeat-x;
color: #1D2228;
font-weight:bold;
line-height: 28px;
border-bottom: 1px solid #9A9A9A;
}

#homepage_right .box .center{
	color: black;
	width: 90%;
	height: auto;
	=margin-top: 13px;
}
#homepage_right .box .center p{
	margin: 13px;
}
.clearboth{

  clear:both;

  }



#pata{

    float:left;

width:900px;

height:23px;

background-color:#28323e;

text-align:center;

margin-top:10px;

color:#EEEEEE;

padding-top:7px;

}









#pata a{

  	font-size: 1.0em;

    color: red;

}

#pata a.visited{

  	font-size: 1.0em;

    color: red;

}

div.homepage_buble{
  width:560px;
  padding-left:10px;
  border: 3px solid #373E48;
  margin:auto;
  background-image: url(../../images/css/front/bg_buble.png);
  background-repeat:repeat-x;
  

}



img.nb{

  border: 0px

}

img.logo{

  margin-top:15px;

  margin-left:20px;

   border: 0px

}









#right p.text_short{

  margin-left:15px;

  margin-right:225px;

}



#right p{

  margin-left:15px;

  margin-right:15px;

}







p.text_red{

  color: #D50303;

  font-weight:bold;

  margin-left:25px;

  margin-right:225px;

}



.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.left_loga{margin-left:20px}
.left_acrobat{margin-left:10px}

table.plusminus{

  margin-left:25px;

  font-weight: bold;

  width:90%;



}



table.plusminus td.img{

  width:70px;

}

#menu ul{

margin-top:2px;

}



#menu ul li {

 display: inline;

}



#menu ul li a {

    font-size:15px;

	padding: 0px 11px 0px 11px;

	color: #fff;

	text-decoration: none;

	float: left;

}

#menu ul li a:hover {

  font-size:15px;

  color: #FFFFFF;
   

  height:35px;

  line-height: 35px;

  margin-top:-1px;

  background-image: url(../../images/css/front/bg_menu_on_jindra.png);

  background-repeat: repeat-x

}

#menu ul a.selected {

  font-size:15px;

    line-height: 35px;

  color: #FFFFFF;

  height:35px;

  margin-top:-4px;

  background-image: url(../../images/css/front/bg_menu_on.png);

  background-repeat: repeat-x

}



p.slogan{

  COLOR: #1C1C24;

  font-weight: bold;

  margin-left:140px;

  FONT-SIZE: 16px;

}

.red{

  color:#C50D00

}

table.porizovaci,table.provozni{
  text-align: center;
  border: 1px solid black;   
}


      table.porizovaci thead{
      background-color: #9E3A38;
      color:white

      }

      table.provozni thead{
      background-color: #348DA5;
      color:white

      }
      
      table.button{margin:auto;text-align:center;width:100%;}
      table.druhy_tc{margin:auto; width:90%;text-align:center}
      
table.sbs{width 90%;text-align:center}