/* Basic */

body {
	text-align: center;
	background-color: #fff;
	margin: 0;
	padding: 0;
	/*color: #999;*/
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*font-size: 75%;*/
	/*background: #646464 url("../layout/pozadicko.gif") repeat;*/
}

img {
	border: none;
}

hr {
	height: 1px;
	border: none;
	background-color:#fff;
	border-bottom: 1px solid #ccc;
	clear: both;	
}

.cBoth {
	clear: both;
}

/* Structure */

#main {
	position: relative;
	margin: 1em auto;
	padding: 0;
	width: 950px;
	text-align: left;
}

#main #box_eurokalkulacka {
	float: left;
	margin-top: 3px;
}
#main #box_eurokalkulacka div {
	margin: 2px 4px 0px;
	float: left;
	color: rgb(126, 122, 122);
}
#main #box_eurokalkulacka img {
	margin: 2px 4px 0px 0px;
	float: left;
	display: block;
}
#main #box_eurokalkulacka input {
	float:left;
	display:block;
	text-align:right;
	width:75px;
	repeat-x scroll center top;
	border:1px solid #C7C8CA;
	font-size:10px;
	height:13px;
	height=18px;
	line-height:14px;
	padding-left:2px;
	padding-right:2px;
}

/* header */
#header_top {
	margin: 0;
	padding: 0;
	height: 205px;
}

#header_top p {
	margin: 0;
	padding: 0;
}

#header_top div.searchBox {

}

#header_top div.hmenu {
	float: right;
}

#header_top div.flags  {
	position: absolute;
	top: 30px;
	left: 790px;
	_left: 780px;
	margin: 0;
	padding: 0;
	float: right;
}

#header_top div.flags img {

	padding: 0 5px;
}

/* header image */

#header_top div.headimage {
	clear: both;
	width: 950px;
	height: 158px;
	background: transparent url("../layout/header.jpg") no-repeat;
}

/* loginbox */
#header_top div.login {
	margin: 0;
	padding: 10px 10px;
	float: right;
}

#header_top div.login p {
	padding: 5px 0;
}


/* Horizontal navigation */

ul#hmenu {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: auto;
	top: 32px;
	left: 250px;
	height: 74px;
}

ul#hmenu span {
	display: none;
}

ul#hmenu li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: auto;
	height: 46px;
}

ul#hmenu a {
	display: block;
	height: 18px;
	color: #fff;
	text-decoration: none;
}

ul#hmenu a:hover {
	/*background-color:#999;*/
}

#uvod {
	left: 0;
	width: 120px;
	display: block;
}

#uvod a:hover {
	display: block;
	text-decoration: underline;
}

#reklama {
	left: 120px;
	width: 120px;
}

#reklama a:hover {
	text-decoration: underline;
}

#onas {
	left: 240px;
	width: 120px;
}

#onas a:hover {
	text-decoration: underline;
}


#kontakty {
	left: 360px;
	width: 120px;
}


#kontakty a:hover {
	text-decoration: underline;
}


#login {
	left: 480px;
	width: 180px;
}


#login a:hover {
	text-decoration: underline;
}



/* leftBar */
#container {
	margin: 0;
	padding: 0;
	width:  950px;
}



/* leftBar */
#leftBar {
	margin: 0;
	padding: 0;
	width: 185px;
	float: left;
}


/* content */
#content {
	margin: 0;
	padding: 0;
	width: 560px;
	float:right;
	padding-right: 10px;
}

/* rightBar */
#rightBar {
	margin: 0;
	padding: 0;
	width: 185px;	 
	float: right;
}


/* Box */
.box {margin-bottom: 10px; clear: both; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.box .spc {background: url("../layout/bx-shadow-b-left.png") no-repeat 0 100%; padding-bottom:10px;  margin: 0 -1px  -1px; }
.box .head {margin: -1px;}
.box_high {margin-bottom: 10px; clear: both; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color:#DAEACC;}
.box_high .spc {background: url("../layout/bx-shadow-b-left.png") no-repeat 0 100%; padding-bottom:10px;  margin: 0 -1px  -1px; }
.box_high .head {margin: -1px;}

/* doubleBox */
.doublebox {margin-bottom: 10px; clear: both; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.doublebox .doublespc {background: url("../layout/double-content-shadow-b.png") no-repeat 0 100%; padding-bottom:10px;  margin: 0 -1px  -1px; }
.doublebox .doublehead {margin: -1px;}
.doublebox .doublehead span {padding-left:235px;}
.doublebox .doublehead #dva {padding-left:210px;}
.doublebox .doublehead #tri {padding-left:50px;}
#content .doublebox .doublespc .doublepridane {background: url("../layout/double-content-bg.png") repeat-y; }


#content .box {margin-bottom: 10px; clear: both; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#content .box .spc {background: url("../layout/content-shadow-b.png") no-repeat 0 100%;  margin: 0 -1px  -1px; }
#content .box .spc .pridane {background: url("../layout/dot.png") repeat-y  50% 0;  margin: 5px 0 0 0; }
#content .box .head {margin: -1px;}

#content .box2 {margin-bottom: 10px; clear: both; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#content .box2 .spc2 {background: url("../layout/hornalista.png") no-repeat 0 0%;  margin: 0 -1px  -1px; }
#content .box2 .spc2 .pridam {background: url("../layout/content-shadow-b.png") no-repeat 0 100%;  margin: 0 -0px  -1px; }
#content .box2 .head {margin: -1px;}

#rightBar .box {margin-bottom: 10px; clear: both; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#rightBar .box .spc {background: url("../layout/bx-shadow-b-left.png") no-repeat 0 100%; padding:5px 5px 10px 5px;  margin: 0 -1px  -1px; }
#rightBar .box .head {margin: -1px;}
#rightBar h2 { font-size: 140%;}
#rightBar h3 { font-size: 120%;}
/*#rightBar .spc .news {background: url("../layout/bx-shadow-b-left.png") no-repeat 0 100%; padding:10px 5px;  margin: 0 -1px  -1px; }*/


/* farebne varianty */
.head {background-color: #5082c9; background-image: url("../layout/orange-grad-h.png"); background-repeat: repeat-x; background-position: 0 0; height:30px;}
.head h4 {background: url("../layout/orange-grad-top.png") no-repeat 0 0; color: white; padding: 8px 5px 2px 11px; font-size: 110%; font-weight: bold; margin: 0; }
.head h4 a {color: white; text-decoration: none;}
#content .head h4 {background: url("../layout/orange-content-grad-top.png") no-repeat 0 0; color: white; padding: 8px 5px 2px 11px; font-size: 110%; font-weight: bold; margin: 0; }

.doublehead { background: url("../layout/orange-double-grad-h.png") no-repeat; height:30px;}
.doublehead h4 {background: url("../layout/orange-double-content-grad-.png") no-repeat 0 0; color: white; padding: 8px 5px 2px 11px; font-size: 110%; font-weight: bold; margin: 0; }
.doublehead h4 a {color: white; text-decoration: none;}

.head.yellow {background-color: #9dcf60; background-image: url("../layout/yellow-grad-h.png"); background-repeat: repeat-x; background-position: 0 0; height:30px;}
.head.yellow h4 {background: url("../layout/yellow-grad-top.png") no-repeat 0 0; color: white; padding: 8px 5px 2px 11px; font-size: 110%; font-weight: bold; margin: 0; }
.head.yellow a {color: #fff;}





/* Horizontal navigation */




#header2 {
	margin: 0;
	padding: 0;
}

#header2 h1 {
	position: absolute;
	left: 0;
	top: 50px;
	margin: 0;
	padding: 0;
}

#header2 h1 a {
	display: block;
	width: 200px;
	height: 150px;
	margin: 0;
	padding: 0;
}

#header2 h1 span {
	display: none;
	visibility:hidden;
}



#verNav {
	margin: 0;
	padding:0;
	text-align: left;
}


#pocasie {
	margin: 0 20px;
}

#pocasie a { 
	visibility:hidden;
	display: none;
}

#pocasie th { 
	visibility:hidden;
	display: none;
}

#kurz iframe {
	width: 145px;
	height: 185px;
	_height: 205px;	
}


#kurz { 
	margin-left: 10px;
	padding-left: 0px;	 	
}

#kurz td { 
	padding: 1px;
	/*margin: 1px;*/
	margin-left: 5px;	 	
}

#kurz img { 
	background-color:#ffffff;
	padding: 1px;
	/*margin: 1px;*/
	margin-left: 2px;	 	
}


#kurz alt { 

	visibility:hidden;
	display: none; 	
}

#kurz a { 
	visibility:hidden;
	display: none;
}

#kurz th { 
	visibility:hidden;
	display: none;
}


#banners {
	clear: both;
	height: 160px;
	/*background: transparent url("../layout/bannerbar.jpg") repeat-x;*/
	text-align: center;
	border: 1px solid #ccc;
}


#footer {
	clear: both;
	/*height: 30px;
	line-height: 30px;*/
	padding: 5px;
	background-color: #fff;
	text-align: center;
	color: #333333;
}


/* Vertical navigation */

#verNav h2 {
	color: #666;
	font-weight: bold;
	font-size: 100%;
	margin: 0;
}

#verNav h2 a {
	color: #666;
	font-size: 100%;
	margin: 0;
	padding: 10px 8px;
	display: block;
	_height:10px;
	background-color:#E6E7E8;
	text-decoration: none;
}

#verNav h2 a:hover {
	text-decoration: underline;
	background-color:#DADADA;
}

#verNav ul {
	margin: 0 0 1px 0;
	padding: 0;
	list-style: none;
}

#verNav ul li {
	padding: 0;
	margin: 0;
}

* html #verNav ul li {
	height: 1%;
}

#verNav ul a {
	display: block;
	color:#777;
	_height:10px;
	margin: 0;
	text-decoration: none;
	background: transparent url("../layout/bullet_arrow_orange_right.gif") 10% 50% no-repeat;
	padding: 5px 15px 5px 30px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-bottom-style: none;
	border-top-color: #ccc;
}

#verNav ul a:hover {
	text-decoration: underline;
}


.cas {
	font-family:Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 94%;
	border: 0px;
	_height:11px; /* _MSIE iba :)*/
	margin: 0px;
	padding: 0px;
}

/* NewsBar */

#NewsBar h2 {
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	margin: 0;
	display: block;
	padding: 5px 10px 10px 20px;
	
}

#NewsBar h2 a {
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	margin: 0;
}

#NewsBar h2 a:hover {
	text-decoration: underline;
}

#NewsBar h3 {
	color: #3c73c3;
	font-size: 100%;
	margin: 0;
	padding: 5px 10px 0 10px;
}

#NewsBar p {
	
	font-size: 90%;
	padding: 0 10px 0 10px;
}

#NewsBar ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

#NewsBar ul li {
	padding: 0;
	margin: 0;
}

* html #NewsBar ul li {
	height: 1%;
}

#NewsBar ul a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 1px 1px 1px 25px;
	margin: 0;
}

#NewsBar ul a:hover {
	text-decoration: underline;
}



/* MainBarUvod*/

#content h2 {
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	background: transparent url("../layout/orange-grad-h.png") repeat-x;
	margin: 0;
	display: block;
	padding: 5px 5px;
}

#content h2 a {
	color: #ccc;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	margin: 0;
}

#content h2 a:hover {
	text-decoration: underline;
}

#content h3 {
	color: #3c73c3;
	font-size: 100%;
	margin: 0;
	padding: 5px 0 0 5px;
}

#content h4 {
	color: #FFFFFF;
	font-size: 110%;
	margin: 0;
	padding: 8px 0 0 10px;
}

#content h6 {
	color: #3c73c3;
	font-size: 150%;
	margin: 0;
	padding: 1px 0 0 5px;
}

#content p {
	font-size: 100%;
	margin: 0;
	padding: 5px 5px;
}

.contenttable {
	margin-left: 5px;
}
.contenttableLeft {
	margin: 5px 5px;
}

img {
	border: none;
	/*border: 1px solid #999999;*/
}


.td2 {
	border-right: 1px solid #999999; 
}



#clock {
	
	margin: 0;
	padding: 5px 0;
	float:right;
}

/* Images */



img.imgRight {
	float: right;
	margin: 0 0 10px 10px;
}

img.imgLeft {
	float: left;
	margin: 0 5px 5px 0;
}

/* Typography */

#rightBar .topPadd {
	padding-top: 5px;
}

#rightBar p {
	margin: 0;
	padding: 5px 5px;
	line-height: 1.5em;
}

p.bottBord {
	border-bottom: 1px solid #000;
}



#footer p {
	margin: 0;
	padding: 0;
}


/* Links */

a {
	color: #3c73c3;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


/* Tables */

table.rowTable {
	margin: 0 0 1em 5px;
	padding: 0;
	border-collapse: collapse;
}

table.rowTable td {
	border-bottom: 1px solid #aaa;
	padding: 2px 5px;
}

table.rowTable caption {
	text-align: left;
	font-weight: bold;
	font-size: 110%;
	color: #7689b3;
	padding: 5px 5px;
}


table.formTable th, table.formTable td {
	border-bottom: 1px solid #000;
	padding: 5px 10px;
}


/* Forms */


form {
	margin: 0px;
	padding: 0;
}

#content form {
	margin: 5px;
}

fieldset {
	font: Tahoma,Arial,Helvetica,sans-serif;
	color: #6b6b6b;
	width: 96%;
}

fieldset legend {
	padding: 2px;
	color: #c33;
	background-color: #fff;
	border: 1px solid #ccc;
}

input, select {
	/*font-family: Tahoma,Arial,Helvetica,sans-serif;*/
	font-size: 10px;
}

select {
	border: 1px solid #e6e6e6;
}

select, .inputbox {
	padding: 1px;
	margin: 0;
}

.inputbox {
	margin: 0;
	border: 1px solid #d6d6d4;
	background: transparent url("../layout/inputbox_bg.png") repeat-x;
	color: #6b6b6b;
	_padding: 1px; /* IE */
	_height: 12px; /* IE */
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #e6e6e6;
}

.button {
	border: 1px solid #f3f3f3;
	background: transparent url("../layout/btn_bg.png") repeat-x;
	color: #fff;
	_height: 16px; /* IE */
}

.button:hover, .button:focus {
	border-color: #e6e6e6;
}


/* Boxes */

div.topBoxHmenu {
	margin: 0 0 10px 0;
	padding: 7px 0 0 0;
	background: transparent url("../layout/hmenu-top.png") top left no-repeat;
}

div.bottBoxHmenu {
	margin: 0;
	padding: 0 0 7px 0;
	background: transparent url("../layout/hmenu-bottom.png") bottom left no-repeat;
}

div.contentBoxHmenu {
	margin: 0;
	padding: 0 7px 0 7px;
	background: #FB5F39 url("../layout/hmenu-content.png") repeat-x;
	background-color:#628ccb; 
}

/**/

div.topBoxLeft {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	background: transparent url("../layout/top_box_small.gif") top left no-repeat;
}

div.bottBoxLeft {
	margin: 0;
	padding: 0 0 10px 0;
	background: transparent url("../layout/bott_box_small.gif") bottom left no-repeat;
}

div.bordBoxLeft {
	margin: 0;
	padding: 0 7px 1px 7px;
	background: transparent url("../layout/bord_box_small.gif") repeat-y;
}


div.topBoxBig {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	background: transparent url("../layout/top_box_big.gif") top left no-repeat;
}

div.bottBoxBig {
	margin: 0;
	padding: 0 0 10px 0;
	background: transparent url("../layout/bott_box_big.gif") bottom left no-repeat;
}

div.bordBoxBig {
	margin: 0;
	padding: 0 7px 1px 7px;
	background: transparent url("../layout/bord_box_big.gif") repeat-y;
}

div.listBox {
	margin: 0;
	padding: 5px 0;
	border-top: 1px dotted #c96; 
	clear: both;
}


/*  next box */

div.leftBox {
	width: 280px;
	float: left;
}


div.akcieBox {
	width: 535px;
	float: left;
}


div.rightBox {
	width: 280px;
	float: right;
}



/* Borders */

div.bottBord {
	border-bottom: 1px solid #000;
}

.bottBord {
	border-bottom: 1px solid  #636363;
}

div.topBord {
	border-top: 1px solid #000;
}

/* galeria  */

.img {
	margin: 0;
	padding: 5px;
	border: 1px solid #ccc;
}

.img a:hover {
	margin: 0;
	padding: 5px;
	border: 1px solid #999;
}

.gallery  {
	border: 1px solid #CCC;
	/*width: 130px;*/
	vertical-align:top;
	color:#636363;
	font-size: 90%;
	margin: 0;
	padding:5px;

}

.orange {
	color:#ff744f;
	font-weight:bold;
}





#obsah2
{
 text-align: justify;
 margin: 10px 20px 0px 20px;
}

.h1big
{
 color:#222222;
 padding: 9px 0px 0px 10px;
 height: 28px;
 margin: 0px;
 margin-bottom: 18px;
 background-color: transparent;
 font-size: 1.2em;
 font-weight: bold;
 display: block;
 border-bottom: 1px solid;
}

.pzph3
{
padding: 4px 15px 6px 15px;
font-size:12px;
font-weight:bold;
color:#F15C34;
}

.nepoc {
	text-decoration: none;
}

div .banner_l {
	text-align:center;
	margin-bottom: 10px;
}

#login_form {
	border-collapse: collapse;
}

#container_end {
	margin-top:40px;
}
