/*------------------------------------------------------------------
[Hlavni Stylesheet]

Projekt: 
Autor: Petr Havelka - petr@citronak.cz
Posledni uprava: 
Vystupni zarizeni: screen, projection
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[ Generally ]
*/

a {
	cursor: pointer;
}

body, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, form, p, fieldset, input { margin: 0; padding: 0;}
html {
	height: 100%;
}
body {
	background: #ffffff;
	color: #000000;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}


#page {
	width: 1006px;
	text-align: left;
	position: relative;
	margin: 0 auto;
	background: white;
}


hr, .none, caption, .toPrint { display: none; }

.jmp, #header h1 {
	position: absolute;
	top: -2000px;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear { display: inline-table; }

/* Skrytí pred IE/MAC \*/
* html .clear{ height: 1%; }
.clear { display: block; }
/* Konec skrytí pred IE/MAC */

img, fieldset {
	border: none;
}



/* Globalni defaultni nastaveni odkazu */
a {color: #cb0000;}
a:link {}
a:visited {}
a:hover {text-decoration: none;}
a:active {}

#ovx:link {color: #fff; text-decoration: underline;}
#ovx:visited {color: #fff; text-decoration: underline;}
#ovx:hover {color: #fff; text-decoration: none;}
#ovx:active {color: #fff; text-decoration: none;}

/*------------------------------------------------------------------
[ Header ]
*/

#header {
	width: 996px;
	height: 144px;
	background: #e3e4e4 url(../img/headerBgAll.jpg) 0 0 no-repeat;
	margin: 0 5px;
	position: relative;
}

#header h2#logo {
	position: absolute;
	top: 34px;
	left: 25px;
	width: 386px;
	height: 86px;
}

#header h2#logo a span {
	display: block;
	position: absolute;
	top: 0; left: 0;
	width: 386px; height: 86px;
	background: url(../img/billboardLogo.png) 0 0 no-repeat;
}

#header form {
	position: absolute;
	top: 40px;
	left: 540px;
}

#header form  fieldset {
	display: block;
}

#header form fieldset legend {
	font-size: 1.2em;
	line-height: 20px;
	padding-bottom: 4px;
}

#header form fieldset#login {
	margin-right: 5px;
}

fieldset#login legend {
	/*background: url(../img/loginMan.png) 3px 0 no-repeat;
	line-height: 20px;
	padding: 0 0 0 30px;
	margin-bottom: 4px;*/
	color: #000;
	font-weight: bold;
}

#header form fieldset#login input {
	height: 22px;
	background: url(../img/loginInput.png) 0 0 no-repeat;
	width: 142px;
	margin-right: 8px;
	border: none;
	padding: 6px 4px 0 10px;
	font-size: 1.2em;
	color: #9c9c9c;
}

#header form fieldset#submit label {
	float: left;
	font-size: 1.2em;
	line-height: 20px;
	margin-right: 7px;
	margin-top: 8px;
	height: 20px;
}

#header form fieldset#submit label input {
	margin-right: 5px;
	position: relative;
	top: 1px;
}

#header form fieldset#submit {
	display: block;
	width: 322px;
}

#header form .loginSubmit {
	float: right;
	background: url(../img/loginSubmit.png) 0 0 no-repeat;
	height: 28px;
	width: 59px;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	border: none;
	padding-bottom: 2px;
	cursor: pointer;
	margin-top: 3px;
}


#pageSetup {
	position: absolute;
	top: 109px;
	left: 871px;
	height: 19px;
}

#pageSetup a {
	float: left;
	margin: 0 4px 0 0;
	width: 20px;
	height: 19px;
	position: relative;	
	overflow: hidden;
}

#pageSetup a span {
	position: absolute;
	top: 0; left: 0;
	width: 20px;
	height: 19px;
	background: 0 0 no-repeat;
}
#pageSetup a.print, #pageSetup a.print span {
	width: 21px;
}

#pageSetup a.print span {
	background-image: url(../img/tisk.png);
}

#pageSetup a.big span {
	background-image: url(../img/velkePismo.png);
}

#pageSetup br {
	display: none;
}

#pageSetup a.medium span {
	background-image: url(../img/stredniPismo.png);
}

#pageSetup a.small span {
	background-image: url(../img/malePismo.png);
}


#top {
	position: absolute;
	left: 913px;
	top: 18px;
}
#top a {
	float: left;
	width: 11px; height: 14px;
	position: relative;
	overflow: hidden;
	margin-top: 3px;
	margin-right: 3px;
}

#top a span {
	position: absolute;
	width: 11px; height: 14px;
	top: 0; left: 0;
	background: 0 0 no-repeat;
}

#top a.home span {
	background-image: url(../img/domu.png);
}

#top a.contact span {
	background-image: url(../img/kontakt.png);
}

#top a.map span {
	background-image: url(../img/mapaWebu.png);
}

#top span {
	float: left;
	font-size: 1.5em;
	margin-right: 3px;
}

#lostPass {
	position: absolute;
	left: 513px;
	top: 108px;
	font-size: 1.2em;
	color: #5c5c5c;
}

#lostPass a:link {color: #5c5c5c;}
#lostPass a:visited {color: #5c5c5c;}
#lostPass a:hover {color: #5c5c5c; text-decoration: none;}
#lostPass a:active {color: #5c5c5c; text-decoration: none;}

/*------------------------------------------------------------------
[ Main Menu]
*/

#mainMenuLeft {
	width: 100%; height: 52px;
	margin-top: 1px;
	background: #b50000 url(../img/mainMenuMiddle.png) 0 0 repeat-x;
}

#mainMenuRight {
	width: 100%; height: 52px;
	background: url(../img/mainMenuLeft.png) 0 0 no-repeat;
	
}

#mainMenuCont {
	width: 100%; height: 52px;
	background: url(../img/mainMenuRight.png) 100% 0 no-repeat;
	position: relative;
	
}

#mainMenuCont ul {
	padding-left: 35px;
	list-style: none;
	padding-top: 12px;
	z-index: 10;
}

#mainMenuCont ul li {
	position: relative;
	float: left;
	margin: 0 10px 0 0;
}


#mainMenuCont ul li a, #mainMenuCont ul.level2 li a  {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 19px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
}

#mainMenuCont li a:link, #page #mainMenuCont ul.level2 li a:link {color: #fff;}
#mainMenuCont li a:visited, #page #mainMenuCont ul.level2 li a:visited {color: #fff;}
#mainMenuCont li a:hover, #page #mainMenuCont li.active a {color: #000; background: #fff; }

#mainMenuCont ul li span {
	float: left;
	width: 2px;
	height: 24px;
	margin: -1px 0 0 10px;
	background: url(../img/mainMenuM.png) 0 0 no-repeat;
}

#mainMenuCont ul li.submenu ul li,  #mainMenuCont ul li.submenu ul li span,  #mainMenuCont ul li.submenu ul li a  {
	width: 161px; /*celkem 228*/
	height: 30px;
	line-height: 30px;
}


#page #mainMenuCont ul li.submenu ul li a {
	padding-left: 48px;
	text-decoration: underline;
	background: #b50000 url(../img/submenu.png) 27px 0 no-repeat;	
}

#page #mainMenuCont ul.level2 li a:hover {
	color: #fff; text-decoration: none;  
	/*background-position: 27px -30px;
	background-color: #fff;*/
}


#mainMenuCont ul li.submenu ul {padding: 0;}
#mainMenuCont>ul a {width: auto;}
#mainMenuCont ul ul {position: absolute; display: none; z-index: 100; }
#mainMenuCont ul.level1 li.submenu:hover ul.level2 {display:block;}
#mainMenuCont ul.level2 li a {background-color: #b50000; display: block;}
#mainMenuCont ul.level2 {top: 24px; left: -11px;   width: 228px;}

#page #mainMenuCont ul.level2 li.first {margin-top: 12px;  }


/*------------------------------------------------------------------
[ Content ]
*/

#contentBg {
	width: 1006px; 
	background: url(../img/contentBg.png) 0 0 repeat-y;
	/*position: absolute;
	top: 197px;
	z-index: 2;*/
	/*position: relative; z-index: -100;*/
}

#content {
	width: 1006px; 
	background: url(../img/footer.png) 0 100% no-repeat;
	position: relative;
}

#banner1 {
	float: left;
	position: relative;
	margin: 38px 2px 21px 21px;
}

#banner2 {
	float: left;
	position: relative;
	margin: 38px 0 21px 0;
}


#content h2 { /*#refrence*/
	font-size: 1.6em;
	float: left;
	color: #cb0000;
	margin: 23px 0 11px 46px;
	padding: 0;
}

#content #banner1 h2, #content #banner2 h2 {
	line-height: 20px;
	position: absolute;
	top: -27px;
	margin: 0 0 0 12px;
}

#content h2 a {
	text-decoration: none;
}
#content h2 a:link {color: #cb0000;}
#content h2 a:visited {color: #cb0000;}
#content h2 a:hover {color: #cb0000; text-decoration: underline;}
#content h2 a:active {color: #cb0000;}



/*------------------------------------------------------------------
[ Box ]
*/

.box {
	background: 0 0 repeat-y;
	float: left;
}

.big {
	width: 964px;
	background-image: url(../img/boxBigMiddle.png);
	margin: 0 0 0 21px;
}

.left {
	width: 280px; margin: 12px 0 0 18px;
	background-image: url(../img/boxLeftMiddle.png);
}

.left.SPECIAL {
	width: 295px; margin: 12px -15px 0 18px;
	background-image: url(../img/boxLeftMiddleSpecial.png);
	background-color: #fff;
	position: relative;
	z-index: 50;
}


#leftBanner {
	float: left;
	width: 280px; margin: 12px 0 0 18px;
}

#leftPanel {
	width: 298px;
	float: left;
}

.right {
	width: 682px; margin: 12px 0 0 9px;
	background-image: url(../img/boxRightMiddle.png);
}

#content .box.true {
	float: right;
	margin-right: 17px;
	margin-left: 0;
}

.boxTop {
	width: 100%; height: 100%;
	background: 0 0 no-repeat;
}
.boxBottom {
 	width: 100%; height: 100%;
	background: 0 100% no-repeat;
 }

.big .boxTop {
	background-image: url(../img/boxBigTop.png);
}
.big .boxBottom {
	background-image: url(../img/boxBigBottom.png);
}

.left .boxTop {
	background-image: url(../img/boxLeftTop.png);
}

.left.SPECIAL .boxTop {
	background-image: url(../img/boxLeftTopSpecial.png);
}

.left .boxBottom {
	background-image: url(../img/boxLeftBottom.png);
}

.left.SPECIAL .boxBottom {
	background-image: url(../img/boxLeftBottomSpecial.png);
}

.right .boxTop {
	background-image: url(../img/boxRightTop.png);
}
.right .boxBottom {
	background-image: url(../img/boxRightBottom.png);
}

#content .box h2, #woPravidla h2 {
	float:left;
	margin: 14px 0 18px 0;
	border-bottom: 6px solid #cc0000;
	line-height: 46px;
	width: 100%;
}



/*------------------------------------------------------------------
[ Box end ]
*/

#content .news.uvod {
	width: 628px;
	float: left;
	margin: 0 0 0 26px;
	padding-bottom: 23px;
}

#content .news.uvod div {
	float:left;
	margin: 0 0 0 26px;
	width: 290px;
	font-size: 1.2em;
	line-height: 20px;
}

#content .news.uvod div.first {
	margin-left: 2px; 
}

#content .news.uvod div h3, .news h3 {
	color: #cc0000;
	font-size: 1em;
}

#content .news.uvod div span, .news span, .bebm .info span {
	float: right;
	clear: both;
	padding-right: 15px;
	background: url(../img/arrowRed.png) 100% 50% no-repeat;
}
.bebm .info span {
	float: none;
	line-height: 50px;

}

.bebm .info span {
	clear: left;
}

#content .news.uvod div span a, news span a {
	color: #cc0000;
	font-weight: bold;
}

#content .news.uvod div span a:link {}
#content .news.uvod div span a:visited {}
#content .news.uvod div span a:hover {text-decoration: none;}
#content .news.uvod div span a:active {}

#content .uvod.anketa{
	width: 258px;
	float: left;
	margin: 0 0 0 26px;
	padding-bottom: 23px;
}

#content .uvod.anketa form {
	float: left;
	width: 260px;
	height: 191px;
	margin: -10px 0 0 -2px;
	display: block;
	background-color: #f4f5f6;
	line-height: 22px;
	
}

#content .uvod.anketa h3 {
	margin: 10px 0 9px 20px;
	font-size: 1.2em;	
}

#content .uvod.anketa form label {
	margin: 0 0 0 22px;
	color: #404040;
	font-size: 1.2em;
}

#content .uvod.anketa form label input {
	vertical-align: middle;
	margin-right: 6px;
}

#content .uvod.anketa form .submit {
	border: none;
	background: url(../img/anketaSubmit.png) 0 0 no-repeat;
	width: 77px;
	height: 28px;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	line-height: 28px;
	padding-bottom: 2px;
	margin: 14px 0 0 22px;
	cursor: pointer;
}


#content #refList {
	float: right;
	margin: 10px;
	background: url(../img/referenecRightBg.png) 0 0 repeat-x;
	width: 334px;
	height: 68px;
}

#content #refList ul {
	list-style: none;
	margin: 13px 0 0 10px; 													/* neni presne podle zadani */
	padding: 0; 
}

#content #refList ul li  {
	float: left;
	line-height: 20px;
	font-size: 1.2em;
	height: 20px;
	padding: 0;
}

#content #refList ul li a {color: #cc0000;}
#content #refList ul li a:link {}
#content #refList ul li a:visited {}
#content #refList ul li a:hover {text-decoration: none;}
#content #refList ul li a:active {}

#content #refList ul li span {
	padding: 0 5px;
	color: #cc0000;
}

#content #refList ul li.more span {
	padding-left: 11px;
	background: url(../img/arrowBlack.png) 100% 50% no-repeat;
	text-decoration: none;
}

#content #refList ul li.more a {
	color: #000;
}



#content #refPict {
	float: left;
}

#content #refPict a {
	float: left;
	margin: 21px 0 0 31px;
}

#content #refPict a.first {
	margin-left: 23px;
}
#content #refPict a img {
	display: block;
}


.leftContent, #newsLinks {
	float:left;
	width: 230px;
	margin: 14px 14px 13px 11px;													
	padding: 0 15px 0 14px;											
	background: url(../img/boxFaqBg.png) 0 0 repeat-x;
}

.SPECIAL #newsLinks {
	float:left;
	width: 274px;
	margin: 14px 14px 22px 19px;													
	padding: 0;											
	background: url(../img/boxFaqBg.png) 0 0 repeat-x;
}

#newsLinks {
	background: #eaebec;
}

html>body .leftContent {
	height: auto;
}

#newsLinks {
	height:auto;
	min-height: inherit; 
}

#content .leftContent h2.first {
	margin-top: -1px;
	margin-bottom: 11px;
}

#content .leftContent h2 {
	margin-top: 6px;
}

.leftContent ul {
	list-style: none;
	float: left;
	clear: both;
}

.leftContent ul li {
	font-size: 1.2em;
	line-height: 16px;
	margin-bottom: 7px;
}

.leftContent ul li a {
	color: #000;
}

#content .box.right #rightContent {
	width: 616px;
	margin-left: 22px;
	margin-right: 44px;
	margin-top: -1px;
	float: left;
	line-height: 20px;
	position: relative;
	min-height: 300px;
	height: 300px;
}

html>body #content .box.right #rightContent {
	height: auto;
}

#content .box.right h2.first {
	margin-bottom: 12px;
	margin-top: 14px;
}

#content .box.right h2 {
	margin-bottom: 12px;
	margin-top: -24px;
}

#content .box.right h3 {
	font-size: 1.2em;
	line-height: 20px;
	margin-left: 6px;
}

#content .box.right p {
	font-size: 1.2em;
	line-height: 20px;
	margin-bottom: 24px;
	margin-left: 6px;
}

#content .box.right #help {
	float: right;
	height: 58px; width: 109px;
	background: #f3f4f4 url(../pic/smile.png) 0 0 no-repeat;
	margin:0 0 0 10px;
	line-height: 16px;
	font-size: 1.1em;
	padding: 150px 6px 0;
	text-align: center;
}

#content .box.right form {
	width: 100%;
	float: left;
	border-top: 4px solid #e9e9e9;
	margin-top: 20px;
	padding-bottom: 21px;
}

#content .box.right form h3 {
	line-height: 79px;
	font-size: 1.2em;
	color: #ca0101;
		margin-left: 5px;
}

#content .box.right form fieldset, #content #rightContent.reference fieldset {
	border: 3px solid #e9e9e9;
	padding: 20px 0 0  0;
}

#content #rightContent.reference fieldset {
	float: left;
	clear: both;
	width: 100%;
}

#content .box.right form legend, #content #rightContent.reference legend {
	margin-left: 10px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 13px;
}

#content  #one, #content #rightContent.registrace fieldset {
	margin-bottom: 26px;
	float: left;
}

#content  #one, #content #rightContent.registrace .last {
	margin-bottom: 0;
}

#content #one label, #content #rightContent.registrace .text label {
	float: left;
	width: 282px;
	height: 26px;
	line-height: 26px;
	margin: 0 23px 5px 23px;
	font-size: 1.2em;
	position: relative;
}

#content #rightContent.registrace .text label  {
	width: 328px;
	margin: 0 25px 5px;
}

#content #rightContent.registrace .long label  {
	width: 528px;
	margin: 0 25px 5px;
}

#content .box.right form #one label.smaller {
	width: 225px;
	margin: 0 0 5px 0;
}

#content #one label input, #content #rightContent.registrace .text label input {
	position: absolute;
	left: 125px;
	width: 155px; height: 24px;
	border: 1px solid #c2c2c2;
}
#content #rightContent.registrace .text label input {
	width: 202px;
}

#content #rightContent.registrace .long label input {
	width: 402px;
}

#content .box.right form #one label.smaller input {
	left: 68px;
}

#content .box.right form fieldset h3 {
	clear: both;
	line-height: 30px;
	color: #000;
	font-weight: normal;
	margin-left: 23px; 
	
}

#content .box.right form #two  {
	margin-left: 23px;
	font-size: 1.2em;
}

#content .box.right form #two label {
	margin-right: 30px;
}


#content .box.right form #two input, #content .box.right form #copy input {
	vertical-align: middle;
	margin-right: 6px;
	/*border: 1px solid #1c5180;*/
}

#content .box.right form label#lTextarea {
	margin-left: 23px;
	float: left;
	font-size: 1.2em;
	line-height: 20px;
	margin-top: 21px;
}

#content .box.right form #textarea  {
	width: 527px; height: 109px;
	border: 1px solid #c2c2c2;
	margin-left: 23px;
	margin-top: 9px;
}

#content .box.right form #copy {
	clear: both;
	float: left;
	margin: 12px 0 13px 23px;
	font-size: 1.2em;
}

#content .box.right form #submitKontakt, #krok {
	clear: both;
	float: left;
	margin-left: 23px;
	margin-bottom: 23px;
	border: none;
	background: url(../img/submitKontakt.png) 0 0 no-repeat;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 27px;
	padding-bottom: 4px;
	height: 27px;
	width: 85px;
	color: #fff;
	cursor: pointer;
}


#content #newsLinks h2 {
	border-bottom: none;
	float:left;
	line-height:46px;
	margin: 0px 0 0 19px;
	width: auto;
	color: #000;
	clear: both;
	font-weight: bold;
}


#content #newsLinks ul {
	float: left;
	clear: both;
	
	width: 245px;
	margin: 3px 0 11px -7px;
	color: #ffffff;
}

#content .SPECIAL #newsLinks ul {
	width: 100%;
	margin: 3px 0 0px 0px;
}

#content #newsLinks ul li {
	display: block;
	width: 245px;
	line-height: 30px;
	height: 30px;
	background-color: #d4d4d5;
	color: #ffffff;
	margin-bottom: 1px;
	font-size: 1.2em;
}

#content .SPECIAL #newsLinks ul li {
	width: 100%;
	margin: 0 0 1px 0;
}

#content #newsLinks ul li a {
	display: block;
	padding-left: 40px;
	text-decoration: none;
	color: #313131;
	background:  url(../img/point.png) 21px 50% no-repeat;
}

#content #newsLinks ul li a:hover, #content #newsLinks ul li.active a {
	color: #fff;
	background-color: #706f70;
	font-weight: bold;
}

#content #rightContent.novinky strong {
	line-height: 23px;
	margin-top: 6px;
	font-size: 1.2em;
}


#content #rightContent.novinky p strong {
	line-height: 23px;
	margin-top: 0px;
	font-size: 1em;
}

#content #rightContent.novinky h2 {
	margin-bottom: 18px;
}

#content #rightContent.novinky h3 {
	color: #cb0000;
	margin: 0;
	line-height: 23px;
}

#content #rightContent.novinky p {
	line-height: 23px;
	font-size: 1.2em;
	margin: 0;
}

#content #rightContent.novinky a, #content #rightContent.novinky span {
	line-height: 23px;
	font-size: 1.2em;
	font-weight: bold;
	color: #cb0000;
}

#content #rightContent.novinky p a {
	line-height: 23px;
	font-size: 1em;
	font-weight: normal;
	color: #cb0000;
}
#content #rightContent.novinky div {
	margin: 0 0 22px 0;
}

#counter {
	width: 635px;
	clear: both;
	margin: 0 0 0 20px;
	border-top: 1px solid #dcdcdc;
	text-align: center;
	font-size: 1.2em;
	color: #2c2929;
}

#counter h4 {
	display: inline;
	line-height: 70px;
	padding-top: 4px;
	font-size: 1em;
}

#counter ul {
	display: inline;
	line-height: 70px;

}
#counter li {
	display: inline;
}

.leftContent.pripStud {
	background-position: 0 50%;
}

.leftContent.pripStud h3 {
	float: left;
	clear: both;
	margin: 7px 0 0 0;
	line-height: 14px;
	color: #cc0000;
	font-size: 1.2em;
	width: 100%;
	padding: 3px 0 4px;
}

.leftContent.pripStud p,
.leftContent.dotazForm p {
	float: left;
	clear: both;
	font-size: 1.2em;
	margin: 0 0 27px 0;
	width: 100%;
	line-height:20px;
}

.leftContent.pripStud p span.pdf {
	float: right;
	clear: both;
	margin: 5px 5px 0 0;
	padding-left: 20px;
}
.leftContent.pripStud p span.pdf img {
	vertical-align: middle;
}

/* pridano 23.6.2009 */

/* formular pro dotazy */
.leftContent.dotazForm p {
	margin-bottom: 7px;
}

.leftContent.dotazForm label {
	display:block;
}

.leftContent.dotazForm input,
.leftContent.dotazForm textarea {
	width:225px;
}

.leftContent.dotazForm .df_submit {
	width:100px;
	padding:2px;
}

.leftContent.dotazForm .df_submit {
    float: right;
	border: none;
	background: url(../img/kontaktSubmit.png) 0 0 no-repeat;
	width: 77px;
	height: 28px;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	line-height: 28px;
    padding-bottom:3px;
	cursor: pointer;
}

/* box 'dalsi informace' */

.dalsiInfo {
	float:right;
	margin-right:17px;
}

.dalsiInfo .inner {
	margin:0 44px 0 22px;
}

.dalsiInfo span.pdf {
	margin-left:5px;
}

/* konec stylu z 23.6.2009 */

#content #rightContent.reference h3.first, #content #rightContent.registrace h3 {
	float: left;
	clear: both;
	color: #ca0101;
	font-size: 1.2em;
	margin: 7px 0 0 0;
}

#content #rightContent.reference h3 {
	float: left;
	clear: both;
	color: #000;
	font-size: 1.2em;
	margin: 7px 0 0 0;
	width: 100%;
}

#content #rightContent.reference ul {
	margin: 0 0 0 0;
	float: left;
	width: 180px;
	list-style: disc inside;
	font-size: 1.2em;
}

#content #rightContent.reference #refListDiv {
	margin: 8px 0 25px 6px;
	float: left;
	clear: both;
	width: 100%;
}

#content #rightContent.reference fieldset {
	padding-top: 10px;
	padding-bottom: 15px;
}

#content #rightContent.reference fieldset legend {
	padding: 0 14px;
	margin-left: 15px;
}

#content #rightContent.reference fieldset img {
	float: left;
	margin: 0 44px 0 24px;
}

#content #rightContent.reference fieldset em {
	line-height: 16px;
	font-style: normal;
	font-size: 1.2em;
}

#content #rightContent.reference fieldset h4 {
	line-height: 16px;
	font-size: 1.2em;
}

#content #rightContent.reference fieldset p {
	font-size:1.2em;
	line-height:16px;
	margin-bottom:0;
	margin-left:0;
	margin-top: 13px;
}

#content #rightContent.reference #refPict {
	margin-bottom: 30px;
}

#content #rightContent.registrace.krok1 fieldset {
	border: none;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	line-height:26px;
}

#content #rightContent.registrace h3 {
	line-height:26px;
	margin-left:0;
	margin-bottom: 1px;
}

#content #rightContent.registrace h3.sec {
	margin-top: 24px;
}

#content #rightContent.registrace.login h3.sec {
	margin-top: -1px;
	margin-bottom: 10px;	
	width: 100%;
}


#content #rightContent.registrace form {
	border-top: none;
	float: none;
	margin-top: 0;
	padding-bottom:0 ;
	width: 100%;
}

#content #rightContent.registrace label {
	float: left;
	clear: both;
	font-size: 1.2em;
	width: 616px;
}

#content #rightContent.registrace label input {
	margin-right: 7px;
	position: relative;
	top: 2px;
}

#content #rightContent #fieldKrok {
	width: 617px;
}
#content #rightContent.login #fieldKrok {
	width: 623px;
}

#content #rightContent.registrace.login #krok {
	margin: 14px 0 13px 0;
	cursor: pointer;
}

#content #rightContent #krok {
	float: right;
	margin: 26px 0 44px 0;
}


#content #rightContent.registrace.login fieldset {
	float: left;
	width: 100%;
	padding: 20px 0 21px 0;
}

#content #rightContent.registrace.login .field {
	margin-top: 0;
}

#content #rightContent.registrace.login .radio {
	margin-top: 0;
}

#content #rightContent.registrace.login .radio label {
	float:left;
	font-size:1.2em;
	line-height:26px;
	margin: -3px 0 3px 25px;
	width: 591px;
}

#content #rightContent.registrace.login .info{
	float: left;
	line-height: 30px;
	padding-right: 30px;
	margin-bottom: 53px;
}

#content #rightContent.login2 form {
	border: none;
	margin: 0; padding: 0;
	width: 100%;
}

#content #rightContent.login2 fieldset {
	padding: 0 0 0;
	width: 610px;
	margin-bottom: 50px;
}

#content #rightContent.login2 form #krok {
	float: right;
	margin: 19px 26px 13px 0;
	cursor: pointer;
	background-image: url(../img/registrovat.png);
	width: 102px;
}

#content #rightContent.login2 form #one {
	float: left;
	clear: both;
	width: 100%;
	margin-left: 23px;
	margin-top: 22px;
}

#content #rightContent.login2 form #one label {
	margin-right: 23px;
}

#content #rightContent.login2 form #agree {
	width: 100%;
	margin: -15px 0 0 23px;;
	clear: both;
	float: left;
	height: 16px;
	line-height: 16px;
	font-size: 1.2em;
	padding: 0;
}
#content #rightContent.login2 form #agree input {
	margin-right: 8px;
	position: relative;
	top: 2px;
}

#content #rightContent.login2 #fieldKrok {
	width: 610px;
}


#content .leftContent.news {
	font-size: 1.2em;
	line-height: 20px;
}

#content .leftContent.news h2 {
	font-size: 1.4em;
	line-height: 46px;
	margin-bottom: 19px;
}

#content #rightContent.kontakt .leftC {
	float: left;
}

#content #rightContent.kontakt h3 {
	font-size:1.2em;
	line-height:26px;
	margin: 7px 0 10px 0;
	color: #ca0101;
	width: 200px;
}

#content #rightContent.kontakt address {
	font-size:1.2em;
	line-height: 24px;
	width: 200px;
	font-style: normal;
}


#content .leftContent.news span {
	display: block;
	margin-top: 10px;
	margin-bottom: 18px;
}

#content #rightContent.kontakt a#mapa {
	float: right;
	margin: 8px 1px 14px 0;
}


#content #rightContent #subMenu {
	display: block;
	width: 632px;
	height: 45px;
	background-color: #cc0000;
	padding-left: 19px;
	list-style: none;
	margin: 15px 0 23px -10px !important;
}

#subMenu li {
	margin: 8px 0 0 0;
	height: 29px;
	line-height: 29px;
	float:left;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

#subMenu li a {
	float: left;
	height: 29px;
	padding: 0 13px;
	text-decoration: none;
}
#subMenu li a:link {color: #fff;}
#subMenu li a:visited {color: #fff;}
#subMenu li a:hover, #subMenu li.active a {
	color: #000;
	background-color: #fff;
}
#subMenu li a:active {color: #000;}


#subMenu li span {
	float: left;
	width: 2px;
	height: 24px;
	margin: 3px 10px 0 10px;
	background: url(../img/mainMenuM.png) 0 0 no-repeat;
}

#content .boxInBox {
	float: left;
	background: url(../img/boxInBoxBg.png) 0 0 repeat-x;
	width: 656px;
	margin: 0 0 45px -10px;
	padding-top: 33px;
	padding-bottom: 17px;
}

#content .boxInBox.alone {
	margin: 15px 0 45px -10px;
}

#content .bebm h2 {
	margin-left: 07px;
	padding-left: 7px;
	width: 616px;
}

#content #rightContent.bebm .boxInBox.alone h2 {
	margin-left: 17px;
	margin-top: -34px;
}

#content .box.right .boxInBox p {
	margin: 6px 5px 0 24px;
	line-height: 20px;
}

#content .box.right .boxInBox p strong.red {
	color: #b20101;
}

#content .boxInBox a#free {
	width: 591px;
	height: 64px;
	display: block;
	background: #6b6768 url(../img/freeBg.png) 0 0 repeat-x;
	margin: 14px 0 13px 18px;
	line-height: 26px;
	font-size: 1.2em;
	color: #fff;
	padding: 9px 0 0 22px;
	position: relative;
}


#content .boxInBox a#free strong.first {
	display: block;
	text-decoration: none !important;
}

#content .boxInBox a#free:link strong.first {
	text-decoration: none !important;
}

#content .boxInBox a#free span {
	display: block;
	position: absolute;
	left: 530px;
	top: 0;
	width: 63px;
	height: 73px;
	background: url(../img/zdarma.png) 0 50% no-repeat;
}

#content .box.right .bebm .info {
	float: none;
	width: 616px;
	clear: both;
	line-height: 26px;
	margin: 4px 0 20px 14px;
}

#content .box.right .bebm .infoPic {
	float: right;
}


#content .box.right .bebm {
	padding-bottom: 22px;
}

#content .box.right #rightContent.soutezCont {
	width: 630px;
	margin-right:30px;
}

#content .box.right .soutezCont h2.first {
	margin-bottom:3px; 
}

#boxSoutez {
	float: left;
	width: 472px; /*630*/
	padding-right: 158px;
	height: 183px;
	margin: 0 0 20px 0;
	background: url(../img/soutezBg.png) 0 0 no-repeat;
	position: relative;
	text-align: right;
}

#content .box.right #boxSoutez h3 {
	color: #333333;
	font-size: 2.3em;
	line-height: 45px;
	margin: 22px 0 10px 0;
}

#content .box.right #boxSoutez h3 strong {
	display: block;
	font-size: 1.52em;
	line-height: 38px;
}

#pravidla, #zapojte, #woPravidla #close {
	width: 128px;
	height: 28px;
	background: url(../img/pravidla.png) 0 0 no-repeat;
	display: block;
	float: right;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 28px;
}

#zapojte {
	width: 222px;
	background-image: url(../img/nevahejte.png);
	float: none;
	margin: 7px 0 13px 0;
}

#content .box.right #rightContent.soutezCont p {
	line-height: 24px;
	margin: 0;
}

#content .box.right #rightContent.soutezCont p span{
	color: #ca0101;
}

#content .box.right #rightContent.soutezCont p.last {
	margin-bottom: 70px;
}

#content #rightContent.soutezCont h3 {
	margin: 8px 0 0 0px;
	color:#CC0000;
	font-size: 1.3em;
}

 #woPravidla {
 	text-align: left;
 }
 
  #woPravidla p {
  	font-size: 1.2em;
	margin-left: 10px;
  }
  
  #woPravidla h2 {
  	padding-left: 10px;
	color: #CB0000;
	font-size: 1.6em;
  }

#rightContent.soutezCont ol {
	display: block;
	margin: 15px 0 20px 0;
	padding: 0;
	font-size: 1.2em;
	width: 100%;
	list-style: none;
}

#rightContent.soutezCont ol li {
	float:left;
	font-weight: bold;
	padding-bottom: 10px;
	width: 210px;
	list-style: none;
}

#specPage #rightContent.soutezCont {
	padding-top: 12px !important;
}

#specPage {
	margin: 0 auto !important;
	float: none !important;
	text-align: left !important;
}
#content.center {
	text-align: center !important;
}

#rightContent.soutezCont ol li img {
	display: block;
}

#rightContent.text p img.middle {
	margin: 0 auto;
	
}
#content .box.right #rightContent.text p {
	margin-left: 0px;
}

#content #rightContent.text h3 {
	font-size:1.4em;
	line-height:28px;
	margin-left:0px;
	color: #cc0000;
}

 #content #rightContent.text ul {
	margin: 10px 0 10px 15px;
	list-style: disc;
}

#content #rightContent.text ul#mapaWebu ul, #content #rightContent.text ul#mapaWebu ul li {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

ul#mapaWebu {
	margin-top: 10px;
	float: left;
	clear: both;
}

#content #rightContent.text ol {
	margin: 10px 0 10px 0px;
}

#content #rightContent.text ol li {
	font-size: 1.4em;
}

#content #rightContent.text ul li {
	font-size: 1.2em;
}

#content #rightContent.text ul ul {
	list-style: circle;
}

#content #rightContent.text ul li li {
	font-size: 1em;
}


li.hidable h4 { position:relative; cursor:pointer; border-bottom:1px dotted #c90101; padding-bottom:2px; color:#CC0000; }
li.hidable span.hide, li.hidable span.show { position:absolute; right:0; bottom:0; }
.hidden *, .hidden span.hide, .hidable span.show { display:none; }
li.hidden h4, .hidden span.show { display:block; }
li.hidden p {
	font-size: 0.8em;
}

#content #rightContent.text #hidableList h4 {
	font-size: .9em;
}

#content #rightContent.text #hidableList p {
	font-size: .9em;
}

#content #rightContent.text #hidableList p.summary strong {
	font-weight: normal;
	font-style: italic;
}

#content #rightContent.text #hidableList {
	list-style: none;
	margin-left: -40px;
}

/*------------------------------------------------------------------
[ Footer ]
*/



#footerMenu, #footer {
	float: left;
	clear: both;
	list-style: none;
	padding-left: 37px;
	font-size: 1.2em;
	line-height: 24px;
	width: 100%;
}

#footer {
	padding-bottom: 20px;
}

#footerMenu {
	margin-top: 20px;
}

#footerMenu li {
	display: inline;
}

#footerMenu li a {color: #000;}
#footerMenu li a:link {}
#footerMenu li a:visited {}
#footerMenu li a:hover {text-decoration: none;}
#footerMenu li a:active {}

#footerMenu li span {
	padding: 0 4px;
}

#footer a:link, #footer a:visited {
	color: #cc0000;
}

#footer a:hover, #footer a:active {
	color: #cc0000; text-decoration: none;
}



#content .box.right #rightContent.text p.noBottom {
	margin-bottom: 8px;
}

#content .box.right #rightContent.text p.rightLink {
	width: 100%;
	float: left;
	text-align: right;
}

#content .box.right #rightContent.text p.rightLink a {
	background:transparent url(../img/nevahejte.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	float:right;
	font-size:1.2em;
	font-weight:bold;
	height:28px;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	padding: 0 10px;
}

#content .box.right #rightContent.text p.rightLink a:hover {
	text-decoration: underline;
}

#content #rightContent.text h3.spH3 {
	line-height: 18px;
	margin-top: 20px;
	color: black;
	font-style: italic;
	font-weight: bold;
}

#submit .submitLink  {
	float: left;
	font-size:1.2em;
	height:20px;
	line-height:20px;
	margin-right:7px;
	margin-top:8px;
}

.loginText {
	position: absolute;
	top: -30px;
	font-size:1.2em;
	height:20px;
	line-height:20px;
	margin-right:7px;
	margin-top:8px;
}

#logP {
	font-size:1.2em;
	line-height:20px;
	position: absolute;
	top: 0; left: 169px;
	font-weight: bold;
}