/* --------- obecna pravidla -------- */

body,html {
 background-color: #336699;
 margin: 0px;
 padding: 0px;
 font-family: Verdana, "Geneva CE", lucida, sans-serif;
 font-size: 1.0em;
}


a { color: #000000;
text-decoration: underline; }

a:hover { color: #000000;
text-decoration: underline; }



div {
 margin: 0px;
 padding: 0px;
}

strong { font-weight: bold; }

form { margin: 0px; }

/* --------- @obecna pravidla -------- */

/* --------- hlavni layout -------- */

.divMain {
 position: absolute;
 left: 50%;
 top: 55px;
 width: 748px;
 margin: 0px 0px 0px -374px;
 background-color: #336699;
 border: 0px solid white;
}

.divRoot {
 background: url('main-pattern.gif') repeat-y left top;
 border: 0px solid black;
}

.divLogo {
 width: 748px;
 height: 184px;
 margin: 0px;
 padding: 0px;
 background: url('logo.gif') no-repeat left top;
}

.divPaticka p { padding: 2px 6px;
line-height: 35px;
font-size: 9px;
 color:#000000; 
}

.divPaticka {
 width: 748px;
 height: 35px;
 margin: 0px;
 padding: 0px;
 background-color: #336699;
 font-family: Verdana, "Geneva CE", lucida, sans-serif;
 font-size: 9px;
 color:#000000;
 border: 0px solid black;
}

.divContent {
 width: auto;
 height: auto;
 margin: 8px 6px 0px 6px;
 padding: 0px;
 background: #ffffff url('content-pattern.gif') repeat-y left top;
 border-top: 1px solid white;
}

.divMenu {
 float: left;
 width: 246px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

.divOkno {
 width: auto;
 margin: 1px 0px 0px 248px; /* divContent má 1px border-right proto je zde odsazení od vrchu jenom 1px */
 _margin: 1px 0px 0px 245px;
 padding: 0px;
 background: url('prechod.jpg') no-repeat left top;
 border-top: 1px solid white;
}

/* -------------- divBodyContent ------------- */

.divBodyContent {
 margin: 100px 20px 20px 20px;
 border: 0px solid black;
}


.divBodyContent table {
 border-collapse: collapse;
 
 border-top: 1px solid #00cc00;
 border-left: 1px solid #00cc00;
 background-color: #eff7f1;
 color: #000000;
 margin: 25px 0px 25px 0px;
 text-align: center;
}

.divBodyContent table td {
 border-bottom: 1px solid #00cc00;
 border-right: 1px solid #00cc00;
 
}

.divBodyContent a {
 color: #009900;
 text-decoration: underline;
}

.middleNadpis
{
	color: blue;
	font-size: 17px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.middleNadpis2
{
	margin-top: 100px;
	color: blue;
	font-size: 17px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.middleText
{
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.middleText2
{
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.tabulkaFace
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.img
{
	width: 57px; 
	margin-right: 5px;
	border: 0px;
	height: 48px; 
	float: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.divBodyContent a:hover {
 text-decoration: none;
}

/* -------------- @divBodyContent ------------- */

/* --------- napiste nam -------*/

#divNapisteNam {
 background-color: #eff7f1;
 border: 1px solid #00cc00;
 margin-bottom: 0px;
 width: 95%;
 margin-top: 30px;
}

#formSend {
 margin: 10px;
}

#formSend fieldset {
 margin: 10px;
 border: 0px solid black;
}


#formSend div.divInput {
 float: left;
 margin-right: 14px;
 margin-bottom: 20px;
}

#formSend div.divInput label {
 display: block;
 font-size: 0.6em;
 line-height: 1.5em;
 color: #000000;
}

#formSend div.divInput label em {
 font-size: 1em;
 color: #cc0000;
 font-weight: bold;
 display: inline;
}

.inputText {
 width: 170px;
 _width: 155px;
 border: 1px solid #00cc00;
 margin-left: 0px;
 margin-right: 0px;
}

.inputAntispam {
 width: 152px;
 _width: 155px;
 border: 1px solid #00cc00;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 25px;
}

#formSend div.divInput textarea {
 width: 375px;
 _width: 355px;
 border: 1px solid #00cc00;
}

#formSend div.divSubmit {
 text-align: center;
}

#formSend div.divSubmit input {
 background-color: #b4ddc1;
 border: 1px solid #00cc00;
 width: 250px;
 font-weight: bold;
 margin-top: 20px;
 color: #000000;
}

p.info {
 font-size: 0.7em;
 margin: 10px;
 color: #666666;
}

p.info em {
 font-size: 1em;
 color: #cc0000;
 font-weight: bold;
}

/* --------- @napiste nam -------*/

.divNewsletter {
 width: 246px;
 background-color: #edf8fd;
 margin: 1px 0px 0px 0px;
 padding: 0px 0px 15px 0px;
}

.divNewsletter h3 {
 width: 231px;
 padding: 0px 0px 0px 15px;
 margin: 0px;
 height: 25px;
 display: block;
 color: #ffffff;
 font-size: 0.6em;
 line-height: 25px;
 background: #00cc00 url('rozek-green.gif') no-repeat left top;
}

.divNewsletter p {
 margin: 15px;
 color: #333333;
 font-size: 0.6em;
 line-height: 1.5em;
}

.divNovinky div {
 margin: 5px 0px 5px 0px;
}

.divNovinky {
 width: 246px;
 background-color: #edf8fd;
 margin: 1px 0px 0px 0px;
 padding: 0px 0px 15px 0px;
}

.divNovinky h3 {
 width: 231px;
 padding: 0px 0px 0px 15px;
 margin: 0px;
 height: 25px;
 display: block;
 color: #ffffff;
 font-size: 0.6em;
 line-height: 25px;
 background: #00cc00 url('rozek-green.gif') no-repeat left top;
}

.divNovinky p {
 margin: 15px;
 color: #333333;
 font-size: 0.6em;
 line-height: 1.5em;
}

.nazevNovinky
{

	text-align: center;
	color: #006600;
	font-size: 0.6em;
	font-weight: bold;
	line-height: 1.5em;
}

.divNovinky a {
 margin: 15px;
 color: #009900;
 font-size: 0.6em;
 font-weight: bold;
 line-height: 1.5em;
 text-decoration: none;
}

.divNovinky a:hover {
 text-decoration: underline;
}

.divKontakt {
 width: 246px;
 background-color: #edf8fd;
 margin: 1px 0px 0px 0px;
 padding: 0px 0px 35px 0px;
}

.divKontakt h3 {
 width: 231px;
 padding: 0px 0px 0px 15px;
 margin: 0px;
 height: 25px;
 display: block;
 color: #ffffff;
 font-size: 0.6em;
 line-height: 25px;
 background: #00cc00 url('rozek-green.gif') no-repeat left top;
}

.leftNadpis
{
	width: 231px;
	height: 25px;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	color: #ffffff;
	display: block;
	font-size:10px;
	font-weight: bold;
	line-height: 25px;
	background: #00cc00 url('rozek-green.gif') no-repeat left top;

}

.divKontakt p {
 margin: 15px;
 color: #333333;
 font-size: 0.6em;
 line-height: 1.5em;
}

.divKontakt p span { 
 display: inline;
 margin-left: 37px;
}

.divKontakt a {
 margin: 15px;
 color: #009900;
 text-decoration: underline;
}

.divKontakt a:hover {
 text-decoration: none;
}

/* --------- seznamy -------- */

.ulMenu {
 margin: 0px;
 padding: 0px;
 background-color: #ffffff;
 list-style-type: none;
 border-top: 1px solid white;
}

.ulMenu li {
 margin: 1px 0px 0px 0px;
 width: 246px;
 height: 35px;
}

.ulMenu li a.nonactive {
 width: 226px;
 height: 35px;
 background: #6666ff url('rozek.gif') no-repeat right top;
 color: #ffffff;
 font-size: 1.1em;
 font-weight: bold;
 display: block;
 text-decoration: none;
 line-height: 35px;
 padding-left: 20px;
}

.ulMenu li a.nonactive:hover {
 text-decoration: underline;
 background: #9999ff url('rozek-active.gif') no-repeat right top;
}

.ulMenu li a.active {
 width: 226px;
 height: 35px;
 background: #9999ff url('rozek-active.gif') no-repeat right top;
 color: #ffffff;
 font-size: 1.1em;
 font-weight: bold;
 display: block;
 text-decoration: none;
 line-height: 35px;
 padding-left: 20px;
}

.ulMenu li a.active:hover {
 text-decoration: underline;
 background: #6666ff url('rozek.gif') no-repeat right top;
}

/* --------- @seznamy -------- */

/* --------- formulare -------- */

#formNewsletter {
 border: 0px solid black;
 margin: 15px;
}

#formNewsletter input#inputText {
 width: 150px;
 height: 20px;
 font-size: 15px;
 line-height: 20px;
 background-color: #ffffff;
 color: #000000;
 margin: 0px;
 padding: 0px;
 border: 1px solid black;
 display: inline;
}

#formNewsletter input#submitNewsletter {
 width: 20px;
 height: 20px;
 _height: 22px;
 background: #00cc00 url('sipka.gif') no-repeat left top;
 color: #ffffff;
 margin: 0px;
 padding: 2px 0px 0px 2px;
 border: 1px solid black;
 display: inline;
}

/* --------- @formulare -------- */

.no {
 visibility: hidden;
 display: none;
}

hr.cleaner {
 clear: both;
 height: 1px;
 margin: -1px 0px 0px 0px; 
 padding: 0px;
 border: none;
 visibility: hidden;
}

.pCopyright {
 text-align: center;
 font-size: 0.6em;
 color: #ffffff;
 margin: 30px 0px 30px 0px;
}

.pCopyright a {
 font-weight: bold;
 text-decoration: none;
 color: #ffffff;
}

.pCopyright a:hover {
 text-decoration: underline;
}

h1.h1 {
 color: #ffffff;
 font-size: 1em;
 position: relative;
 text-align: right;
 margin: 5px 15px 5px 5px;
}

.sclear 
{
  clear: both;
}


.aImg img { border: 0px solid black; }