body,html
{
	height:100%;
}

#container 
{
	position:relative;
	min-height:100%;
}

body
{
	padding:0;
	margin:0;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 1.4em;
	background:#F1F5F8;
	color:#02428A;
}

a img
{
    border:0;
}

form
{
	padding:0;
	margin:0;
}

.cleaner 
{
	position:relative;
	width:100%;
	height:1px;
	clear:both;
	overflow:hidden;
	font-size:1px;
	background:transparent;
}

#top2
{
    position: relative;
	min-width: 980px;
	height:164px;
	background: url('image/pohodovaskola/page/top_bg.png') repeat-x left top;
}

#top2_inner
{
	position: relative;
	width: 980px;
	height:164px;
	margin: 0 auto;
	background: url('image/pohodovaskola/page/top_svet2.png') no-repeat left top;
}

#top2 #svetPohoda
{
    display:block;
    position:absolute;
    left:0;
    top:35px;
    width:223px;
    height:33px;
}

#top2 #svetPohoda span
{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:223px;
    height:33px;
    background: url('image/pohodovaskola/page/LogoSvet2.png') no-repeat left top;
}

#top2 #pp
{
    display:block;
    position:absolute;
    left:223px;
    top:35px;
    width:198px;
    height:33px;
}

#top2 #pp span
{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:198px;
    height:33px;
    background: url('image/pohodovaskola/page/PH_skola.png') no-repeat left top;
}

#top2 #stw
{
    display:block;
    position:absolute;
    right:25px;
    top:40px;
    width:128px;
    height:24px;
}

#top2 #stw span
{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:128px;
    height:24px;
    background: url('image/pohodovaskola/page/STW_logo2.png') no-repeat left top;
}

#top_menu
{
    position:absolute;
    left:0px;
    top:95px;
    padding:0;
    margin:0;
    font-size:12px;
    font-weight:bold;
}

#top_menu li 
{
    position:relative;
    float:left;
    height:35px;
    line-height:30px;
    background: #C4D139;
    list-style-type:none;
}

#top_menu li a
{
    display:block;
    position:relative;
    height:35px;
    cursor:pointer;
    text-align:center;
    color:White;
    text-decoration:none;
}

#top_menu li a:hover
{
    color:White;
}

#top_menu li a span
{
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:35px;
}

#top_menu li.plus {width:141px;}
#top_menu li.partneri {width:104px;}
#top_menu li.poradci {width:232px;}
#top_menu li.zakaznici {width:176px;}
#top_menu li.skola {width:147px;}
#top_menu li.certifikat {width:180px;}

#top_menu li.plus a {background:url('image/pohodovaskola/page/MenuPlusU.png') no-repeat top left;}
#top_menu li.partneri a {background:url('image/pohodovaskola/page/MenuPartneriU.png') no-repeat top left;}
#top_menu li.poradci a {background:url('image/pohodovaskola/page/MenuPoradciU.png') no-repeat top left;}
#top_menu li.zakaznici a {background:url('image/pohodovaskola/page/MenuReferenceU.png') no-repeat top left;}
#top_menu li.skola a {background:url('image/pohodovaskola/page/MenuSkolaU.png') no-repeat top left;}
#top_menu li.certifikat a {background:url('image/pohodovaskola/page/MenuCertifikaceU.png') no-repeat top left;}

#top_menu li.plus a:hover {background:url('image/pohodovaskola/page/menuplusD.png') no-repeat top left;}
#top_menu li.partneri a:hover {background:url('image/pohodovaskola/page/menupartneriD.png') no-repeat top left;}
#top_menu li.poradci a:hover {background:url('image/pohodovaskola/page/menuporadciD.png') no-repeat top left;}
#top_menu li.zakaznici a:hover {background:url('image/pohodovaskola/page/menureferenceD.png') no-repeat top left;}
#top_menu li.skola a:hover {background:url('image/pohodovaskola/page/menuskolaD.png') no-repeat top left;}
#top_menu li.certifikat a:hover {background:url('image/pohodovaskola/page/menucertifikaceD.png') no-repeat top left;}

#top
{
	position:relative;
	min-width:920px;
	height:100px;
	background:url('image/pohodovaskola/page/top_bg.gif') repeat-x left -40px;
}

#top_inner
{
	position:relative;
	width:920px;
	height:100px;
	margin:0 auto;
}


#bottom
{
	position:absolute;
	width:100%;
	bottom:0;
	min-width:920px;
	height:55px;
	margin-top:10px;
	border-top: solid 1px #D2D2D2;
	background:#E7E7E7;
	color:#6E6E6E;
}

#bottom_inner
{
	position:relative;
	width:920px;
	margin:0 auto;
	padding: 20px 0px 0 0px;
	background:#E7E7E7;
}


#container2
{
	position:relative;
	margin:0 auto;
	width:920px;
	
	padding-bottom:70px;
}

.pohodovaSkola
{
    display:block;
    position:absolute;
    left:20px;
    top:0;
    width:356px;
    height:117px;
    color:White;
    overflow:hidden;
}

.pohodovaSkola span 
{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url("image/pohodovaskola/page/logo_skola.png") no-repeat left top;
    cursor:pointer;
}

.pohoda
{
    display:block;
    position:absolute;
    left:790px;
    top:25px;
    width:129px;
    height:37px;
    color:White;
    overflow:hidden;
}

.pohoda span 
{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url("image/pohodovaskola/page/logo_pohoda.gif") no-repeat left top;
    cursor:pointer;
}

#links_pos
{
    position:absolute;
    top:0px;
    right:0;
    width:145px;
}

.links
{
    position:relative;
    text-align:center;
}

.links a
{
    display:block;
    position:relative;
    width:100%;
    padding-bottom:15px;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    color:#024387;
}

.links a span
{
    display:block;
    padding-top:2px;
}

#bg1
{
    position:absolute;
    left:432px;
    top:-100px;
    width:328px;
    height:294px;
    background:url('image/pohodovaskola/page/hl_bara.jpg') no-repeat top left;
}

#bg2
{
    position:absolute;
    left:0px;
    top:194px;
    width:920px;
    height:344px;
    background:url('image/pohodovaskola/page/hl_down.jpg') no-repeat top left;
}

#main_article
{
    position:relative;
    padding-left:20px;
}

.info
{
    position:relative;
    padding-top:15px;
    width:450px;
    height:180px;
}

.bubbles
{
    position:relative;
    width:100%;
    padding-bottom:25px;
}

.why
{
    position:relative;
    width:370px;
    height:125px;
    padding:20px 20px 0 20px;
    margin-bottom:20px;
}

.how
{
    position:relative;
    float:left;
    width:240px;
    height:145px;
    padding:20px 20px 0 20px;
    margin-right:15px;
}

.list
{
    position:relative;
    float:left;
    width:255px;
    height:145px;
    padding:20px 20px 0 20px;
    margin-right:15px;
    color:white;
}

.students
{
    position:relative;
    float:left;
    padding:20px 20px 0 20px;
    width:235px;
    height:145px;
    color:White;
}

.schoolCount
{
    position:absolute;
    bottom:15px;
    left:20px;
    line-height:33px;
    font-weight:bold;
}

.schoolCount span
{
    padding-right:15px;
    margin-right:12px;
    background:url('image/pohodovaskola/page/arrow.gif') no-repeat right 5px;
}

.schoolCount img
{
    vertical-align:middle;
}

.diagram
{
    position:relative;
    float:left;
    width:600px;
    padding-top:20px;
}

.purpose
{
    position:relative;
    float:left;
    width:298px;
    padding-top:25px;
}

.purpose a.bigImg
{
    display:block;
    position:relative;
    color:#004288;
    font-size:18px;
    padding:5px 0 5px 40px;
    margin:15px 0;
}

.purpose a.imgCalendar
{
    background:url('image/pohodovaskola/page/IcoTerminy.png') no-repeat top left;
}
.purpose a.imgList
{
    background:url('image/pohodovaskola/page/IcoCenik.png') no-repeat top left;
}
.purpose a.imgContact
{
    background:url('image/pohodovaskola/page/IcoKontakt.png') no-repeat top left;
}



#article
{
    position:relative;
    float:left;
    width:514px;
    margin-top:10px;
    padding: 30px 45px 30px 45px;
    background:#E7EFFC;
}

#toolbar
{
    position:relative;
    float:left;
    width:316px;
    margin-top:10px;
}

#toolbar .links
{
    padding-top:35px;   
    padding-bottom:30px;
}

#menu
{
    position:relative;   
    background:yellow;
}

#menu a, #menu div
{
    display:block;
    position:relative;
    width:100%;
    height:33px;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    text-shadow: 1px 1px 1px #000;
}

#menu a span
{
    display:block;
    padding:10px 0 0 30px;
    color:White;
}

#menu div
{
    background:url('image/pohodovaskola/page/BtnDown.png') no-repeat top left;
    text-shadow:none;
}

#menu div span
{
    display:block;
    padding:10px 0 0 30px;
    color:#004286;
    font-weight:normal;
}

#menu a.gray
{
    background:url('image/pohodovaskola/page/BtnGray1.png') no-repeat top left;
}

#menu a.green
{
    background:url('image/pohodovaskola/page/BtnGreen1.png') no-repeat top left;
}

#menu a.orange
{
    background:url('image/pohodovaskola/page/BtnOrange1.png') no-repeat top left;
}

#menu a.blue
{
    background:url('image/pohodovaskola/page/BtnBlue1.png') no-repeat top left;
}

a.more
{
    display:block;
    position:absolute;
    right:20px;
    bottom:10px;
    width:65px;
    color:White;
    background:url('image/pohodovaskola/page/btnMore.gif') no-repeat top left;
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
    line-height:20px;
}

a.more span
{
    padding-left:15px;
}

a.back
{
    display:block;
    position:relative;
    width:65px;
    color:White;
    background:url('image/pohodovaskola/page/btnBack.gif') no-repeat top left;
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
    line-height:20px;
}

a.back span
{
    padding-left:22px;
}

h2
{
    font-size:20px;
    margin:10px 0 10px 0;
}

#main_article h3
{
    margin:0;
    padding:0;
    font-size:18px;
    line-height:1.1em;
}

#main_article h3 a
{
    color:White;
}

#article h1
{
    margin:0;
    padding:0;
    font-size:18px;
    line-height:1.1em;
}
#article h1 a
{
    color:White;
}

p
{
    padding:0;
    margin:12px 0 10px 0;
}

a.why
{
    display:block;
    position:absolute;
    width:228px;
    height:33px;
    left:20px;
    bottom:10px;
    padding:0;
    margin:0;
    color:White;
    background:url('image/pohodovaskola/page/btnWhy.gif') no-repeat top left;
    font-weight:bold;
    font-size:13px;
    text-decoration:none;
    line-height:33px;
    border:0;
    text-shadow: 1px 1px 1px #000;
    /*filter:Shadow(Color=#000000,Direction=135,Strength=1);
    filter: dropshadow(offx=5,offy=3,color=red);*/
}

a.why span
{
    padding-left:20px;
}