IE7 { css2: auto; }

body {
	padding: 53px 0 0 0;
	margin: 0;
	background: #e6e6e6;
	text-align: center;
	font-family: Arial;
	font-size: 12px;	
}
img {
	border: 0;
}
.clear {
	clear: both;
	height: 0;
}
strong {
	color: #000;
}
h3, h4 {
	color: #000;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/************************************************************/
#container {
	text-align: left;
	margin: 0 auto;
	width: 796px;
	background: url('../images/back.png') repeat-y top left;
}
#head {
	width: 796px;
	height: 226px;
	background: url('../images/head.png') no-repeat top right;
}
#head-inner {
	padding: 60px 0 0 27px;
	margin: 0 0 0 54px; 
	height: 60px;
	position: relative;
	background: url('../images/dots_top.gif') no-repeat left 44px; 
}
#lang {
	position: absolute;
	top: 60px;
	right: 100px;
	font-weight:bold;
	color: #808285;
}
#head-inner h1{
	display: block;
	margin: 0px;
	padding: 30px 0 25px 12px;
}
#head-inner h1 a {	
	display: block;
	height: 62px;
}
.main-menu {
	margin:  0;
	padding: 0;
	clear: left;
}
.main-menu li {
	position: relative;
	background: url('../images/dot.gif') no-repeat left 4px;
	margin: 0;
	padding: 0 5px 0 13px;
	float: left;
	display: block;
	
}
.main-menu li.first {
	background: none;
}
.main-menu li ul {
	background: #fff;
	display: none;
	position: absolute;
	left: -20px;
	top: 17px;
	margin: 0;
	width: 160px;
	padding: 8px 8px 3px 8px;
	border: 1px solid #c4c4c5;

}
.main-menu li:hover ul {
	display: block;
}
.main-menu li ul li {
	float: none;
	padding: 0;
	margin: 0;
}
.main-menu li ul li a {
	padding: 3px 0 2px 3px;;
	display: block;
}
.main-menu li ul li a:hover {
	background: #ECECEC;	
}
#menu-pri li {
	z-index:1000;;
}
#content {
	width: 675px;
	margin: 40px auto 0 auto;
	padding: 0 0 20px 0;
	color: #808285;
}
#foot {
	width: 796px;
	height: 64px;
	background: url('../images/foot.png') no-repeat top right;
	color: #a8a9aa;	
}
#foot p {
	text-align: center;
	padding: 10px 0;
}
/********************* HOME ****************************/
.bottom-nav {
	position: relative;
	margin: 2px 0 0 0;
	height: 225px;
}
#bottom-nav-left {
	position: absolute;	
}
#bottom-nav-menu {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 0;
	left: 313px;
}
#bottom-nav-menu li {
	display: block;
	padding: 0px;
	margin: 0;
	list-style: none;
	text-align: right;
	width: 364px;
	height: 38px;
}
#bottom-nav-menu li a:hover img{
	border-top: 2px solid #840E3E;

}
#bottom-nav-menu li img{
	display: block;
	padding: 0;
	margin: 0 0 2px 0;
}
#reklamy-home {
	position: absolute;
	bottom: 0px;
	left: 314px;
	width: 363px;
	height: 109px;
	background: url('../images/loop_logo_back.jpg') no-repeat;


}
#reklamy-home-en {
	position: absolute;
	bottom: 0px;
	left: 314px;
	width: 363px;
	height: 109px;	
	background: url('../images/loop_logo_back-en.jpg') no-repeat;
}
div.reklamy {
	position: absolute;
	bottom: 20px;
	width: 363px;
	height: 60px;
	text-align: center;
}
div.reklamy div.row {
	width: 363px;
	text-align: center;	
}
div.reklamy div.row a {
	margin: 10px;
	
}
div.reklamy div#10 a img{
	margin-top: 10px; 
}
/*************************************************************/
.gradient {
	background: url('../images/default_gradient_repeat.gif') repeat-y;
	padding: 20px;
	color: white;
}
.gradient strong {
	color: #fff;
}
.border {
	border: 1px solid #000;
	padding: 15px
		
}
.azuro {
	color: #25849a;
}
.ucase {
	text-transform: uppercase;
}
.inverse {
	background: #000;
	color: #fff;
	padding: 5px 5px 5px 7px;
	font-size: 15px;
	text-transform: uppercase;
}
.gradient p.border {
	border: 1px solid #fff;
}
#page-statut-nadace #content,#page-organy-nadace #content,#page-vyrocni-zpravy #content,#page-dobrovolnici #content, 
#page-annual-reports #content {
	padding-top: 40px;
	background: url('../images/default_gradient.gif') no-repeat;
}
#page-napsali-o-nas #content {
	padding-top: 180px;
	background: url('../images/blue-bar.png') no-repeat;
} 
#page-aktuality #content,#page-news #content {
	padding-top: 0px;
	background: url('../images/bg-blue.png') no-repeat 0 40px;
}

#page-aktuality #yearnav,#page-news #yearnav {
	margin-bottom: 40px; 
}
#page-pomahejte-s-nami #content {
	padding-top: 0px;
}
#page-pomahejte-s-nami #content h3 {
	background: #000;
	color: #fff;
	padding: 5px 5px 5px 7px;
	font-size: 15px;
	text-transform: uppercase;
}
#page-pravidla-zadosti #content {
}
#page-firemni-darcovstvi #content {
	background: url('../images/green_smt.jpg') no-repeat;
	padding-top: 150px;
}

/***********************************************************************/
.left-col, .right-col {
	float: left;
	padding: 40px 0 0 0;
	width: 280px;	
}
.left-col {
	margin: 0 90px 0 0;
}
#page-organy-nadace #content h2 {
	background: #000;
	color: #fff;
	padding: 3px;
	display: inline;
	margin: 0;
	font-size: 12px;
}
/********************* AKTUALITY ****************************/
.gallery {
	width: 145px;
	float: left;
}
#page-napsali-o-nas .gallery {
	height: auto;
}
.gallery img {
	margin:0;
}
.gal-small {
	display: none;
}
.emptyImg {
	width: 145px;
	height: 145px;
	
}
.aktual-full {
	display: none ;
}
.gallery a {
	float: left;
	padding-bottom: 3px;

}
 .gal-left {
 	padding-right: 6px;
 }
.aktual-content {
	float: left;
	width: 400px;
}
.aktual-nav {
	float: right;
}
.aktual-content p {
	color: #808285;
}
.aktual-item {
	padding: 20px 0;
	border-bottom: 1px solid #868889;  
}
.aktual-item h3 {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
}
a {
	outline: none;
}
p.kdo span.name {
	font-size: 18px;
	color: #000;
}
/********************************* pomahejte ************************/
.gray-box {
	padding: 10px 15px;
	background: #E7E8E9;
}
.pomahejte-item {
	margin: 10px 0 0 0;
}
.pomahejte-item h3{
	background: #000;
	color: #fff;
	padding: 5px 5px 5px 7px;
	font-size: 15px;
	text-transform: uppercase;
}
#item-frp h2.collapsed {
	background: #B51A67;
}
#item-fs h2.collapsed {
	background: #25849A;
}
#item-dnc h2.collapsed {
	background: #81256E;
}
#item-oun h2.collapsed {
	background: #5E4D42;
}
#item-fs h4 {
	font-size: 20px;
}
.pomahejte-item h2{
	margin: 0;
}
.pomahejte-item h2.collapsed {
	padding: 0 5px 5px 7px;
	font-size: 15px;
}
.pomahejte-item  .content {
	display: none;
	padding: 0 20px 20px 20px;
}
.pomahejte-item  h2 a img {
	position: relative;
	top: 5px;	
}
.pomahejte-item  h2 a {
	font-size: 15px;
	display: block;
	color: #fff;
	text-decoration: none;
	position:relative;
	text-transform: uppercase;
}
.pomahejte-item  a span {
	font-size: 17px;
	color: #000;
	position: absolute;
	top: 7px;
	right: 0;
	text-align: right;
}
.pomahejte-item  h2.expanded {
	padding: 2px 5px 7px 5px;
}
.pomahejte-item  h2.expanded a {
	font-size: 24px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	background: url('../images/more_on.gif') no-repeat right;
}

h2.expanded a span, h2.expanded a img.on {
	display: none;
}
.pomahejte-item.expand h2 {
	padding: 20px 20px 10px 20px;
}

#item-frp.expand {
	border: 50px solid  #B51A67;;
	color: #808285;
}
#item-fs.expand {
	background: url(../images/project4.jpg);
	padding: 61px;
	color: #808285;
}
#item-fs.expand .white-warper {
	background: #fff;
}
#item-dnc.expand {
	border: 50px solid  #81256E;
	color: #808285;
}
#item-oun.expand {
	background: url(../images/project1.jpg);
	padding: 61px;
	color: #808285;
}
#item-oun.expand .white-warper {
	background: #fff;
}

.violet {
	color: #81256e;
}
.no-borders {
	padding: 10px 0;
	margin: 0;
}
.dot-a, .dot-b, .dot-c {
	list-style: none;
	padding: 5px 0 5px 25px;
}
.dot-a { background: url('../images/dot_a.gif') no-repeat;}
.dot-b { background: url('../images/dot_b.gif') no-repeat;}
.dot-c { background: url('../images/dot_c.gif') no-repeat;}
.nounderline { text-decoration: none;}
.pink { color: #e10071;}
.no-borders h4 {
	margin: 0;
	font-size: 15px;
}
.align-left {
	float: left;
	margin: 0 10px 10px 0; 
}
.align-right {
	float: right;
	margin: 0 0 10px 10px ; 
}
#h3-firemni-dacrovstvi {
	padding: 0 5px 5px 7px;
}
#h3-firemni-dacrovstvi a {
	display: block;
	color: #fff;
	
}
#h3-firemni-dacrovstvi a img{
	position: relative;
	top: 3px;
}
/*************** Pomohli jsme *****************/
.pomohli-jsme {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 20px 0;
}
#pomohli-jsme-1 thead tr {
	background: #5E4D42;
}
#pomohli-jsme-2 thead tr {
	background: #25849a;
}
#pomohli-jsme-3 thead tr {
	background: #81256E;
}
#pomohli-jsme-4 thead tr {
	background: #B51A67;
}
	
.pomohli-jsme thead td {
	padding: 5px 10px;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
}
.pomohli-jsme thead td.sum {
	text-align: right;
	text-transform: none;
	white-space: nowrap 
}
.pomohli-jsme tbody td {
	padding: 5px;
	vertical-align: top;
}
.pomohli-jsme tbody td.title {
	font-weight: bold;
	color: #000;
}
.pomohli-jsme tbody td.price {
	text-align: right;
	font-weight: bold;
	color: #000;
	white-space: nowrap
}
.pomohli-jsme tbody tr:hover {
	background: #E7E7E8;
}
.content {
	display: none;
}
.pomohli-jsme tbody tr.content:hover {
	background: #fff;
}
/**************************** prvidla *****************/
.blue-inner {
	color: #fff;
	background: #003770;
	padding: 20px;
}
.blue-inner h3 {
	color: #fff;
}
.blue-inner strong {
	color: #fff;
}
.bigger {
	font-size: 14px;
}
#page-pravidla-zadosti .left-col {
	width: 320px;
	margin: 0;
}
.white-box-in-blue {
	margin: 0 0 20px 0; 
	color: #000;
	padding: 10px;
	font-size: 14px;
}
.white-box-in-blue p {
	margin: 0 0 10px 0;
}
.white-box-in-blue a {
	color: #000;
	font-weight: bold;
}
.white-box-in-blue div.dot-a, .white-box-in-blue div.dot-b{
	padding: 0 0 0 30px;
}
.white-box-in-blue.small {
	width: 220px;
	height: 90px;
	background: url('../images/white-blue-small.png') no-repeat;
}
.white-box-in-blue.big {
	width: 280px;
	height: 90px;
	background: url('../images/white-blue-middle.png') no-repeat;
}
.gray {
	color: #808285;
}
/*************************************** podekovani ********************************/

/****************************** MEDIA **********************************/
#medialist h2{
	margin: 0;
	padding: 5px;
	background: #003871;
	color: #fff;
	font-size: 14px;
}
#medialist .media-typ-0 {}
#medialist .media-typ-1 { background: #81256E}
#medialist .media-typ-2 { background: #25849A}

#medialist p {
	margin: 5px 0 20px 0;
	padding: 0;
	
}
#medialist p span.datum {
	padding: 0 120px 0 0;
} 
#medialist p a {
	text-transform: uppercase;
	font-weight: bold;
}
/*********************** Patronka ******************/
.ping-border-35 {
	border: 35px solid #9b4c66;
}
#patronka-content {
	padding: 10px 35px ;
}

/***************** kontakt ***************/
#page-kontakt .left-col, 
#page-contact .left-col  {
	width: 320px;
	margin: 0;
}
#page-kontakt .left-col, #page-kontakt .right-col,
#page-contact .left-col, #page-contact .right-col  {
	padding-top: 0px;	
}

#page-kontakt .white-box-in-blue,
#page-contact .white-box-in-blue  {
	font-size: 12px;
}
#contact-full {
	display: block;
	clear: both;
	padding: 10px 10px 20px 10px;
	color: #000;
	background: url('../images/contact-full.png') no-repeat;
}
#contact-full90 {
	display: block;
	clear: both;
	padding: 10px 10px 20px 10px;
	color: #000;
	background: url('../images/contact-full90.png') no-repeat;
	
}
.white-box-in-blue.middle {
	width: 280px;
	height: 90px;
	background: url('../images/white-blue-middle.png') no-repeat;
}
.bold {
	font-weight: bold;
}
.black {
	color: #000;
}

.blue-inner a {
	color: #fff;
}
.white-box-in-blue a {
	color: #000;
}
/**********************************************************/
#yearnav {
	width: 100%;
	height: 40px;
	margin: 0;
	position: relative;
	text-align: center;
}
#yearnav .left{
	position: absolute;
	top: 0;
	left: 0;
}
#yearnav .right{
	position: absolute;
	top: 0;
	right: 0;
}
#yearnav .curr {
	font-size: 20px;
	color: #000;
}
/****************** historie *********************/
#page-historie #content #yearnav {
	width: 300px;
}
/***************** napište *******************/
#red {
	background: #A10D48;
	color: #fff;
	padding: 20px;
}
#red .border {
	border-color: #fff; 
}
#page-napiste-nam form {
	padding: 20px;
	display: block;
	width:341px;
	height:275px;
	background: url("../images/form-back.png") no-repeat top left;
}
#page-napiste-nam label {
	color: #000;
	float: left;
	width: 80px;
}
#lname {
	width: 120px !important;	
}
#name {
	width: 160px;
}
#page-napiste-nam form div {
float: left;
margin : 0 0 5px 0;
}
#page-napiste-nam input, #page-napiste-nam textarea {
	border: 0;
	background: #F2F2F2;
}
#page-napiste-nam #email {
	width: 200px;
}
#page-napiste-nam textarea {
	width: 200px;
	height: 150px;
}
#page-napiste-nam #submitbutton {
	background: url("../images/submit.png") top right no-repeat;
	width: 280px;
	height: 25px;
	cursor: pointer;
}