@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; border:0;}
html, body {width:100%; height:100%;}
body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  background:#f5f6f7;
  color:#3d565a;
  margin:0;padding:0;border:0;
  font-size:69%;
  line-height:1.3em;
  text-align:center;
  position:relative;
  }
textarea, input, select {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:1em;} 

a {color:#000; text-decoration:underline;}
a:hover {text-decoration:none;} 
hr {display:none;}
html>/**/body a img {margin-bottom:-3px;}

.plus { cursor:pointer;font-size:12px; background: transparent url(img/plus.gif) no-repeat scroll left top; width:450px; padding-left:20px;padding-bottom:5px; }
.minus { cursor:pointer;font-size:12px; background: transparent url(img/minus.gif) no-repeat scroll left top; width:450px; padding-left:20px;padding-bottom:5px; }	


/******************     FORMULAR CSS ********************/

.formular_label
{
	display:block;
	float:left;
	padding:7px 10px 0pt 15px;
	width:172px;
}
.formular_area
{
  background: #436d74;
  color: #FFFFFF;
}

.formular_input
{
  height: 16px;
  background: #436d74;
  color: #FFFFFF;
}

#submit
{
	border:1px solid #4F5E44;
	font-color:1px solid #4F5E44;
	font-weight: bold;
	padding: 3px;
}
#main img.captcha {  width:150px; height: 45px;
float:left;
margin:5px 25px 10px 0;
}
#main img.mailto { margin:-14px 0px 0px 75px; _margin:-14px 0px 0px 75px;}
html>/**/body #main img.mailto { margin:-15px 0px 0px 75px;}

/****************************************paging******************************************/
#paging {padding:10px 11px; background:#d0d8e1; margin-top:-5px; line-height:1.8em; height:1.8em;}
#paging a {color:#395a7f; float:left; margin:0 2px; padding:0 2px;}
#paging a:hover {color:#000; text-decoration:none;}
#paging a.active {background:transparent url(img/paging-active.gif) no-repeat scroll center center; color:#fff; display:block; width:21px; padding-top:3px; margin-top:-3px; text-align:center;}
#paging span {margin-left:105px; display:block;}
#paging a.back {float:left; display:block; text-align:center; width:55px; background:url(img/paging-round.gif) no-repeat scroll center center; text-transform:uppercase; color:#fff; font-size:0.92em;}
#paging a.next {float:right; display:block; text-align:center; width:55px; background:url(img/paging-round.gif) no-repeat scroll center center; text-transform:uppercase; color:#fff; font-size:0.92em;}

#paging strong.back {float:left; display:block; text-align:center; width:55px; background:url(img/paging-round2.gif) no-repeat scroll center center; text-transform:uppercase; color:#fff; font-size:0.92em; font-weight:normal;}
#paging strong.next {float:right; display:block; text-align:center; width:55px; background:url(img/paging-round2.gif) no-repeat scroll center center; text-transform:uppercase; color:#fff; font-size:0.92em; font-weight:normal;}



/*********************************************************************************/

/* CONTENT
************************************************************************************************/
#content {background:#fff; clear:both;}
#content .sub {width:944px; _width:945px; margin: 0 auto; text-align:left;}
#content a {color:#3d565a;}
#content.home p {padding:20px 0 25px; clear:both; width:730px; margin:0 auto; text-align:left;}

/* li @ home
************************************************************************************************/
#content.home ul {width:750px; margin:0 auto; padding-top:23px; clear:both;}
#content.home li {list-style:none; color:#fff; width:363px; float:left; background:#3b5f65 url(img/homebox-top.gif) no-repeat scroll center top; margin-left:7px;}
#content.home li p {padding:0 55px 30px; width:auto; margin:0; text-align:center; background:transparent url(img/homebox-bottom.gif) no-repeat scroll center bottom;}
#content.home li h2 {font-size:1.54em; height:97px; overflow:hidden; line-height:97px; width:363px; position:relative;}
#content.home li h2 span {height:97px; width:363px; position:absolute; left:0; top:0;}
#content.home li.testovanie9 h2 span {background:transparent url(img/homebox-testovanie9.gif) no-repeat scroll left top;}
#content.home li.maturita h2 span {background:transparent url(img/homebox-maturita.gif) no-repeat scroll left top;}
#content.home li a {background:#edf2f4; display:block; width:221px; height:49px; line-height:49px; overflow:hidden; margin: 17px auto 0; position:relative;}
#content.home li a span {position:absolute; left:0; top:0; display:block; width:221px; height:49px; cursor:pointer;}
#content.home li.testovanie9 a span {background:transparent url(img/btn-vstupit-orang.gif) no-repeat scroll left top;}
#content.home li.maturita a span,
#content.home li.testovacie a span,
#content.home li.ostre a span  {background:transparent url(img/btn-vstupit-blue.gif) no-repeat scroll left top;}
#content.home li a:hover span {background-position:left bottom;}

#content.home li.testovacie h2, #content.home li.ostre h2 {height:157px;}
#content.home li.testovacie h2 span {height:157px; background:transparent url(img/homebox-maturita-tp.jpg) no-repeat scroll left top;}
#content.home li.ostre h2 span {height:157px; background:transparent url(img/homebox-maturita-op.jpg) no-repeat scroll left top;}

/* afterilinks
************************************************************************************************/
#content.home .afterlinks {text-align:center; padding-left:50px;}
*>#content.home .afterlinks {padding-right:10px; padding-left:0;}
#content.home .afterlinks span {padding-left:260px;}

#content .generalpartner {float:right; margin:10px 0 11px 25px;}
#content .sub h2 {font-size:1.91em; font-weight:normal; padding:1em 0 0.5em;}
#content .sub hr {color:#fff; height:0; display:block; clear:both;}
html>/**/body #content .sub hr {margin-bottom:1em;}

/* SUB down
************************************************************************************************/
#content .sub a {cursor: pointer; display: block; text-decoration:none;}
#main a {cursor: pointer; display: inline !important; text-decoration:none; font-size:11px;}
#content .prvykrat a {float:left; width:321px; margin-right:7px; background:#c51b6e url(img/sub-prvykrat-bottom.gif) no-repeat scroll left bottom; color:#fff; padding-bottom:10px;} 
#content .prvykrat h3 {padding:105px 30px 7px; background:transparent url(img/sub-prvykrat.gif) no-repeat scroll left top; font-size:1em; font-weight:normal;} 
#content .prvykrat p {padding:0 30px; margin-bottom:1em;} 
#content .infopanel {float:left; width:402px; margin-right:7px; background:#fff url(img/sub-infopanel.gif) no-repeat scroll left top;} 
#content .infopanel span {background:transparent url(img/sub-infopanel-bottom.gif) no-repeat scroll left bottom; display:block; height:5px;} 
#content .infopanel h3 {font-size:1.91em; font-weight:normal; padding:20px 20px 5px; font-family:Arial, Helvetica, sans-serif;} 
#content .infopanel ul {margin:10px 20px 0; list-style:square; padding-left:13px; padding-bottom:22px;} 
#content .infopanel p {margin:10px 20px;} 
#content .infopanel .infopanel_section li {font-weight:bold; padding-top: 10px; _padding-top: 0px; }
#content .partneri {float:left; width:200px; background:#fff url(img/sub-partneri.gif) no-repeat scroll left top;} 
#content .partneri span {background:transparent url(img/sub-partneri-bottom.gif) no-repeat scroll left bottom; display:block; height:5px; margin-top:29px;} 
html>/**/body #content .partneri span {margin-top:33px;} 
#content .partneri h3 {font-size:1em; font-weight:bold; padding:20px 20px 10px;}
#content .partneri p {padding:0 20px; text-align:center;}
#content .partneri p a {margin:20px 0px -17px 0px; _margin:20px 0px -25px 0px; } 

/* METURITA MENU
************************************************************************************************/
#maturitamenu {clear:both; list-style:none; height:182px; margin-bottom:10px;}
#maturitamenu li {float:left; margin-right:7px;}
#maturitamenu li.faq {margin-right:0;}
#maturitamenu a {display:block; width:158px; height:139px; font-size:1.54em; position:relative; overflow:hidden; margin-top:43px;}
#maturitamenu a span {display:block; width:158px; height:139px; position:absolute; left:0; top:0; cursor:pointer;}
#maturitamenu .faq a span {background:transparent url(img/mm-dwnld.jpg) no-repeat scroll left top;}
#maturitamenu .faq a:hover span {background-position:left bottom;}
#maturitamenu .oprojekte a span {background:transparent url(img/mm-oprojekte.jpg) no-repeat scroll left top;}
#maturitamenu .oprojekte a:hover span {background-position:left bottom;}
#maturitamenu .testovanie a span {background:transparent url(img/mm-testovanie.jpg) no-repeat scroll left top;}
#maturitamenu .testovanie a:hover span {background-position:left bottom;}
#maturitamenu .podpora a span {background:transparent url(img/mm-podpora.jpg) no-repeat scroll left top;}
#maturitamenu .podpora a:hover span {background-position:left bottom;}
#maturitamenu .prostredie a {width:283px; height:182px; margin-top:0;}
#maturitamenu .prostredie a span {width:283px; height:182px; background:transparent url(img/mm-prostredie.jpg) no-repeat scroll left top;}
#maturitamenu .prostredie a:hover span {background-position:left bottom;}

/* HEADER
************************************************************************************************/
h1 {display:none;}
h1 span {display:block; width:245px; height:65px; position:absolute; left:0; top:0; cursor:pointer;}
h1 a:hover span {background-position:left bottom;}
h1.maturita {display:block; margin:0 auto 11px; width:245px; height:65px; line-height:65px; overflow:hidden; font-size:1.54em; font-weight:normal; position:relative;}
h1.maturita span {background:transparent url(img/logo-maturita.gif) no-repeat scroll left top;}
h1.maturita {display:block; margin:0 auto 11px; width:245px; height:65px; line-height:65px; overflow:hidden; font-size:1.54em; font-weight:normal; position:relative;}
h1.maturita span {background:transparent url(img/logo-maturita.gif) no-repeat scroll left top;}
#header {border-bottom:10px solid #3d565a; background:#e4e7e8 url(img/bgr-top.gif) repeat-x scroll left bottom;}
#header p {padding:25px 0 35px;}
#header ul {height:3em; width:43em; margin:0 auto; list-style:none;}
#header ul li {float:left; background:#3d565a url(img/menu01-left.gif) no-repeat scroll left top; padding-left:5px; margin-left:1px; position:relative; margin-bottom:-10px;}
#header li a {background:#3d565a url(img/menu01-right.gif) no-repeat scroll right top; display:block; line-height:3em; font-weight:bold; color:#fff; padding:0 22px 0 17px; text-decoration:none; padding-bottom:10px;}
#header li a:hover {text-decoration:underline;}
#header li.selected {background:#fff url(img/menu02-left.gif) no-repeat scroll left top;}
#header li.selected a {background:#fff url(img/menu02-right.gif) no-repeat scroll right top; color:#3d565a;}

#header ul.maturita {width:48em;}
#header ul .testovanie {padding:0; background:transparent url(img/menu-testovanie.gif) no-repeat scroll left top;}
#header ul .testovanie a {width:39px; background:none; padding:0; height:3em;}
#header ul .testovanie span {display:none;}

/* CONENT BASE
************************************************************************************************/
#aside {width:200px; float:left; margin-right:10px;}
#main {width:522px; float:left; padding:0 17px 17px; border:1px solid #3d565a; margin:14px 0 20px; position:relative;}
*>#main {width:486px;}
#bside {width:200px; float:left; margin-left:10px;}
#content #bside hr, #content #aside hr {display:none;}


/* MAIN
************************************************************************************************/
#main .topround {position:absolute; left:-1px; top:-1px; display:block; width:522px; _width:519px; height:100px; background:transparent url('img/main-top.gif') no-repeat scroll left top; overflow:hidden; }
#main .bottomround {position:absolute; left:-1px; bottom:-2px; display:block; width:522px; height:5px; /*background:transparent url('img/main-bottom.gif') no-repeat scroll left top;*/ overflow:hidden; _height:5px; clear: both; float: left; }
*>#main .bottomround {bottom:-1px;}
#main * {position:relative;}
#main img {float:left; margin:5px 15px 10px 0;}
#main h2 {font-family:Arial, Helvetica, sans-serif; margin-top:7px;}
#main p {margin:1em 0;}
#main li {margin-left:15px; list-style:square inside; padding-left:3px;}
html>/**/body #main li {list-style:square outside;}

/* ASIDE
************************************************************************************************/
#aside {background:#436d74 url(img/aside-bottom.gif) no-repeat scroll left bottom; margin-top:14px; padding-bottom:5px;}
#aside ul {background:transparent url(img/aside-top.gif) no-repeat scroll left top; color:#fff; padding-top:10px; position:relative; float:left; width:200px; list-style:none;}
#aside ul ul {background:none; padding:0 0 10px; float:none; width:auto;}
#aside a {color:#fff; text-decoration:none; padding:12px 20px 12px 62px; display:block; width:200px; font-size:1.09em; font-weight:bold;}
#aside div a {color:#499ccb; }
*>#aside a {width:auto;}
#aside li {background:transparent url(img/aside-inside.gif) no-repeat scroll center top;}
#aside li.ziadnaciara {background:none;}
#aside li li {background:none;}
#content #aside li li a {font-size:1em; font-weight:normal; line-height:1.5em; padding:0 20px 0 62px; background:transparent url(img/square.gif) no-repeat scroll 62px 7px; padding-left:72px}
#aside a:hover {color:#499ccb;}
#aside .oprojekte {background:none;}
#aside .oprojekte a {background:transparent url(img/aside-oprojekte.gif) no-repeat scroll 20px 6px;}
#aside .dokumenty a {background:transparent url(img/aside-documents.gif) no-repeat scroll 20px 12px;}
#aside .testovanie a {background:transparent url(img/aside-testovanie.gif) no-repeat scroll 20px 12px;}
#aside .prostredie a {background:transparent url(img/aside-prostredie.gif) no-repeat scroll 20px 14px;}
#aside .podpora a {background:transparent url(img/aside-podpora.gif) no-repeat scroll 20px 12px;}
#aside .faq a {background:transparent url(img/aside-faq.gif) no-repeat scroll 20px 10px;}

/* BSIDE
************************************************************************************************/
#bside .generalpartner {margin:14px 0 10px; float:none;}
#bside div {float:left; width:200px; background:#fff url(img/sub-partneri.gif) no-repeat scroll left top; margin-bottom:10px;} 
#bside div span {background:transparent url(img/sub-partneri-bottom.gif) no-repeat scroll left bottom; display:block; height:5px; margin-top:9px;} 
#content #bside .partneri h2 {font-size:1em; font-weight:bold; padding:20px 20px 10px; font-family:Tahoma, Arial, Helvetica, sans-serif;}
#content #bside .partneri p {padding:0 20px; text-align:center;}
#content #bside p {padding:10px 20px;}
#content #bside h2 {padding:25px 20px 10px; font-family:Arial, Helvetica, sans-serif;}
#content #bside ul {padding:0 20px 0;}
#content #bside li {margin-left:15px; padding-left:3px; list-style:square;}

/* HEADER MATURITA
************************************************************************************************/
#header.maturita h1 {display:block; float:left; width:245px; height:65px; line-height:65px; overflow:hidden; font-size:1.54em; font-weight:normal; position:relative;}
#header.maturita h1 span {background:transparent url(img/logo-maturita.gif) no-repeat scroll left top; cursor:pointer;}
#header.maturita h1 a:hover span {background-position:left bottom;}
#header.maturita .top {width:944px; margin:0 auto; text-align:left; height:75px;}
#header.maturita ul {width:944px; margin:0 auto; clear:both;}
#header.maturita ul .info {background:none; color:#3d565a; padding:10px 20px 0 150px;}                                                                                   
#header.maturita form {width:453px; float:right; margin-top:22px; margin-right:27px; padding-left:170px;}
*>#header.maturita form {width:323px; margin-right:34px;}
#header.maturita form input {background:#3d565a url(img/bgr-input.gif) no-repeat scroll left top; color:#fff; margin-bottom: -10px; padding: 9px; width:214px; height:auto; _height:41px;}
#header.maturita form input, #ie8#fix {background:#3d565a url(img/bgr-input.gif) no-repeat scroll left top; color:#fff; padding:9px; width:234px; height:31px; _height:41px;}
*>#header.maturita form input, #ie8#fix  {width:214px; height:auto; _height:41px;}
#header.maturita form input.button {padding:0; width:31px; height:31px; _height:41px; margin-left:1px; background:#3d565a url(img/searchbutton.gif) no-repeat scroll left top; cursor:pointer;}
html>/**/body #header.maturita form input.button {position:relative; top:1px;}
#header.maturita form input.button:hover {background-position:left bottom;}
#header.maturita form p {margin:0; padding:0;} 

/* FOOTER
************************************************************************************************/
#footer {background:#f5f6f7; clear:both; border-top:10px solid #e1e4e6;}
#footer div {text-align:left; width:750px; margin:0 auto; padding:10px 10px;}
*>#footer div {width:730px;}
html>/**/body #footer div {padding-bottom:50px;}
#footer a {color:#3d565a;}
#footer .monogram a {text-decoration:none;}
#footer a:hover {color:#273234;}
#footer .monogram a:hover {text-decoration:underline;}
#footer .monogram strong {text-decoration:underline;}
#footer .monogram {margin:0; padding:0; line-height:2.6em; float:right;}
#footer .agemsoft a {text-decoration:none;}
#footer .agemsoft a:hover {color:#3d565a}
#footer p {float:left; height:80px;}
#footer p img {margin:0px 20px -35px 15px; }
#footer.big div {width:944px; padding-right:70px;}
*>#footer.big div {width:864px;}