/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #000; font-weight: bold;} /*0F4B87;}*/
a:hover {color: #0f4b87;}

img {
border: 0;
}

body {
	background:  #BECDDC  url('../images/styles/mainbg2.jpg') repeat-x;   /*#0f4b87;/**/
	color: #666;
	font: normal 65% Tahoma,sans-serif; /*62.5*/	
}

p,code,ul {padding-bottom: 1.2em;}

p {line-height: 1.4em;
	text-align: justify;}

li {list-style: none;}
.content li {padding-top: 12px;}
h1 {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
}

h1,h2,h3 {padding-top: 6px;}

h1, h2, h3 a {text-decoration: none;}
h1 a { text-decoration: none;}
/* index page*/
h1.index {padding-top: 1px; font-size: 1.35em;}
/* aktuality */
.side-right .subheader{padding-top:6px; font-size:1.2em; }


/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

.bigger {font-size: 1.1em;}
.odsazeni {margin-left: 10px;}
.odsazeni.tabulator {position: relative; left: 20px;}
dt {float: left; } 
.block {display: block;}
.title {
	background: url('../images/styles/img4.gif') no-repeat right center;
	border-bottom: 3px solid #CFCFCF;
}
.normal {font-weight: normal;}

ul.nodecoration li {list-style-type: none;width:168px;}

.capt {
/*font-variant: small-caps;*/
text-transform:capitalize; /*uppercase;*/
}
.subtitle {border-bottom: 2px solid #CFCFCF;}

.decoration li {list-style: disc; }

.arrow-left {background: url('../images/styles/img4.gif') no-repeat left center; }
.invisible {visibility: hidden;}

.transparent {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader 
  (src='../images/styles/test2.png',sizingMethod='scale');
}

head:first-child+body .transparent{background: url(../images/styles/test2.png);}


.bigger-rows {line-height: 1.25em;}

.zvyrazneni {margin-top: 3px;}
.zvyrazneni a {color: #0f4b87/*711010*/; font-size: 1.05em; text-decoration: none;}
.zvyrazneni a:hover {color: #0f4b87; text-decoration: underline;}



/* structure */
.container {
	background-color: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 780px;
	border-left: 3px solid #000;
	border-right: 4px solid #000;
	border-bottom: 4px solid #000;
	
}

/* header */
.top {
	/*padding: 10px 10px 0px;*/
	/*margin: 0 auto;
	width: 780px;
	border-left: 3px solid #000;
	border-right: 4px solid #000;
	border-bottom: 4px solid #000;*/
}

/* title */
.header {
	/*background-color: #fff;*/
	font-size: 1.2em;
	height: 200px;
	margin: 0px auto;
	padding: 10px 10px 5px;
	width: 780px;
	background-color: #fff;
	border-left: 3px solid #000;
	border-right: 4px solid #000;
	border-top: 3px solid #000;
	
}

.header .line {
	height: 141px;	
	/*line-height: 10px;*/ 
    width: 100%;/*564px;*/
	text-align: left;
		
		
}
.header .line p {
	font-size: 0.9em;
	position: relative; 
	/*bottom: -70px;*/ 
	padding-left: 15px;
	margin-left: 5px; 
	line-height: 0.7em;
	background: url('../images/styles/img4.gif') no-repeat left top;
}
.header .line a {text-decoration: none; color: #666; /*font-weight: normal;*/}

#headerpicture {width: 780px; height: 197px; background: url('../images/styles/header.jpg');}


/* navigation */
.navigation {	
/*	background: url('..images/styles/nav.jpg');
	border: 1px solid #D8EBD8;*/
	padding-top: 4px;
  background-color: #ccc;
	height: 35px;
	font: bold 11px Verdana, Tahoma, 'Trebuchet MS',  Sans-serif;
}

.navigation a {
	/*background: transparent url('../images/styles/nav.jpg') left top repeat-x;*/
	/*border-right: 2px solid #D8EBD8;*/
	color: #fff;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 30px;
	padding: 0 18px;
	text-decoration: none;
}
/*
.navigation a:hover {
background: transparent url('../images/styles/nav.jpg') left bottom; 
color: #fff;
}
*/


/* highligted menu*/
body.bmain #mmain a,
body.bcat #mcat  a,
body.bcar #mcar  a,
body.bcomp #mcomp  a,
body.blink #mlink  a,
body.bform #mform  a {
	color: #ffff70;
	background: #000;

}
body.bmain #mmain ul a ,
body.bcat #mcat  ul a,
body.bcar #mcar  ul a,
body.bcomp #mcomp  ul a,
body.blink #mlink  ul a,
body.bform #mform  ul a {
	color: #fff;
	background: url('../images/styles/nav.jpg') center center repeat-x;
}

body.bmain #mmain ul a:hover,
body.bcat #mcat  ul a:hover,
body.bcar #mcar  ul a:hover,
body.bcomp #mcomp  ul a:hover,
body.blink #mlink  ul a:hover,
body.bform #mform  ul a:hover {
	color: #ffff70;
	background: #000;
}


li.new {background-color: red;}
.new a {border-left: 2px solid red;}
/*nav*/
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
	display: block;
	width: 120px; /*Width of top level menu link items*/
	padding: 2px 8px;
	margin-right:2px;	
	background: #222 url('../images/styles/nav.jpg') center center repeat-x; /*centr huh???? **/
	color: #fff;
	text-align:center;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
	left: 0;
	top: 0;
	border-top: 1px solid #202020;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
	
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
	display: inline;
	float: none;
	
	
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
	width: 160px; /*width of sub menu levels*/	
	padding: 2px 5px;	
	/*border-width: 0 1px 1px 1px;*/
	background:  url('../images/styles/nav.jpg') center center #222; /*centr huh???? **/
	height: 29px;
	line-height: 29px;
}

.horizontalcssmenu ul li a:hover{
	/*background: url('../images/styles/nav.jpg') center repeat-x;*/
	background: #000;
	color: #eee;
	color: #ffff70;
}

.horizontalcssmenu .arrowdiv{
	position: absolute;
	right: 4px;
	background: transparent url('../images/styles/menuarrow.gif') no-repeat center left;
}

ul li #mcar {width: 198px;}
ul li#mcar a {width: 198px;} /*207 nefacha v ie 6*/

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */




/* main */
.main {
	border-top: 4px solid #FFF;
	background: url('../images/styles/bgmain.gif') repeat-y;
	background-color: #eee;
}


/* content */
.content {
	float: left;
	margin: 0px 0;
	padding: 3px 16px;
	width: 560px;
/*	min-height: 280px;
	_height: 280px;*/
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
/*.content ul {margin-left: 20px;}*/
.content li {
	list-style: url('../images/styles/li.gif');
	margin-left: 18px;
}

.content .imgright {
padding: 5px;
border: 1px solid #D8EBD8;
margin-left: 4px;
float: right;
}

.content p em { font-size: 0.85em; }


/* side left */
.side-left {
	float: left;
	width: 220px;
	/*clear: both;*/
	border-right: 4px solid #fff;
	margin-right: 8px;
}
.side-left h2 {
	color: #333300;
	font-size: 1em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.side-left ul {
	padding: 0;
	border-top: 1px solid #D8EBD8;
}
.side-left li {border-bottom: 1px solid #D8EBD8;}
.side-left li a {
	font-size: 1.1em;
	color: #333300;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.side-left li a:hover {
	background-color: #ebebeb;
	color: #654;	
}

.side-left p  {margin: 0px; padding-bottom: 3px; }

/* side right */
.side-right {
	float: right;
	width: 180px;
	clear: both;	
}
.side-right h2 {
	color: #333300;
	font-size: 1em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.side-right ul {
  margin-left: 1.2em;
  margin-right: 5px;
	padding: 0;
	border-top: 1px solid #D8EBD8;
	font-size: 0.925em;
}
.side-right li {
	border-bottom: 1px solid #D8EBD8;
  list-style: square;
  }
.side-right li a {
	font-size: 1.1em;
	color: #333300;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.side-right li a:hover {
	background-color: #ebebeb;
	color: #654;	
}
.side-right h2 .title {padding-right: 100px; text-decoration: none;}


/* footer */
.footer {
	background: url('../images/styles/nav.jpg') left top repeat-x;
	/*background: url('../images/styles/bgfooter.gif') repeat-x;*/
	color: #FFF;
	font: bold 1em sans-serif;
	line-height: 39px;
	text-align: center;
}
.footer a,.footer a:hover {color: #FFF; text-decoration: none;}

.footer a:hover { color: #eeefe9;}


/* firma obdelnik */
/*.odd.comptext p {;}*/

.comprect {padding-left: 10px; padding-top: 3px; height:93px; margin-top: 10px; position: relative;}
.comprect img {margin-right: 5px;}

.carrect {padding-left: 10px; padding-top: 3px; height:85px; margin-top: 10px; position: relative;}
.carrect img {margin-right: 5px;}
.carrect:hover {background-color: #d0d0d0; color:black;}



.odd {background-color: #e0e0e0; border: 1px solid #bbb; }
.even {background-color: #efefef; border: solid 1px #bbb;}

.comptext span {font-size: 0.95em;}
.comptext strong {color: black;}
.comptext a {color: #444; text-decoration: none; }
/*.comptext {height: 93px;}*/

.comprect span.cats {position: absolute; bottom: 1px; color: #999}
.comprect span.cats em {font-style: normal; vertical-align: baseline;font-size: 0.9em;}


.downmargin {margin-bottom: 5px;}

/* navigacni lista */
#topline {line-height: 20px;}

/* hledaci pole s mapkou*/
#search {position:relative; top: -40px; width: 200px;}
#search img {margin-top: 6px; clear: both;}
#search #ShowRegion2 {clear: both;}


#search2 {margin-left: 10px;}

.moveup {position:relative; top: -20px;}


.cars-text a { text-decoration: none; color: #444; line-height: 1.1em; display: block; width: 140px; font-size: 0.9em;}
.cars-text a .obr { width: 40px; height: 30px;}
.cars-text a:hover { text-decoration: underline; color: #000;}


/*#car {padding-top: 2px;}*/

.big a {text-decoration: none;}

/* vabici obdelniky */
.rectangle { /*margin: 0 10%;*/background: url("../images/styles/rectbg5.jpg") #dee4ec;/*#0f4b87/*#fffac6*/; /*ffe;

/*	background: #f3f4f0 url("../images/styles/bgrect.jpg") repeat-x top left;*/ 
	width: 268px;
	height: 25px;
	/*margin-left: 10px;*/
	margin-bottom: 6px;	
	/*border-left: #0f4b87 solid 2px;*/
	
	/*padding-left: 10px;*/
	padding: 0px 0px;
	line-height: 25px;
	font-size: 1.07em;
}
.rectangle a {display: block; width:265px; color: #000/*#0f4b87*/; text-decoration: none; font-weight: bold; padding-left: 5px;}
.rectangle a:hover {background-color: #ffeb3c/*ffdf57*/; color: #000; }
.rectangle:hover {/*border-left: #ffd51f solid 2px;*/}
/*.rectangle a span {padding-left: 5px;}*/


#search-result p {line-height: 1.1em;}

.big {font-size: 1.4em; padding-top:6px;padding-bottom:6px; padding-left: 20px; margin:5px 0px; /*margin-right: 14px;*/ clear: both; background-color: #eaeaea;}
.main-color {color: #0f4b87;}
.no-top-space {padding-top: 0px; margin-top: 0px;}
.padding-left {padding-left: 20px;}
.no-bottom-space {padding-bottom: 0px; margin-bottom: 0px;}
.top-space {margin-top: 5px;}
.no-underline a {text-decoration: none;}

.block-link {display: block; width: 100%; height: 100%;}

.glass {background: url("../images/styles/search.png") no-repeat; padding-left: 20px;}
.glass a {margin-top: 10px;}
.big span {font-size: 0.77em; }

/* form elements */
form {
	margin:6px 0px; 
	padding: 0;	
	z-index: 0;	
}
label {
	display:block;
	font-weight:bold;	
}
input {
	padding:3px;
	border:1px solid #bbb;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:550px;
	padding:4px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;	
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #EAEAEA;
	padding: 2px 3px; 
	background: #CCC url('../images/buttonbg.gif') repeat-x left bottom;
}
LEGEND {
	padding: 0px 5px;
}
FIELDSET {
	width: 560px;
	/*border: px #ddd solid;*/
	padding: 5px; 
}
select {position: relative; z-index: 0;}

#search input {clear: both;}

#pr {text-align: center;}
#pr a { color: #999; text-decoration: none; font-size: 0.8em;}

/* kraje 3 selecty*/
.searcher { 	margin: 0px 0px 5px 0px; 	padding: 0px; }
.searcher label {margin-bottom: 2px;}

/* odkazy firmy*/
.link {width: 270px; margin-right: 10px; height: 130px;}
.link img {padding-left: 5px;}
.link p { font-size: 0.92em; text-align: left;}
.link h2 {font-size: 1.35em;}
.link h2 a {text-decoration: none;}

.message {color: #0f4b87; margin: 10px 3px;}

.center {text-align: center; margin: 0 auto; }
.extrong {font-weight: bold; color:#ea0000; border: solid #666 2px; margin-top: 5px; padding:3px;background-color: #fff;}
.link-header {display: block; position: relative; top: -12px; width: 780px; height: 125px;}
#second-col {width: 160px; height:100%;}
#second-col ul li {list-style-type: disc;}


/* detail page*/
.detail li {padding-top: 4px;}
.detail.odsazeni a {text-decoration: underline; font-weight: normal;}
.detail #nounder a {text-decoration: none; font-weight: bold;}
.detail {padding-top: 5px;} 

#anketa span {font-size: 1.22em; color: red; font-weight: bold;}
#anketa a {font-size: 1.05em; color: #0f4bbb; font-weight: bold; text-decoration: none;border-bottom: 1px solid #D8EBD8;}
#anketa a:hover {color: #0f4bbb; background-color: #ffd51f;}
#anketa .male {font-size: 0.7em; color: silver;}
#paginationControl {width: 100%; height: 16px; padding-top: 3px;}

.clear {clear: both;}
#search label {margin-top:9px;}
/* modra #0f4b87   seda #aeb7bc  oranz ffd51f */
/* seda svetla - main f3f4f0 ... right eeefe9 */


#black {color:black}


td, th {text-align: left; padding-right: 15px; padding-bottom: 5px; }

th.tab-color {width: 65px;}
th.tab-distance {width: 3em;}
th.tab-status {width: 5em;}

.descr-title {float: left; width: 10em;}
.descr-value {font-weight: bold;}

.oddelovac {width:31em;}

.row:hover {background-color: #d0d0d0; color: black;}

#kontakt {background-color: #ffe5e5; margin-top: 10px; padding: 5px; border: 1px solid #CFCFCF;}

#kontakt textarea {margin: 5px; width: 530px;border: 1px solid #aFaFaF;}
#kontakt input {margin: 5px;border: 1px solid #aFaFaF; }


.hot a {
	display: block;
	color: #666666; 
	text-decoration: none;
	padding:.3em 0 .3em 10px;		
  text-align: left;
	width: 94%;
}
.hot {text-align: center;	border-bottom: 1px solid #D8EBD8;}
.hot.box {display: block; width: 150px; height: 150px; } 
.side-right h1 {font-size: 1.2em; font-weight: bold;	border-bottom: 1px solid #D8EBD8;}
.hot strong {color: #af0000;font-size: 1.15em;}
.hot {font-weight: normal; font-size: 0.8em;}
.hot img {clear: both; display: block; margin: 3px auto;}

table {font-size: 0.95em;}


.red {color: red;}
