@import url("reset.css");
@import url("menu.css");

/*----------------------------BASE-----------------------------*/
html, body {
	height: 100%;
}
body {
	text-align: center;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}
h1{
	font-size:1.6em;
	color:#005149
	}
h2, h3, h4 {
	font-size:1.4em;
	line-height: 1.3em;
	margin: 1em 0 0.4em 0;
	}
h2{
	font-size:1.2em;
	font-weight:bold;
	word-spacing:0.5em;
	color:#005149
	}
h3	{
	font-size:1.1em;
	font-weight:bold;
	color:#005149
	}
p{
	margin: 0 0 1em 0;
	}
a:link, a:visited, a:hover{
	color:#005149;}
a:hover{
	text-decoration:none;
	}
#text-cont ul {
	font-size:1em;
	list-style-type:disc;
	float:none;
	width:auto;
	padding-left:20px;
	}
#text-cont ol{
	list-style:inside decimal;
	padding-left:20px;
	}
#text-cont li {
	float:none;
	border:none;
	}
#text-cont ul li ul {
	list-style:none;
	}
#text-cont ul li ul li {
	padding-left:10px;
	list-style:inside circle
	}
#text-cont ul li{
	position:relative;
	float:none
	}
#text-cont li ul{
	display:list-item;
	position:relative;
	left:auto;
	top:auto
	}
table{
	width:100%;
	border-collapse:collapse;
	font-size:1em;
	}
table th{
	background-color:#005149;
	border-bottom:1px solid #005149;
	color:#f29f01;
	font-weight:bold;
	padding:5px;
	}
table td{
	padding:5px;
	border-bottom:1px solid #9fa9b2
	}
/*-------------------------COMMON STRUCTURE---------------------------*/
.bg{
	background:url(../images/a_01.gif) repeat-x;
	}
html>body .bg{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
	}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
}
.footer, .push {
	height: 100px;
}
.wrapper {
	width: 973px;
	text-align: left;
}
.header {
	width: 972px;
	height: 127px;
	background:url(../images/a_03.gif) 100% 100% no-repeat
}
.header img{
	float:left
	}
.header hr{
	display:none;
	}
#header-text{
	width:685px;
	height:64px;
	padding:0 8px 0 0;
	float:left
	}
#header-text img{
	float:right;
	padding:7px 0 0 5px;
	border:none
	}
.footer {
	width: 100%;
	background:url(../images/a_30.gif) repeat-x;
	clear:both
}
.footer-in{
	width:962px;
	height:45px;
	margin:0 auto;
	background:url(../images/a_31.gif) no-repeat;
	clear:both;
	color:#d8d8cc;
	text-align:right;
	font-size:1.2em;
	line-height:1.4em;
	padding:55px 10px 0 0;
	}
.footer-in a{
	color:#d8d8cc;
	}


/*-------------------------STRUCTURE--------------------------------*/
/*-------------------------Left-menu tabs---------------------------*/
.fotoleft{
	float:left;
	padding:0 15px 5px 0;
	}
.fotoright{
	float:right;
	padding:0 0 5px 15px;
	}
.flash{
	margin:0 0 10px 7px;
	}
.panel-left{
	float:left;
	height:70px;
	background:url(../images/b_06.gif) 100% 100% no-repeat;
	text-align:center
	}
.panel-left.setl{
	background:url(../images/a_06.gif) 100% 100% no-repeat
	}
.panel-left a:link, .panel-left a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#a2a299;
	display:block;
	padding:20px 0 0 5px;
	width:118px;
	height:30px;
	}
.panel-left a:hover{
	text-decoration:underline
	}
.panel-left.setl a:link, .panel-left.setl a:visited{
	color:#005149;
	}
.panel-right{
	float:left;
	height:70px;
	background:url(../images/a_07.gif) 100% 100% no-repeat;
	text-align:center
	}
.panel-right.setr{
	background:url(../images/b_07.gif) 100% 100% no-repeat;
	}

.panel-right a:link, .panel-right a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#a2a299;
	display:block;
	padding:20px 5px 0 0;
	width:115px;
	height:30px;
	}
.panel-right a:hover{
	text-decoration:underline
	}
.panel-right.setr a:link, .panel-right.setr a:visited{
	color:#005149
	}


/*-------------------------------------------------------------------*/
#left-cont{
	width:244px;
	float:left;
	font-size:1.2em;
	}
#left-cont-footer{
	background:url(../images/a_25.gif);
	height:18px;
	width:242px;
	float:left
	}
#right-cont{
	float:left;
	width:729px;
	font-size:1.2em;
	padding:0 0 20px 0
	}
#right-cont-footer{
	background:url(../images/a_28.gif);
	width:729px;
	height:26px;
	float:left
	}
#container{
	background:url(../images/a_27.gif) repeat-y;
	float:left;
	width:729px;
	}
#main-cont{
	float:left;
	width:549px;
	}
#text-cont{
	padding:0 10px 10px 20px;
	width:519px;
	float:left;
	line-height:1.4em
	}
#h1-cont{
	background:url(../images/a_08.gif) no-repeat;
	padding:23px 10px 0px 20px;
	width:519px;
	height:47px;
	float:left
	}


#search-cont{
	background:url(../images/a_09.gif) no-repeat;
	padding:23px 15px 0 10px;
	width:155px;
	float:left;
	color:#005149;
	font-size:0.9em;
	line-height:1.5em
	}
#search-cont fieldset{
	font-size:1.1em;
	line-height:1.2em
	}
#search-cont fieldset strong{
	color:#f29f01;
	width:155px;
	text-align:center;
	display:block;
	padding:0 0 10px 0
	}
#search-cont fieldset input{
	width:130px;
	margin-left:12px;
	border:1px solid #005149
	}
#search-cont fieldset .btn{
	width:5em;
	color:#005149;
	font-weight:bold;
	margin:5px 0 35px 12px
	}
#cart{
	background:url(../images/a_19.gif) no-repeat;
	width:115px;
	padding:0 5px 15px 35px;
	color:#666666;
	font-size:1.1em
	}
#cart a{
	font-weight:bold;
	color:#666666
	}
#cart acronym{
	font-weight:bold;
	}
/* gallery */
.fotocont{
	float:left;
	}
.foto-small{
	display: table-cell;
    text-align: center;
    vertical-align: middle;
	background:url(../images/a_15.gif);
	width:156px;
	height:156px;
	}
.foto-big{
	display: table-cell;
    text-align: center;
    vertical-align: middle;
	width:270px;
	height:270px;
	background:url(../images/a_15.gif);
}
	
.foto-small *, .foto-big *{
    vertical-align: middle;
}
/*\*//*/
.foto-small, .foto-big{
    display: block;
}
.foto-small span, .foto-big span{
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

/* gallery */

.product-name{
	background:url(../images/c_07.gif) no-repeat;
	width:156px;
	height:42px;
	float:left
	}
.product-name h2{
	padding:3px;
	margin:0;
	}
.productblock a:link, .productblock a:visited{
	text-decoration:none;
	font-weight:bold
	}
.productblock a:hover{
	text-decoration:underline
	}
.product-price{
	background:url(../images/c_09.gif) 1px 0 no-repeat;
	width:149px;
	height:23px;
	padding:3px 0 0 6px; 
	float:left;
	color:#fff
	}
.product-price strong{
	color:#f29f01
	}
/*----------------------PRODUCT LISTIN-----------------------*/

.productblock{
	width:156px;
	float:left;
	border:1px solid #ccc;
	padding:1px;
	margin:0 9px 9px 0;
	}
.productblock-bg{
	display:table-cell;
	width:156px;
	float:left;
	background:url(../images/a_15.gif);
	height:156px;
	line-height:156px;
	text-align:center;
	}
.productblock-bg*{
	vertical-align:middle;
	}
.productblock-bg i{
	display:inline-block;
    height:100%;
    }
/*\*//*/
.productblock-bg{
	display:block;
	}
.productblock-bg i{
	display:inline-block;
	height:100%;
	width:1px;
	}
/**/
.productblock-bg img{
	clear:both;
	float:none;
	vertical-align:middle
	}
.product-name{
	background:url(../images/c_07.gif) no-repeat;
	width:156px;
	height:52px;
	float:left
	}
.product-name h2{
	padding:3px;
	margin:0;
	font-size:85%;
	}
.productblock a:link, .productblock a:visited{
	text-decoration:none;
	font-weight:bold
	}
.productblock a:hover{
	text-decoration:underline
	}
.product-price{
	background:url(../images/c_09.gif) 1px 0 no-repeat;
	width:149px;
	height:23px;
	padding:3px 0 0 6px;
	float:left;
	color:#fff
	}
.product-price strong{
	color:#f29f01
	}

/*-------------------------PRODUCT---------------------------*/

#imgblock{
	display:table-cell;
	width:270px;
	float:right;
	background:url(../images/a_15.gif);
	height:270px;
	line-height:270px;
	text-align:center;
	}
#imgblock*{
	vertical-align:middle;
	}
#imgblock i{
	display:inline-block;
    height:100%;
    }
/*\*//*/
#imgblock{
	display:block;
	}
#imgblock i{
	display:inline-block;
	height:100%;
	width:1px;
	}
/**/
#imgblock img{
	clear:both;
	float:none;
	vertical-align:middle
	}
#zoom{
	width:270px;
	float:right;
	text-align:center;
	font-size:0.9em
	}
#zoom a{
	text-decoration:none;
	}
#zoom img{
	vertical-align:middle
	}
#imgdes{
	background:url(../images/a_13.gif) repeat-x;
	width:224px;
	padding:12px;
	float:left;
	}
#imgdes label{
	width:176px;
	padding:6px;
	float:left;
	text-align:right
	}
#imgdes input{
	width:30px;
	float:left;
	border:1px solid #ccc;
	padding:2px;
	margin:5px 0 0 0;
	}
#imgdes .butt{
	float:right;
	width:13em;
	font-size:0.9em;
	border:none;
	border:1px solid #ccc;
	padding:2px;
	margin:0;
	background:url(../images/a_19.gif) 0 -6px no-repeat;
	color:#005149;
	font-weight:normal;
	}
#imgdes .butt.print{
	background:url(../images/printer.gif) 5px 1px no-repeat;
	margin:15px 0 0 0
	}
#imgdes .butt.pdf{
	background:url(../images/pdf.gif) 5px 1px no-repeat;
	margin:2px 0 0 0
	}
#price1{
	margin:20px 0 0 0;
	float:left;
	text-align:right;
	width:234px;
	color:#999
	}
#price1 strong{
	font-size:1.2em;
	color:#999
	}
#price1 strong.strike{
	text-decoration:line-through;
	}
#price2{
	margin:5px 0 0 0;
	float:left;
	text-align:right;
	width:234px;
	}
#price2 strong{
	font-size:1.2em;
	color:#f29f01
	}
#dis{
	margin:5px 0 15px 0;
	float:left;
	text-align:right;
	width:224px;
	}
#dis strong{
	font-size:1.2em;
	color:#005149
	}

fieldset.product{
	width:500px;
	margin:15px 0 0 0;
	padding:0;
	float:left
	}
fieldset.product hr{
	margin:0;
	padding:0;
	height:1px;
	background:#ccc;
	border:none;
	}
html>body fieldset.product hr{
	margin:8px 0px;
	}
fieldset.product .info{
	float:right;
	width:250px;
	font-size:0.9em;
	line-height:1.3em;
	}
fieldset.product legend{
	margin:0 !important;
	margin:0 0 0 -7px;
	padding:0 0 0 15px;
	font-weight:bold;
	color:#005149
	}
fieldset.product label{
	width:80px;
	padding:3px;
	text-align:right;
	font-weight:bold;
	color:#666;
	float:left;
	}
fieldset.product input{
	margin:1px 0 2px 0;
	width:140px;
	background:url(../images/formbg_07.gif) repeat-x;
	border:1px solid #ccc
	}
fieldset.product textarea{
	width:400px;
	height:120px;
	background:url(../images/formbg_07.gif) repeat-x;
	border:1px solid #ccc;
	margin:0;
	overflow:auto
	}
fieldset.product .butt{
	margin:2px 0 0 86px !important;
	margin:3px 0 0 89px;
	border:none;
	border:1px solid #ccc;
	padding:0;
	color:#005149;
	font-weight:bold
	}


#kosik{
	width:519px;
	}

#kosik table, #kosik td, #kosik th {
	border-collapse:collapse;
	margin:0;
	padding:0;

}
#kosik table {
	width:519px;
	border: none;
	margin-bottom:15px;
	text-align:center;
	vertical-align:text-bottom;
}


#kosik td, #kosik th{
	vertical-align:top;
	font-weight:normal;
}


#kosik thead th {
	background: #005149;
	color: #f29f01;
	font-weight:bolder;
	font-size:100%;
	border-bottom:1px solid #fff;
	padding: 4px 0.2em 4px 0.4em;
}
#kosik tfoot th {
	color: #005149;
	font-weight:bolder;
	font-size:120%;
	padding: 6px 0.2em 2px 0.4em;
	background:#fff;
	border-bottom:none;
}
#kosik tfoot .all, #order tfoot .all{
	background:#fff;
	color:#666666;
	text-align:right;
	border-bottom:none;
	}
#kosik tfoot a:link, #kosik tfoot a:visited{
	color:#666;
	font-weight:normal;
	text-decoration:none
	}
#kosik tfoot a:hover{
	text-decoration:underline
	}
#kosik tbody td, #kosik tbody th {
	background-color: #f1f1f1;
	border-bottom:1px solid #fff;
	padding:8px 0 2px 0px;
}

#kosik tbody tr.licha th, #kosik tbody tr.licha td{
	background-color: #f7f7f7;
}
#kosik tbody th{
	width:150px;
	font-weight: bold;
	border-bottom:1px solid #fff;
	color:#005149
}

#kosik fieldset{
	border:none;
	}
#kosik input{
	margin:0;
	padding:0;
	}
#kosik img{
	float:none
	}
#kosik .objednat{
	float:right;
	width:13em;
	font-size:0.9em;
	border:none;
	border:1px solid #ccc;
	padding:2px;
	margin:0;
	background:url(../images/ok.gif) 0 0px no-repeat;
	color:#005149;
	font-weight:normal;
	}
#kosik .vybrat{
	float:right;
	width:13em;
	font-size:0.9em;
	border:none;
	border:1px solid #ccc;
	padding:2px;
	margin:0;
	background:url(../images/document.gif) 0 2px no-repeat;
	color:#005149;
	font-weight:normal;
	}
#kosik .calculate{
	float:none;
	width:7em;
	font-size:0.9em;
	border:none;
	border:1px solid #ccc;
	padding:2px;
	margin:0px 0 5px 0;

	color:#005149;
	font-weight:normal;
	}

#order .form_butt {
	float:none;
	width:10em;
	font-size:0.9em;
	border:none;
	border:1px solid #ccc;
	padding:2px;
	margin:5px;
	margin-top:15px;
	color:#005149;
	font-weight:normal;
	}
/*----------------------- MY -----------------*/

.numbers{
	font-size:85%;
	/*padding:2px 12px 10px 8px;*/
	margin-top:0px;
	float:right;
	}
.numbers strong.active {
	color:#f26522;
}

.result{
	padding:0 12px 0px 0;
	font-size:85%;
	float:left;
	width:220px;
	}

.cleaner {
	clear:both;
	width:100%;
	height:5px;
}

#order table td.wrong {
	color:red; font-weight:bold;
}

.search_block ul {
	float:none;
	clear:both;
	display:block;
}

.limiter {
	clear:both;
}

.error-msg {
	 margin:auto;width:60%; padding:0; border:1px solid #D20505; margin-top:5px; margin-bottom:5px;

}
.error-msg p {
	padding:0;
	margin:0;
	padding:5px;
	font-size:87%;

}

.dir_block {

	width:100%;
	border-bottom:1px dashed #DDDDDD;
}

.dir_block a.dir_sign{
	float:left;
	padding:0.3em 2em;
	background: url(../images/dir.gif) 0 50% no-repeat;
	font-weight:bold;
}

.dir_block a.dir_sign_selected{
	float:left;
	padding:0.3em 2em;
	background: url(../images/dir.gif) 0 50% no-repeat;
	font-weight:bold;
	color:#666666;

}

.file_block {
	padding-top:20px;
	clear:both;
}

.file_block a.pdf_sign{
	float:left;
	padding:0.3em 2em;
	background: url(../images/pdf.gif) 0 50% no-repeat;

}

.file_top {
	margin:40px 0;
	clear:both;
}



#poll{
	font-size:0.9em;
	color:#ccc;
	float:right;
	display:inline;
	width:143px;
	margin:6px 18px 0 0;
	padding:6px 5px 0 5px;
	border-top:1px solid #ccc
	}
#poll span{
	display:inline;
	line-height:160%;
	color:#bababa;


	}

#poll strong.strt{

	color:#666;


	}

#poll p.bighead {
	color:#005149;
	padding:0 0 5px 0;
	margin:0;
	font-size: 1.2em;
	font-weight: bold;

}

#poll p {
	color:#005149;
	font-size:1.0em;
	padding:0 0 5px 0;
	margin:0;
	line-height: 130%;
}

#poll hr {
	display:none
}

#poll a:link, #poll a:visited{
	text-decoration:none;
	height:20px;

	}
#poll a:hover{
	text-decoration:underline;
	}
a.green:link, a.green:visited, a.green:hover{
	color:#005149;
	}
a.yellow:link, a.yellow:visited, a.yellow:hover{
	color:#bf9f00
	}
a.blue:link, a.blue:visited, a.blue:hover{
	color:#002e79
	}
a.orange:link, a.orange:visited, a.orange:hover{
	color:#ff4800
	}
.bar{
	font-size:0px;
	background:url(../images/graybar.gif) repeat-x;
	width:140px;
	height:10px;
	margin:2px 0 3px 0;
	float:left
	}

.bar img{

	height:10px;
	float:left;
	}

.status-survey {
	clear:both;
	padding: 10px 10px;
	font-size: 0.8em;
}
