body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
  font-size: 12px;
	color: #000000;    
	background: url(../images/header.jpg) no-repeat center 10px; 
	background-color: #ffffff;
  line-height: 18px;
}
body a { 
	color: #000088;
  text-decoration: underline;
}
body a:hover { 
	color: #000088;
  text-decoration: none;
}
h1 {
  font-family: Arial, sans-serif;
	font-size: 15px;	
	text-align: left;
  color: #000000;
  line-height: 19px;  
  width: 100%;
}
h2 { 
  font-family: Arial, sans-serif;
	font-size: 13px;  
	text-align: left;
  color: #000088; 
  line-height: 18px;   
}
h3 {        
  font-family: Arial, sans-serif;
	font-size: 12px;	
	text-align: left;
  color: #000000; 
} 
link, a, a:visited, a:hover {
  outline: none;
} 
.male_pismo {
  float: left;
  width: 100%;
  margin-top: -10px;
  font-family: Arial, sans-serif;
	font-size: 11px;
}
.sk_cena {
  font-family: Arial, sans-serif;
	font-size: 11px;
	color: #555555;
}   
.cervena {
  color: #dd0000;
}
.portfolio {
  font-family: Arial, sans-serif;
	font-size: 13px;  
	text-align: left;
  color: #000088; 
  line-height: 18px; 
  margin-bottom: 0;
}
	
/* -------------- kontajner ------------------------------------------------- */	

#kontajner {
	width: 1000px; 
	margin: 0 auto;
	text-align: left;  
	margin-top: 7px;  
} 

/* -------------- top menu -------------------------------------------------- */

.topmenu {   
  float: right;   
	margin-top: 0;
}
.topmenu li {
  display: inline;
  float: left;
	text-align: left;
	font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  list-style-type: none; 
}
.topmenu li a {
  display: block;
  color: #ffffff;   
  padding: 15px;
  text-decoration: none;
  border-top: #ffffff 3px solid;  
}
.topmenu li a:hover {
  display: block;
  color: #000088;
  text-decoration: none;  
  border-top: #000088 3px solid;
}
.topmenu li a.on {
  display: block;
  color: #cc0000;
  text-decoration: none;
  cursor: text;     
	background: url(../images/priesvitne2.png) repeat left -5px;  
  border-top: #cc0000 3px solid;
}
.topmenu li a.on:hover  {
  display: block;
  color: #cc0000;
  text-decoration: none;
  cursor: text;
}

/* -------------- top logo -------------------------------------------------- */	

#toplogo { 
  width: 1000px; 
	height: 100px; 
	text-align: left;   
}
.logino {
  float: left;
  margin-left: 10px;
}
.slogan {   
  float: right;   
  width: 1000px; 
  height: 185px; 
	background: url(../images/stillmass.png) no-repeat 300px top;
}
.slogan span.slogan2 {  
  float: left;   
  width: 640px; 
  font-family: Georgia, sans-serif;   
  font-style:italic;
	font-size: 20px;
  line-height: 30px; 
  padding: 20px; 	
  margin-top: 40px;
	text-align: left; 
  color: #ffffff; 
	background: url(../images/priesvitne1.png) repeat left top; 
}  
.referencia2 {
  float: left;
  padding: 0;
} 

/* -------------- top logo -------------------------------------------------- */	

#logo {   
  clear: both;
  width: 1000px; 
	text-align: left;    
	margin: 10px 0;
}

/* -------------- ponuka obsah ---------------------------------------------- */

#obsah {     
  float: left;
  width: 960px;
	font-size: 12px;
  padding: 10px 10px 0 10px;  
  margin: 0 10px;
	background-color: #ffffff;      
}
.obrazok_rrr {
  float: right;  
  margin: 10px 0 10px 10px;
} 
.obrazok_left {
  float: left;  
  margin: 10px 10px 105px 10px;
}  
.obrazok_right {
  float: right;  
  margin: 0 20px 0 0;
} 
.obrazok_rr {
  float: right;  
  margin: -30px 10px 10px 10px;
}  
.obrazok_rr2 {
  float: right;  
  margin: 10px 20px 10px 10px;
}  

/* -------------- úvodná stránka ---------------------------------------------- */

.lavy_box {
  float: left;
  width: 350px;  
  border: #dddddd 1px solid; 
	background-color: #f6f6f6; 
	margin-top: 24px;
}  
.lavy_box h2 {
  margin: 20px 0 0 20px;
} 

.pravy_box {
  float: right;
  width: 580px; 
}   
.pravy_box p { 
	text-align: justify;
}  
.pravy_box h2 {
  margin: 20px 0 0 0;
} 
.pravy_box span {
  display: block; 
  height: 40px;;
}

.obrazok_l {
  float: left;  
  margin: 2px 2px 2px 0;
} 
.obrazok_r {
  float: left; 
  margin: 2px 0;
} 
.odkaz {
  display: block;
  float: right;  
	font-size: 13px; 
  font-weight: bold;
  padding: 8px 20px; 
  margin-right: 20px; 
	background: url(../images/odkaz.gif) repeat right top;
	color: #ffffff;	 
  text-decoration: none;
}
.odkaz:hover {
	background: url(../images/odkaz.gif) repeat left top;	
	background-color: #eeeeee; 
	color: #cc0000;
} 
.odkaz1 {
  display: block;
  float: right;  
	font-size: 13px; 
  font-weight: bold;
  padding: 8px 20px; 
  margin-right: 20px; 
  margin-bottom: 20px; 
	background: url(../images/odkaz.gif) repeat right top;
	color: #ffffff;	 
  text-decoration: none;
}
.odkaz1:hover {
	background: url(../images/odkaz.gif) repeat left top;	
	background-color: #eeeeee; 
	color: #cc0000;
} 

/* -------------- galérie --------------------------------------------------- */	 

.obrazkove_menu {
  float: left; 
  width: 320px; 
  height: 250px;  
  margin: 15px;  
} 
.obrazok { 
  float: left;
  border: #dddddd 5px solid;
  margin: 3px; 
}
.bublina {
  float: left; 
}
.bublina a {
  float: left;
  position:relative;
  z-index:24;  
}
.bublina a:hover {
  z-index:25; 
  background-color:#ffffff;  
}
.bublina a span {
  display: none;  
}
.bublina a:hover span {
  display:block;
  position:absolute;
  top:-47px; 
  left:-63px; 
  width:217px;
  height:160px;
  background-color:#ffffff;
  text-align: left;
  color: #000000; 
  padding: 4px;
  border: #777777 1px solid; 
  -moz-box-shadow: 4px 5px 10px #777;
  -webkit-box-shadow: 4px 5px 10px #777;
  box-shadow: 4px 5px 10px #777;
}  
.bublifuk {
  border: #ffffff 2px solid;
  cursor: pointer;  
} 
.bublifuk strong {
  font-size: 18px;
  padding: 20px;
  color: #ffffff;
  cursor: pointer;   
} 

/* -------------- galérie --------------------------------------------------- */	 

.obrazok2 { 
  float: left;
  padding: 6px;
  margin: 3px; 
  border: #cccccc 2px solid; 
}
.bublina2 {
  float: left; 
}
.bublina2 a {
  float: left;
  position:relative;
  z-index:24;  
}
.bublina2 a:hover {
  z-index:25; 
  background-color:#ffffff;  
}
.bublina2 a span {
  display: none;  
}
.bublina2 a:hover span {
  display:block;
  position:absolute;
  top:-27px; 
  left:-20px; 
  width:251px;
  height:203px;
  background-color:#ffffff;
  text-align: left;
  color: #000000; 
  padding: 14px;
  border: #777777 1px solid; 
  -moz-box-shadow: 4px 5px 10px #777;
  -webkit-box-shadow: 4px 5px 10px #777;
  box-shadow: 4px 5px 10px #777;
}  
.bublifuk2 {
  border: #ffffff 2px solid;
  cursor: pointer;  
} 
.bublifuk2 strong {
  font-size: 18px;
  padding: 20px;
  color: #ffffff;
  cursor: pointer;   
} 

.cislovanie { 
  display: block;
  float: left;
  width: 100%;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
} 
.cislovanie a {
	padding: 2px 3px; 
} 
.ok_stranka {
	padding: 2px 3px;
  background-color: #000000;
  color: #ffffff; 
} 

.admin {
  padding: 0;
  margin-bottom: -2px;
  padding: 3px;
  border: #eeeeee 5px solid; 
}
.admin:hover { 
  border: #aad5e5 5px solid; 
}

/* -------------------------------------------------------------------------- */

.l_box {
  float: left;
  width: 465px;
  margin-right: 10px;  
}  
.l_box p { 
	text-align: left;  
} 
.l_box h2 {
  margin: 10px 10px 0 0;
}
.l_box b {
  float: left;
  width: 100%; 
  font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 20px 0;
}
.l_box ul {
  margin: 10px 0;   
  list-style-type: square;
}
.l_box ul li {
  margin-bottom: 10px;  
}
.nezvyraznene_pismo {
  font-weight: normal;
}

.p_box {
  float: right;
  width: 470px; 
	background-color: #f6f6f6; 
  border: #dddddd 1px solid;   
}   
.p_box p {
	text-align: justify;
  padding: 0 20px 10px 20px; 
}  
.p_box h2 {
  margin: 10px 0 0 20px;
}
.p_box h3 {
  margin: 10px 0 0 20px;
}

/* -------------- emailový formulár ----------------------------------------- */

#email_tabulka {
  float: right;
  width: 400px;
  font-size: 12px;
	font-family: Arial, sans-serif;
}
#email_tabulka td { padding: 1px 0; }
.form-text {
  height: 17px;
  _height: 21px;
  _heigh\t: 17px;
  font-size: 12px;
	font-family: Arial, sans-serif; 
  border: #777777 1px solid;
} 
.areatext {
  font-size: 12px;
	font-family: Arial, sans-serif; 
  border: #777777 1px solid;
} 
.button {
  color: #000000;
  font-size: 13px;
  cursor: pointer;
  padding: 5px 10px;
}
.Highlight {
  color: #cc0000;
}
.Normal {	
  color: #000000;
}
.chyba {
  float: right;
	width: 350px;
  text-align: left;
  margin-bottom: 20px;
  padding: 0;
  color: #ff0000;
  font-size: 12px;
  font-weight: bold;   
}
.chyba li {
  list-style-type: none;
}
.textmail {
  padding-bottom: 20px;
  border-top: #ffffff 7px solid;
  border-bottom: #dddddd 1px solid;
} 
.posun_dole {
  font-size: 13px;
  padding-bottom: 20px;
  text-align: center;
}

/* -------------- pätička --------------------------------------------------- */
	
.paticka {
  float: left;
  width: 960px;
	padding: 40px 20px 20px 20px;
	color: #312d1e;	
  font-size: 12px;
	text-align: left;   
	background: url(../images/paticka.jpg) no-repeat center top;  
}  

/* -------------- bottom menu ----------------------------------------------- */

.paticka ul { 
  float: right;
  margin-top: 0;
}
.paticka ul li {
  display: inline;
  float: left;
	text-align: left;
  list-style-type: none;
}
.paticka ul li a {
  display: block;
  color: #312d1e;
  text-decoration: none;
}
.paticka ul li a:hover {
  display: block;
  color: #000080;
  text-decoration: none;
}
.paticka ul li a.on {
  display: block;
  color: #dd0000;
  text-decoration: none;
  cursor: text;
}
.paticka ul li a.on:hover  {
  display: block;
  color: #dd0000;
  text-decoration: none;
  cursor: text;
}   
.ciarka_oddelovac1 {
  border-left: #777777 1px solid;
}