﻿/* CSS - Vltava 2010 */

html, body {
	background-color: #398dc6; /*#2b6a92;*/
	padding: 0;
	margin: 0;
/*	height: 100%;*/
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	font-size: 98%;
	=font-size: 96%;
	line-height: 1.5em;
	color: #fff;
}

hr.cleaner {
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
}

.cistic {
	clear: both;
	visibility: hidden;
	display: block;
	height: 0px;
	font-size: 1px;
}

p {
	margin: 0;
	margin-bottom: 1.5em;
}

a {
	color: #fffe00;
}

a:hover {
	text-decoration: none;
}

#top {
	width: 820px;
	height: 148px;
	margin: 0 auto;
	padding-top: 20px;
}

#top a {
	text-decoration: none;
}

#main {
	width: 960px;
	margin: 20px auto 0 auto;
	min-height: 600px;
	background-color: #398dc6;
}

img {
	border: none;
}

object {
	margin: 0;
	padding: 0;
}


/* ======================== */
/* ====    H E A D      === */
/* ======================== */

#logo, #logo span {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 212px;
	height: 148px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#logo span {
	background: url('../images/layout/logo.png') no-repeat top left;
	position: absolute;
}

#top ul {
	float: right;
	list-style: none;
	padding: 0;
	margin-top: 68px;
}

#top li, #top li a {
	display: block;
	width: 16px;
	height: 11px;
	overflow: hidden;
}

#top li {
	float: left;
	margin-left: 20px;
}

#top li span {
	visibility: hidden;
}

#top li.cz a {
	background-image: url('../images/layout/flag-cz.png');
}

#top li.en a {
	background-image: url('../images/layout/flag-gb.png');
}

#top li a {
	background-repeat: no-repeat;
	background-position: 0 0;
}

#top li.noLink a {
	cursor: default;
	background-position: 0 -11px;
}

h1#head, h1#head a, h1#head span {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 960px;
	height: 243px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

h1#head span {
	position: absolute;
}

#cz h1#head span {
	background: url('../images/layout/head-cz.jpg') no-repeat top left;
}

#en h1#head span {
	background: url('../images/layout/head-en.jpg') no-repeat top left;
}

h1#head a:hover, #logo:hover {
	cursor: pointer;
}


/* ==================================== */
/* ====    H E A D  -  M E N U      === */
/* ==================================== */

#menu {
	width: auto;
	height: 80px;
	list-style: none;
	padding: 0;
	/*padding-left: 105px;*/ /* 23px */
	margin: 0;
	background: url('../images/layout/menu-bgnd.gif') repeat-x top left;
	color: #000;
	font-family: "Microsoft Sans Serif", "Arial CE", "Arial", "Verdana", lucida, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#menu a {
	color: #000;
	text-decoration: none;
	height: 80px;
	display: block;
}

#menu a:hover, #menu a.mSelected {
	color: #fff;
	background: url('../images/layout/menu-hover.png') no-repeat bottom center;
}

#menu li {
	float: left;
	line-height: 74px;
	height: 80px;
}

#menu #m1 span {
	border: none;
}

#menu span {
	border-left: 1px solid #c2ae19;
	padding: 0 38px;
}

#menu .noLink {
	cursor: default;
}


/************/
/*** FOOT ***/

#foot {
	width: 820px;
	margin: 10px auto;
	padding: 15px 0;
	font-size: 0.8em;
	color: #eee;
}

#foot a {
	color: #eee;
}

/**********************/
/*** LEFT/RIGHT/atd ***/

.content {
	width: 820px;
	margin: 35px auto 0 auto;
}

.left {
	float: left;
	width: 515px;
	margin-top: 35px;
	margin-left: 70px;
	padding-right: 30px;
	border-right: 1px solid #61a4d1; /*#5389a9;*/
	/*background: url('../images/layout/vr-bottom.gif') no-repeat bottom right;*/
	min-height: 270px;
}

.right {
	float: right;
	width: 243px;
	margin-top: 35px;
	margin-right: 70px;
	padding-left: 30px;
}

.darkPart {
	background-color: #2b6a92; /*#1d4f6b;*/
	margin-top: 40px;
	padding-bottom: 30px;
	min-height: 450px;
}

.left1, .left2 {
	float: left;
	width: 227px;
	margin-top: 35px;
	margin-left: 70px;
	padding-right: 30px;
	border-right: 1px solid #5389a9; /*#4a7289;*/
	min-height: 420px;
}

.left2 {
	margin-left: 0;
	padding-left: 30px;
}

/***************/
/*** CONTENT ***/

h1 {
	font-size: 38px;
	font-weight: normal;
	letter-spacing: 0.06em;
	line-height: 100%;
	margin: 0;
	padding-bottom: 20px;
	padding-right: 30px;
	text-shadow: 1px 2px 0 #444;
}

h2 {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.06em;
	line-height: 120%;
	margin: 0;
	padding-top: 14px;
	padding-bottom: 20px;
	text-shadow: 1px 1px 0 #444;
}

h3 {
	font-size: 1.1em;
	letter-spacing: 0.06em;
	margin-bottom: 0;
}

h1 span, h2 span, h3 span {
	color: #fffe00;
}

h2.donate {
	background: url('../images/layout/donate32.png') no-repeat left 6px;
	padding-left: 40px;
}

h2.kontakt {
	background: url('../images/layout/mail32.png') no-repeat left 6px;
	padding-left: 40px;
}

h2.share {
	background: url('../images/layout/share-24x24.png') no-repeat left 14px;
	padding-left: 36px;
}

.vice {
	text-align: right;
	font-weight: bold;
}

.bankaccount, .bankaccount span {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 243px;
	height: 68px;
	margin-bottom: 20px;
	padding: 0;
	overflow: hidden;
}

.bankaccount span {
	position: absolute;
}

#cz .bankaccount span {
	background: url('../images/layout/bankaccount-cz.png') no-repeat top left;
}

#en .bankaccount span {
	background: url('../images/layout/bankaccount-en.png') no-repeat top left;
}

.asistence-infobox {
	float: right;
	width: 333px;
	margin: 0 -70px 30px 30px;
}

.infobox {
	margin-top: 30px;
	padding: 30px;
	background-color: #2b6a92;
}


/**************************/
/*** KONTAKTNI FORMULAR ***/

input, textarea {
	font-size: 0.8em;
	width: 100%;
	margin-bottom: 0em;
}

textarea {
	height: 100px;
	font-size: 1.2em;
}

input.fbutton {
	width: auto;
}

label {
	clear: both;
}

form .warning {
	color: #fff;
	display: block;
	line-height: 1.4em;
}

#contact_form {
	width: 213px;
	position: relative;
	font-size: 0.8em;
	margin: 0;
}

#MsgOk {
	width: 104%;
	height: 100%;
	background-color: #2b6a92;
	position: absolute;
	top: 0;
	left: 0;
	background: #2b6a92 url('../images/layout/check.png') no-repeat center 10px;
}

#MsgOk h2 {
	font-size: 1.5em;
	line-height: 120%;
	margin-bottom: 5px;
	margin-top: 68px;
	padding: 0 20px;
	color: #fff;
	text-align: center;
}

#MsgOk p {
	padding: 0 20px;
	text-align: center;
	font-size: 1.2em;
	line-height: 120%;
}

/**********************/
/*** ADDTHIS SOCIAL ***/

.addthis_toolbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.addthis_toolbox li {
	line-height: 30px;
}

.addthis_toolbox a {
	color: #fff;
	text-decoration: none;
}

.addthis_toolbox a img {
	margin-right: 10px;
	vertical-align: middle;
}

.FBfanbox {
	margin-top: 30px;
}


/***********************/
/*** OSTATNI SOCIAL ***/

.infobox ul {
	list-style: none;
	margin: 0;
	padding-left: 1em;
}

.infobox li {
	line-height: 34px;
}

.infobox li a {
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 34px;
	display: block;
}

.ICOweb {
	background-image: url('../images/socialicons/website-24x24.png');
}

.ICOfacebook {
	background-image: url('../images/socialicons/facebook-24x24.png');
}


/****************/
/*** ZASTITA ***/

.zastita {
	clear: both;
	padding-top: 30px;
	text-align: center;
}


/*****************/
/*** FOTOSTRIP ***/

.fotostrip {
	clear: both;
	padding-top: 30px;
	padding-left: 70px;
	height: 90px;
}

.fotostrip a {
	width: 140px;
	height: 90px;
	display: block;
	float: left;
	margin-right: 30px;
	background-color: #fff;
	border: 1px solid #fff;
}

.fotostrip a:hover {
	border: 1px solid #000;
}

.fotostrip img {
	margin: 5px;
}


/****************/
/*** SPONZORI ***/

.sponzori {
	list-style: none;
	position: relative;
	height: 190px;
	min-height: 190px;
	margin: 0;
	margin-top: 20px;
	padding: 0;
}

.sponzori li {
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
}

.sponzori span {
	display: none;
}

.sponzori a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.nutrend {
	width: 552px;
	height: 118px;
	top: 29px;
	left: 307px;
	background-image: url('../images/partneri/nutrend-206.gif');
}

.nutrendF {
	width: 206px;
	height: 156px;
	top: 0;
	right: 0;
	background-image: url('../images/partneri/nutrend-foto.jpg');
}

.rs2a {
	width: 206px;
	height: 57px;
	top: 19px;
	right: 0;
	background-image: url('../images/partneri/rs2a.jpg');
}


.pioneer {
	width: 206px;
	height: 57px;
	top: 19px;
	left: 0;
	background-image: url('../images/partneri/pioneer.gif');
}

.radiozurnal {
	width: 206px;
	height: 165px;
	top: 0;
	left: 0;
	background-image: url('../images/partneri/radiozurnal-206.gif');
}

.crcb {
	width: 206px;
	height: 107px;
	top: 29px;
	left: 307px;
	background-image: url('../images/partneri/rozhlas-cb-206.gif');
}

.sport {
	width: 206px;
	height: 108px;
	top: 29px;
	right: 0;
	background-image: url('../images/partneri/sport-red.gif');
}
