html
{
	height: 100%;

}

body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Helvetica, sans-serif;
  color: #222;
  font-size: 0.8em;
  background: url("../img/pozadi.jpg");
  background-repeat: repeat-x;
  background-color: #fff;
  line-height: 1.2em;
}

table, td, tr {
	vertical-align: middle;
	margin: 0em 2.0em 0.5em 1.2em;
	font-size: 1.0em;
	color: #585858;
}

td {

	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 0px solid #999;
}

.none td {

	border: 0px solid #999;
}


ul, ol{
	margin: 0px 0px 0px 15px;
	_margin: 0px 0px 0px 17px;
	padding: 0px 0px 0px 0px;
	}

li{
  padding: 0px 0px 6.0px 0px;
	list-style-image: url(images/admin/flech.gif);
	line-height: 1.4em;
	color: #111;
	}



.box-content ul, ol{
	margin: 0px 20px 0px 14px;
	padding: 0px 0px 0px 0px;
	}

.box-content li{
  padding: 0px 0px 6.0px 0px;
	list-style-image: url(../images/admin/flech.gif);
	}

.box-text ul, ol{
	margin: 0px 20px 15px 35px;
	padding: 0px 0px 0px 0px;
	color: #585858;
	}

.box-text li{
  padding: 0px 0px 4.5px 0px;
	list-style-image: url(../images/admin/flech.gif);
	color: #585858;
	text-align: justify;
	}
	
.box-text-box ul, ol{
	margin: 0px 10px 15px 20px;
	padding: 0px 0px 0px 0px;
	color: #222;
	}

.box-text-box li{
  padding: 0px 0px 4.5px 0px;
	list-style-type: square;
	color: #222;
	text-align: justify;
	}


fieldset {
	margin: 0px 13px 0px 13px;
}


h1
{
	font-size: 1.3em;
	margin: 1.1em 1.8em 0.5em 1.1em;
	color: #5ba6e5;
	font-style: italic;
}


.tvorba-www-stranek h1{
	display: block;
	padding: 0px;
	margin: 0px;
	font-size: 1.1em;
	margin-top: 0px;
	padding-left: 0px;
	color: #B1B1B1;
	font-style: italic;
}



h2, h3
{
	color: #5ba6e5;
	font-size: 1.1em;
	margin: 1.1em 1.8em 0.5em 1.3em;
	font-style: normal;
}



h3
{
	font-size: 1em;
	margin: 1.1em 1.8em 0.5em 1.3em;
	font-style: italic;
}


h4
{
	color: #508cbe;
	font-size: 1.1em;
	margin: 0em 0em 0em 0em;
	padding: 10px;
	font-style: normal;
	background: url("../img/lista.jpg");
  background-repeat: no-repeat;
  height: 36px;
}


.center
{
	text-align: center;
}
p
{
	margin: 0.8em 2.0em 0.5em 1.5em;
	font-size: 1.0em;
	color: #222;
	line-height: 1.4em;
	text-align: justify;
}

img {border: 0px;}



.foto {margin: 0em 0em 0em 3.2em;}

.tabulka-leva {margin: 3em 0em 0em 2.5em;}

p img {border: solid 2px #C7C7C7;}

.floatleft
{
float: left;
margin: 0px 7px 15px 5px;
/*border: 1px solid #666;*/
padding: 3px;
}

.floatright
{
float: right;
margin: 0px 7px 15px 5px;
/*border: 1px solid #666;*/
padding: 3px;
}

.oko {
	float:right;
	padding: 1px 1px 1px 1px;
	margin: 5px 0px 0px 7px;
	clear: both;
		}

.fotka
{
	border: 1px solid rgb(80,176,255);
	background: rgb(224,240,255);
	padding: 3px 3px 3px 3px;
	margin-left: 7px;
	margin-right: 5px;
}

.foto
{
	border: 1px solid rgb(80,176,255);
	background: rgb(224,240,255);
	padding: 3px 3px 3px 3px;
	margin-left: 7px;
	margin-right: 5px;
	float: right;
}

.foto1
{
	border: 3px solid #A6D7FF;
	background: #E6F3FF;
	padding: 2px;
	margin-left: 0px;
	margin-right: 5px;
	float: left;
}

/* hlavni stranka -------------------------------------------------------*/


.page
{

}

.page-in
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


.head
{
	background-color: #245468;
	
	padding-bottom: 0px;
	padding-top: 0px;
}


.mp33
{
	float: left;
	margin: 0px;
	margin-top: 0px;
	position: relative;
	top: -1280px;
	left: 100px;
	background-color: transparent;
	border: 0px solid #ededed;
}


.box-top {
  float: left;
	margin: 0px;
	margin-top: 0px;	
	width: 1000px;
	height: 183px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url("../img/top.jpg");
	background-repeat: no-repeat;
	}




.tvorba-www-stranek {
  float: left;
	margin: 0px;
	margin-top: 17px;	
	margin-bottom: 0px;
	margin-left: 400px;
	_margin-left: 200px;
	/*border: 1px solid #ededed;*/
	}



.menu {
  float: left;
  position: relative;
  margin: 0px;
	margin-top: 0px;		
	width: 998px;
	height: 44px;
	background-image: url("../img/deti.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	
	}



.hledani {
  float:left;
  margin-top: 4px;
	width: 193px;
	height: 31px;
	background-image: url("../img/lupa.jpg");
	background-repeat: no-repeat;
	font-size: 1.1em;
	}

.hledani input{
	width: 130px;
	height: 15px;
	position: absolute;
	margin-left: 40px;
	margin-top: 7px;
	border: none;
	background: none;
	font-size: 0.8em;
	}

.hledani-submit{
  float:left
	width: 93px;
	height: 26px;
	margin-top: 7px;
	margin-left: 23px;	
	}



.box-obsah {
	float:left;
	margin: 0px;
	margin-top: 35px;		
	width: 998px;
	margin-left: 0px;
	background-color: transparent;
	/*border: 1px solid #ddd;*/
	}



.box-left {
  float:right;
  color: #830509;
	margin: 0px;
	margin-top: 0px;		
	width: 720px;
	margin-left: 0px;
	/*border: 1px solid rgb(102,204,0);*/
  }


.box-home {
	float:left;
	margin: 0px;
	margin-top: 0px;
  margin-left: 0px;		
	width: 710px;
	height: 166px;
	background-image: url("../img/box.jpg");
	background-repeat: no-repeat;
	}


.box-foto {
  float:left;
  margin: 0px;
	margin-top: 0px;		
	width: 630px;
	margin-left: 40px;
	/*border: 1px solid rgb(202,204,0);*/
  }
  
.box-foto-2 {
  float:left;
  margin: 0px;
	margin-top: 0px;		
	width: 630px;
	margin-left: 40px;
	/*border: 1px solid rgb(202,204,0);*/
  }

.box-content {
  float:left;
  margin: 0px;
	margin-top: 0px;		
	width: 630px;
	margin-left: 40px;
	margin-bottom: 40px;
	margin-top: 10px;
	/*border: 1px solid rgb(202,204,0);*/
  }

.box-text {
  float:left;
  margin: 0px;
	margin-top: 10px;		
	width: 710px;
	margin-left: 0px;
	background-image: url("../img/edge.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	/*border: 1px solid rgb(202,204,0);*/
  }


.box-text-box {
  float:left;
  margin: 0px;
	margin-top: 10px;		
	width: 701px;
	margin-left: 0px;
	border-left: 1px solid #d1e6f7;
	border-right: 1px solid #d1e6f7;
	border-bottom: 1px solid #d1e6f7;
	clear: both;
  }



.box-text span
  {
  color: #66ace7;
  font-weight: bold;
  } 
  
  
span.red
  {
  color: #E10000;
  font-weight: bold;
  }  


.box-text p
{
	margin: 0em 2.5em 1.1em 1.5em;

}

.box-right {
	float:left;
	margin: 0px;
	margin-top: 0px;
  margin-left: 0px;		
	width: 270px;
	background-image: url("../img/predel.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	/*border: 1px solid rgb(204,102,204);*/
	}


.box-right-aktual {
	float:left;
	margin: 0px;
	margin-top: 20px;
  margin-left: 0px;		
	width: 247px;
	background-image: url("../img/aktuality.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	/*border: 1px solid rgb(51,51,204);*/
	}



.box-right-kontakt {
	float:left;
	margin: 0px;
	margin-top: 20px;
  margin-left: 0px;		
	width: 247px;
	background-image: url("../img/kontakt.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	/*border: 1px solid rgb(51,51,204);*/
	}

.box-right-kontakt-in {
	float:left;
	font-size: 0.85em;
	margin: 0px;
	margin-top: 36px;
  margin-left: 0px;		
	width: 247px;
	background-image: url("../img/kontakt-pozadi.jpg");
	background-repeat: repeat-y;
	position: relative;
	left: -4px;
	/*border: 1px solid rgb(255,102,0);*/
	}

.box-right-kontakt-in span
  {
  color: #66ace7;
  font-weight: bold;
  } 

.box-right-kontakt-dole {
	float:left;
	margin: 0px;
	margin-top: 0px;
  margin-left: 0px;		
	width: 247px;
	height: 21px;
	background-image: url("../img/kontakt-dole.jpg");
	background-repeat: no-repeat;
	position: relative;
	left: -4px;
	}

.box-paticka {
	float:left;
	margin: 0px;
	margin-top: 0px;		
	width: 1075px;
	height: 249px;
	margin-left: 0px;
	background: url("../img/bottom.jpg");
  background-repeat: no-repeat;
  background-color: transparent;
	}
	

	
.seznam {
	margin: 0px;
	}




.dole {
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;		
	width: 903px;
	height: 13px;
	background: url("../img/dole.jpg");
  background-repeat: no-repeat;
  }

.php {
  float: left;
  margin-top: 8px;		
	width: 900px;
	margin-bottom: 10px;
	margin-left: 1px;
	color: #777;
	/*border: 1px solid #FFFE00;*/
	}


.copy {
  float: left;
	margin-top: 0px;	
	margin-bottom: 10px;
	margin-left: 0px;
	color: #4d4d4d;
	/*border: 1px solid #FFFE00;*/
	}
	
.seo {
  float: left;
	margin-top: 0px;	
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 0.8em;
	color: #4d4d4d;
	width: 1020px;
	/*border: 1px solid #FFFE00;*/
	}

.tisk {
  float: right;
	margin-top: 0px;  		
	padding-left: 0px;
	margin-left: 0px;
	/*border: 1px solid #FFFE00;*/
	}

.tisk span {
  color: #830509;
	font-weight: bold;
	}
	


/* odkazy -------------------------------------------------- */


p a:link {
	color: #585858;
	background-color: transparent;
	padding-left: 1px;
	padding-right: 1px;
	font-weight: normal;
	text-decoration: underline;

}
p a:visited {
	color: #585858;
	background-color: transparent;
	padding-left: 1px;
	padding-right: 1px;
	text-decoration: underline;
	font-weight: normal;

}
p a:hover {
	color: rgb(0,102,255);
	background-color: transparent;
	padding-left: 1px;
	padding-right: 1px;
	font-weight: normal;
	text-decoration: none;

}
p a:active {
	color: #585858;
	background-color: transparent;
	padding-left: 1px;
	padding-right: 1px;
	font-weight: normal;
	text-decoration: underline;

}




a:link {
	color: rgb(0,0,0);
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}
a:visited {
	color: rgb(0,0,0);
	background-color: transparent;
	text-decoration: underline;
	font-weight: normal;

}
a:hover {
	color: rgb(0,102,255);
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;

}
a:active {
	color: rgb(0,0,0);
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}




.posta a:link {
	color: #333;
	background-color: transparent;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal;
	text-decoration: underline;

}
.posta a:visited {
	color: #333;
	background-color: transparent;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: underline;
	font-weight: normal;

}
.posta a:hover {
	color: #fff;
	background-color: #0F3444;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal;
	text-decoration: none;

}
.posta a:active {
	color: #333;
	background-color: transparent;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal;
	text-decoration: underline;

}


.posta-2 a:link {
	color: #333;
	background-color: transparent;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal;
	text-decoration: underline;

}
.posta-2 a:visited {
	color: #333;
	background-color: transparent;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: underline;
	font-weight: normal;

}
.posta-2 a:hover {
	color: #fff;
	background-color: #0F3444;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal;
	text-decoration: none;

}
.posta-2 a:active {
	color: #333;
	background-color: transparent;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal;
	text-decoration: underline;

}




.seo a:link {
	color: #4d4d4d;;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}
.seo a:visited {
	color: #4d4d4d;;
	background-color: transparent;
	text-decoration: underline;
	font-weight: normal;

}
.seo a:hover {
	color: rgb(0,102,255);
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;

}
.seo a:active {
	color: #4d4d4d;;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}





.copy a:link {
	color: #7A7A7A;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}
.copy a:visited {
	color: #7A7A7A;
	background-color: transparent;
	text-decoration: underline;
	font-weight: normal;

}
.copy a:hover {
	color: rgb(0,102,255);
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;

}
.copy a:active {
	color: #7A7A7A;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}

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

.green
{
	color: rgb(102,204,0);
}

.left
{
	float: left;
	padding-right: 16px;
}

.right
{
	float: right;
	padding-left: 16px;
}

.clear
{
	clear: both;
	height: 16px;
	line-height: 1px;
}


.body-a
{
/*	background: url(img/main-poz.png) repeat-y left;*/
	margin-top: 6px;
	
}

.side
{
	width: 190px;
	float: left;
}

.main
{
	width: 565px;
	float: right;
	border-left: 1px solid #AFC1D2;	
}

.borders
{
	border-right: 1px solid #AFC1D2;		
	border-left: 1px solid #AFC1D2;
	
}

.bottom
{
	padding: 4px;
	margin: 4px;
	color: #3B3D54;
}



hr {
	color: #DC2932;
	height: 1px;
	margin-left: 1.5em;
	margin-right: 1.5em;
}



.floatright
{
float: right;
margin: 0px 0px 0px 0px;
/*border: 1px solid #666;*/
padding: 2px;
}


.tvorba-webovych-stranek
{
  float: left;
	margin-bottom: 15em;
	margin-left: 20px;
	_margin-left: 10px;
	padding: 0em;
	color: #333;
	background-color: #CEF4FF;
	border: 1px solid #84E3FF;
	width: 500px;
	}


.posta
{
  float: left;
	font-size: 1.0em;
	margin-left: 2em;
	padding: 0.5em;
	color: #333;
	background-color: #E9F9FF;
	border: 2px solid #6DC9F0;
	width: 130px;
	}
	
.posta-2
{
  font-size: 1.0em;
	margin-left: 2em;
	padding: 0.5em;
	color: #333;
	background-color: #E9F9FF;
	border: 2px solid #6DC9F0;
	width: 200px;
	}



.box-ep
{
  float: left;
	margin: 0.5em;
	margin-left: 4em;
	_margin-left: 2em;
	padding: 0.5em;
	border: 1px solid #6dc9f0;
	width: 630px;
	
	}
	
.box-ep2
{
  float: left;
	margin: 0em;
	width: 750px;
	
	}


.tvorba-www-dale
{
	font-size: 1.0em;
	margin: 0.5em;
	margin-left: 1.3em;
	padding: 0.5em;
	color: #333;
	background-color: #e9f9ff;
	border: 1px solid #6dc9f0;
	width: 630px;
	background-image: url("../img/ksicht.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
}



.tvorba-webovych-stranek-mala
{
	float: left;
	font-size: 1.0em;
	margin: 0.5em;
	margin-left: 0.3em;
	padding: 0.5em;
	color: #333;
	background-color: #e9f9ff;
	border: 1px solid #6dc9f0;
	width: 190px;
	background-image: url("../img/ref.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
}


.tvorba-webovych-stranek-mala p
{
	margin: 0.5em 0.5em 0.5em 0.5em;
}


.webdesign-cv
{
	font-size: 1.0em;
	margin: 0.5em;
	margin-left: 1.3em;
	color: #333;
	background-color: #c9Fcc0;
	border: 1px solid #73ec5e;
	width: 630px;
}



.webdesign-red
{
	font-size: 1.0em;
	margin: 3.5em;
	padding: 0.5em;
	color: #333;
	background-color: transparent;
}



.input1 {
	border: 1px solid #6DC9F0;
	color: #333;
	width: 40px;
	height: 13px;
	font-size: 10px;
	background-color: #fff;
}

.input2 {
	border: 1px solid #6DC9F0;
	color: #333;
	width: 140px;
	height: 13px;
	font-size: 10px;
	background-color: #fff;
}


.input3 {
	border: 2px solid #3F8D21;
	color: #fff;
	width: 138px;
	height: 20px;
	font-size: 10px;
	background-color: #4eae28;
	font-weight: bold;
}

.input4 {
	border: 2px solid #081B29;
	color: #000;
	width: 70px;
	height: 18px;
	font-size: 10px;
	background-color: #D3E93F;
}

.input5 {
	border: 2px solid #264c61;
	color: #000;
	width: 150px;
	height: 15px;
	font-size: 10px;
	background-color: #ededed;
}

textarea {
	border: 1px solid #6DC9F0;
	width: 280px;
	height: 90px;
	background-color: #fff;
}

.textarea1 {
	border: 1px solid #081B29;
	width: 500px;
	height: 70px;
	background-color: #F8FBFC;
}
/*******************   horní menu  ********************************/             
#horni_menu{
	float: left;
	position: absolute;
	font-family: Georgia;
	color: #fff;
	width: 800px;
	height: 63px;
	top: -7px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	
}
#horni_menu ul{
	float: left;
	height: 100%;
	padding: 0px;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
}
#horni_menu li{
	float: left;
	padding: 0px 0px 0px 25px;
	margin: 0px;
	height: 100%;
	background-image: none;
	background-color:	transparent;
}
#horni_menu li a{
	float: left;
	padding: 23px 15px 23px 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	text-decoration: none;
	background-image: none;
	background-color:	transparent;
}
a:focus{
	outline-style: none;
}
/*************************  leve menu  ********************************/
#leve_menu{
	float: left;
	display: block;	
	width: 250px;
	margin: 0px;
	padding: 0px;
	font-family: Georgia;
	color: #fff;		
}
#leve_menu ul{
	float: left;
	display: block;
	width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
}
#leve_menu ul li{
	float: left;
	display: block;
	width: 100%;
	padding: 0px 0px 11px 0px;
	margin: 0px;
	background-image: none;
	background-color: transparent;
}
#leve_menu ul li h2, #leve_menu ul li a{
	float: left;
	display: block;
	width: 218px;
	padding: 8px 0px 8px 22px;
	margin: 0px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background-image: url("../img/menu-left-1.jpg");
	background-position: top right;
	background-repeat: no-repeat;
	background-color: transparent;
}
#leve_menu ul li ul{
	float: left;
	display: block;
	width: 226px;
	padding: 10px 0px 0px 14px;
	margin: 0px;
	background-image: none;
	background-color: transparent;
}
#leve_menu ul li ul li{
	float: left;
	display: block;
	padding: 6px 0px 6px 3px;
	margin: 0px;
	width: 223px;
	background-image: none;
	
}
#leve_menu ul li ul li a{
	float: left;
	display: block;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	text-decoration: none;
	color: #585858;
	background-image: url("../img/menu-left-zelena.jpg");
	background-position: center left;
	background-repeat: no-repeat;
	background-color: transparent;
}


/*---- css img ----- */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #aaaaaa;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ededed;
padding: 5px;
left: -1500px;
border: 3px solid #242424;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -200px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 98%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #5196CF;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1em;
	padding: 0 15.95px;
	_padding: 0 15.99px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #72AAD8;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 98%;
	background: #fff;
}
.tab_content {
	padding: 10px;
	
}