/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:8px 0 10px 0; font-size:12px; font-family:Arial, sans-serif, Helvetica; background:#31312F url(/images/bg.jpg) left top repeat-x; color:#31312F;  }
input, textarea, select { font-family:Arial, sans-serif, Helvetica; font-size:12px; }
h1, h2, h3, h4, h5, h6, p, form, ul, table, label, fieldset { padding:0; margin:0; border:0; }

/* = TYPOGRAPHY
---------------------------------------------------------------------------------------------------*/
/* headings */
h1, .t1 { font-size:23px; margin-bottom: 10px; font-weight:normal; }
h2, .t2 { font-size:12px; margin-bottom: 5px; font-weight:bold; }
h3, .t2 { font-size:15px; margin-bottom: 0px; font-weight:bold; }

/* Text elements */
p { line-height:130%; margin:0 0 15px 0; }
ul li { list-style:none; line-height:140%;  }
ol li { line-height:140%; list-style-position: outside; margin-left:20px; }
ul, ol { margin:0 0 15px 0; }
.noMb { margin-bottom:0 !important; }
.mb30 { margin-bottom:30px !important; }
.mb25 { margin-bottom:25px !important; }
.mb15 { margin-bottom:15px !important; }
.mb10 { margin-bottom:10px !important; }
.mb5 { margin-bottom:5px !important; }
img { margin: 0; border:none; padding:0; display:block; }
/* links */
a { color:#D7BA4D; text-decoration:none; }
a:hover {text-decoration:underline;}
/* misc */
.clear {clear:both;}
.textLeft { text-align:center !important; }
.textCenter { text-align:center !important; }
.textRight { text-align:right !important; }
.center { margin:0 auto; }
.float {float:left;}
.floatRight {float:right;}
.wrap { margin:0 auto; text-align:left; width:960px; }
p.descr {font-size:16px;}
p.descr.message {color:green;}
label {padding-top:2px;}
.rear { margin-right:0px !important; padding-right:0; }
.last { margin-bottom:0px !important; }
.big {font-size:15px;}
.small {font-size:11px;}
.fat {font-weight:bold;}

/* = header
---------------------------------------------------------------------------------------------------*/
.header { width:960px; height:98px; padding:17px 0 0 0; float:left; background:#FBF9F1 url(/images/layout/top.jpg) left top no-repeat; float:left; }
.header h1 {margin:0;}
.header a.logo { width:423px; height:98px; float:left; }
.header p.subText { width: 296px; margin: 25px 0 0 0; color: #333331; font-size: 16px; font-style: italic; font-weight: bold; float: left; text-indent: 7px; }
.header .info { float:right; width: 241px }
.header .info .tel { font-size:33px; font-weight:bold; background:url(/images/layout/icons/tel.gif) left 3px no-repeat; padding:0 0 0 27px; margin:28px 0 0 0; position:relative; }

/* = main
---------------------------------------------------------------------------------------------------*/
.main { width:960px; float:left; background:#FFFFFF url(/images/bg-main.jpg) left top repeat-y; }
.mainInner { width:941px; padding:0 19px 0 0; float:left; background:url(/images/bg-side-footer.jpg) left bottom no-repeat; }

/* = side
---------------------------------------------------------------------------------------------------*/
ul.side { width:251px; margin:0; float:left; padding: 0 0 200px 0; }
ul.side a { display:block; height:31px; line-height:31px; padding:0 0 0 12px; color:#D8BB4E; font-size:15px; font-weight:bold; background:#3A3A38 url(/images/bg-menu.jpg) left center no-repeat; outline:none; }
ul.side ul.sub { margin:0; display:none; }
ul.side ul.sub a {color:#F6EFDA;}
ul.side a:hover,
ul.side ul.sub a.active:hover,
ul.side ul.sub a.active { text-decoration:none; background-color: #5E5E5C; background-position:left top; color:#fff; }
ul.side li a.active,
ul.side li a.active:hover { background-color: #FBF7ED; background-position:left bottom; color:#31312F; }
ul.side li.active .sub {display:block;}
ul.side ul li a { font-size:12px; padding:0 0 0 20px; }

/* = content
---------------------------------------------------------------------------------------------------*/
.content { width:670px; float:right; /*min-height:606px;*/ }
.content a { text-decoration:underline; color:#A58D34 }
.content a:hover {text-decoration:none;}
.content h1 { width:670px; clear:both; }
.content ul li { list-style:disc; margin:0 0 0 17px;}
.content ul.sitemap ul {margin:0;}
* html .content {height:606px;}

/* = welcomebox
---------------------------------------------------------------------------------------------------*/
.welcomeBox { width: 411px; height: 124px; padding: 15px 235px 0 16px; background: url(/images/layout/welcomebox.jpg); overflow: hidden; margin: 0 0 1px 0; }
.welcomeBox h1 { font-size: 29px; line-height: 100%; margin: 0 0 5px 0; }
.welcomeBox p { font-size: 18px; }

/* = indexInfoBoxes
---------------------------------------------------------------------------------------------------*/
.indexInfoBoxes { width: 670px; float: left; }
.content .indexInfoBoxes li { float: left; width: 220px; height: 314px; margin: 0 1px 0 0; padding: 10px 0 0 0; overflow: hidden; cursor: pointer; list-style:none; }
.indexInfoBoxes li h2 { color:#fff; font-size: 20px; height: 115px; font-weight: bold; }
.indexInfoBoxes li h3 { font-size: 18px; font-weight: normal; margin: 0 0 1px 0; line-height: 140%; height: 52px; overflow: hidden; }
.indexInfoBoxes li h2,
.indexInfoBoxes li h3,
.indexInfoBoxes li p { padding: 0 0 0 16px; }
.indexInfoBoxes li p { height: 90px; overflow: hidden; margin: 0 0 8px 0; }
.indexInfoBoxes li a.more { display: block; padding: 0 0 0 16px; height: 31px; line-height: 30px; font-size: 14px; font-weight: bold; }
.indexInfoBoxes li.b1 { background: url(/images/layout/boxes/b1.jpg); }
.indexInfoBoxes li.b1 a.more { color: #C0F02D; }
.indexInfoBoxes li.b2 { background: url(/images/layout/boxes/b2.jpg); }
.indexInfoBoxes li.b2 a.more { color: #F4E13C; }
.indexInfoBoxes li.b3 { background: url(/images/layout/boxes/b3.jpg); }
.indexInfoBoxes li.b3 a.more { color: #D8BB4E; }
.indexInfoBoxes li:hover a.more,
.indexInfoBoxes li a.more:hover { background: #fff url(/images/layout/boxes/b-hover.gif); color: #000; text-decoration: none; }

/* = breadcrumb 
---------------------------------------------------------------------------------------------------*/
.breadcrumb { border:1px solid #F4EBCC; height:29px; float:left; width:670px; font-size:11px; margin:0 0 25px 0; }
.breadcrumb a,
.breadcrumb span { display:block; float:left; height:29px; line-height:29px; margin-right:13px; }
.breadcrumb a { padding:0; text-decoration:underline; color:#31312F; }
.breadcrumb a:hover {text-decoration:none;}
.breadcrumb a.home { padding:0 20px 0 10px; background:#F4EBCC url(/images/layout/bread.jpg) right top no-repeat; color:#D7BA4D; }

/* = zoznam
---------------------------------------------------------------------------------------------------*/
.zoznam { width: 670px; margin: 0 0 15px 0; }
.zoznam h3 { height:31px; line-height:31px; color:#D8BB4E; font-weight:bold; font-size:14px; background:url(/images/layout/zoznam.jpg) left bottom no-repeat; padding:0 0 0 17px; cursor:pointer; position: relative; }
.zoznam h3 img { position: absolute; left: 586px; top: 0; }
.zoznam h3.current { cursor:default; background-position:left top; color:#FFFFFF; }
.zoznam .box { margin:0 0 1px 0; }
.zoznam .boxInner { width:668px; background-color:#FAF6E9; border:1px solid #F4EBCC; border-width:0 1px 1px 1px; display:none; }
.zoznam .boxWrap { padding:10px 13px; }
.zoznam table.data {width:100%;}
.zoznam table.data td,
.zoznam table.data th { padding:4px 10px 4px 0; }
.zoznam table.data tr.r1 td { background-color:#F7F0D6; cursor:default; }
.zoznam table.data thead th { border-bottom:2px solid #F7F0D6; font-size:11px; text-transform:uppercase; text-align:left; }
.zoznam table.data tr:hover td { background-color: #fff; color:#000; }
.zoznam table.data .c1 { }
.zoznam table.data .c2 {  }

/* = contactForm
---------------------------------------------------------------------------------------------------*/
.contactForm { font-size:12px; width: 480px; float: left; margin: 0 0 20px 0; overflow: hidden; }
.contactForm label { width: 130px; float: left; padding: 7px 10px 0 0; text-align: right; }
.contactForm input,
.contactForm select,
.contactForm textarea { width: 304px; float: left; font-size:14px; padding: 6px; margin: 0 0 13px 0; }
.contactForm select { width: 318px; }
.contactForm textarea { height: 190px; }
.contactForm em { color: #CC0000; }
.contactForm p.small { padding: 0 0 0 140px; font-size:11px; font-style: italic; }
.contactForm input.submit { margin: 0 0 0 140px; width:auto; float:none; }

/* = contactAddress
---------------------------------------------------------------------------------------------------*/
.contactAddress { width:190px; float:right; font-size:14px; }
.contactAddress a.mapa { border:1px solid #D7BA4D; padding:1px; display:block; width:150px; outline:none; }
.contactAddress h2 { font-weight:bold; font-size:16px; }
.contactAddress .small {font-size:11px;}

/* = gallery
---------------------------------------------------------------------------------------------------*/
.gallery { float:left; width:670px; }
.gallery .item { float:left; overflow: hidden; position: relative; width: 324px; height:244px; margin:0 10px 10px 0; }
.gallery .item img { position: absolute; top: 0; left: 0; border: 0; border:1px solid #D7BA4D; padding:1px; }
.gallery .item a {text-decoration:none}
.gallery .item .boxcaption { cursor:pointer; display:block; }
.gallery .item .boxcaption span.h2 { font-size:14px; margin:10px 10px 13px 10px; color:#fff; display:block; font-weight:bold; }
.gallery .item .boxcaption span.more { margin: 0 10px; font-weight:bold; color:#fff; display:block; text-decoration:underline; }
.gallery .item a .boxcaption span.more:hover {text-decoration:none;}
.gallery .item .boxcaption { top: 207px; left: 2px; float: left; position: absolute; background: url(/images/layout/image.png); height: 150px; width: 320px; }

.miniGallery { float:left; width:670px; margin:0 0 10px 0; }
.miniGallery img { border:1px solid #D7BA4D; padding:1px; float:left; margin:0 10px 10px 0; } 

/* = footer
---------------------------------------------------------------------------------------------------*/
.footer { float:left; width:960px; color:#7E7E7D; background:url(/images/layout/footer.jpg) left top no-repeat; padding:10px 0 0 0; font-size:11px; }
.footer a { color:#7E7E7D; text-decoration:underline; }
.footer a:hover {text-decoration:none;}
.footer p.copy {float:left;}
.footer ul.footerMenu { float:right; margin:0; text-align:right; }
.footer ul.footerMenu li { display:inline; margin:0 15px 0 0; }

/* = c2a
---------------------------------------------------------------------------------------------------*/
.c2a { padding:10px; border:3px solid #F4EBCC; background-color:#F4EBCC; font-size:16px; text-align:center; margin:0 0 20px 0; color:#000; }

.naklady input { border:1px solid #31312F; font-size:11px; padding:1px; margin:0 0 1px 0; }