﻿* {	margin: 0px; padding: 0px; }
body 	{ background: url(inc/background.jpg) repeat-y center top; background-color: #1C344D; }

div#triple_colunm    					{ width: 990px; display: table; margin-bottom: 5px; background-color: #FFFFFF; }
div#triple_colunm .column     		{ position: relative; float: left; width: 33%; padding: 10px 0px; text-align: center;}
div#triple_colunm .left_border   	{ border-left: 1px solid black; }
div#triple_colunm .column .nadpis	{ padding: 0px 20px; font-size: 14px; font-weight: bold; margin: 10px 0px;}
div#triple_colunm .column .odstavec	{ padding: 0px 20px; font-size: 12px; margin: 5px;}

div#zelenej_previt      { float: left; width: 129px; position: relative; top: 35px; left: 25px;}
div#treti_sloupec       { float: left; width: 194px; }


div #logoBack h1		{ display: none;}
div #logoBack h2		{ display: none;}
div #logoBack img		{ vertical-align: text-top;}
div #logoBack img.logo	{ padding: 20px 10px; }

#main_page_topbox    { background-color: #FFFFFF; margin-top: 10px; width: 990px; position: relative; float: left; }

div#main_page_topbox div#main_page_topbox_left { position: relative; float: left; width: 450px; }
div#main_page_topbox div#main_page_topbox_right { position: relative; float: right; width: 450px; border-left: 1px solid #000000; }

div#main_page_topbox div { padding: 10px 20px; }
div#main_page_topbox div h3 a { color: black; text-decoration: none; font-size: 12px; }
div#main_page_topbox div img 	{ float: right;  margin-left: 5px;}
div#main_page_topbox div p 	{ padding-top: 10px; }

div#main_page_mezi      		{ margin-top: 10px; color: white; width: 990px; position: relative; float: left;  background-color: #04121c; filter:alpha(opacity=90); opacity:0.9; }
div#main_page_mezi .left   	{ float: left; width: 600px; padding: 15px; }
div#main_page_mezi .right		{ float: right; width: 300px; padding: 10px; text-align: right; }
div#main_page_mezi .right p 	{ margin: 5px;}
div#main_page_mezi .right big { font-weight: bold; font-size: 16px; }

#siteHead { height: 205px; width: 990px; }

#siteHead h1 { padding-top: 45px; padding-left: 40px; font-family: Arial; font-weight: normal; font-size: 250%; font-style: normal;	/*display:none;*/ }
#siteHead h1 a, #siteHead h1 a:visited { color:#000; }
#siteHead h2 { font-family: Verdana; font-weight: normal; font-size: 130%; color:#fff; padding-top: 30px; padding-left: 40px; font-style: italic; /*display:none;*/	}

#webSite	{ width: 990px; }
#siteMain	{ width: 990px; }

#content { background-color: white; margin-top: 20px; position: relative; float: left; width: 990px; }
#mainBar	{ float: left;  _padding-left: 15px; padding: 15px 10px; margin: 0px; width: 715px;  background-color: #FFFFFF; }
#leftBar	{ float: left; margin: 0px; padding: 0px; width: 255px; background-color: #003366; }

#rightBar, #rightBar a {
	color: #fff;
} 
#leftBar, #leftBar a {
	color: #fff;
}
div.object-text p img {
	border-style: none!important;
}

#siteMain img {
	border-style: none!important;
}


#siteFoot 				{ color: white; width: 990px; display: table; background-color: #04121c; filter:alpha(opacity=90); opacity:0.9; }
#siteFoot #leftFoot 	{ margin: 10px; display: table; background-image: url("inc/logo-copyright-stuksa.png"); background-repeat: no-repeat; background-position: left center; padding-left: 50px; font-size: 9px; }
#siteFoot #rightFoot { display: table; text-align: right; }
#footer_nadpis			{ font-size: 12px;}
#siteOdkazy				{ margin-bottom: 50px; color: #FFFFFF; margin: 10px 20px; font-size: 10px;}
#siteOdkazy p 			{ font-size: 12px; margin: 10px 0px;}
#siteOdkazy p a 		{ font-size: 9px; color: #FFFFFF; }

/*************************************************************	STARE	************************************/

a		{ color: #000000; line-height: 140%; }
body 		{ font-family: Verdana, lucida, sans-serif; font-size: 12px; text-align: center; color: #303030; line-height: 140%;}
body, h1, h2, h3, h4, h5, h6, li, p, ul {margin: 0px; padding: 0px; }

.clearBoth {clear: both;}

#webSite 			{ margin: 0px auto; text-align: left; }
#siteHead h1 		{ font-size: 180%; position: relative; padding: 0px 0px 0px 10px;}
#siteHead h1 a 		{ text-decoration: none;}
#siteHead h2 		{ color: #000000; font-size: 120%; padding: 0px 0px 0px 12px;}
#siteHead h2.invert { text-align: right; color: #000000; font-size: 120%; padding: 0px 20px 0px 12px;}
#siteHead h3 		{ color: #000000; font-size: 90%; padding: 4px 0px 0px 12px;}
#logoBack img 		{ margin-top: 10px; margin-left: 10px; border: 0px; position:relative;}
#siteMain 			{ position: relative; padding-bottom: 20px;}

#leftBar #myMenu 	{ margin: 0px;}
#leftBar div 		{ margin-left: 10px;}
#menuBar 			{ margin-left: 1px; margin-right: 1px; }

#rightBar #myMenu 	{ margin: 0px; }
#rightBar div 		{ margin-right: 10px;}



.login-form { padding: 10px;  border: 1px solid; }
.login-form input, textarea, select { margin: 2px 0px; padding: 4px; }
.login-form em { margin: 2px; }


/* HEADINGS AND OTHER */
.subtitle 	{ margin-bottom: 10px; font-size: 140%; }
.subtitle2 	{ margin-top: 15px; margin-bottom: 10px; font-size: 140%; }

.texte 		{ margin-bottom: 20px; }
.sitemap 	{ margin-left: 20px; }
#mainBar h3 { margin-top: 10px;	margin-bottom: 10px; font-size: 120%; }
#mainBar h4 { font-size: 110%; }
#mainBar h2 { font-size: 140%; margin: 10px 5px; }
#mainBar h1 { font-size: 140%; margin-bottom: 10px; }
#rightBar h2, #leftBar h2 { font-size: 120%; }


.hide 		{	display: none; }
.cleaner 	{ clear: both; }
.polla 		{ margin-bottom: 8px; }
hr 			{ height: 1px; border-style: none; color: gray; background-color: gray; }
input, textarea			{ border: 1px solid #003366; padding: 1px 4px;}

/* GALLERY */
.galeria {
	display:block;
	float:left;
	width: 135px;
	_height:135px;
	min-height:135px;
	border: 1px solid #D5D5D5;
	margin: 3px;
	text-align:center;
	background-color: none;
	font-size: 8pt;
}
.galeria img {
	border: 1px solid #434981;
	margin: 5px;
}
#outer { text-align:center;	width: 135px; height: 135px; overflow: hidden; position: relative; }
#outer[id] {display: table; position: static; }

#middle {position: absolute; top: 50%; } /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%; _left: -50%;} /* for explorer only */
#inner[id] {position: static;}  /* <--- optional */

.image {
	text-align:center;
}
.galeria .textin, .image .textin {
	clear:both;
	text-align:center;
}

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center
}

.tooltip span.top{padding: 30px 8px 0;
    background: url(../../../objects/product/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(../../../objects/product/bt.gif) no-repeat bottom}



/* PRODUCT */
.product, .product-full {
	border: 1px solid #DADADA;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}
.product h2, .product-full h2 {
	font-size: 120%;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}
.product-full h1 {
	font-size: 150%;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;

}
form { margin: 0; padding: 0; }
.product form, .product-full form {
	margin: 5px;
	margin-left: 8px;

}
.product img, .product-full img {
	border: 1px solid #707070;
	margin-right: 10px;
}
.product span, .product-full span {
	color: #6A6A6A;
}
.product table tr td.text2 span, .product table tr td.text2 input, .product-full table tr td.text2 span, .product-full table tr td.text2 input {
	margin-left: 15px;
}
.product table tr td.text2 input, .product-full table tr td input {
	margin-top: 4px; 
}
.product-full {
	border: none;
}
.product-full .formSubmit, .product .formSubmit2 {
	margin-left: 10px;
	height: 22px;
	width: 125px;
}
tr.hovtab:hover {
	background-color: #E3E5E9;
}

/* COMMENTS */

.comment_title { font-weight: bold;background-color: #E3E5E9;  }
.comment_title { border: 1px solid #B6B6B6; }
.comment_who { border-left: 1px solid #B6B6B6; }
.comment_q {border-right: 1px solid #B6B6B6;}
.comment_text { border-bottom: 1px solid #B6B6B6; border-left: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; padding-bottom: 5px; }
.cite { margin: 5px; padding: 3px; border: 1px solid #DDDDDD; font-style: italic; }


.ftd {padding-right: 5px; text-align: right;}
.table-box {border: 1px solid #B6B6B6; font-size: 90%;}
.table-box td, .table-box th {padding: 2px 5px;}
.table-box th {background: #DADCE0; color: black;}
.datum {width: 110px;}
.meno {width: 150px;}
.prispevok {width: 212px;}

/* NEWS */

.news {
	margin-bottom: 15px;
	clear: both;
}
.news-d {
	margin-bottom: 5px;
}
.news-date {
  margin-bottom: 8px;
}

/* GUESTBOOK */

table tr.gb1 {
	background: #DCDFE6;
}
table tr.gb2 {
	background: #E8EAEE;
}


/* LOGIN FORM */

.loginform {
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
}
.loginform h4 {
	font-size: 110%;
}

.loginform {
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
}
/* SEARCH */

.searchdiv {
	clear: both;
	padding-top: 10px;
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
}
.searchdiv .searchText {
	width: 95%;
}
.cleaner2 {
	clear: both;
	padding-bottom: 5px;
}
a.chbx {
	text-decoration: none;
	cursor: default;
	color: #000000;
}


#mainBar li {
	position: relative;
	_margin-left: 0px;
}
#mainBar ul {
	position: relative;
	_position: relative;
	_left: 20px;
}



/* CART */
#leftBar .cartdiv, #rightBar .cartdiv {
    padding: 0px;
	margin: 0px;
	padding-top: 5px;
	margin-bottom: 5px;
}
#icon-cart {
	padding-left: 0px;
	margin-left: 0px;
	border-bottom: 1px solid gray;	
}
#icon-cart a, #icon-cart a:visited {
	display: block;
	height: 18px;
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-decoration: none;
}
#icon-cart img {
	vertical-align: text-top;
	border: none;
}
#icon-cart a:hover {
	
}


/* FLAGS */

#siteHead {
    position: relative;
}

#flags {
    position: absolute;
    top: 15px;
    left: 690px;
    width: 50px;
    height: 20px;

    z-index: 100;
    text-align: right;
}

#flags img {
    border: 1px solid black;
}


