/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif;	color: #000000; font-size: 12px;	line-height: 18px;
	background: none; 
}

strong {font-weight: bold;}
address { font-style: normal; }


/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
.red { color: #C2221F; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }

img { border: none; }
a img { border: none; }
a { outline: none !important; }

img.right { float: right; margin-left: 15px; margin-bottom: 5px; }
img.left { float: left; margin-right: 18px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

.no-text-transform { text-transform: none !important; }
.no-decoration { text-decoration: none !important; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/*****************/
/* EVENT CLASSES */
/*****************/
.clickable {}
._blank {}


/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #040101 url(/img/body-bgr.jpg) repeat-x left top; color: #1F1F1F; font-size: 12px; line-height: 18px; }
h1 { font-size: 22px; line-height: 35px; color: #373737; font-weight: normal; letter-spacing: -1px; padding-bottom: 12px; }
h2 { font-size: 14px; font-weight: bold; color: #373737; font-weight: bold; padding-bottom: 5px; }
h2 a { color: #373737; }
h2 span {color: #b10000; font-weight: bold;}
h3 { font-size: 12px; font-weight: bold; color: #373737; }
p { padding-bottom: 1em; }
ul { list-style: none; padding-bottom: 1em; }
ul li { background: url(/img/li.png) no-repeat left 8px; padding: 2px 5px 2px 14px; }
ol { margin-left: 2em; padding-bottom: 1em; }
a { color: #232C43; text-decoration: underline; }
a:hover {  }
.intro { font-size: 14px; color: #717171; line-height: 20px; }
ul.intro li { background-position: left 10px; position: relative; float: left; width: 420px; padding: 2px 20px 10px 12px; }
ul.intro li h2 a { color: #c00629; }
ul.intro li h2 a:hover { color: #20A6C1; }
ul.intro li p { font-size: 12px; line-height: 1.4; padding: 0; height: 34px; overflow: hidden; }
ul.intro li p.more { margin: 5px 0 8px; height: auto; }

.hr-line { background: transparent url(/img/dotted.png) repeat-x left bottom; margin-bottom: 1em; }

#right-column h1,#right-column h2,#right-column h3, #right-column p, #right-column ul, #right-column ul li, #right-column ol { margin: 0 20px; }

#right-column .item h2 { margin: 0 5px; }

/**********/
/* BUTTON */
/**********/
.button { text-decoration: none; }
.button span { background: url(/img/button-red.png) no-repeat right center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; height: 15px; line-height: 15px; font-size: 11px; color: #FFFFFF; padding: 0px 7px 0px 0px; }
.button span span {  padding-left: 8px; background-color: #C00629; white-space: nowrap; }
a.button:hover span span { text-decoration: underline; cursor: pointer; }

/* COLORS */
.button.blue span { background-image: url(/img/button-blue.png); }
.button.blue span span { background-color: #48B6CB; }

/* SIZE */
.button.middle span { height: 17px; line-height: 17px; padding-right: 8px; }
.button.big span { height: 19px; line-height: 19px; padding-right: 9px; font-size: 12px; font-weight: bold; }

.pdf { padding-left: 40px; background: url(/img/pdf.png) no-repeat left top; line-height: 36px; display: inline-block; margin-left: 10px; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }

#page-wrapper { text-align: left; width: 964px; margin: 10px auto; position: relative; background: url(/img/page-bg-1.jpg) no-repeat left top; }
#page-border-top { background: url(/img/page-border-top.png) no-repeat scroll left top; height: 11px; }
#page-border-bottom { background: url(/img/page-border-bottom.png) no-repeat scroll left top; height: 11px; clear: both; }


/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { background: #FFFFFF url(/img/header-bgr.png) left top repeat-x; padding-top: 0px; }

#head-banner { width: 934px; height: 112px; margin: 10px auto 0; border-top: 2px solid #FFFFFF; }
#page-kesla #head-banner { background: url(/img/head-banner-under-kesla.jpg) left top no-repeat; }
#page-profiforest #head-banner { background: url(/img/head-banner-under-profi.jpg) left top no-repeat; }
#page-tume-agri #head-banner { background: url(/img/head-banner-under-tume.jpg) left top no-repeat; }
#page-kara #head-banner { background: url(/img/head-banner-under-kara.jpg) left top no-repeat; }
#page-o-spolecnosti #head-banner { background: url(/img/head-banner-under-kesla.jpg) left top no-repeat; }
#page-aspectum #head-banner { background: url(/img/head-banner-under-aspectum.jpg) left top no-repeat; }

 
#page-uvod #head-banner { width: 934px; height: 178px; margin: 10px auto 0; background: url(/img/head-banner.jpg) left top no-repeat; border-top: 2px solid #FFFFFF; }
/********/
/* LOGO */
/********/
#logo,
#logo * { display: block; width: 179px; height: 72px; overflow: hidden; padding: 0px; margin: 0px; }
#logo { padding: 20px 0px 0px 20px; }

/*********/
/* CLAIM */
/*********/
#title { width: 197px; background: url(/img/title-claim.png) no-repeat left top; position: absolute; top: 100px; left: 689px; padding: 0px; margin: 0px; }
#title em { visibility: hidden; display: block; width: 197px; height: 84px; padding: 0px 0px 20px 0px; }
#title a { position: relative; left: 30px; }

 

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { font-size: 11px; color: #888888; padding: 8px 15px; }
#footer a { color: #888888; }
#footer a:hover { text-decoration: none; }

#giant { float: right; text-align: right; }
#giant img { vertical-align: middle; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { width: 638px; position: absolute; top: 75px; left: 309px; overflow: hidden; padding-left: 3px; }
#menu ul { margin: 0px; padding: 0px; float: left; width: 680px; }
#menu li { list-style: none; padding: 0; margin: 0px; float: left; position: relative; }
#menu a { font-weight: bold; font-size: 14px; text-decoration: none; display: block; text-transform: uppercase; text-decoration: none; padding-right: 3px; padding-left: 0; background: url(/img/menu-divider.png) top right no-repeat; }
#menu a strong { padding: 5px 0; display: inline; height: 26px; line-height: 26px; padding-left: 19px; padding-right: 22px; }

#menu a:hover { background: #232C43 url(/img/menu-bgr-left.png) top left no-repeat; color: #FFFFFF; position: relative; left: -3px; padding-right: 0; padding-left: 0; }
#menu a:hover strong { background: url(/img/menu-bgr-right.png) top right no-repeat; padding: 5px 22px; }


#page-uvod #uvod a { background: #232C43 url(/img/menu-bgr-left.png) top left no-repeat; color: #FFFFFF; position: relative; left: -3px; padding-right: 0; padding-left: 0; }
#page-uvod #uvod a strong { background: url(/img/menu-bgr-right.png) top right no-repeat; padding: 5px 22px; }
#page-kesla #kesla a { background: #232C43 url(/img/menu-bgr-left.png) top left no-repeat; color: #FFFFFF; position: relative; left: -3px; padding-right: 0; padding-left: 0; }
#page-kesla #kesla a strong { background: url(/img/menu-bgr-right.png) top right no-repeat; padding: 5px 22px; }
#page-tume-agri #tume-agri a { background: #232C43 url(/img/menu-bgr-left.png) top left no-repeat; color: #FFFFFF; position: relative; left: -3px; padding-right: 0; padding-left: 0; }
#page-tume-agri #tume-agri a strong { background: url(/img/menu-bgr-right.png) top right no-repeat; padding: 5px 22px; }
#page-kara #kara a { background: #232C43 url(/img/menu-bgr-left.png) top left no-repeat; color: #FFFFFF; position: relative; left: -3px; padding-right: 0; padding-left: 0; }
#page-kara #kara a strong { background: url(/img/menu-bgr-right.png) top right no-repeat; padding: 5px 22px; }
#page-aspectum #aspectum a { background: #232C43 url(/img/menu-bgr-left.png) top left no-repeat; color: #FFFFFF; position: relative; left: -3px; padding-right: 0; padding-left: 0; }
#page-aspectum #aspectum a strong { background: url(/img/menu-bgr-right.png) top right no-repeat; padding: 5px 22px; }
#page-profiforest #profiforest a { background: #232C43 url(/img/menu-bgr-left.png) top left no-repeat; color: #FFFFFF; position: relative; left: -3px; padding-right: 0; padding-left: 0; }
#page-profiforest #profiforest a strong { background: url(/img/menu-bgr-right.png) top right no-repeat; padding: 5px 22px; }


/*******************************************************************/
/*                                                            MENU2 */
/*******************************************************************/
#menu2 { width: 666px; position: absolute; top: 40px; left: 263px; overflow: hidden; }
#menu2 ul { margin: 0px; padding: 0px; float: right; }
#menu2 li { list-style: none; padding: 0px; margin: 0px; overflow: hidden; float: left; background: none; }
#menu2 a { text-decoration: none; display: block; padding: 0 0 0 15px; position: relative; }
#menu2 a:hover { text-decoration: underline; }

/*******************************************************************/
/*                                                MENU3 - subpages */
/*******************************************************************/
#subpages { position: relative; top: -20px; }
#subpages li a { width: 230px; height: 21px; display: block; padding: 0 0 0 10px; text-decoration: none; }
#subpages li a:hover, #subpages li a.active { background: #E3E3E3; text-decoration: none; }

#subpages li.active a { background: #E3E3E3; text-decoration: none; }
#subpages li.active ul { display: block; }

#subpages li.active ul a { background: #FFFFFF; }
#subpages li ul { margin: 0; padding: 0; display: none; font-size: 11px; }
#subpages li ul li a { padding-left: 30px; width: 210px; }


/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#main-content { padding: 0 15px; background: #FFFFFF; float: left; width: 934px; }

.cell li { font-size: 11px; line-height: 20px; background-position: left 7px; padding-right: 0px; }

.special dt { font-size: 14px; font-weight: bold; padding-bottom: 2px; }
.special dd { padding-bottom: 1.5em; }

h1.no-sifr { text-indent: -10000px; background: url(/img/hp-title.png) no-repeat 1px 5px; width: 479px; height: 60px; padding-top: 5px; padding-bottom: 20px; }

#left-column { width: 268px; float: right; position: relative; background: url(/img/content-left-bgr.png) scroll 0 40px repeat-x; }
#right-column { width: 666px; float: right; position: relative; background: url(/img/content-main-bgr.png) scroll 0 40px repeat-x; padding: 60px 0 15px; min-height: 300px; }

#left-column h2 { height: 23px; padding-top: 17px; padding-bottom: 40px; padding-left: 10px; text-transform: uppercase; }
#left-column ul li { padding: 0; }
#left-column h2#galerie { padding-top: 20px; padding-bottom: 0; border-bottom: 1px solid #232C43; }
#left-column img { margin-left: 8px; margin-top: 10px; margin-bottom: 10px; display: inline; float: left; }

#left-column .center img { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; display: inline; float: none; }

#page-uvod #main-content { padding-top: 24px; background: #FFFFFF url(../img/content-main-bgr-hp.png) top left no-repeat; }

#right-column img { margin: 10px; }
.prazdna { height: 100px; }

a.kontakt-btn { width: 312px; height: 40px; background: url(/img/kontakt-btn.png) top left no-repeat; padding-left: 28px; line-height: 43px; display: block; color: #FFFFFF; text-decoration: none;margin: 30px 20px; }

input.kontakt-btn { width: 312px; height: 40px; background: url(/img/kontakt-btn.png) top left no-repeat; padding-left: 10px; line-height: 43px; display: block; color: #FFFFFF; text-decoration: none;margin: 30px 20px; border: 0; font-size: 12px; cursor: pointer; padding-bottom: 3px; }



#right-column .column { width: 300px; float: left; margin-left: 20px; }
#right-column ul { list-style: disc; }

/*******************************************************************/
/*                                                         ITEMS */
/*******************************************************************/
.item { width: 300px; float: left; margin: 0 16px 35px; display: inline; position: relative; cursor: pointer; }
.item h2 { text-transform: uppercase; }
.box { width: 280px; height: 85px; padding: 10px; background: #ECECEC; overflow: hidden; }
.box img.left { margin-top: 0; margin-right: 10px; margin-bottom: 0; }
.box a.more { position: absolute; right: 10px; bottom: 5px; font-style: italic; overflow: hidden; }
.box a.more:hover { text-decoration: none; }
#page-uvod .item { margin-left: 16px; margin-right: 0; }
#page-uvod .first { margin-left: 0; }

#right-column .item img { margin: 0 10px 0 0; }


/*******************************************************************/
/*                                                     BREADCRUMBS */
/*******************************************************************/
#breadcrumbs { font-size: 11px; color: #888888; padding: 8px 15px; position: absolute; top: 236px; left: 286px; }
#breadcrumbs a { color: #888888; }
#breadcrumbs a:hover { text-decoration: none; }


/*********/
/* TABLE */
/*********/
table { border-collapse: collapse; margin-bottom: 1em; margin-top: 1em; }
tr { background: url(/img/dotted.png) repeat-x left bottom; }
th { text-align: left; vertical-align: middle; padding: 0 10px; }
td { vertical-align: top; padding: 0 10px; vertical-align: middle; }
thead tr { background: none; }
thead th { border-bottom: 2px solid #22A6BF; white-space: nowrap; }
td.price { text-align: right; white-space: nowrap; }
th.price { text-align: center; }

#right-column table { width: 626px; margin: 0 auto; margin-bottom: 1em; border-bottom: 1px solid #232C43; }
#right-column table th { background: #232C43; color: #FFFFFF; font-weight: bold; text-align: center; border-left: 1px solid #232C43; height: 28px; }
#right-column table td { border-left: 1px solid #232C43; border-right: 1px solid #232C43; height: 24px; }
#right-column table td.end { border-right: 2px solid black; }
#right-column table td.last { border-right: none; }

#right-column table tr.odd { background: #FFFFFF; }
#right-column table tr.even { background: #E8EAEC; }

#right-column table img { margin: 0; vertical-align: middle; }

/********/
/* FORM */
/********/
form {}
fieldset { border: 0; }
button { border: none; background: none; cursor: default; }
form table { margin: 0px; }
form label { line-height: 20px; padding-right: 10px; padding-top: 1px; }
form tr { background: none; }
form td { padding: 5px 0px 5px 0px; vertical-align: middle; }
form td.top { vertical-align: top; }
form td.col { padding-right: 40px; }
form table label { display: block; }
form, .input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.input, textarea, select { border: 1px solid #DEDBD8; background-color: #FFFFFF; padding: 3px 5px; }
.input { width: 150px; }
.input.short { width: 50px; }
textarea { width: 96%; }
optgroup { padding-left: 10px; }
optgroup option { padding-left: 10px; }

/***********/
/* OVERLAY */
/***********/
#overlay { display: none; position: absolute; top: 0px; left: 0px; background-color: #000000; width: 100%; }
#overlay-position { display: none; top: 50%; left: 50%; width: 1px; height: 1px; overflow: visible; position: absolute; }
#overlay-box { width: 490px; height: 480px; padding: 10px 0px 10px 10px; position: absolute; top: -250px; left: -250px; background-color: #FFFFFF; text-align: left; border: 1px solid #999999; }
#overlay-content { width: 480px; height: 480px; padding: 0px 10px 0px 0px; overflow: auto; }
#closebox { width: 30px; height: 30px; cursor: pointer; display: block; background: url(/img/closebox.png) no-repeat left top; position: absolute; top: -15px; left: -15px;  }

/******************************/
/* REFERENCE A POUZITE STROJE */
/******************************/
#page-o-spolecnosti.reference #right-column h2,#page-o-spolecnosti.pouzite-stroje #right-column h2 { border-bottom: 1px solid #CFCFCF; margin-bottom: 10px; }
#page-o-spolecnosti.reference #right-column .photogallery,#page-o-spolecnosti.pouzite-stroje #right-column .photogallery { margin-left: 20px; }
#page-o-spolecnosti.reference #right-column .photogallery img, #page-o-spolecnosti.pouzite-stroje #right-column .photogallery img { margin: 0 11px 20px 0; }
#page-o-spolecnosti.reference #right-column .photogallery img.last, #page-o-spolecnosti.pouzite-stroje #right-column .photogallery img.last { margin-right: 0px; }

#page-aspectum #right-column .photogallery { margin-left: 20px; }
#page-aspectum #right-column .photogallery a { display: block; width: 146px; float: left; margin: 5px; text-align: center; font-size: 11px; font-weight: bold; cursor: pointer; }
#page-aspectum #right-column .photogallery a img { margin: 0; }
.sold {position: absolute; top: 0px; right: 0px; margin: 0px !important;}

/******************************/
/* REFERENCE A POUZITE STROJE */
/******************************/
#page-o-spolecnosti.kontakt form { padding-top: 20px; }
#page-o-spolecnosti.kontakt fieldset { border: 0; padding-top: 10px; }
#page-o-spolecnosti.kontakt label { width: 150px; display: block; float: left; }
#page-o-spolecnosti.kontakt input.submit { background: url(/img/send-button.png) left top no-repeat; width: 89px; height: 26px; line-height: 26px; border: 0; color: #FFFFFF; padding-bottom: 2px; cursor: pointer; }
#page-o-spolecnosti.kontakt #kontakt-info .column { width: 202px; float: left; display: inline; }
.imgbox {height: 120px; position: relative; float:left; margin-right: 10px;}
/****************/
/* MAPA STRANEK */
/****************/
#main-content.mapa {  }
#main-content.mapa #content { background: url(/img/content-main-bgr.png) scroll 0 40px repeat-x; margin-bottom: 20px; float: left; width: 100%; }
#main-content.mapa h1 { width: 262px; position: relative; background: url(/img/content-left-bgr.png) scroll 0 40px repeat-x; height: 23px; padding-top: 17px; padding-bottom: 40px; padding-left: 10px; text-transform: uppercase; color: #373737; font-size: 14px; font-weight: bold; letter-spacing: normal; line-height: normal; }
#main-content.mapa #content ul li { width: 186px; float: left; display: inline; margin: 0; padding: 0; }
#main-content.mapa #content ul.links li { width: 100%; }
.externLink { font-weight: bold; }

#main-content.mapa #content ul li a { font-size: 10px; text-decoration: none; }
#main-content.mapa #content ul li ul li a { padding-left: 10px; }
#main-content.mapa #content ul li ul li ul li a { padding-left: 20px; }
#main-content.mapa #content ul li.dalsi-radek { clear: both; margin-top: 10px; }
#main-content.mapa #content ul li a.sekce { font-size: 13px; font-weight: bold; text-decoration: none; }
#main-content.mapa #content ul.links li { float: none; list-style: circle; display: list-item; list-style-position:inside; padding-left: 20px; }

/***********/
/* KONTAKT */
/***********/
#right-column p.spravne { color: #009900; margin-top: 45px; font-size: 14px; font-weight: bold; }
#right-column p.chyba { color: #990000; margin-top: 45px; font-size: 14px; font-weight: bold; }
#right-column .column h2 { margin: 0; }
#right-column .column { margin-bottom: 30px; }

/*  */
#main-content .warn { color: #C2221F; padding: 10px; border: 2px solid #C2221F; margin: 0 20px; margin-bottom: 20px; }
#main-content .warn p { padding: 0; margin: 0; }
#main-content .warn a { color: #C2221F; }
