*{ margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
/* -------------------------------------------------------------------------------------------------------
   Project: IPMA
	Media: screen, projection

   Author: Michal Král (http://www.syler.cz)	
	Last update: 26.5.2008
	

display - position - float - z-index - overflow - width - height - margin - padding - border - background - align - font - cursor
------------------------------------------------------------------------------------------------------- */

body { font: 0.8em "Arial", Helvetica, sans-serif; color:#4f4f40; background: #fff url(/web/img/background.gif) repeat-x;}

a { text-decoration:underline; color:#5c9c4b;}
a:hover { text-decoration:none;}
a:focus, a:active { color: #EE5900; }
a:visited { color: #969C4B; }

h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif; font-weight:bold;}
h1 { margin:0 0 17px 0;font-size:300%; color: #000;}
h1 strong { font-size:180%;}
h2 { font-size:105%; margin-top:0;}
h3 { font-size:100%; color:#610202;}
div#left h3, div#right h3, h3.details { font-size:100%; background:url(/web/img/lines/line-brown.gif) repeat-x left center; color:#875f33;}
h3 span { margin-left:15px; padding:0 5px 0 5px; background:#FFFFFF;}
h4, h5, h6 { font-size:100%;}

table {border-collapse:collapse; border-spacing:0;}

p {margin-bottom:20px;}

hr, .hidden { display:none;}
.cleaner{ clear:both; height:1px;}
.space { clear: both; height: 25px; }
li.clean {float:none !important; clear:both;}

.center { text-align:center;}

div#wrap { background: url(/web/img/shadow.jpg) no-repeat center 344px; }
div#main { width: 964px; margin: 0 auto 0 auto; background: #fff; }

/* -------------------------------------------------------------------------------------------------------
TOP
------------------------------------------------------------------------------------------------------- */
div#top { height: 129px; background: url(/web/img/top.jpg) no-repeat left top; overflow: hidden; }
h1 { float: left;  }
h1, h1 a, h1 a span { height: 89px; width: 370px;}
h1 a { display: block; position:relative; color: #000000 !important ; }
h1 a span { display:block; position: absolute; top: 0; left: 0; background: url(/web/img/logo.jpg); }

p#flags { float:right; margin-bottom: 5px; width: 100px;}
p#flags a { display: block; position: relative; float: right; width: 38px; height: 28px; }
p#flags a span { display: block; position: absolute; top: 0; left: 0; width: 38px; height: 28px; }

a#cz span { background: url(/web/img/cz.jpg); }
a#en span { background: url(/web/img/en.jpg); }

form#login_form { float: right; clear: right; width: 170px; text-align: right; }
form#login_form p { margin: 0 0 8px 0; }
form#login_form label { color: #fff; }
form#login_form input { width: 100px; margin-right: 15px; margin-left: 5px; }

input#submit { width: 92px; height: 42px; line-height: 42px; border: none; background: url(/web/img/login.jpg) no-repeat; text-align: center; color: #fff; float: right; font-size: 0.8em; margin: 0 !important ; padding-right:5px; cursor: pointer; }

div#header {  position: relative; width: 964px; height:  108px; z-index: 0; background: #720301; color: #fff; }
div#header div { display: block; position: absolute; top: 0; left: 0; width: 964px; height: 108px; background: url(/web/img/header.jpg) no-repeat; z-index: 1; }
div#header h2 { padding: 20px 0 0 20px; font-size: 200%; }
div#header small { padding: 0 0 0 20px; }

/* -------------------------------------------------------------------------------------------------------
MENU
------------------------------------------------------------------------------------------------------- */
ul#menu { height: 49px; background: #7a0000; }
ul#menu li { list-style: none; float: left; overflow: hidden; }
ul#menu li a, ul#menu li strong { display: block; position: relative; height: 49px; color: #fff; text-align: center; }
ul#menu li a span, ul#menu li strong span { display: block; position: absolute; top: 0; left: 0; height: 49px; background-image: url(/web/img/menu.jpg); overflow: hidden; }

li#spr a, li#spr a span, li#spr strong, li#spr strong span { width: 97px; background-position:0 0; }
li#certifikace a, li#certifikace a span, li#certifikace strong, li#certifikace strong span { width: 98px; background-position:-97px 0; }
li#vzdelavani a, li#vzdelavani a span, li#vzdelavani strong, li#vzdelavani strong span { width: 99px; background-position:-195px 0; }
li#akce a, li#akce a span, li#akce strong, li#akce strong span { width: 61px; background-position:-294px 0; }
li#partnerske-organizace a, li#partnerske-organizace a span, li#partnerske-organizace strong, li#partnerske-organizace strong span { width: 169px; background-position:-355px 0; }
li#mladi-projektovi-manazeri a, li#mladi-projektovi-manazeri a span, li#mladi-projektovi-manazeri strong, li#mladi-projektovi-manazeri strong span { width: 191px; background-position:-524px 0; }
li#poradenstvi a, li#poradenstvi a span, li#poradenstvi strong, li#poradenstvi strong span { width: 129px; background-position:-728px 0; }
li#kontakt a, li#kontakt a span, li#kontakt strong, li#kontakt strong span { width: 105px; background-position:-857px 0; }

li#spr a:hover span, li#spr strong span { background-position:0 -49px; }
li#certifikace a:hover span, li#certifikace strong span {background-position:-97px -49px; }
li#vzdelavani a:hover span, li#vzdelavani strong span {background-position:-195px -49px; }
li#akce a:hover span, li#akce strong span {background-position:-294px -49px; }
li#partnerske-organizace a:hover span, li#partnerske-organizace strong span {background-position:-355px -49px; }
li#mladi-projektovi-manazeri a:hover span, li#mladi-projektovi-manazeri strong span {background-position:-524px -49px; }
li#poradenstvi a:hover span, li#poradenstvi strong span {background-position:-728px -49px; }
li#kontakt a:hover span, li#kontakt strong span {background-position:-857px -49px; }

/* -------------------------------------------------------------------------------------------------------
SUBMENU
------------------------------------------------------------------------------------------------------- */
ul#submenuanews { width: 599px; height: 57px; float: left; padding: 0 0 0 20px; background: url(/web/img/submenusnews.gif) no-repeat left bottom;  }
ul#submenuanews li { padding: 30px 20px 10px 20px; background: url(/web/img/submenu-li.gif) no-repeat right bottom; list-style: none; float: left; }
ul#submenuanews li a { color: #265662; text-decoration: none; }
ul#submenuanews li a:hover { text-decoration: underline; }

ul#submenu { width: 935px; height: 57px; float: left; padding: 0 0 0 20px; background: url(/web/img/submenu.gif) no-repeat left bottom;  }
ul#submenu li { padding: 30px 20px 10px 20px; background: url(/web/img/submenu-li.gif) no-repeat right bottom; list-style: none; float: left; }
ul#submenu li a { color: #265662; text-decoration: none; }
ul#submenu li a:hover { text-decoration: underline; }

/* -------------------------------------------------------------------------------------------------------
NEWS
------------------------------------------------------------------------------------------------------- */
div#news { float: right; width: 345px;  }
div#news h3 { display: block; position: relative; width: 336px; height: 49px; padding: 0 !important ; margin: 9px 0 0 0;  }
	div#news h3 span { display: block; position: absolute; top: 0; left: 0; width: 336px; height: 49px; background: url(/web/img/news-title.gif) no-repeat; margin: 0 !important  }
div#news ul { width:289px; margin-left: 1px; padding-top: 20px; background: url(/web/img/news.gif) repeat-y; }
div#news ul li { padding: 0 20px 5px 30px; margin-bottom: 5px; list-style: none; background: url(/web/img/news-item.gif) no-repeat center bottom;  }
	div#news ul li h4 { color: #590101; margin: 0; }
	div#news ul li small { color: #000000; font-weight: normal;}
li.last_news  { padding: 0 20px 5px 30px; margin-bottom: 0 !important ; background: url(/web/img/news-last.gif) no-repeat center bottom !important ;  }

/* -------------------------------------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------------------------------------- */
div#contentanews { clear: left; width:550px; margin:0 0 0 30px; padding-top: 35px; }
div#contentanews h1 { font-size: 150%; margin-top: 0px; margin-bottom: 10px; color: #4f4f40; width: 100%; height: 100%; float: none; }
div#contentanews h2 { font-size: 140%; margin-top: 10px; margin-bottom: 8px; color: #4f4f40; }
div#contentanews h3 { font-size: 130%; margin-top: 8px; margin-bottom: 6px; color: #4f4f40; }
div#contentanews h4 { font-size: 120%; margin-top: 6px; margin-bottom: 5px; color: #4f4f40; }
div#contentanews h5 { font-size: 110%; margin-top: 5px; margin-bottom: 4px; color: #4f4f40; }
div#contentanews h6 { font-size: 100%; margin-top: 4px; margin-bottom: 3px; color: #4f4f40; }
div#contentanews ul { margin-top: -12px; border: 0px; padding: 0px; }
div#contentanews li { list-style: disc; padding-left: 0px; margin-left: 15px; }

div#menu3 {clear: left; margin:0 0 0 30px; margin-top: 5px; border: 1px solid red; height: 20px;}

div#content { clear: left; width:895px; margin:0 0 0 30px; padding-top: 35px; }
div#content h1 { font-size: 150%; margin-top: 0px; margin-bottom: 10px; color: #4f4f40; width: 100%; height: 100%; float: none; }
div#content h2 { font-size: 140%; margin-top: 10px; margin-bottom: 8px; color: #4f4f40; }
div#content h3 { font-size: 130%; margin-top: 8px; margin-bottom: 6px; color: #4f4f40; }
div#content h4 { font-size: 120%; margin-top: 6px; margin-bottom: 5px; color: #4f4f40; }
div#content h5 { font-size: 110%; margin-top: 5px; margin-bottom: 4px; color: #4f4f40; }
div#content h6 { font-size: 100%; margin-top: 4px; margin-bottom: 3px; color: #4f4f40; }
div#content ul { list-style: disc; margin-top: 0px; border: 0px; padding: 0px; }
div#content li { list-style: disc; padding-left: 0px; margin-left: 15px;}

div#content table { border: 1px solid #aaaaaa; margin-bottom: 0.5em;}
div#content th { border: 1px solid #aaaaaa; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
div#content td { border: 1px solid #aaaaaa; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}

div#content table.noborder { border: 0px; }
div#content table.noborder th { border: 0px;}
div#content table.noborder td { border: 0px;}

div#content hr { display: block; }

/* -------------------------------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------------------------------- */
div#footer { width:974px; height: 87px; margin: 0 auto 0 auto; background: #016592 url(/web/img/footer.jpg) no-repeat; }
div#footer ul { padding: 10px 0 0 21px;  }
	div#footer ul li { list-style: none; float: left; color: #d9e4ec; }
	div#footer ul li a { color: #fff; margin: 0 4px 0 4px; }
div#footer p { clear: left; padding: 10px 0 0 25px; color: #d9e4ec; }