html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; list-style:none; }
html {
  background:#abcfde url(bg_html.jpg) 50% 0 repeat-y;
  color: #333;
  font:0.75em Arial, sans-serif;
}
body {
	background:url(bg_body.jpg) 50% 100% no-repeat;
}
#container {
  width:960px;
  margin:0 auto;
  position:relative;
  background:#eef6fb;
}

body.subpage #container {
  background:#eef6fb url(bg_container.gif) 0 0 repeat-y;
  overflow:Hidden;
}

#top {
	background: url(bg_head.jpg) 50% 0 no-repeat; 	
}
#head {
  height:100px; width:960px; overflow:hidden;
  margin:0 auto;
  position:relative;
  color:#fff;
}
.main {
	width:620px;
	padding:0 40px 30px 40px;
	float: right ;
	position: relative;
	margin: 0;
	background:#FFF;
}

.side {
	width:190px;
	padding:0 35px;
	float: right;
	position: relative;
	margin: 0;
	background:url(miniside_bg.jpg) 0 0 repeat-y;
}

body.subpage .main {
	padding-top:35px;
	padding-bottom:25px;
}



body.hp .main {
	width: 400px;
	padding:0 40px;
	float: left;
}
body.hp .side {
	width: 440px;	
	padding:0 20px;
	float: right;
	background:#fff;
}

.subfooter {
	clear:both;
	width:960px;
	padding-bottom:20px;
	overflow:hidden;
	background:#474747;
	color:#FFF;
}

#footer {
	clear: both; width:100%;
	padding:0;
	background:#343434;
	color:#787878;
	overflow:hidden;
}

/*********** DOPLNKY LAYOUTU ***********/
/* head */
#logo{margin:5px 0 0 0; height:75px; width:227px; float:left; position:relative;}
#logo a {display:block; overflow:hidden; width:0; height:75px; padding-left:227px; background:url(logo.png) 0 0 no-repeat; position:absolute; top:0; left:0; }

ul.menu {margin-top:48px; float:right;   font-size:185%;}
ul.menu li{float:left; margin:0; list-style:none; margin-left:40px; display:inline;}
ul.menu a{color:#306281; text-decoration:none;  border-bottom:1px dotted #306281; }
ul.menu a:hover, ul.menu a:focus, ul.menu a:active {color:#015ca9; border-bottom:0; padding-bottom:1px;}

p.menu {margin:0; padding:0; position:absolute; top:15px; right:0; }
p.menu a {padding-left:20px; line-height:17px; display:inline-block; text-decoration:none; }
p.menu a:hover {text-decoration:none; }
p.menu a span {border-bottom:1px solid;}
p.menu a:hover span {border-bottom:1px solid transparent;}

p a.login{background:url(icon_key.gif) 0 50% no-repeat; padding-left:15px;}
p a.scorecard {background:url(icon_table.gif) 0 50% no-repeat; margin-left:30px;}


/* side */
.side ul.submenu {margin:0 -35px; padding:20px 35px 0 35px; background:url(miniside-top.jpg) 0 0 no-repeat;}
ul.submenu li {margin:20px 0; list-style-type:none; font-weight:bold;}
ul.submenu li.active a {text-decoration:None; color:#000;}

.scorelist_small {margin:30px -35px 0 -35px; padding:0 35px; height:124px; background:url(scorelist-small.jpg) 0 0 no-repeat;}
.scorelist_small a {float:right; margin-top:22px;}
.scorelist_small table {width:100%; margin-top:5px;}
.scorelist_small table td.vysledek {text-align:right;}
.scorelist_small table em {font-weight:bold; font-style:italic;}

.score p.head {color:#007fc8; font-size:165%; margin:0; padding:15px 0 8px 0;}
.score span {color:#0074c2; font-weight:bold;}
.score span.sp {color:#007882;}


/* subfooter*/
.subfooter .triple {float:left; margin-right:20px;}
.triple h3 {font-size:220%;}
.triple ul li {list-style:none; margin:8px 0;}
.triple.first {width:220px; margin-left:40px;}
.triple.second {width:300px;}
.triple.third {width:280px;}

.subfooter a {color:#FFF; text-decoration:none; border-bottom:1px solid #787878;}
.subfooter a:hover, .subfooter a:active, .subfooter a:focus {color:#fff; border-bottom:1px solid #ffffff;}
.subfooter h3 {color:#FFF;}

/* footer*/
#footer p {font-size:100%; margin:0; padding:0 20px; font-size:11px; height:45px; line-height:45px; }
#footer span {display:block;}
#footer span.fl {float:left;}
#footer span.fr {float:right; width:400px; text-align:right;}
#footer span.design {display:inline;}
#footer a {color:#ffffff; border-bottom:1px solid #787878; text-decoration:none;}
#footer a:hover {border-bottom:1px solid #fff;}
#footer a.tvrdek {background:url(tvrdek.png) 0 0 no-repeat; width:0; padding-left:75px; margin-left:5px; height:17px; overflow:hidden; display:inline-block; border:none; vertical-align:middle; }
#footer a.tvrdek:hover {border:none;}



/* main */
.main p {margin:2em 0;}
.main p.hore {margin-top:10px;}
p.citace {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#21645a; font-size:140%; background:#e4f5f2; padding:25px;}
p.excerpt {font-size:125%; font-style:italic;}
p.info {font-style:italic; padding-left:30px; background:url(info.png) 0 50% no-repeat;}

a.nastoupit {background:#007ec7 url(nastoupit.png) 0 0 no-repeat;  width:270px; padding-left:10px; height:30px; line-height:30px; display:inline-block; text-align:center; color:#fff; text-decoration:none;}
a.napalubu {background:#007ec7 url(napalubu.png) 0 0 no-repeat; width:150px; padding-left:10px; height:30px; line-height:30px; display:inline-block; text-align:center; color:#fff; text-decoration:none;}
a.napalubu:hover, a.napalubu:active, a.napalubu:focus, a.nastoupit:hover {color:#FFF; text-decoration:underline;}
span.delimiter {color:#d0e8eb; margin:0 5px;}

span.photo img {border:5px solid #fff; margin:2px 2px 3px 6px;}
span.photo {display:block; background:url(photo_top.png) 0 0 no-repeat;}
span.photo span {background:url(photo_bottom.png) 100% 100% no-repeat; }


/********* STRANKY *********/

/* Homepage*/
.hp .perex {margin:0; padding:0 30px 0 40px; width:410px; height:595px; background:url(hp-l_bg.jpg) 0 0 repeat-y; overflow:hidden;}
.hp .perex h1 {margin:0 -40px; padding:47px 35px 0 35px; background:url(hp-l-top.jpg) 0 0 no-repeat;}
.hp .perex h1 + p {margin-top:15px;}

.hp .perex p.links {margin:25px 0 0 0;}
.scorelist {padding:0 40px; width:400px; height:94px; background:url(hp-l-bot.jpg) 0 100% no-repeat; position:absolute; bottom:0; left:0; }

.scorelist p {margin:10px 0 0 0;}
.scorelist em {font-weight:bold;}
.scorelist span {margin:0 43px 0 15px;}


ol.investor li {margin:20px 0 20px 2em;}
ol.investor li.j_styled {
	list-style: none; 
	position : relative;
	margin-left :  0;
	padding-left: 45px
}
ol.investor li.j_styled span.listnumber{
	position : absolute; 
	 top:5px; margin-left:-45px;
	font-size:20px;
	color:#FFF;
	display:block; width:32px; height:32px; line-height:32px;
	text-align:center;
	background:url(circle.png) 0 0 no-repeat;
}

body.hp .side.top {
	height:595px;
	width:480px;
	padding:0; 
	background:#fff url(clanky.png) 100% 0 no-repeat;
}
.carousel {
  position:relative;
  width:480px;
  height:500px;
  top:40px; left:0;
  padding: 0 0 55px 0;
  position:relative;
 
}
.carousel-control {position:absolute; top:83px; cursor:pointer; z-index:3; display:block; }
.carousel-next {right:-10px; position:absolute; z-index:3;}
.carousel-previous {margin-left:-9px;}
.carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}
.carousel .disabled, .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}

.carousel ul {margin:0; height:500px; overflow:hidden; }
.carousel li {position:relative; margin:0; padding:0 40px; width:400px; height:500px;  display:block; overflow:hidden; float:left; }
.carousel h3 {font-size:300%; margin:10px 0 20px 0;}
.carousel img.article_image {border:1px solid #a7bdc7; padding:5px; margin:0 auto; display:block;}

.carousel-pagination {margin:0; position:absolute; bottom:0; right:0; width:100%; height:40px;  line-height:40px; background:url(archiv_bg.png) 100% 100% no-repeat; overflow:hidden; font-size:11px; text-align:right;}
.carousel-pagination p {margin:0; padding:0; line-height:40px; font-size:11px; overflow:hidden;}
.carousel-pagination a {color:#FFF; padding:0; width:96px; background:url(predel.gif) 0 0 no-repeat; display:block; float:left; text-align:center; height:40px; text-decoration:underline; cursor:pointer; }
.carousel-pagination a:hover {color:#fff; text-decoration:none; }
.carousel-pagination a.active {background:white; color:#000;}
.carousel-pagination a.active:hover {background:white; color:#000;}

li#archiv_clanku p {line-height:2em; margin:35px 15px;}
li#archiv_clanku p a {margin-left:15px;}

.testimonial {background:#eff9f7 url(uv_top.gif) 10px 20px no-repeat; padding:20px; margin-bottom:50px;}
.testimonial p.cite {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#21645a; font-size:140%; background:url(uv_bot.gif) 100% 100% no-repeat;}

.testimonial dl, .captain dl {overflow:hidden;}
.testimonial dt, .captain dt {
	float:left;
	margin-right:10px;
}
.captain dt {margin-right:20px;}

div.goddom {clear:both; margin-top:30px; padding-bottom:20px; background:#fff url(line-deco.gif) 0 0 no-repeat;}


/* Scorecard */
#scorecard table {font-size: 90%;width:470px; border-collapse:collapse; margin:2em 0; color:#363636;}
#scorecard td, #scorecard th {padding: 2px 2px;border: 1px solid #E3E3E3;text-align:left;line-height:normal;text-align:center;}
#scorecard th {text-align: center;font-weight: bold;background-color:#F7F7DE;color:#363636;padding:5px 3px;} 
#scorecard table a {color:#0074C2;font-weight:normal;}
#scorecard table td.green {color:#2F8600;}
#scorecard table td.red {color:#C10202;}
#scorecard th {border-bottom:1px solid #C2C2C2;margin-bottom:5px;padding-bottom:2px;}
#scorecard td.al {color:#0062AE;font-size:120%;}
#scorecard td.ar {color:#388C00;font-size:120%;}


/* Registrace + Přihlášení*/
form.formik {width:100%; background:#d1eaff url(legend.jpg) 0 0 repeat-x; }
form.formik legend {font-size:22px; color:#306281; height:54px; line-height:54px; padding-left:54px;}
form.formik fieldset label {display:inline-block; font-weight:bold; font-size:12px; vertical-align:top; padding-top:5px;}
form.formik fieldset input {border:1px solid #b6d5f0; height:22px; padding-top:3px; }
form.formik fieldset div.in {background:#eff8ff; margin:0 2px; padding:15px 20px;}
form.formik fieldset div.bot {text-align:center;}
form.formik fieldset button {background:#007dc7 url(bt_registrovat.png) 0 0 no-repeat; border:0; height:30px; width:147px; text-align:center; margin:15px auto; padding:0 0 0 5px; color:#fff; font-size:13px;}

form.formik fieldset .row {overflow:hidden; margin-bottom:10px; }

form.formik.prihlaseni legend {background:url(form_prihlaseni.png) 10px 50% no-repeat; }
form.formik.prihlaseni fieldset input {width:160px;}
form.formik.prihlaseni button {background:#007dc7 url(bt_prihlasit.png) 0 0 no-repeat; width:127px;}
form.formik label.dalsi {margin-left:15px;}

form.formik.registrace legend {background:url(form_registrace.png) 10px 50% no-repeat; }
form.formik.registrace label { width:110px; }
form.formik.registrace fieldset input {width:165px;  }
form.formik.registrace div.line {border-top:1px solid #fff; padding:20px 0 15px 0; }
form.formik.registrace div.reset input, form.formik.registrace div.reset label {width:auto; margin:0; display:inline; font-weight:normal; height:auto;}
form.formik.registrace div.reset input {margin-right:5px;}

/* Noevinky */ 
.news {clear:both; margin:50px 0;}
.news  p.date {margin-top:0;}


/************ OBECNE ************/
h1,h2,h3,h4,h5,h6{font-weight:normal; margin:1em 0 0.3em 0; color:#4a4a4c; line-height:1em;}
h1{font-size:360%;  margin-top:0; }
h2{font-size:265%;}
h3{font-size:140%;}
h4{font-size:130%;}

h2 a, h3 a {text-decoration:none; border-bottom:1px solid;}
h2 a:hover, h3 a:hover {border-bottom:0;}

form,fieldset,legend{margin:0; padding:0; border:none; }
form{font-size:110%; margin:0 auto; }
fieldset{margin:0.5em 0; }
fieldset legend {font-size:120%; font-weight:bold; color:#333; }
fieldset fieldset legend{font-size:100%; }
button {cursor:pointer;}

ol, ul {margin:1em 0; font-size:110%;}
li {margin-left:2em; line-height:1.5em;}
ul li  {list-style-type:disc;}
ol li {list-style-type:decimal;}

p{font-size:110%; margin:0.7em 0;  line-height:1.5em; }
li p, p li, dl p {font-size:100%;}


table, dl {font-size:110%; line-height:1.5em;}
table th, table td{vertical-align:middle; }
table thead th{text-align:center; }


a{text-decoration:underline; color:#165890; }
a:hover, a:active, a:focus{text-decoration:none; color:#015ca9;}
a img {border:none; }



/*******  SPECIFICKE **************/
.hidden{display:none;}
.uhidden {visibility:hidden; position:absolute;}
.skrt{text-decoration:line-through;}
.cistic, .cleaner{clear:both; font-size:0; height:0; line-height:0;}
.cistic hr, .cleaner hr {display:none;}
.bold{font-weight:bold;}

.red, .error {font-weight:bold; color:red;}
.green {font-weight:bold; color:green;}


.left, .alignleft {text-align:left;}
.right, .alignright {text-align:right;}
.center, .aligncenter {text-align:center;}

.fl {float:left;}
.fr {float:right;}

img.alignleft {float:left; margin-right:10px;}
img.alignright {float:right; margin-left:10px;}
img.aligncenter {display:block; margin:0 auto;}

label.overlabel{color:#333; position:absolute; top:-1000px; left:2px;}
label.overlabel-apply{position:absolute; top:4px; left:4px; z-index:1; color:#333; font-size:110%; }