/*
==================================================
	MAIN TAG STYLES - START
==================================================
*/
body
{
  background: #183A6D;
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:13px;
  color: #ffffff;
}

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

A.btmore { display: block; width:35px; height: 13px; text-align:center; padding-top: 2px; overflow: hidden; font-size: 9px; color:#ffffff; background: url(../_img/buttons/more.gif) no-repeat; }
A.btpricelist { display: block; width:119px; height: 13px; text-align:center; text-transform:uppercase; padding-top: 2px; overflow: hidden; font-size: 9px; color:#ffffff; background: url(../_img/buttons/pricelist.gif) no-repeat; }
a:hover
{
	text-decoration: underline;
}

ul
{
  margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 10px;
}

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

li
{
	margin: 0px 10px 0px 15px;
	padding: 0px 0px 0px 10px;
}

li a {
  color: #ffffff;
  font-weight: bolder;
}

img
{
	border: 0;
}

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

select {

}

input {

}

input.alert {
	background-color: #FCEAAF;
}

input.valid {

}

h1 {
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	margin:0 0 0 0;
}

h2 {
	color:#00ff00;
	font-weight:bolder;
	font-size:14px;
	margin:0 0 5px 0;
}

h2 a 
{
	color: #00ff00;
}

h3 {

}

h4 {

}

p
{
	margin:0 0 15px 0;
	text-align: justify;
}

p a {
  color: #ffffff;
  font-weight: bolder;
}

.formbutton
{
	display:block;
	width: 100px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-color: #E01F23;
	color: White;
	font-weight:bold;
}
/*
==================================================
	GENERAL CLASSES - START
==================================================
*/
div.break {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	margin:0px;
	padding:0px;
}

/*
==================================================
	PAGE STRUCTURE - START
==================================================
*/
#main_page {
  width: 980px;
  min-height: 700px;
  margin-right: auto;
  margin-left: auto;
}




/*
=====================================
  hlavni menu - start
=====================================
*/
#topmenu { width: 950px; height: 40px; background: url(../_img/background/topmenu.gif) no-repeat; }
#topmenu a { float: left; display: block; width: 156px; height: 28px; color: #ffffff; text-align: center; font-size: 12px; padding-top: 12px; }

/*
=====================================
  loga, fulltext - start
=====================================
*/

#logoline {width: 950px; height: 225px; overflow: hidden; }
#logoline #logo {float: left; width: 400px; height: 225px; }
#logoline #logo H1 { width:400px; height:225px; margin:0; padding:0; overflow:hidden; position:absolute; top:40px; left:100;}
#logoline #logo H1 span { width:400px; height:225px; display:block; margin:0; padding:0; position:absolute; top:0; left:0; background:url('../_img/logo/logo.jpg') 0 0 no-repeat;}
#logoline #welcome { float: left; width: 533px; height: 225px; background: url(../_img/background/welcome.jpg) no-repeat; }
#logoline #welcome #flags { width: 517px; height: 30px; text-align: right; padding: 15px 15px 0 0; }
#logoline #welcome #texts { width: 530px; height: 190px; }
#logoline #welcome .text { float:left; width: 152px; height: 145px; padding: 0px 0px 20px 20px; overflow: hidden; }

/*
=====================================
  obsah - start
=====================================
*/

#middleline {width: 950px; height: 266px; overflow: hidden; }
#middleline #reference {float: left; width: 400px; height: 266px; background: url(../_img/background/reference.jpg) no-repeat; }
#middleline #reference #referencetext { float: left; width: 191px; height: 236px; color: #11284b; padding: 15px 15px 15px 15px; }
#middleline #reference #referencetext SPAN.nazev { font-weight: bolder; font-size: 13px; }
#middleline #reference #referencetext SPAN.anotace { font-weight: bolder; font-size: 13px; }
#middleline #reference #referencetext P { font-weight: bolder; }
#middleline #reference #referencetext HR { width: 100%; height: 3px; border: 1px solid #C1272D; background: #C1272D; color: #C1272D; }
#middleline #reference #referencefoto { float: left; width: 179px; height: 266px; }

#middleline #collage { float: left; width: 533px; height: 266px; background: url(../_img/background/collage.jpg) no-repeat; }
#middleline #collage #news { width: 180px; height: 266px; }
#middleline #collage #news #newsdesc { width: 165px; height: 24px; font-weight: bold; padding: 10px 0 0 15px; overflow: hidden; }
#middleline #collage #news #newscont { width: 135px; height: 182px; font-weight: bold; padding: 10px 30px 20px 15px; overflow: hidden; }
#middleline #collage #news #newscont SPAN.morespan {display: block; width: 35px; height:15px; padding-left:100px; text-align: right;}

#contactline {width: 950px; height: 183px; overflow: hidden; }
#contactline #contact {float: left; width: 400px; height: 183px; background: url(../_img/background/contact.jpg) no-repeat; }
#contactline #contact #contactdesc { width: 385px; height: 24px; font-weight: bold; padding: 10px 0 0 15px; overflow: hidden; }
#contactline #contact #contactcont { width: 370px; height: 114px; padding: 10px 15px 0 15px; line-height: 16px; font-weight: bolder; }
#contactline #contact #contactpricelist { width: 400px; height: 25px; overflow: hidden; }
#contactline #contact #contactpricelist #pricelist { float: left; width: 119px; height: 20px; padding-left: 15px; }
#contactline #contact #contactpricelist #creditcards { float: right; width: 207px; height: 20px; padding-right: 15px; background: url(../_img/background/cards.gif) no-repeat; }
#contactline #contact #contactcont A { text-decoration: underline; }
#contactline #contact #contactcont SPAN.highlight { color: #00ff00; }

#contactline #links { float: left; width: 533px; height: 183px; background: url(../_img/background/links.jpg) no-repeat; }
#contactline #links .linkleft { float: left; width:154px; height: 60px; margin-top: 25px; margin-left: 60px; }
#contactline #links .linkright { float: right; width:154px; height: 60px; margin-top: 25px; margin-right: 60px; }
#contactline #links A { display:block; font-size: 12px; width:84px; height: 40px; padding: 10px 5px 10px 65px; background: url(../_img/buttons/oko.jpg) no-repeat; }

#content_cont { width: 930px; height: auto; min-height: 1px; background: url(../_img/background/body.gif) repeat-y; }
#content_cont #leftcol { float: left; width: 261px; min-height: 600px; height: auto; }
#content_cont #leftcol #logocont { width: 258px; height: 175px; overflow: hidden; }
#content_cont #leftcol #leftmenu { width: 258px; height: auto; min-height: 1px; }
#content_cont #leftcol #leftmenu A { display: block; font-size: 12px; width: 248px; height: 19px; padding: 5px 10px 0px 10px; background: url(../_img/background/menuitem.jpg) repeat-y; }
#content_cont #leftcol #leftmenu A.selected { background: url(../_img/background/menuitemsel.jpg) repeat-y; }
#content_cont #leftcol #leftmenu A.submenu { width: 223px; height: 19px; padding: 5px 10px 0px 35px; }
#content_cont #leftcol #leftmenu A.submenu SPAN { color: red; font-weight: bold; }
#content_cont #leftcol #leftmenu .menusepar { width: 258px; height: 5px; overflow: hidden; background: url(../_img/background/menusepar.jpg) no-repeat; }
#content_cont #leftcol #leftmenu .submenusepar { width: 258px; height: 5px; overflow: hidden; background: url(../_img/background/submenusepar.jpg) no-repeat; }

#content_cont #leftcol #newscont { width: 258px; height: auto; padding: 0 0 15px 0; min-height: 257px; background: url(../_img/background/actual.gif) repeat-x #23549E; }
#content_cont #leftcol #newscont #newsdesccont { width: 243px; height: 20px; font-weight: bold; padding: 10px 0 0 15px; overflow: hidden; }
#content_cont #leftcol #newscont #newscontcont { width: 228px; height: auto; padding: 10px 15px 0 15px; }
#content_cont #leftcol #newscont #newscontcont SPAN { font-weight: bolder; color: #00ff00; }
#content_cont #leftcol #newscont #newscontcont SPAN.morespan {display: block; width: 35px; height:15px; padding-left:193px; text-align: right;}
#content_cont #leftcol #tree { width: 258px; height: 143px; background: url(../_img/background/tree.jpg) no-repeat; }


#content_cont #rightcol { float: left; width: 669px; min-height: 600px; height: auto; }
#content_cont #rightcol #clouds { position:relative; width: 651px; height: 86px; padding: 15px 15px 0 0; text-align: right; background: url(../_img/background/clouds.jpg) no-repeat; }
#content_cont #rightcol #clouds #cloudstext { color: #2e3192; font-size: 21px; font-weight: bold; margin-right: 20px; margin-top: 35px; }
#content_cont #rightcol #clouds #hplink { display: block; position:absolute; top: 0px; left: 38px; width: 160px; height: 60px; text-decoration: none; }
#content_cont #rightcol #toplinecont { width: 624px; height: 29px; padding: 5px 10px 0 32px; background: url(../_img/background/topline_cont.jpg) no-repeat; }
#content_cont #rightcol #articlecont { width: 614px; height: auto; min-height: 10px; padding: 20px 20px 20px 32px; }

/*
=====================================
  paticka - start
=====================================
*/
#bottom { width: 933px; height: 20px; text-align: right; padding: 8px 0px 0 0; border-top: #ABC0DF solid 1px; font-size: 11px; }
#content_cont #bottomcont { width: 910px; height: 20px; text-align: right; padding: 10px 20px 0 0; font-size: 11px; background: url(../_img/background/bottomcont.gif) repeat-y;}
#bottomcont #sitemap, #bottom #sitemap
{
	float: left;
	padding-left: 20px;
}