﻿@charset "utf-8";

body {
	background : #FFFFFF url('../_img/hlava_prouzek.gif') repeat-x;
	color : #393939;
	font-size : 14px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;
  }
.holder {
	position: absolute;
	top : 0;
	left: 50%;
	margin-left : -463px;
	width : 925px;
	z-index: 10;
  }
a img { border : none; }
strong { color: #35A1CF;font-weight: bold; }
a#basehref { position : absolute; top : 0; left : 0; }
p#gotoBase { float: right;padding-right: 10px; }
a:link, a:visited {
	color: #ffa84d;
	}
a.ico-video {
  background:transparent url('../_img/ico-video.gif') no-repeat scroll left center;
  padding-left: 20px;
  }
.obrazky {
  float:left;
  margin-right: 5px;
  padding-bottom: 20px;
  }
.obr-tym {
  float:left;
  margin: 5px;
  padding: 3px;
  border: 1px solid #e8e8e8;
  background-color: white;
  }
.obr-img {
  float: right;
  margin: 5px;
  padding: 3px;
  border: 1px solid #e8e8e8;
  background-color: white;
  }
a:hover {
	color: #4b4b4b;
  text-decoration: none;
  font-weight: none;
	}
ul.beztecek li {
  list-style-type : none;
  padding-bottom: 5px;
}
p {
	margin: 10px;
	padding: 0;
	line-height: 1.5;
	text-align: left;
	}
input, select, textarea {
  font-size: 13px;
	color: #333;
	padding: 0.1em;
	border: 1px solid #999;
	font-family: Calibri, Arial, Helvetica, sans-serif;        
  }
h1 {
	font-size: 21px;
  font-weight: bold;
	color: #ffa84d;
  margin: 0px;
	padding: 10px;
  }
h2 {
	font-size: 21px;
  font-weight: bold;
	color: #ffa84d;
  margin: 0px;
	padding: 10px;
  }
h3 {
	font-size: 16px;
  font-weight: bold;
	color: #393939;
  margin: 0px;
	padding: 10px;
  }
  
.logotype {
	position : absolute;
	top: 10px;
  left: 18px;
  }
  
.head-menu {
	position : absolute;
	top : 0; right : 5px;
	width : 580px;
	background-color: #ccebfb;
	text-align: center;
	font-size: 14px;
	font-weight : bold;
	padding : 10px;
  }
  
.head-menu a {
	color: #0e445b;
	text-decoration: none;
	margin: 0 12px;
  }
  
.head-menu a:hover {
	color: #ffa84d;
	font-weight: bold;
  }
  
.vlajecky {
	position: absolute; 
  top: 75px; 
  left: 170px;
	z-index: 100;
  }

.vlajecky a {
	padding: 5px 5px 0px 5px;
	background-color: #ccebfb;
	color: #0e445b;
	text-decoration: none;
	float: left;
	margin-right: 3px;
  }

.vlajecky a:hover {
  padding: 5px 5px 0px 5px;
	background-color : #0e445b;
	color : #ffffff;
	text-decoration: none;
	float: left;
	margin-right: 3px;
	font-weight: none;
  }

.splash-screen {
	position : absolute;
	top : 70px;
	left : 0;
	background : url('../_img/hlava-bgr-top.jpg') no-repeat left;
	height: 244px;
	width : 100%;        
	margin: 45px 0px 0px 20px;
	color : #ffffff;
	font-weight: normal;
	font-size: 15px;
	padding: 0px;
  }

h4 {
	margin: 45px 0px 0px 20px;
	color : #ffffff;
	font-weight: normal;
	font-size: 15px;
	padding: 0px;
  }
.orange {
  color: rgb(255,168,77);
  font-weight: bold;
  }
p.slogan-small {
  color: #393939;
  font-weight: normal;
  font-size: 10px;
  margin-left: 20px;
  }
table#gallery-table td {
  width: 100px;
  text-align: center;  
  }
table#gallery-table td img {
  margin : 5px;
  padding : 3px;
  border : #CCC 1px solid;
  }
/*
	@ Velký obrázek do hlavičky
*/
.splash-screen .sluzby-button {
	margin-left : 20px;
	background: url('../_img/tlacitko-sluzby.gif') no-repeat;
	text-align: center;
	width : 187px;
	height: 35px;
	padding-top : 6px;
	color : #ffffff;
	font-size : 16px;
  }

.splash-screen .sluzby-button a {
	color :#ffffff;
	text-decoration: none;
  }

.splash-screen .sluzby-button a:hover {
	font-weight:bold;
  }
.splash-image {
	position : absolute;
	right : -5px;
	top : 90px;
 }
/*
	@ Boxy na stránce Naše služby
*/
.tab { width: 221px; height: 90px;position: absolute; }
#box-tab1 { position: absolute;left: 10px;top: 240px;z-index: 20;	}
#box-tab2 { position: absolute;left: 240px;top: 240px;z-index: 20; }
#box-tab3 { position: absolute;left: 470px;top: 240px;z-index: 20; }
#box-tab4 { position: absolute;left: 700px;top: 240px;z-index: 20; }

#tab1-text { width: 220px;text-align: center;position: absolute;left: 10px;top: 285px;z-index: 30; }
#tab2-text { width: 220px;text-align: center;position: absolute;left: 240px;top: 285px;z-index: 30; }
#tab3-text { width: 220px;text-align: center;position: absolute;left: 470px;top: 285px;z-index: 30; }
#tab4-text { width: 220px;text-align: center;position: absolute;left: 700px;top: 275px;z-index: 30; }

#text1-anchor { font-size: 11px;text-align: right;width: 220px;position: absolute;left: 10px;top: 600px; }
#text2-anchor { font-size: 11px;text-align: right;width: 220px;position: absolute;left: 240px;top: 600px; }
#text3-anchor { font-size: 11px;text-align: right;width: 220px;position: absolute;left: 470px;top: 600px; }
#text4-anchor { font-size: 11px;text-align: right;width: 220px;position: absolute;left: 700px;top: 600px; }

#text1-anchor a, #text2-anchor a, #text3-anchor a, #text4-anchor a {
	/*color : #000;*/
	color: rgb(255,168,77); }
#text1-anchor a:hover, #text2-anchor a:hover, #text3-anchor a:hover, #text4-anchor a:hover {
	/*color : #f24408;*/
	color: rgb(255,168,77); font-weight: bold; }
#tab1-text a, #tab2-text a, #tab3-text a, #tab4-text a {
	/*color : #f24408;*/
	color: rgb(255,168,77);text-decoration: none;font-size : 16px; }
#tab1-text a:hover, #tab2-text a:hover, #tab3-text a:hover, #tab4-text a:hover { font-weight: bold; }

img.sluzby_img{
  position: absolute;
  xbottom: 0px; 
  }
.text-box {
	background : url('../_img/box-bgr.gif') no-repeat;
	width : 220px;
	height: 155px;
	padding : 25px 15px 15px 15px;
 }
.text-box p {
	width : 200px;
	padding : 0;
	margin : 0;
	line-height:1.5;
	font-size: 11px;
 }
.text-box img {
	margin-top : 10px;
 }
#box-text1 { position: absolute;top: 305px;left: 10px;z-index: 10; }
#box-text2 { position: absolute;top: 305px;left: 240px;z-index: 10; }
#box-text3 { position: absolute;top: 305px;left: 470px;z-index: 10; }
#box-text4 { position: absolute;top: 305px;left: 700px;z-index: 10; }

/*
	@ Tělo
*/
.telo {
	font-size: 14px;
	width: 925px;
  }
.telo1 {
	padding: 500px 0 0 0;
  }
.telo-left {
	float: left;
  background: url('../_img/lista-menu-dole.gif') no-repeat;
  height: 10px;
  width: 250px;
	}
.telo-left1 {
	float: right;
  width: 660px;
	}
.telo-left-up {
	background: url('../_img/lista-telo-nahore.gif') no-repeat;
  height: 8px;
	}
.telo-left-body {
	padding: 0px 0px 0px 5px;
  width: 653px;
  background-color: #f4f4f4;
  border: solid #e8e8e8;
  border-width: 0 1px;
	}
.telo-left-down {
	background: url('../_img/lista-telo-dole.gif') no-repeat;
  height: 8px;
	}
/*
	@ MENU
*/
.telo-menu {
	float: left;
  width: 250px;
  }
.telo-menu-bgr-top {
	background: url('../_img/lista-menu-nahore.gif') no-repeat;
  height: 10px;
  width: 250px;
  }
.telo-menu-bgr {
	float: left;
  padding: 0 0 0 5px;
  background-color: #f4f4f4;
  border: solid #e8e8e8;
  border-width: 0 1px;
  }
.telo-menu-bgr1 {
	padding: 0 0 0 5px;
  float: left;
  width: 238px;
	}
/*
	@ Pata
*/
.pata {
	float: left;
	font-size: 11px;
	width : 925px;
	height: 175px;
	background-color : #f4f4f4;
	border-top: 5px solid #e8e8e8;
  }
.pata-leva { 
  float : left;
  padding: 10px;
  }
.pata a {
	color: #ffa84d;
	text-decoration: none;
  }

.pata a:hover {
	color : #35A1CF;
	text-decoration: underline;
  }
  
.reset {
	clear : both;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
  }
/* @ xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#subMenu {
	width : 220px;
	float : left;
	margin-right : 10px;
	height: 100%;
	color : #393939;
}

#subMenu ul a {
	font-size : 14px;
	color : #393939;
  /*color : #0e445b;*/
	text-decoration: none;
	/*font-weight:bold;*/
}

#subMenu ul.sub2ul a {
	font-size : 13px;
	/*color : #666;*/
	color : #393939;
	font-weight:normal;
	/*text-decoration: underline;*/
}

#subMenu a:hover,
#subMenu ul.sub2ul a:hover  {
	/*color : #f24408;*/
	color: rgb(255,168,77);
}

#subMenu ul {
	padding : 0;
	margin : 0;
}

#subMenu li {
	list-style-type : none;
	padding : 2px 0;
	margin : 0;
	display: block;
}

#subMenu ul.sub2ul li {
	padding: 4px 0;
	border-bottom : #CFCFCF 1px dotted;
	display: block;
}

#subMenu ul.sub2ul {
	margin : 0 0 0 15px;
}
.news {
	border-bottom : #d3d3d3 1px solid;
	padding-bottom :25px;
 }
.obrazky-n {
  float:left;
  padding-right: 5px;
  }
.kon {
	padding-bottom :25px;
}
li.lidi {cursor: pointer; cursor: hand; text-decoration: underline}
.skryvany {display: none}

