body {
  margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ECECEA;
	}

.predel {
  border: none;
	margin: 0; padding: 0; 
  border-top: 1px solid #DBD9D7;
  border-bottom: 1px solid #FCFCFC;
  height: 2px;
  background-color: #FFFFFF;
  }
  
.cistic {
   clear: both;
   height: 1px;
   border: none;
   margin: -1em 0 0 0;
   visibility: hidden;
   }   
   
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#blok-hlavicka-komplet {
	width: 950px;
  margin: auto; padding: 0;
  position: relative;
  }   

#blok-hlavicka {
	width: 950px; height: 200px;
  margin: 0; padding: 0;
  background-color: #D3E6EB;
  background-image: url("../img/vaspcsevis-zlin_pozadi-hlavicka.png");
  background-repeat: repeat-x;
  background-position: center bottom;
  }  

#blok-mapa {
	width: 950px; height: 220px; 
	margin: 0; padding: 0;
  background-color: #DDE7D5;
	}   

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#logo-znacka {
  position: absolute; left: 49px; top: 60px; z-index: 15;
	width: 228px; height: 91px;
	margin: 0; padding: 0;                 
  background: url("../img/vaspcsevis-zlin_logo.png") no-repeat;
  }
#logo-znacka a {
	display: block;
	width: 228px; height: 91px;
	margin: 0; padding: 0;
  } 
#logo-text {
	display: none;
	position: absolute; left: 55px; top: 35px; z-index: 10;
  margin: 0; padding: 0;
	}


#motto-znacka {
  position: absolute; right: 52px; top: 67px; z-index: 20;
	width: 347px; height: 73px;
	margin: 0; padding: 0;                 
  background: url("../img/vaspcsevis-zlin_motto.png") no-repeat;
  }
#motto-znacka a {
	display: block;
	width: 347px; height: 73px;
	margin: 0; padding: 0;
  } 
#motto-text {
	display: none;
	position: absolute; left: 55px; top: 75px; z-index: 10;
  margin: 0; padding: 0;
	}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/  

#pozadi-hlavicka-prechod {
	max-width: 100%;
	margin: auto; padding: 0; 
	background-color: #FFFFFF;
  background-image: url("../img/vaspcsevis-zlin_pozadi-hlavicka-prechod-seda.png");
  background-position: left bottom;
  background-repeat: repeat-x;
	}

#pozadi-hlavicka-plosny-spoj {
	max-width: 1350px;
	height: 100%;
	margin: auto; padding: 0;
	background-image: url("../img/vaspcsevis-zlin_pozadi-hlavicka-plosny-spoj.png");
	background-position: center bottom;
  background-repeat: no-repeat;
	}  

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* START --------------- MENU*/

#blok-menu {
 	position: absolute; left: 50px; top: 170px; z-index: 10;
  height: 89px;
	margin: auto; padding: 0;
	
	}

#blok-menu ul {
  padding: 0; margin: 0;
	}
  
#blok-menu li {
  float: left;
  list-style-type: none;
  padding: 0; margin: 0;
	}
  
#menu-a, #menu-b, #menu-c, #menu-d {
	display: block;
	width: 172px; height: 89px;               
}

#menu-a {float: left;}
#menu-b {float: left;}
#menu-c {float: left;}
#menu-d {float: left;}

#menu a:link, #menu a:hover, #menu a:visited {
	display: block;
	width: 147px; height: 37px;
  margin: 0; padding: 52px 25px 0 0;                  
  background-color: #EC754B;
  text-align: right;
  font-weight: bold;
  font-size: 17px;
  color: #FFF;
  text-decoration: none; 
  }
 
#menu a:hover {text-decoration: underline; background-position: 0 -90px;}

#menu-a a {background: url("../img/vaspcsevis-zlin_menu-a.png") 0 0 no-repeat;}
#menu-b a {background: url("../img/vaspcsevis-zlin_menu-b.png") 0 0 no-repeat;}
#menu-c a {background: url("../img/vaspcsevis-zlin_menu-c.png") 0 0 no-repeat;}
#menu-d a {background: url("../img/vaspcsevis-zlin_menu-d.png") 0 0 no-repeat;}  

/* START --------------- OBSAH*/

#pozadi-plosny-spoj {
	max-width: 1350px;
	margin: auto; padding: 0;
	background-image: url("../img/vaspcsevis-zlin_pozadi-plosny-spoj.png");
	background-position: center top;
  background-repeat: no-repeat;
	}
  
#blok-obsah {
	width: 950px;
	margin: auto; padding: 0;
  background-color: #F5F4F3;
	}

#sloupec-1 {
  float: left;
	width: 475px;
  margin: 0 0 0 25px; padding: 0;
  color: #483E35;
  font-size: 14px;
  line-height: 1.4; 
  }

#sloupec-1 h2 {
  line-height: 1.1;
  margin: 15px 0 12px 3px; padding: 0;
  text-shadow: #fff 2px 2px 1px;
  }

#sloupec-1 h3 {
  /*font-weight: normal;*/
  line-height: 1.1;
  margin: 4px 0 7px 3px; padding: 7px 6px 0 6px; 
  text-shadow: #fff 2px 2px 1px;
  border-top: 3px solid #DDDDDB;
  }
  
#sloupec-1 em {
  color: #78685A; 
  }    

#sloupec-1 p {
  padding: 0; margin: 0 0 7px 0; 
  }        

#sloupec-1 ul {
  padding: 0; margin: 0 0 7px 40px; 
  }

#sloupec-1 li {
  list-style-type: circle; 
  }  

#sloupec-1 img {
	margin: 0 3px; padding: 2px; 
  border: 1px solid #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  }

#sloupec-1 img:hover {
  border: 1px solid #CFCAC5;
  }

#sloupec-1 .o-firme {
	margin: 20px 0 10px 0; padding: 8px 12px 1px 12px; 
  background-color: #FEFBE0;
  border: 3px solid #FBF199;
  text-align: justify;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  }

#sloupec-1 .obsah1 {
	margin: 0 0 15px 0; padding: 8px 12px 5px 12px; 
  background-color: #FFFFFF;
  text-align: justify;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  }

#sloupec-1 a:link {color: #483E35; text-decoration: none; border-bottom: 1px dotted; background-color: #FDF7BD;}
#sloupec-1 a:visited {color: #483E35;	text-decoration: none; border-bottom: 1px dotted; background-color: #FDF7BD;}
#sloupec-1 a:hover {color: #000; text-decoration: none; border-bottom: 1px solid; background-color: #FDF7BD;}

#sloupec-1 .foto a:link {text-decoration: none; border: 0; background-color: #fff;}
#sloupec-1 .foto a:visited {text-decoration: none; border: 0; background-color: #fff;}
#sloupec-1 .foto a:hover {text-decoration: none; border: 0; background-color: #fff;} 

#sloupec-1 .legalni {
  padding: 5px 0; margin: 0 0 5px 0; 
  border-top: 3px solid #DDDDDB;
  border-bottom: 3px solid #DDDDDB;
  color: #154075;
  }

#sloupec-1 .legalni p {
  padding: 1px 0 0 0; margin: 0;
  text-align: left; 
  }

#sloupec-1 .legalni img {
  float: left;
  padding: 0; margin: 2px 7px 0 0; 
  }

#sloupec-1 .legalni em {
  color: #1F5EAB;
  }   

#sloupec-1 .kontakt-sv {
  float: left;
  padding: 5px 0; margin: 0;
  line-height: 1.6;
  }

#sloupec-1 .kontakt-tv {
  float: left;
  padding: 5px 0; margin: 0;
  line-height: 1.6;
  }
 
#sloupec-1 .kontakt-tv ul, #sloupec-1 .kontakt-tv li {
  padding: 0; margin: 0 0 0 15px;
  } 

#sloupec-1 .kontakt-sv ul, #sloupec-1 .kontakt-sv li {
  padding: 0; margin: 0 0 0 20px;
  }  

#sloupec-1 #formular {
	margin: 15px 10px 10px 9px;
  padding: 0; /*vnitrni*/ 
  }

#sloupec-1 #formular input, #sloupec-1 #formular textarea {
	margin: 0; padding: 4px;
  border-top : 1px solid #C2C2C0;
  border-left : 1px solid #C2C2C0;
  border-bottom : 1px solid #DDDDDB;
  border-right : 1px solid #DDDDDB; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

#sloupec-1 #formular input:hover, #sloupec-1 #formular textarea:hover {
  border : 1px solid #A5ACB1;
  box-shadow: inset #E1E1E1 1px 2px 3px;
-webkit-box-shadow: inset #E1E1E1 1px 2px 3px;
 -moz-box-shadow: inset #E1E1E1 1px 2px 3px;  
}

#sloupec-1 #formular input:focus, #sloupec-1 #formular textarea:focus {
  border : 1px solid #F8D13A; 
  box-shadow: inset #E1E1E1 1px 2px 3px;
-webkit-box-shadow: inset #E1E1E1 1px 2px 3px;
 -moz-box-shadow: inset #E1E1E1 1px 2px 3px;  
}

#sloupec-1 .form-r1 {
	width: 429px;
	margin: 7px 2px 2px 2px;
  padding: 5px 0; /*vnitrni*/                    
  position: relative;
  }

#sloupec-1 .form-r1 input {
  position: absolute; right: 0px; top: 1px; z-index: 10;
	margin: 0; padding: 0;                 
  }

#sloupec-1 .form-r2 {
	width: 429px;
	margin: 4px 2px;
  padding: 5px 0; /*vnitrni*/                    
  position: relative;
  }

#sloupec-1 .form-r2 textarea {
  float: right;
	margin: 0; padding: 0;                 
  }

#sloupec-1 .form-r3 {
	width: 429px;
	float: right;
	margin: 11px 2px 12px 0;
  padding: 0; /*vnitrni*/                    
  }

#sloupec-1 .form-r3 input {
	float: right;                
  }

#sloupec-2 {
  float: left;
	width: 195px;
  padding: 0; margin: 0 10px 10px 10px;
  text-align: center;
  font-weight: normal;
  font-size: 12.5px;
  line-height: 1.5;
  color: #163956;
  text-shadow: #fff 2px 2px 1px; 
  }

#sloupec-2 p {
  padding: 0; margin: 0 0 5px 0; 
  }  

#sloupec-2 h2 {
  line-height: 1.1;
  padding: 0; margin: 20px 0 10px 0;
  }  

#sloupec-2 em {
  color: #C6E6FB; 
  }   
  
#sloupec-2 a:link {color: #163956; text-decoration: none; border-bottom: 1px dotted; background-color: #E8F0FF;}
#sloupec-2 a:visited {color: #163956;	text-decoration: none; border-bottom: 1px dotted; background-color: #E8F0FF;}
#sloupec-2 a:hover {color: #000; text-decoration: none; border-bottom: 1px solid; background-color: #E8F0FF;}  
  
#sloupec-3 {
  float: left;
	width: 210px;
  padding: 0; margin: 0 0 15px 0; 
  text-align: left;
  font-weight: normal;
  font-size: 12.5px;
  line-height: 1.5;
  color: #355517;
  }  

#sloupec-3 img {
  float: left;
  padding: 0; margin: 3px 7px 0 0; 
  }  

#sloupec-3 h2 {
  font-weight: normal;
  line-height: 1;
  padding: 0; margin: 10px 0 11px 0;
  text-align: center;
  text-shadow: #fff 2px 2px 1px;
  }  

#sloupec-3 p {
  padding: 0; margin: 0; 
  }
  
#sloupec-3 .rychly-kontakt {
	margin: 20px 0 5px 0; padding: 7px 9px 5px 9px;   
  border: 3px solid #D5D5D3;
  text-align: center;
  font-size: 18px;
  line-height: 1.2;
  color: #E35212;
  text-shadow: #fff 2px 2px 1px; 
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  }

#sloupec-3 .rychly-kontakt a:link {
	display: block;
  border: 0;
  color: #E35212; text-decoration: none;
  }
  
#sloupec-3 .rychly-kontakt a:hover {color: #E35212; text-decoration: none; border: 0;}
#sloupec-3 .rychly-kontakt a:visited {color: #E35212; text-decoration: none; border: 0;}
  
#sloupec-3 .rychly-kontakt:hover {
  border: 3px solid #C2C2C0;
  }  

#sloupec-3 .napsali {
	padding: 10px 9px 10px 9px; margin: 0;
  background-color: #FFFFFF;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  }

#sloupec-3 .napsali-ram1 {
  padding: 5px 0 10px 0; margin: 0 0 7px 0;
  border-bottom: 3px solid #DDDDDB; 
  }  

#sloupec-3 .odeslat-nazor {
  text-align: center;
  } 

#sloupec-3 .lide {
  color: #758F1B;
  }

#sloupec-3 a:link {color: #355517; text-decoration: none; border-bottom: 1px dotted; background-color: #F6F5F4;}
#sloupec-3 a:visited {color: #355517;	text-decoration: none; border-bottom: 1px dotted; background-color: #F6F5F4;}
#sloupec-3 a:hover {color: #000; text-decoration: none; border-bottom: 1px solid; background-color: #F6F5F4;}

/* START --------------- PATICKA*/
  
#blok-paticka {
	width: 950px;
	min-height: 100px;
	margin: auto; padding: 0;
	background-image: url("../img/vaspcsevis-zlin_pozadi-paticka1.png");
  background-repeat: repeat-x;
  position: relative;
  text-shadow: #fff 1px 1px 1px;
	}

#blok-paticka a:link {color: #979390; text-decoration: none; border-bottom: 1px dotted;}
#blok-paticka a:visited {color: #979390;	text-decoration: none; border-bottom: 1px dotted;}
#blok-paticka a:hover {color: #7C7774; text-decoration: none; border-bottom: 1px solid;}
  
#logo-paticka-znacka {
  position: absolute; left: 27px; top: 13px; z-index: 10;
	width: 94px; height: 38px;
	margin: 0; padding: 0;                 
  background: url("../img/vaspcsevis-zlin_logo-paticka.png") no-repeat;
  }

#icon-facebook {
  position: absolute; right: 182px; top: 16px; z-index: 10;
	width: 16px; height: 16px;
	margin: 0; padding: 0;                 
  background: url("../img/icon-facebook.png") no-repeat;
  }

#paticka-text {
  position: absolute; left: 140px; top: 16px; z-index: 10;
	width: 700px; height: 100%;
	margin: 0; padding: 0;
  font-size: 12.5px;
  }

#paticka-text .seda-tmava {color: #979390;}
#blok-paticka .seda-tmava a:link {color: #979390; text-decoration: none; border-bottom: 1px dotted;}
#blok-paticka .seda-tmava a:visited {color: #979390;	text-decoration: none; border-bottom: 1px dotted;}
#blok-paticka .seda-tmava a:hover {color: #7C7774; text-decoration: none; border-bottom: 1px solid;}

#paticka-text .seda-svetla {color: #B8B4B1;}
#blok-paticka .seda-svetla a:link {color: #B8B4B1; text-decoration: none; border-bottom: 1px dotted;}
#blok-paticka .seda-svetla a:visited {color: #B8B4B1;	text-decoration: none; border-bottom: 1px dotted;}
#blok-paticka .seda-svetla a:hover {color: #7C7774; text-decoration: none; border-bottom: 1px solid;}

#paticka-text .modra {color: #3B5998;}
#blok-paticka .modra a:link {color: #3B5998; text-decoration: none; border-bottom: 1px dotted;}
#blok-paticka .modra a:visited {color: #3B5998;	text-decoration: none; border-bottom: 1px dotted;}
#blok-paticka .modra a:hover {color: #314B7D; text-decoration: none; border-bottom: 1px solid;}

#logo-paticka-znacka a {
	display: block;
	width: 79px; height: 32px;
	margin: 0; padding: 0;
  }   

#blok-paticka .nahoru {
  position: absolute; right: 27px; top: 16px; z-index: 10;
  font-size: 12.5px;
  text-align: right;
  color: #B8B4B1;
  }