body {
	text-align : center;
	margin : 0px;
	font-family : Calibri, Corbel, Arial, Helvetica, Verdana, Geneva, sans-serif;
	background : White url(images/background.gif) no-repeat top center;
	border-collapse : collapse;
	font-size : 80%;
	padding-bottom : 0px;
	padding-top : 0px;
}
a {
	text-decoration : underline;
}
a:hover {
	text-decoration : none;
}
/*-----------------------Rychle definice barev------------------------*/
a, #hlavnimenu ul li a:hover,.odkazinstituce {
	color : #e2001a;
}
a:hover, #obsahcontent h1, #obsahcontent h2, #obsahcontent h3, #pravamapa h2, #pravevideo h2, #hlavnimenu a, #statistiky a, .odkazinstituce:hover {
	color : #e2001a;
}
#hlavnimenu ul li a {
	color : #737373;
}
#obsahcontent h1, .levy, .levy-nb, .pravy, .pravy-nb {
	border-color : #1A3C00;
}
.vypis-podrizenych {
	background : #F2F1D0;
}
.tabulka table{
	background-color: White;
}
.hlavickytabulky,.hlavickytabulky td{
	background : #1A3C00;
	color : White;
}
.zvyraznenepole,.zvyraznenepole td{
	background : #89BB00;
	color : #1A3C00;
}
.vyrazne{
	background-color : #F2F1D0;
	border-color : #1A3C00;		
}
h3 .malypopis3{
	color: black !important;
}
/* ---------------------definice pozicovanych sloupcu--------------------- */
#stranka 	{
	position:relative;
	width:796px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	margin-top : 0px;
	color : #333333;
}
#main1{
	margin : 0px 0px 0px 0px;
	padding : 235px 0px 0px 0px;
	position : relative;
	background : url(images/telo-background.gif) repeat-y center;
}
#main2{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}
#hlavicka {
	position: relative;
	height : 10px;
	font-size : 0px;
}
#hlavnisloupek {
	font-size : 100%;
	padding-left : 148px;
	padding-right : 268px;
	padding-top : 0px;
}
#cleaner, .cleaner{
	clear : both;
	padding : 0px 0px;
	height : 1px;
	font-size : 0px;
}
#pata{
	width: 100%;
	background: #e2001a;
	margin : 10px 0px 0px 0px;
	padding : 10px 0px 0px 0px;	
}
#patacontent 	{
	position:relative;
	width:796px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	margin-top : 0px;
	color : White;
	height: 100px;
}
#logo{
	position : absolute;
	left: 2px;
	top : 31px;
	width : 732px;
	height : 165px;
	background : url(images/hlavicka.jpg) no-repeat center bottom;
}

/*
#logo{
	position : absolute;
	left: 2px;
	top : 2px;
	width : 760px;
	height : 210px;
	background : url(images/hlavicka-1.jpg) no-repeat center bottom;
}*/

/*----------------uzitecne pomucky----------------*/
.noscreen{
	display : none;
}
.obal {_height:1px; min-height:1px}
.obal:after {content:"."; display:block; line-height:0; font-size:0; visibility:hidden; clear:both}

/*----------------obsah hlavniho sloupce----------------*/
#obsah {
	position : relative;
	margin-top : 0px;
	margin-bottom : 30px;
}
#obsahcontent{
	min-height : 830px;
	_height:830px;
	padding-top : 0px;
	border-left : 1px dotted Silver;
	border-right : 1px dotted Silver;
	padding-left : 0px;
	padding-bottom : 10px;
	position : relative;
}
#obsahcontent h1 {
	margin : 0px 20px 13px 20px;
	font-size : 170%;
	padding : 0px 0px 5px 0px !important;
	/*border-bottom : 1px solid;*/
	font-weight : bold;
	clear : both;
	/*background: #89bb00;*/
}
#obsahcontent h2,h3{
	margin : 15px 20px 5px 20px;
	padding : 2px 2px 2px 0px;
	font-weight : bold;
}
#obsahcontent h2{
	font-size : 130%;
}
#obsahcontent h3{
	font-size : 100%;
	margin-bottom: 0px !important;
}
p, .zarovnat-l, .zarovnat-p, .zarovnat-c{
	margin : 0px 20px 10px 20px;
	text-align : justify;
	text-indent : 0em;
	line-height : 140%;
	font-size : 105%;
}
.oddelovac{
	margin : 10px 20px 9px 20px;
	clear: both;
	height: 1px;
	border-bottom : 1px dotted Silver;
	font-size: 0px;
}
.strankovani{
	margin : 10px 20px 13px 20px;
	font-size: 85%
}
.zarovnat-l{
	text-align : left;
}
.zarovnat-p{
	text-align : right;
}
.zarovnat-c{
	text-align : center;
}
.aktualnost{
	color : Red;
}
.malypopis, .malypopis1, .malypopis2{
	font-size : 50%;
	font-weight : normal;
}
.malypopis1{
	font-size : 65%;
}
.malypopis2{
	font-size : 100%;
}
.malypopis3{
	font-size : 80%;
}
h3 .malypopis3 {
	font-size : 85%;
	font-weight: normal;
}

.vyrazne{
	margin : 0px 20px 10px 20px;
	border-style : solid;
	border-width : 1px;	
	padding : 0px 0px 0px 0px;
	position : relative;
}
.vyrazne h2{
	color : #ff7e00;
}
.vyrazne li{
	text-align : left !important;
	margin-top : 10px;
}
#obsahcontent ul,ol{
	margin : 0px 20px 10px 15px;
	_margin : 0px 20px 10px 50px;
	padding: 0px 0px 0px 30px;
}
#obsahcontent ul ul{
	margin : 0px 0px 10px 0px;
	_margin : 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
}
.vyrazne ul{
	margin : 0px 20px 10px 0px;
	_margin : 0px 20px 10px 35px;
}
#obsahcontent li{
	text-align : justify;
	margin-top : 10px;
}
.formholder {
	margin-top : 25px;
	margin-bottom : 25px;
}
.formular {
	width : 334px;
	text-align : center;
	background : #ffefbe;
	margin-left : 20px;
/*	margin-right : auto;*/
	border : 1px solid #222222;
}
.formular h4{
	margin-bottom : 0px;
	margin-top : 5px;
	text-align : left;
	margin-left : 20px;
	color : #B70000;
}
form {
	margin : 0px;
}
.buttons {
	text-align : left;
	margin-left : 20px;
	margin-top : 10px;
	margin-bottom : 5px;
}
.levy, .levy-nb {
	float : left;
	margin : 3px 7px 3px 0px;
	border : 1px solid;
	position : relative;
}
.levy-nb{
	border : 0px;
}
.pravy, .pravy-nb {
	float : right;
	margin : 3px 0px 3px 7px;
	border : 1px solid;
	position : relative;
}
.pravy, .levy {
	border-color: black;
}
.pravy-nb{
	border : 0px;
}
.druhyobrazek{
	margin-left: 30px;
}
hr {
   display: none;
/*
	text-align : center;
	margin : 20px 15px 20px 15px;
*/
}
.vypis-podrizenych{
	margin: 5px 15px 15px 5px;
	border: 1px dotted Black;
}
#playerBlock, #playerBlock2, #playerBlock3 ,.playerBlock{
	text-align: center;
	margin-bottom:20px;
	position: relative;
}
#playerBlock2, #playerBlock3{
   text-align: left;
	margin-left: 20px;
}

#playerBlock2 a, #playerBlock3 a{
	background-color: #D3D3D3;
}

#playerBlock2 a img{
	border: none;
	position: absolute;
	left:145px;
	top: 90px;
}
/*----------- Clanek anotace--------------------------- */
.clanekanotace{
	/*border-bottom: 1px dotted Silver !important;*/
	padding: 0px 0px 5px 0px;
	margin : 0px 20px 10px 20px !important;
	width: 340px;
}
.clanekanotace p {
	margin : 0px 0px 10px 0px !important;
}
.snahledem{
	padding: 0px 110px 0px 0px;
}
.vypisclankuanotace p{
font-weight: bold;
}
/*---------------vypis youtube------------------*/
.vypis-youtube{
	margin : 10px 20px 10px 20px;
	border-bottom : 0px dotted Silver;
	font-family: Arial, Helvetica, sans-serif;
}

.vypis-youtube div {
	border : 0px solid #c05b73;
	margin : 5px 0px 5px 0px;
	}
.vypis-youtube div h3{
	margin : 0px 0px 0px 0px;
	font-size: 80% !important;
}
/*---------------galery table-----------------------*/
.galerytable{
   margin : 0px 30px 0px 30px;
	padding-top: 10px;
	text-align: center;	
}
.galerytable img{
	margin-right: 15px;
	margin-bottom: 10px;
   border: 1px solid #FE787F;	
}
.galerytable a:hover img{
	border: 1px solid #C40109;
}
/*-----------------Tabulka kurzy------------------------*/
.tabulka{
	margin : 10px 20px 10px 20px;
	font-size : 85%;
}
.tabulka table{
	border : 1px solid Black;
	width : 100%;
	border-collapse: collapse;
}
.tabulka table td{
	border : 1px solid Black;
	padding : 5px 5px 5px 5px;
	vertical-align : top;
}
.hlavickytabulky,.hlavickytabulky td, .zvyraznenepole,.zvyraznenepole td{
	font-weight : bold;
}
.sloupecek-kod{
	width : 110px;
	font-weight : bold;
}
.sloupecek-cislozak{
	width : 70px;
	font-weight : bold;
}
.sloupecek-stav, .sloupecek-den{
	width : 60px;
	font-weight : bold;
}
.sloupecek-fakt{
	font-weight : bold;
	text-align : right !important;
}
.sloupecek-odpoved{
		width : 170px;
}
.normalnifont{
	font-weight: normal;
}
/*---------------------Obrazkove odkazy------------------*/
.obrazkoveodkazy{
	width : 150px;
	height : 150px;
	position : absolute;
}
.obrazkoveodkazy a, #nadpisstranek a{
	display : block;
	width : 100%;
	height : 100%;
	background-color : #F5F5F5;
	text-decoration : none;
}

#pobytovetabory, #vyukoveprogramy, #sablona1, #wattsinterakthry{
	left : 0px;
	/*left : 182px;*/
	top : 0px;
}
#primestsketabory, #wattslektori, #sablona2, #wattsvidea{
	left : 184px;
	/*left : 364px;*/
	top : 0px;
}
.obrazkoveodkazy a span, #nadpisstranek a span{
	position:absolute;
	display : block;
	width : 100%;
	height : 100%;
	left : 0px;
	top : 0px;
}

#pobytovetabory a span{
	background : url(images/pobytove.jpg);
	cursor : pointer;
}
#primestsketabory a span{
	background : url(images/primestske.jpg);
	cursor : pointer;
}
#vyukoveprogramy a span{
	background : url(images/vyukove-programy.jpg);
	cursor : pointer;
}
#wattslektori a span{
	background : url(images/lektori.jpg);
	cursor : pointer;
}
#sablona1 a span{
	background : url(images/sablona1.jpg);
	cursor : pointer;
}
#sablona2 a span{
	background : url(images/sablona2.jpg);
	cursor : pointer;
}
#wattsvidea a span{
	background : url(images/videa.jpg);
	cursor : pointer;
}
#wattsinterakthry a span{
	background : url(images/hry.jpg);
	cursor : pointer;
}
#nosicobrazku{
	height: 150px;
	position: relative;
	margin: 30px 20px 20px 20px;
}
/*----------------hlavicka------------------------*/
#nadpisstranek{
	width: 139px;
	height: 100px;
	position: absolute;
	top: 117px;
	left: 17px;
}
#nadpisstranek h2{
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#nadpisstranek a span{
   background : url(images/wattsenglish-logo.gif) no-repeat left bottom;
	cursor : pointer;
}
#nadpisstranek a{
text-decoration: none;
}
/*-------------------Odkaz kurzy-------------------------*/
.odkazinstituce{
	cursor : pointer;
	text-decoration: underline;
}
.odkazinstituce:hover{
	text-decoration: none;
}
/*---------------------Obsah menu------------------------*/
#hlavnimenu{
	position: absolute;
	left : -27px;
	top: 235px;
	width: 180px;
}
#facebookfan {
margin-top:40px;
}
#hlavnimenu ul{
	margin : 0px 20px 10px -10px;
	_margin : 0px 20px 10px 26px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
	text-align: right;
}
#hlavnimenu ul li ul{
	margin : 5px 0px 20px 0px !important;
	padding : 0px 0px 0px 0px;
}
#hlavnimenu li{
	text-align : right;
	margin-top : 10px;
	line-height : 140%;
}
#hlavnimenu ul li ul li{
font-size: 100%;
line-height : 80%;
margin : 0px 0px 5px 0px;
}
#hlavnimenu ul li a{
	font-size: 110%;
	padding: 0px 0px 0px 18px;	
	text-decoration: none;
	font-weight: bold;
}

#hlavnimenu ul li a:hover, a.vybrano{
   background : url(images/tecka.gif) no-repeat left center;
   color : #e2001a !important;
}

#hlavnimenu ul li ul li a{
	font-size: 90%;
	padding: 0px 0px 0px 0px;		
	text-decoration: none;
	font-weight: bold;
}

#hlavnimenu ul li ul li a:hover, a.podmenuvybrano{
   color : #e2001a !important;
   background: transparent;
}
.skrytemenu{
	display: none;
}
/* ---------------------Kalendar---------------------------- */
.calendarLevymargin{
	margin-left: 20px;
}
/*---------------------Banery------------------------------- */
.upoutavka, .upoutavkaleva {
   position: relative;
	width: 121px;
	height: 300px;
	border: 0px solid Black;
}

.upoutavkaleva {
margin: 20px 0px 0px 39px;
}

.upoutavka {
	position: absolute;
	top:507px;
	left:790px;
}

#pravybanner {
	position: absolute;
	top:247px;
	left:790px;
}

.upoutavka a span, .upoutavkaleva a span {
	position:absolute;
	display : block;
	width : 100%;
	height : 100%;
	left : 0px;
	top : 0px;
	cursor : pointer;
}
.upoutavka a, .upoutavkaleva a  {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}
#facebookodkaz{
	height: 28px;
	margin: 20px 0px 20px 39px;	
}
#wttseng-tabor a span{
   background : url(images/baner/baner-tabory-1.gif) no-repeat center bottom;
}
#wttseng-eu a span{
   background : url(images/baner/baner-eu.gif) no-repeat center bottom;
}
#facebookodkaz a span{
   background : url(images/facebook.gif) no-repeat center bottom;
}
/* --------------------Patacontent--------------------------- */
#patasteve{
	position: absolute;
	left: 528px;
	top: -102px;
	width: 137px;
	height: 172px;
	background : url(images/patasteve.jpg) no-repeat center center;
}
#podpispaty{
	position: absolute;
	left: 175px;
	top: 0px;
}
#statistiky{
	position: absolute;
	left: 505px;
	top: 20px;
}
/* --------------------Horni FLASH--------------------------- */
#nosictopflash{
	position: absolute;
	left: 120px;
   top: 0px;
}

/* --------------------Prava mapa a video--------------------------- */

#pravamapa {
   position: absolute;
	top: 402px;
	left: 540px;
	padding: 0px;
}

#pravevideo {
   position: absolute;
	top: 232px;
	left: 540px;
	padding: 0px;
}

#pravamapa h2, #pravevideo h2{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 18px;
	font-weight : bold;
	font-size: 110%;
	background : url(images/tecka.gif) no-repeat left center;	
}

.nadpismapy{
position: relative;
top:17px;	
}

#mapa {
   /*position: absolute;
	top: 10px;
	left: 310px;*/
	padding: 0px;
	background: #7dc200 url(images/zvyraznene-kraje.gif) no-repeat top left;
	width: 198px;
	height: 140px;
	font-size : 0px;
/*	float : right;*/
}
 #mapa img {
 	border: 0px none;
 	padding: 0px;
 	margin: 0px;
}
#druhamapa {
   /*position: absolute;
	top: 10px;
	left: 310px;*/
	padding: 0px;
	background: #e2001a url(images/zvyraznene-kraje2.gif) no-repeat top left;
	width: 198px;
	height: 140px;
	font-size : 0px;
	float : right;
}
 #druhamapa img {
 	border: 0px none;
 	padding: 0px;
 	margin: 0px;
}
/* VLAJKY *********************************************/
#vlajky {
	position: absolute;
	top:207px;
	left:720px;
	width:66px;
	height:15px;
}
#vlajky a img{
	filter:alpha(opacity=50);
	opacity:0.5;
}
#vlajky a:hover img{
	filter:none;
	opacity:1;
}
#vyhledavani {
	position: absolute;
	top:206px;
	left:540px;
	width:170px;
}
#vyhledavani input{
   height:11px;
	width:170px;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
}