body
{
margin: 0;
padding: 0;
text-align: center;
width: 100%;
Font-family: Calibri, Verdana, Ariel, sans-serif;
background: url("images/bg.jpg") repeat-x;
background-color: #2c92ab;

}

.stranka
{
position: relative;
width: 800px;
margin: 0 auto;
text-align: left;                  

}

#logo
{
position: relative;
left: 0px;
margin-left: -230px;
width: 544px;
height: 214px;
background-image: url(/images/sun_of_hope.png);
}

.logo
{
position: absolute;
left: 0px;
margin-left: 233px;
margin-top: 25px;
z-index: 3;

}

#header
{
position: relative;
top: 0;
}

#header-image
{
position: relative;
top: 0px;
margin-left: -40px;
margin-top: -160px;
z-index: 1;
width: 818px;
height: 387px;
background-image: url(/images/header.png);
}

#header-text
{
position: relative;
top:0;
margin-top: -430px;
margin-left: 275px;
font-weight: bold;
color: white;
font-size: 18px;
text-shadow: black -3px 4px;
}

.languages
{
position: absolute;
top: 0;
left: 0;
margin-top:15px;
margin-left: 648px;
}

.active
{
position: relative;
top: -10px;
}


a.rozcestnik
{
position: absolute;
top: 0;
left: 0;
margin-left: 550px;
margin-top: 45px;
color: #fec61c;
font-weight: bold;
text-shadow: black -2px 2px;
text-decoration: none;

}

img
{
border: 0;
}

#content
{
position: relative;
left: 0;
margin-top: 390px;
text-align: center;
}

#menu
{
margin-left: -50px;
float: left;
}

#menu ul
{
list-style-type: none;
}

#menu li
{ 
background: url("images/menu-bg.png") no-repeat;
width: 180px;
min-height: 36px;
padding-top: 7px;
}

#menu li a
{
	color: white;
	display: inline-block;
  font-weight: bold;
  margin-bottom: 10px;
  text-decoration: none;
  width: 180px;
}

#menu a.active_link
{
color: #fec61c;
}

#menu a:hover
{
color: #fec61c;
}

#menu ul.podkategorie li a
{
top: 13px;
}

#menu ul.podkategorie, #menu ul.podkategorie_2
{
padding-left: 0px;
}

#menu li ul
{
padding-left: 0px;
}

#menu li.podkategorie, #menu li.podkategorie_2
{
display: none;
background: transparent;
}

#menu .podkategorie li, #menu .podkategorie_2 li
{ 
text-align: left;
background: none;
width: 180px;
background: url(images/submenu.png) no-repeat;
text-align: center;
padding-top: 15px;
min-height: 30px;
}

#menu li.podkategorie ul li:first-child {
    background: none repeat scroll 0 0 transparent;
    margin-top: -25px;
}

#menu .podkategorie, #menu .podkategorie_2{
background: none;
}

#menu .podkategorie li:first-child, #menu .podkategorie_2 li:first-child {
    background: none repeat scroll 0 0 transparent;
}

#menu ul.podkategorie li:first-child
{
background: none;
}

#menu ul.podkategorie li.salave_vytapeni
{
padding-bottom: 15px;
}

#menu ul.podkategorie li.pohled_fyziky
{
padding-bottom: 33px;
}




#menu ul.podkategorie_2 li
{ 
text-align: center;
margin-left: -75px;
background: url(images/submenu.png) no-repeat;
}

#text
{
text-align: left;
width: 565px;
float: left;
color: white;
font-weight: normal;
font-size: 14px;
height: auto;
}

#text h2
{
color: #fec61a;
}

#dotazy
{
text-align: left;
margin-top: 0px;
clear: both;
}

#napiste-nam
{
margin-left: 30px;
}

#nejcastejsi_otazky
{
margin-left: 400px;
margin-top: -90px;
}

#dotazy #napiste-nam h3
{
position: relative;
margin-top: -120px;
margin-left: 130px;
color: white;
font-size: 30px;
}

#dotazy #nejcastejsi_otazky h3
{
position: relative;
margin-top: -100px;
margin-left: 130px;
color: white;
font-size: 30px;
}

#dotazy #napiste-nam .popis
{
width: 220px;
margin-left: 130px;
margin-top: -20px;
font-size: 12px;
}

#dotazy #nejcastejsi_otazky .popis
{
width: 240px;
margin-left: 130px;
margin-top: -20px;
font-size: 12px;
}

#dotazy .popis .info a
{
color: #d5ad2e;
margin-top: 20px;
}

.input
	{
	background-color: #296a94;
	border: none;
	outline: none;
	padding: 5px;
	color: #fff;
	width: 250px;
	margin: 0px 20px 0px 0px;
	}
	
.textarea	
	{
	background-color: #296a94;
	border: none;
	outline: none;
	padding: 5px;
	color: #fff;
	width: 534px;
	height: 100px;
	}
	
.submit
	{
	width: 150px;
	height: 30px;
	background-color: #ffca06;
	outline: none;
	border: none;
	float: right;
	margin: 10px 20px 0px 0px;
	}
	
#dotazy
{
margin-top: 80px;
padding-top:50px;
margin-bottom:50px;
}

p {  text-align: justify; }

h1 { color: #fec61c; padding-bottom:0px; margin-bottom:0px; }

ol { margin-top:-25px; }

strong { color: #fec61c; }

.reference-images img { border: 8px solid #51b3d4; margin:10px; } 

.reference-images img:hover { border: 8px solid #fcfd80; margin:10px; }

p a { color:#f6ed02; text-decoration:none; }
p a:hover { color:#ffb400; text-decoration:underline; }

h2 { color:#fffb85 !important; margin:0; padding:0; margin-bottom:-35px;}

.strong-kontakt { color:#fffb85; font-weight:normal; }

.osoba { font-size: 17px; color: #fec61c;}