/**
* CSS
* 
* @author: The Centered Theme by Mathieu Hardiviller (www.hmplus.net)
* @author: modified by NEČAS design (www.necasdesign.cz), GNU/GPL License
**/

* {
margin : 0;
padding : 0;
}

body {
text-align : center;
font-size : 12px;
font-family : Georgia, Serif; /* font of all the text in your website except for sections overwritten.*/
color : #FFFFFF; /* color of all the text in your website except for links and other sections overwritten */
background: #767676 url('../img/pozadi2.jpg') repeat-x; /* sets the background color and img*/
line-height : 150%;
}

/* WRAPPER */
.wrapper {
width : 800px; /* sets the widh of the website content */
margin : 0 auto 0 auto; /* do not modify */
padding: 0 0 30px 0;
text-align : left; /* was justify */
}

/* LINKS */
	
/* colors for all links */
a:link {
text-decoration : underline;
color:#FFFFFF;
}
a:active {
text-decoration : underline;
}
a:visited {
text-decoration : underline;
color:#FFFFFF;
}
a:hover {
text-decoration : underline;
color : #5f911b;
}
a img {border : none;}
a {outline : none;}


/* Pre-Nav Text - Can be accessed in the Exhibit Settings */
#top-section {
font-size : 12px;
color : #423c35;
font-family : Georgia, serif;
margin : 0 0 70px 0;
line-height : 150%;
}
#top-section a { /* this is the link property inside the Top-Section */
font-size : 12px;
text-decoration : none;
color : #423c35;
font-style : italic;
}
#top-section a:hover { /* link property inside the Top-Section when the cursor is over */
color : #5f911b;
}

/* MENU */
#menu .container {
top : 0;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : 545px;  /*width : 800px;*/
}
#menu {
float : right;
height : auto;
padding : 0 0 0 0;
position: absolute;
top: 5px;
}
#menu-wrap {
/*z-index : 1001;*/
position: absolute;
top: 0;
margin: 0 0 0 260px;
}
#menu p {
color : #423C35;
width : auto;
font-family : Georgia, serif;
text-align : left;
padding : 0 0 0 0;
margin : 0 0 0 0;
}
#menu ul {
float : right;
width : auto;
list-style : none;
overflow : auto;
margin : 0 0 10px 5px; 
overflow: visible;
padding : 0 0 2px 0;

}
#menu ul li.section-title { /* property of the section titles */
display: block;
font-family : Georgia, serif;
color : #5f911b;
font-size : 20px;
font-weight: normal;
font-style : italic;
text-align : right; 
text-decoration : none;
width : 160px;
/*border-bottom : 1px solid #B9B5B0;*/
padding : 0 0 2px 0;
margin : 10px 0px 5px 0;
}

#menu ul li.section-title:hover{
color : #423c35;
}
#menu ul li {  /* property of the projects/exhibitions titles */
color : #423c35;
font-family : Georgia, serif;
text-align : right;
font-size : 12px;
width : 160px;
line-height : 130%;
margin : 0 0 0 0;
padding: 2px 3px 2px 3px;
background: #FFF;
z-index: 99999;
/*border-bottom : 1px solid #B9B5B0;*/
}
#menu ul a:link {
padding: 2px 3px 2px 3px;
text-decoration : none;
color : #423c35;
}
#menu ul a:active {
padding: 2px 3px 2px 3px;
text-decoration : none;
color : #423c35;
}
#menu ul a:visited {
padding: 2px 3px 2px 3px;
text-decoration : none;
color : #423c35;
}
#menu ul a:hover {
padding: 2px 3px 2px 3px;
text-decoration : none;
color : #5f911b;
}

/* CONTENT AREA */
#content {
height : 100%;
width : 800px;
margin-top : 0;
margin-right : 0;
margin-bottom : 10px;
top : 0;
}
.container {
margin-top : 0px;
margin-bottom : 30px;
}
#content p {  /* sets the properties for all paragraphs in the content area */
margin-top : 10px;
margin-right : 0;
margin-bottom : 15px; /* sets the space between paragraphs */
margin-left : 0;
line-height : 150%;  /* use this the change the leading (space between lines) */
}
p {  /* sets the properties for all paragraphs  */
margin: 15px 0 0 0;
}

/* HEADINGS */
h1 { /*used for logo - do not use in text, start up with h2*/
font-family : Georgia, serif;
font-size : 1.7em;
font-weight : normal;
padding-bottom : 10px;
}
h2 {
font-family : Georgia, serif;
font-style : italic;
font-weight : normal;
font-size : 2.5em;
line-height:normal;
padding-bottom : 15px;  /* sets the spacing between the heading and paragraph below */
}
h3 {
font-size : 1.7em;
font-style : italic;
font-weight : normal;
padding-top: 25px;
padding-bottom: 5px;
}
h4 {
font-size : 1.3em;
color : #9d9d9d;
font-weight : bold;
text-decoration : underline;
padding-top: 25px;
padding-bottom: 2px;
}

/* IMAGES */
#img-container {
margin : 0 0 20px 0;
padding : 0;
}

#img-container-visual {
margin : 0 0 20px 0;
}
#img-container p {
width : 400px;
margin : 0;
padding : 0 0 12px 0;
}
.nothumb img {
margin-top : 0;
margin-right : 0;
margin-bottom : 30px;
margin-left : 0;
border-color : #bec3c2;
border-width : 2px;
border-style : solid;
}
#once {
clear : left;
}

/* PNG FIX - www.TwinHelix.com */
img, div, a, input, span { behavior: url(http://www.landeco.cz/pngfix/iepngfix.htc); }

/* SLIDE SHOW - Navigation */
p.nav a {
background-color : #dcdcdc;
color : #ffffff;
padding-top : 1px;
padding-right : 9px;
padding-bottom : 3px;
padding-left : 9px;
font-size : 1em;
font-family : Georgia, serif;
}
p.nav a:hover {
color : #ffffff;
}
p.nav span#num {
letter-spacing : 2px;
font-family : Georgia, serif;
font-style : italic;
padding-left : 20px;
}


.clear-both { clear : both; }

/* MARTINOVO CSS */
#logo {
	width: 244px;
	height: 93px;
	margin: 15px 0 0 0;
	background: url('../img/logo.gif') bottom left no-repeat;
	border: none;
	float: none;
	padding: 10px 0 0 0;
}
#logo-link {
 	display: block;
	width: 244px;
	height: 93px;
}

#mapa {margin: 37px 0 0 0}
.obal-sloupcu {width: 800px; padding: 0 0 0 0;}
.sloupec0 {width: 245px; float: left; margin: 40px 30px 20px 0; padding: 0 0 0 0}
.sloupec00 {width: 245px; float: left; margin: 45px 30px 20px 0; padding: 0 0 0 0}
.sloupec1 {width: 245px; float: left; margin: 0 30px 20px 0; padding: 0 0 0 0}
.sloupecP {width: 245px; float: left; margin: 0 0 20px 0; padding: 0 0 0 0}
.sloupec2P {width: 520px; float: left; margin: 0 0 20px 0; padding: 0 0 0 0}

/* formular */
.skryt {
	display: none;
}
#form-div {
	float: left;
	margin: -25px 0 0 0;
}
.inputA {
	border: none;
	background: #FFFFFF;
	color : #5f911b;
	font: 12px Georgia, Times New Roman, Times, serif;
}
.inputB {
	border: none;
	background: #FFFFFF;
	color : #5f911b;
	font: 12px Georgia, Times New Roman, Times, serif;
}
.form-capture {
	line-height: normal;
	display: inline;
}
.form-header {
	display: block;
	margin: 8px 0px 3px 0px;
	text-align: left;
}
#form-zprava {
	width: 520px;
}
#form-jmeno {
	width: 520px;
}
#form-emailovka {
	width: 520px;
}
#form-telefon {
	width: 520px;
}
#tlacitko-odeslat {
	width: 99px;
	height: 16px;
	float: right;
	margin: 5px 0px 0px 0px;
	background: url('../img/tlacitko-odeslat.png') top left no-repeat;
	border: none;
}
.povinne {
	display: block;
	float: none;
	margin: 15px 0 0 0;
}

/* ZAPATI */
.zapati {
	color: #FFFFFF;
	font-size: 11px;
	border-top: 1px #E1E1E1 solid; 
	width: 800px;
	margin: 30px 0 30px 0;
	padding: 6px 0 0 0;
}

.zapati a:link {
	color: #FFFFFF;
}
.zapati a:visited {
	color: #FFFFFF;
}

.zapati a:hover {
	color : #5f911b;
}

.zap-landeco {
	float:left;
	margin: 0 0 0 0;
	line-height: 150%;
}
.zap-web {
	float:right;
	margin: 0 0 0 0;
	text-align:right;
	line-height: 150%;
}

/* exhibition format "Landeco1" */
#img-container-landeco1 {
	width: 520px; 
	float: right; 
	margin: 0 0 0 0;
	text-align: right;
}
#img-container-landeco1 img {
	margin: 0 0 0 0;
}
.landeco1-popis {
	display:block;
	margin: 1px 0 7px 0;
}

.obal-sloupcu img {
	margin-top: 5px;
}
.backlink {
	display: block;
	width: 100px;
	float:right;
	text-align: right;}
.backlink {
	display: block;
	width: 100px;
	float:right;
	text-align: left;}
.backlink a, .backlink-dolni a {
	text-decoration: none;
}