/*
Author: elphnet.cz
Struktura:
        display | 
		  position | 
		  float | 
		  overflow | 
		  width | 
		  height | 
		  border | 
		  margin | 
		  padding | 
		  background | 
		  align | 
		  font
*/

/* Elements*/

body {	
	margin: 0;
	padding: 0;	
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: white;
	/*background-image: url(../img/bg_body.png);
	background-repeat: repeat-x;
	background-position: bottom;*/
}
h1, h2, h3, h4, h5 {
	border:0; 
	margin:10px 0px 5px 0px; 
	padding:0; 
	font-weight: bold;
}
p {
	margin:5px 0;
}


table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse:collapse;

}
table td {
	vertical-align: top;
	text-align: left !important;
}
table td p {
	text-align: left !important;
}
table td.header1 {
	background-color: #003366;
	color:white;
	font-weight:bold;
	text-align: center !important;
	
}
table td.header2 {
	background-color: #8EA4C1;
	color:#2E1a5f;
	font-weight:bold;
	text-align: center !important;
}
ul, ol {
	display:block; 
	border:0; 
	margin:0px 0px 0px 10px; 
	padding:0;
}
form {
	margin: 0;
	padding: 0;
}
/* Floating */
.floatLeft, .left {
	float: left;
}
.floatRight, .right {
	float: right;
}
.nofloat {
	float: none;
}

/* Text align */
.textLeft {
	text-align: left;
}
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}

.clearer {
	clear: both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
.noscreen {
	display: none;
}
a img {
	border: 0;
}
.noborder {
	border-bottom:0px solid white;
}
hr {
	color:white;
	height:0px;
	border:0px solid white;
	border-bottom:1px solid #999999;
}

.relative {
	position: relative;
}
.dot {
	height:1px; 
	background:url(../img/dot.gif) top left repeat-x;
	margin:1em 0;
	clear: both;
}
div.empty {
	width:237px;
	height:227px;
	background-image: url(../img/bg_menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}
div.empty a {
	display: block;
	width:230px;
	height:220px;
}
.bg_gray {
	background-color: #f7f7f7;
	padding:0px 5px 0px 5px;
}
.mapa {
	background-image: url(../img/bg_mapa.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding:0px 5px 0px 5px;
	border:1px solid #cccccc;
}
#dumKlic {
	position: absolute;
	bottom: 0px;
	right:10px;
	width:140px;
	height:110px;
}
#dumKlic span {
	display: none;
}
.red {
	color: #cc0000 !important;
}
/*_________________________________________________________*/

#null {
	width:989px;	
	margin:auto;
	text-align:left;	
}

/*__________________ Rozlozeni stranky_____________________*/
#container {	
	background-image: url(../img/bg_content.jpg);
	background-position: right;
	background-repeat: repeat-y;
	

}
#content {
	/*background-image: url(../img/bg_menu.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;	*/
}
#mainLeft {
	float: left;
	width: 745px;	
}

#mainRight {
	float:right;
	width:240px;
}

/*___________________Pravy sloupec___________________*/

#colLeft {
	float:left;
	width:238px;	
}
#colRight {
	float:right;
	width:505px;
}
#services {
	background-image: url(../img/bg_services.jpg);
	background-repeat: repeat-y;
	width:230px;
}
/*___________________HEAD___________________________*/
#head {
	position:relative;
	width:749px;
	height:284px;
	background-image: url(../img/head.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#head #logo {
	position: absolute;
	top:110px;
	left:35px;
	width:190px;
	height:150px;
}
#headLeft {
	width:240px;
	height:110px;
	background-image: url(../img/head.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	position: relative;
}
#nav {
	position: absolute;
	top:30px;
	right:80px;
	font-size: 12px;
}
#nav a {
	color: Black;
	text-decoration: none;
}
#nav a:hover {
	text-decoration: underline;
}
/*________________Services__________*/
#service {
	margin:0px 0px 0px 30px;		
}
#service .box p {
	margin:0px;
	padding:2px 0px 2px 0px;
	line-height: 100%;
	font-size: 11px;
}
#service .box h3 {
	color:#4D6FA1;
	padding:5px 0px 5px 0px;
	margin:0px;
	font-size:12px;
}
.box h2 {
	background-color: #ebebeb;
	padding:2px;
	font-weight: 400 !important;
}
.emptyBox {
	text-align: left;
	padding:5px 0px 5px 0px;
}

.emptyBox a.orange {	
	float: left;
	display:block;
	background-image: url(../img/btn_orange.jpg);
	background-repeat: repeat-x;	
	height:25px;
	width:135px;
	_width:155px;
	text-align: center;
	text-decoration: none;
	margin:0px 3px 0px 3px;
	padding:0px 10px 0px 10px;
}
#colRight .padding {
	padding-left:12px;
}


.emptyBox a.blue {	
	display:block;
	background-image: url(../img/btn_blue.jpg);
	background-repeat: repeat-x;
	width:200px;
	height:25px;
	text-align: center;
	text-decoration: none;
	
}
.emptyBox a.blue h2, .emptyBox a.orange h2 {
	color:white;
	font-size:12px;
	font-weight:700;
	margin:0px;
	padding:5px 0px;
}
.emptyBox a.orange:hover {
	text-decoration: underline;
	color:white;
}

/*_________________MENU_________________*/

#menu {
  padding: 0px 0px 0px 0px;
  margin: 0;
}
#menu li {
  position: relative;
  list-style-type: none;
  height: 25px;
  width: 160px;
  _width:164px;
  float: left;
  border-right: 4px solid #fff;
  font-weight: 700;
  font-size: 12px;
}
#menu li a {
  display: block;
  height: 25px;
  text-align: center;
  background: url(../img/li.png) repeat-x 0 0;
  color: #fff;
  text-decoration: none;
  padding-top:5px;
}

#menu ul {
  display: none;
  width: 160px;
  _width:164px;
  position: absolute;
  top: 25px;
  left: 0;
  padding: 0;
  margin: 0;
}
#menu li:hover ul {
  display: block;
}
#menu ul li {
  float: none;
}
#menu ul li a {
  text-align: left;
  padding: 0 10px;
  background: url(../img/li-li.png) 0 0;
  border: 0;
  border-top: 1px solid #fff;
}
#menu ul li.active a,
#menu ul li a:hover {
  background: url(../img/li-li-a.png) no-repeat 0 0;

}

/*___Menu___*/

ul#main {
	list-style: none;
	padding: 0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
}
ul#main li {
	border-bottom:1px solid white;
}
ul#main li a{
	background-image: url(../img/menu_li.jpg);
	background-position: 0px 0px;
	height: 20px;
	_height:25px;
	background-repeat: repeat-x;
	padding:5px 0px 0px 5px;
	display:block;
	text-decoration: none;
	color: #333333;
}


ul#main li a:hover {
	background-image: url(../img/menu_li.jpg);
	background-position: 0px -25px;
	height: 20px;
	_height:25px;
	background-repeat: repeat-x;
	padding:5px 0px 0px 5px;
	display:block;
	color: #333333;
}
ul#main li.active a {
	background-image: url(../img/menu_li.jpg);
	background-position: 0px -25px;
	height: 20px;
	_height:25px;
	background-repeat: repeat-x;
	padding:5px 0px 0px 5px;
	display:block;
	color:#333333;
	
}
ul#main li.sub a {
	background-image: url(../img/menu_li_li.jpg);
	background-position: 5px 0px;
	height: 20px;
	_height:25px;	
	background-repeat: no-repeat;
	padding:5px 0px 0px 10px;
	display:block;
	color:#333333;
}
ul#main li.sub a:hover {
	background-image: url(../img/menu_li_li.jpg);
	background-position: 5px -25px;
	height: 20px;
	_height:25px;	
	background-repeat: no-repeat;
	padding:5px 0px 0px 10px;
	display:block;
	color:#333333;
}
ul#main li.subactive a {
	background-image: url(../img/menu_li_li.jpg);
	background-position: 5px -25px;
	height: 20px;
	_height:25px;	
	background-repeat: no-repeat;
	padding:5px 0px 0px 10px;
	display:block;
	color:#333333;
}
ul#main li.last a {
	background-image: url(../img/menu_li_li_li.jpg);
	background-position: 0px 0px;
	height: 20px;
	_height:25px;	
	background-repeat: no-repeat;
	padding:5px 0px 0px 15px;
	display:block;
	color:#333333;
}
ul#main li.last a:hover {
	background-image: url(../img/menu_li_li_li.jpg);
	background-position: 0px -25px;
	height: 20px;
	_height:25px;	
	background-repeat: no-repeat;
	padding:5px 0px 0px 15px;
	display:block;
	color:#333333;
}
ul#main li.lastactive a {
	background-image: url(../img/menu_li_li_li.jpg);
	background-position: 0px -25px;
	height: 20px;
	_height:25px;	
	background-repeat: no-repeat;
	padding:5px 0px 0px 15px;
	display:block;
	color:#333333;
}

/*________________Text content____________________*/

#textContent {
	padding:5px 5px 5px 15px;
	text-align: justify;
	font-size:12px;
	color:#333333;
	line-height: 145%;
}
#textContent h1 {
	padding: 0px 0px 2px 0px;
	font-size:19px;
	font-weight: 400;
	margin: 10px 0px 10px 0px;
	color:#2E1A5F;
}

#textContent h2 {
	margin:10px 0;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: 700;
	color:#003366;
}
#textContent a {
	color:#E1790A;
	text-decoration:underline;
}
#textContent a:hover {
	text-decoration:none;
}

#textContent h3, #textContent h4{
	margin:10px 0;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: 700;
	color:#003366;
}
#textContent ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#textContent ul li {
	background-image: url(../img/c_ul.gif);
	background-repeat: no-repeat;
	background-position: 6px 8px;
	padding-left:14px;
	margin-top:1px;
}

#textContent img {
	margin:5px;
}
#gallery a, #gallery a:hover {
	text-decoration:none;
}
#gallery img {
	border:2px solid #999999;
	margin:5px;
}
#gallery img:hover {
	border:2px solid #333333;
}

/*_____NOVINKY______*/

#news_title {
	width:240px;
	height:41px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:	url(../img/bg_news_title.jpg);
	background-repeat: no-repeat;
	text-align:left;
}
#news_title div {
	padding:10px 0px 0px 20px;
	font-weight: 700;
}

#news {	
	width:195px;
	/*border:1px solid red;*/
	background-image: url(../img/bg_news.gif);
	background-repeat: repeat-y;
	background-position: top right;
}

#news .item {
	color:#333333;
	padding:10px;
}
#news .item .date {
	color:#E1790A;
	font-weight: bold;
	font-size:11px;
}
#news .item h4 {
	margin:0;
	padding:0px 0px 0px 0px;
	font-size:11px;
	font-weight: 700;
	color:black;
}
#news .item img {
	float: left;
	margin:0px 5px 0px 0px;
	width:50px;
	height:50px;
	border:1px solid black;
}
#news .item p {
	margin:0;
	padding:0;
	font-size:11px;
}
.item .more {
	text-align: right;
	font-size:10px;	
}
.item .more a {
	color:#cc0000 !important;
	text-decoration: none;
	
}
.item a:hover {
	text-decoration: underline;
	
}
#textContent #summaryRef .box a.black {
	color:black !important;
	text-decoration: none;
}
#textContent #summaryRef .box a:hover.black {
	text-decoration: underline;
}
#summaryRef .box img {
	float:left;
}

/*______________formular__________________*/
form.formular {
	margin-bottom:10px;
}
form.formular input {
	width:200px;	
}
form.formular input.submit {
	width:100px;
	border:1px solid #cccccc;
}
form.formular textarea {
	width:300px;
	/*border:1px solid #333333;*/
}
form.formular table td {
	text-align: right;
}
form.formular fieldset{background:#ebebeb;border:0;margin:6px 0;padding:8px 10px}

form.obj{margin:0;padding:0}

form * {vertical-align:middle}

form.obj fieldset{margin:6px 0;padding:8px 10px;}

#content.green form.obj fieldset {
	 border:1px solid #2aa938;
}
#content form.obj fieldset {
	 border:1px solid #cccccc;
}

form.obj label{display:block;float:left;width:100px;margin:4px 0 4px 16px}

form.obj br{clear:left}

form.obj p.row{margin:2px 0;padding:0 0 0 16px}

form.obj div.r{float:right;width:500px}

form.obj table{/*width:580px*/}

form.obj table td.t1{width:200px;text-align:right}

/*________________footer____________________*/
#footer{
	position: relative;
	height:98px;
	background-image: url(../img/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
	padding:0px 0px 0px 0px;	
}

#footer ul {
	margin: 0;
	padding: 4px 0px 0px 0px;
	position: relative;
	width:680px;	
	left:250px;
	
}
#footer ul li {
	display: inline;
	padding:0px 5px 0px 5px;
	font-size: 10px;
}
#footer ul li a {
	color:#333333;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;	
}
#copyright {
	text-align:right;
	padding:5px 80px 0px 0px;
	margin:1px 0px 0px 0px;
	font-size: 10px;	
	color:#333333;
}
#copyright a {
	color: #333333;
}


#copyright a {
	text-decoration:none;
}
#copyright a:hover {
	text-decoration:underline;
}


/*_REREFENCE__*/

.reference, .headReference {
	background-image: url(../img/bg_reference.jpg);
	background-repeat: repeat-y;
	padding:4px 15px 10px 15px;
}
.headReference {
	width:237px;		
	padding:0px 0px 0px 0px;
}
.reference .title, .headReference .title {
	background-image: url(../img/bg_refer_title.jpg);
	background-repeat: repeat-x;
	height:29px;
	margin:0px 1px 0px 1px;
	text-align: center;
}
.reference .title h2, .headReference .title h2 {
	font-size:14px;
	color:#4D6FA1;
	margin:0;
	padding:5px 0;
}
.reference .title h2 a,.headReference .title h2 a {
	color:#4D6FA1;
	text-decoration: none;
}

.headReference .title h2 a:hover {
	color:#4D6FA1;
	text-decoration: underline;
}
.reference .item, .headReference .item {
	padding:5px 0px 5px 0px	;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	border-bottom:1px dotted #526F96;
}
.reference .item h3, .headReference .item h3 {
	margin: 0;
	color: #333333;
	font-size: 12px;
	padding-bottom: 4px;
}
.reference .item h3 a, .reference .item h3 a:hover, .headReference .item h3 a:hover, .headReference .item h3 a {
	text-decoration: none;
	color:#333333;
}
.reference .item img, .headReference .item img {
	float: left;
	padding:5px;
}
.reference .item a, .headReference .item a {
	color:#333333;
	text-decoration: none;
}
.headReference .temp {
	padding:0px 15px 0px 15px;
}

#pictRef img {
	margin:0px 5px 0px 5px;
	float:left;
	background-image: url(../img/obr_shadow.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding:2px 6px 6px 2px;
}


#ref {
	text-align: left;
}
#ref .side {
	width:230px;	
}
#ref .side h3 {
	color:#4D6FA1;
	font-size:12px;
	margin:0;
}
#ref .side img {
	float: left;
	background-image: url(../img/obr_shadow.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding:2px 8px 6px 2px;
}
#ref .side .box {
	margin-top:5px;
	padding-top:5px;
	border-top:0px dotted #4D6FA1;
}
#ref .side .box a {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
#ref .side .box a:hover {
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
#ref .side .box h3 a {
	color:#4D6FA1;
	font-size:12px;
	font-weight: bold;
}
#ref .side .box h3 a:hover {
	color:#4D6FA1;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
}
#pages {
	padding-top:15px;
	text-align: right;
}

.lista {
	background-image: url(../img/lista.jpg);
	background-repeat: repeat-x;
	height:25px;
	text-align: center;
	padding-top:5px;
}
.lista a {
	text-decoration: none !important;
	color: white !important;
	font-weight: 700;
	display: block;
	width:480px;
}
.lista a:hover {
	text-decoration: underline !important;
}

/*_______SITEMAP________*/

#sitemap ul {
	margin-left: 5px;
}
#sitemap ul ul li {
	background-image: none;
}
#sitemap ul li h2 {
	font-size: 14px;
}
#sitemap ul ul li h3 a {
	font-size:12px;
	text-decoration: none;
}
#sitemap ul ul li h3 a:hover {
	text-decoration: underline;
}
#sitemap ul ul ul {
	margin-left:15px;
	background-image: none;
}
#sitemap ul ul ul li h4 a {
	color:white;
	font-size: 10px;
	text-decoration: none;
}

#sitemap ul ul ul li h4 a:hover {
	text-decoration:underline;
}



/* pridano kvuli tinyMCE a spravnemu zobrazeni fontu*/
.fontSize1{
	font-size:8px;
}
.fontSize2{
	font-size:10px;
}
.fontSize3{
	font-size:12px;
}
.fontSize4{
	font-size:14px;
}
.fontSize5{
	font-size:18px;
}
.fontSize6{
	font-size:24px;
}
.fontSize7{
	font-size:36px;
}