/********************** MAIN CONTAINER *************************/
body {
	padding: 0px;
	text-align: center;
	background-color: white;
	color: black;
	font-family: Tahoma;
	font-size: 10px;
}

img {
	border: none;
}

#container {
	width: 1000px;
	margin: auto;
	padding: 0px;
	background-color: white;
	padding-bottom: 3px;
	padding-top: 3px;
	position: relative;
}

h1 {
	color: #ec008c;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h2 {
	color: #ec008c;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h3 {
	color: #ec008c;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

ul {
	list-style-type: square;
}
/********************** TOP *************************/
#top {
	width: 1000px;
	height: 180px;
	float: left;
	background-image: url("../images/layout/top.jpg");
}

#top #logo {
	position: absolute;
	top: 10px;
	left: 12px;
	width: 157px;
	height: 64px;
	background-image: url("../images/layout/logo.gif");
	cursor: pointer;
}

#top #lang {
	position: absolute;
	top: 65px;
	right: 12px;
	font-size: 13px;
}

#top #lang a, a:active, a:focus, a:hover, a:link, a:visited {
	text-decoration: none;
	color: black;
}
/********************** MENU *************************/
#menu {
	width: 1000px;
	clear: both;
	padding: 0px;
	margin: auto;
	height: 94px;
	position: relative;
	top: -14px;
	margin-bottom: -25px;
}

#menu .item {
	height: 80px;
	width: 100px;
	float: left;
}
/********************** SUBMENU *************************/
#subMenu {
	width: 1000px;
	clear: both;
	padding: 0px;
	margin: auto;
	margin-bottom: 15px;
	text-align: left;
}

#subMenu .selected {
	color: #ec008c;
}

#subMenu .item {
	height: 94px;
	width: 74px;
	float: left;
}

#subMenu .item {
	height: 94px;
	width: 74px;
	float: left;
}

#subMenu a {
	padding: 5px;
}

#subMenu a:hover {
	color: #EC008C;
	font-weight: bold;
}
/********************** CONTENT *************************/
#main {
	width: 844px;
	width: 1000px;
	clear: both;
	padding: 0px;
	margin: auto;
	text-align: left;
}

#main a {
	color: #ec008c;
}

#main a:hover {
	text-decoration: underline;
}

#main #leftColumn {
	width: 640px;
	width: 796px;
	float: left;
}

#main #homePageLeftColumn {
	width: 310px;
	width: 388px;
	float: left;
}

#main #homePageMiddleColumn {
	width: 310px;
	width: 388px;
	width: 392px;
	float: left;
	margin-left: 22px;
}
/************ RIGHT COLUMN **************/
#main #rightColumn {
	width: 160px;
	float: right;
}

#main #rightColumn .button{
	color: #ec008c;
	border:0px;
	background-color:white; 
	}

#main #rightColumn #register {
	float: right;
}

#main #rightColumn #register a {
	color: #ec008c;
}

#main #rightColumn .input {
	width: 150px;
	height: 21px;
	border: 1px solid black;
	margin-left: 15px;
	font-size: 12px;
	font-family: Tahoma;
	vertical-align: middle;
	padding-left: 5px;
	padding-top: 4px;
}

#main #rightColumn .inputSelected {
	width: 116px;
	height: 21px;
	border: 1px solid #ec008c;
	margin-left: 15px;
	font-size: 12px;
	font-family: Tahoma;
	vertical-align: middle;
	padding-left: 5px;
	padding-top: 4px;
}

#main #rightColumn .label {
	color: #ec008c;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 5px;
	margin-top: 3px;
	float: right;
	margin-right: 25px;
}

#main #rightColumn .element {
	text-align: center;
	margin: auto;
}

#main #rightColumn .element .title {
	margin: auto;
	text-align: center;
	text-justify: distribute;
	letter-spacing: 7px;
	font-size: 11px;
	margin-left: 6px;
	width: 200px;
}

h3{
 	position:relative;
	left:-5px;
	text-justify: distribute;
	letter-spacing: 4px;
	font-size: 10px;
	margin: 6px;
	width: 190px;
}
/*
 
 #main #rightColumn table{
 
 border:0px;
 
 width:210px;
 
 text-align:left;
 
 margin-top:10px;
 
 height:200px;
 
 color: #a0a0a0;
 
 margin-left:5px;
 
 }
 
 
 
 #main #rightColumn table .pink {
 
 color: #ec008c;
 
 font-weight:bold;
 
 }
 
 */
#main #rightColumn #search {
	float: right;
}

#main #rightColumn .photo {
	padding-left: 20px;
}

#main #rightColumn #eventsCalendar {
	padding-left: 15px;
}
/*********** SEARCH ***********/
/*
 
 #main #rightColumn table .bold{
 
 color:black;
 
 font-weight:bold;
 
 
 
 
 
 }
 
 
 
 */
/**************** MISCELANIOUS ***************/
.pink {
	color: #ec008c;
}

.tick {
	width: 20px;
	height: 20px;
	background-image: url("../images/layout/tick_selected.gif");
	overflow: hidden;
	float: right;
	 
}

.turnOff {
	width: 20px;
	height: 20px;
	background-image: url("../images/layout/turnoff_selected.gif");
	overflow: hidden;
	float: right;
	margin-top: -22px; 
	margin-left:2px;
}

.tickSelected {
	width: 20px;
	height: 20px;
	background-image: url("../images/layout/tick.gif");
	overflow: hidden;
	float: right;
 	margin-left:2px;
}

.turnOffSelected {
	width: 20px;
	height: 20px;
	background-image: url("../images/layout/turnoff.gif");
	overflow: hidden;
	float: right;
	margin-top: -23px;
}

h2 {
}

.title {
	color: #ec008c;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	vertical-align: baseline;
	float: left;
	margin-top: 6px;
	margin-left: 5px;
}

.picture {
	background-color: #ec008c;
	color: white;
	font-style: italic;
	width: auto;
	margin: 5px;
	font-size: 9px;
}

.picture .description {
	padding: 2px;
}

.square {
	width: 20px;
	height: 20px;
	background-color: #ec008c;
	overflow: hidden;
	float: left;
}

.break {
	clear: both;
}
/********************** FOOTER *************************/
#footer {
	padding-top: 20px;
	color: #A0A0A0;
	width: 844px;
	clear: both;
	margin: auto auto 15px;
}

#footer .left {
	text-align: left;
	float: left;
}

#footer .right {
	text-align: right;
}

#footer .right img {
	vertical-align: middle;
}

.news .article {
	width: 468px;
	height: auto;
	/*background-color: #000000;*/
}

.news .article .photo {
	width: 150px;
	height: auto;
	padding: 10px;
	float: left;
	text-align: center;
}

.news .article .text {
	/*
	 
	 width: 458px;
	 
	 _width: 295px;
	 
	 
	 
	 */
	height: auto;
	/*color: #ffffff;*/
	padding-top: 20px;
	padding-bottom: 20px;
}

.news .article .text .title {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	float: none;
}

.news .article .text .title a:link, .news .article .text .title a:visited {
	color: #fccd25;
	text-decoration: none;
}

.news .article .text .title a:hover {
	color: #fccd25;
	text-decoration: underline;
}

.news .article .text .date {
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.news .body {
	padding: 8px;
}

.news .report {
	width: 468px;
	width: auto;
	height: auto;
	margin-bottom: 4px;
}

.news .report .photo {
	width: 100px;
	height: 100px;
	/*background-color: #697174;*/
	padding: 5px;
	padding-left: 0px;
	float: left;
	text-align: center;
	border-right: solid 5px #ffffff;
	margin-right: 5px;
	_margin-right: -4px;
}

.news .report .photo img {
	width: 100px;
	height: 100px;
}

.news .report .text {
	width: 458px;
	_width: 344px;
	width: auto;
	height: 100px;
	_height: 103px;
	padding: 5px;
	/*background-color: #697174;
	 
	 color: #ffffff;*/
}

.news .report .odd .text {
	/*background-color: #6f2560;*/
}

.news .report .text .title {
	margin: 0px;
	padding: 0px;
	float: none;
}

.news .report .text .title a:link, .news .report .text .title a:visited {
	color: #fccd25;
	text-decoration: none;
}

.news .report .text .title a:hover {
	color: #fccd25;
	text-decoration: underline;
}

.news .report .text .date {
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.news .images {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 8px;
	padding-left: 0px;
}

.news .images .thumb {
	float: left;
	width: 100px;
	height: 100px;
	/*border: solid 2px #697174;*/
	margin-right: 10px;
	margin-bottom: 10px;
}

.news .images .thumb img {
	width: 100px;
	height: 100px;
}
/************** Formulare **************/
legend, label, input, textarea, select {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

form div {
	margin-top: 5px;
	margin-bottom: 5px;
}

form legend {
	color: #6f2560;
	font-weight: bold;
}

form label {
	width: 30%;
	float: left;
}

form .requiredItem {
	font-weight: bold;
	color: #6f2560;
}

form input.button {
	cursor: pointer;
	font-size: 15px;
}

form .buttons {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
/************** Tabulky **************/
#main #leftColumn table {
	border: 1px solid #ec008c;
	padding: 0px;
	margin: 0px;
}

#main #leftColumn table td {
	padding: 4px;
	border: 1px solid #eccade;
}

#main #leftColumn table th {
	padding: 4px;
	background-color: #d7dae0;
	border: 1px solid #ec008c;
}

#main #leftColumn table tr.odd {
	background-color: #e8edf1;
	border: 1px solid #eccade;
}

#main #leftColumn table tr.even {
	background-color: #f4f7f9;
	border: 1px solid #ec83c1;
}

#main #leftColumn table td.label {
	font-style: italic;
	border: 1px solid #eccade;
}
/************** Hlasky **************/
.messageNotice {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 2px #0d6f3c;
	color: #0d6f3c;
	font-weight: bold;
}

.messageWarning {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 2px #ed569d;
	color: #ed569d;
	font-weight: bold;
}

.messageError {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 2px #ed569d;
	color: #ed569d;
	font-weight: bold;
}
/**************** Videa ***************/
#popup .description {
	margin-top: 10px;
	text-align: left;
}

#main .vid {
	float: left;
	width: 137px;
	height: 129px;
	margin-right: 6px;
	margin-bottom: 7px;
	background-color: #b0a192;
	position: relative;
}

#main .videos a {
	text-decoration: none;
	color: white;
}

#main .vid .screen {
	float: left;
	background-color: grey;
	width: 137px;
	height: 102px;
	cursor: pointer;
}

#main .vid .corner {
	background-color: #ec008c;
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

#main .vid .text {
	clear: both;
	float: left;
	background-color: #b0a192;
	color: white;
	width: 131px;
	height: 21px;
	text-align: left;
	margin-top: 3px;
	margin-left: 3px;
	font-size: 9px;
}
/************** Zalozky **************/
#main .tabs {
	/*background: #181818 none repeat scroll 0%;
	 
	 
	 
	 border: 1px solid #222222;
	 
	 
	 
	 color: #111111;*/
	/*margin: 8px auto;*/
	padding: 15px 20px;
	width: 500px;
}

#main .tabs li {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#main .tabs ul a {
	background: #444444 none repeat scroll 0%;
	background: #A0A0A0 none repeat scroll 0%;
	color: #FFFFFF;
	display: block;
	font-family: Verdana;
	font-size: 10px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin: 1px 1px 1px 0pt;
	padding: 6px 10px;
	text-decoration: none !important;
}

#main .tabs ul a:hover {
	background: #111111 none repeat scroll 0%;
	color: #FFFFFF;
}

#main .tabs ul li.ui-tabs-selected a {
	background: snow none repeat scroll 0%;
	background: #EC008C none repeat scroll 0%;
	border-bottom: 1px solid snow;
	color: #000000;
	color: #ffffff;
	cursor: default;
	margin-bottom: 0pt;
}

#main .tabs div.tab {
	/*background: snow none repeat scroll 0%;
	 
	 
	 
	 background: #A0A0A0 none repeat scroll 0%;*/
	border: 1px #A0A0A0 solid;
	clear: left;
	font-family: Georgia;
	font-size: 10pt;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	padding: 10px 10px 8px;
}

#main .tabs div.tab a {
	color: #000000;
	font-weight: bold;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
		display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {

.ui-tabs-nav {
		display: none;
}
}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.ui-tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 3px;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}

.ui-tabs-nav li {
	float: left;
	margin: 0 0 0 2px;
	font-weight: bold;
}

.ui-tabs-nav a, .ui-tabs-nav a span {
	float: left; /* fixes dir=ltr problem and other quirks IE */
	padding: 0 12px;
	background: url(http://2008.tina-b.eu/public/assets/styles/i/tabs.png) no-repeat;
}

.ui-tabs-nav a {
	margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	padding-left: 0;
	background-position: 100% 0;
	text-decoration: none;
	white-space: nowrap; /* @ IE 6 */
	outline: 0; /* @ Firefox, prevent dotted border after click */
}

.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
	color: #fff;
}

.ui-tabs-nav .ui-tabs-selected a {
	position: relative;
	top: 1px;
	z-index: 2;
	margin-top: 0;
	background-position: 100% -23px;
}

.ui-tabs-nav a span {
	padding-top: 1px;
	padding-right: 0;
	height: 20px;
	background-position: 0 0;
	line-height: 20px;
}

.ui-tabs-nav .ui-tabs-selected a span {
	padding-top: 0;
	height: 27px;
	background-position: 0 -23px;
	line-height: 27px;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}

.ui-tabs-disabled {
	opacity: .4;
	filter: alpha( opacity = 40 );
}

.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
	color: #000;
}

.ui-tabs-panel {
	border: 1px solid #519e2d;
	padding: 10px;
	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
 
 
 
 padding: 0 0 0 20px;
 
 
 
 background: url(loading.gif) no-repeat 0 50%;
 
 
 
 }*/
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
	display: inline-block;
}

*:first-child + html .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
}