/* ---------------------------- */
/* STANDARD HTML TAG RESET */
/* ---------------------------- */
body,h1, h2, h3,p, ul, img, li,form {
	border:0;
	margin:0px;
	padding:0px;
}
/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
body,form, input {
	color:#000000;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

body{
	background:#0097ac url('../../resources/images/bg/body.jpg');
        background-repeat: repeat-x;
}

h1, h2, h3, h4, h5 {
	font-size:20px;
}
a:link, a:visited{
	color:blue;
	text-decoration:underline;
}
a:hover {
	color:red;
	text-decoration:none;
}
/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/
	.container{
		margin:0 auto;
		width:940px;
	}

	/* ---------------------------*/
	/* HEADER */
		#header{
			padding-top:45px;
		}

	/* ---------------------------*/
	/* LOGO */
		#logo{
			float:left;
			width:645px;
                        
		}

	/* ---------------------------*/
	/* Navbar */
		#navbar{
			float:left;
                                           
                        text-align: right;                        
		}

                /* General */
	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }

	/* Head links */
	#cssdropdown li.headlink { float: left; margin-left: -1px; text-align: center; }
	#cssdropdown li.headlink a { display: block;}

	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; text-align: left; }
	#cssdropdown li.headlink:hover ul { display: block; position: absolute;width:243px;
				background:url('../images/bg/menu/sluzby_roller.png');
				height: 175px;}
        #cssdropdown li.headlink:hover ul li {height:28px;display: block;vertical-align: middle;}
	#cssdropdown li.headlink ul li a {padding-top: 3px;padding-left: 3px;display: block}
	#cssdropdown li.headlink ul li a:hover {}

	/* Pretty styling */

	#cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink {}
	#cssdropdown li.headlink ul {}

		#navbar li{
			float:left;
			margin-left:10px;
		}
li.uvod{
				float: left;
				width: 57px;
				height: 29px;
				margin: 0 0 0 0;
				border-style:none;
			}

                li a.uvod{
				display: block;
				width:100%;
				height:100%;
				overflow:hidden;
				text-decoration: none;
				background: url( '../images/bg/menu/uvod_bg.png' ) 0 0px no-repeat;
				border-style:none;
				outline: none;
			}

                        li.uvod a:hover {
				background: url( '../images/bg/menu/uvod_bg.png' ) 0 -31px no-repeat;
			}


                        li.kontakt{
				float: left;
				width: 70px;
				height: 29px;
				margin: 0 0 0 0;
				border-style:none;
			}

			li.kontakt a{
				display: block;
				width:100%;
				height:100%;
				overflow:hidden;
				text-decoration: none;
				background: url( '../images/bg/menu/kontakt_bg.png' ) 0 0px no-repeat;
				border-style:none;
				outline: none;
			}

			li.kontakt a:hover {
				background: url( '../images/bg/menu/kontakt_bg.png' ) 0 -31px no-repeat;
			}


                        li.sluzby{
				float: left;
				width: 80px;
				height: 29px;
				margin: 0 0 0 0;
				border-style:none;
                                overflow: hidden;
			}

                        a.sluzby{
				display: block;
				width:100%;
				height:100%;
				overflow:hidden;
				text-decoration: none;
				background: url( '../images/bg/menu/sluzby_bg.png' ) 0 3px no-repeat;
				border-style:none;
				outline: none;
			}

			a.sluzby:hover {
				background: url( '../images/bg/menu/sluzby_bg.png' ) 0 -60px no-repeat;
			}

                        ul li ul.roll{
                            z-index: 900;
}

                        li.roll{
                            height: 17px;
                            line-height: 17px;
	display: block;
	vertical-align: middle;
	margin-left: 5px;
	width: 230px;
}
li.roll a{
display: block;
    background: none;
                                height:17px;
				color:white;
				font-weight: bold;
				font-family: Trebuchet MS;
				font-size: 11px;
				padding-left: 3px;
			}
.silver{
	background-color: #565656;
}

ul.roll{
				width:243px;
				background:url('../images/bg/menu/sluzby_roller.png');
				height: 175px;
}

a.xxx{
				display: block;
				width:100%;
				height:100%;
				overflow:hidden;
				text-decoration: none;
				background: url( '../images/bg/menu/sluzby_bg.png' ) 0 -60px no-repeat;
				border-style:none;
				outline: none;
			}

li.headlink ul.roll li.roll a{display:block;height:17px;}
	/* ----------------------------*/
	/* CONTENT HOME */
		#content-home{
			margin-bottom: 75px;
			margin-top: 35px;
		}

			#content-home .box{
				background: url('../../resources/images/bg/home_big_button.png');
				background-position: 0 25px;
				background-repeat: no-repeat;
				float:left;
				height:145px;
				margin-top:15px;
				width:450px;
			}

				#content-home .box image{
					float:left;
					width:160px;
				}

				#content-home .box a{
					float:left;
				}

				#content-home .box .center{
					cursor: pointer;
					float:left;
					padding-right: 10px;
					padding-top: 43px;                                       
					width:201px;
				}

					#content-home .box .center h2{
						color:black;
						font-family: Trebuchet MS;
						font-size: 16px;
						font-weight: bold;
					}

					#content-home .box .center p{
						color:black;
						font-family: Trebuchet MS;
						font-size: 11px;
						font-weight: normal;
						margin-top: 10px;
					}

				#content-home .box div.sipka{
					float: left;
					width: 85px;
					height: 145px;
                                        padding-top: 25px;
					margin: 0 0 0 0;
					border-style:none;
				}

				#content-home .box div.sipka a{
					display: block;
					width:85px;
					height:125px;
					overflow:hidden;
					text-decoration: none;
					background: url( '../images/bg/sipky_boxes.png' ) 0 0px no-repeat;
					border-style:none;
					outline: none;
				}

				#content-home .box div.sipka a:hover {
					background: url( '../images/bg/sipky_boxes.png' ) 0 -145px no-repeat;
				}

				#content-home .box div.sipka-hover{
					float: left;
					width: 85px;
					height: 145px;
					margin: 0 0 0 0;
					border-style:none;
				}

				#content-home .box div.sipka-hover a{
					display: block;
					width:100%;
					height:100%;
					overflow:hidden;
					text-decoration: none;
					background: url( '../images/bg/sipky_boxes.png' ) 0 -120px no-repeat;
					border-style:none;
					outline: none;
				}

				#content-home .box div.sipka-hover a:hover {
					background: url( '../images/bg/sipky_boxes.png' ) 0 -120px no-repeat;
				}

			#content-home .divider{
				float:left;
				height: 145px;
				margin-top: 15px;
				width:40px;
			}

			#content-header{
				background-image: url('../images/bg/headline_bg.png');
				
				background-repeat: no-repeat;
				height:144px;
				margin-bottom: 15px;
				width:941px;
			}

			#content-header h1{
				font-family: Trebuchet MS;
				font-size: 18px;
				font-weight: bold;
			}

			#content-header p{
				font-family: Trebuchet MS;
				font-size: 11px;
				font-weight: normal;
				margin-top: 5px;
			}

			#content-header .image{
				float:left;
				width:234px;
			}

			#content-header .popis{
				float:left;
				padding-top: 85px;
			}

	/* ----------------------------*/
	/* COLUMN LEFT */
		#column-left{
			float: left;
			width:220px;
		}

			#column-left .filter-header{
				background-image: url('../images/bg/filter/filter_header.png');
				height:32px;
				padding-left: 20px;
				padding-top: 20px;
			}

			#column-left .filter-header .title{
				color:#108191;
				font-family: Trebuchet MS;
				font-size: 22px;
				font-weight: bold;
			}

                        #column-left .filter-content{
                            background-image: url('../images/bg/filter/filter_unselect_light.png');
                            padding: 20px;
                        }

			#column-left .filter-item-dark{
				background-image: url('../images/bg/filter/filter_unselect_dark.png');
				height: 25px;
			}
			
			#column-left .filter-item-light{
				background-image: url('../images/bg/filter/filter_unselect_light.png');
				height: 27px;
			}

			#column-left .selected{
				background-image: url('../images/bg/filter/filter_selected.png');
				background-position: center;
				background-repeat: no-repeat;
                                font-weight: bold;
				height: 100%;
				padding-left: 10px;
				padding-top: 3px;
			}

			#column-left .none{
				background: none;
                                font-weight: normal;
				height: 100%;
				padding-left: 10px;
				padding-top: 3px;
			}

			#column-left .none:hover{
				font-weight: bold;
			}

			#column-left .filter-footer{
				background-image: url('../images/bg/filter/filter_footer.png');
                                background-position: 1px 0px;
				height:17px;
				margin-bottom: 16px;
			}

			.item{
				color:#333333;
				font-family: Trebuchet MS;
				font-size: 12px;
			}

			#column-left .filter-ceny-header{
				background-image: url('../images/bg/filter/filter_ceny_header.png');
				height:16px;
			}

			#column-left .ceny-single{
				padding-left: 65px;
			}
		
	/* ---------------------------*/
	/* COLUMN RIGHT (Sidebar */
		#content{
			float: left;
			width:720px;
		}



		#content .product-box{
			float:left;
			
			margin-left: 20px;
			margin-bottom: 20px;
			
		}

		#content .product-box .dark{
			background-image: url('../images/bg/product_box_dark.png');
			height:267px;
			padding: 15px;
			width:190px;
		}

		#content .product-box .light{
			background-image: url('../images/bg/product_box_light.png');
			height:267px;
			padding: 15px;
			width:190px;
		}

		#content .product-box .image{
			background-color: #fcedc6;
			height: 194px;
                        text-align: center;
		}

                #content .product-box .image img{
                    margin: auto;
                }

		#content .product-box .text{
			margin-top: 15px;
			height:44px;
		}

		#content .product-box .text:hover{
			cursor:pointer;
		}

			#content .product-box .text p{
				color:white;
				font-family: Trebuchet MS;
				font-size: 12px;
			}

		#content .product-box .cena{
			color:#fad028;
			font-size: 12px;
			font-weight: bold;
		}

		.cislo {
			font-size: 14px;
}

		#content #product-box-detail{
			background-image: url('../images/bg/product_detail.png');
			height:193px;
			margin-left: 20px;
			padding: 15px;
			width:670px;
		}

		#content #product-box-detail .image{
			background-color: #fcedc6;
			float:left;
			height:193px;
                        text-align: center;
			width:193px;
		}

		#content #product-box-detail .image .lupa{
			height:33px;
			text-align: right;
		}

		#content #product-box-detail .popis{
			float:left;
			height:132px;
			margin-left: 33px;
			width:430px;
		}

		#content #product-box-detail h2{
			color:white;
			font-family: Trebuchet MS;
			font-size: 18px;
			font-weight: bold;
			margin-top: 13px;
			margin-bottom: 16px;
		}

		#content #product-box-detail p{
			color:white;
			font-family: Trebuchet MS;
			font-size: 12px;
		}

		#content #product-box-detail .cena{
			float:left;
			margin-left: 33px;
			width:430px;
		}

		#content #product-box-detail .cena p{
			color:#fad028;
		}

		#content #product-box-detail .cena p a{
			color:#fad028;
		}

		#content #product-box-detail .cena .price-box{
			background-image: url('../images/bg/cena.png');
			height:36px;
			margin-bottom: 13px;
			width:122px;
		}

		#content #product-box-detail .cena .price-box .cena{
			color:black;
			font-size: 12px;
			font-weight: bold;
			margin-left: 5px;
			margin-top: 8px;
		}

		#content #product-box-detail .cena .price-box .cena .cislo {
			font-size: 14px;
}

		#form{
			background: url('../images/bg/form.png');
			color:white;
			height:245px;
			font-family: Trebuchet MS;
			font-size: 12px;
			margin-bottom: 30px;
                        margin-left: 200px;
                        text-align: center;
			margin-top: 16px;
                        margin-left: auto;
                        margin-right: auto;
			padding: 20px;
			width:660px;
		}

		#form h2{
			color:white;
			font-family: Trebuchet MS;
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 15px;
                        margin-left: auto;
                        margin-right: auto;
		}

		#form p{
			color:white;
			font-family: Trebuchet MS;
			font-size: 12px;
			font-weight: normal;
		}

		#form input.long{
			background: none;
			background-image: url('../images/bg/form/input_long.png');
			background-repeat: no-repeat;
			border: none;
			font-size: 14px;
			height:25px;
			padding-top: 5px;
			padding-right: 10px;
			width:200px;
		}

		#form input.short{
			background: none;
			background-image: url('../images/bg/form/input_short.png');
			background-repeat: no-repeat;
			border: none;
			font-size: 14px;
			height:25px;
			padding-right: 10px;
			padding-top: 5px;
			width:59px;
		}

		#form textarea{
			background: none;
			background-image: url('../images/bg/form/textarea.png');
			border: none;
			font-family: Trebuchet MS;
			font-size: 12px;
			height:102px;
			padding: 5px;
			width:200px;
		}

		#form input.send{
			color:white;
			background: none;
			background-image: url('../images/bg/form/odoslat.png');
			border: none;
			cursor:pointer;
			font-family: Trebuchet MS;
			font-size: 12px;
			font-weight: bold;
			height:31px;
			margin-top:5px;
			width:210px;
		}

		#form table{
			margin-top: 15px;
		}

		#basic-content{
			width:941px;
		}

		#basic-content .divider{
			float:left;
			height:226px;
			width:20px;
		}

		#basic-content .big-content-box{
			float:left;
			height:226px;
			margin-bottom: 20px;
			width:460px;
		}

		#basic-content .big-content-box .light{
			background-image: url('../images/bg/big_content_box_light.png');
			height:196px;
			padding: 15px;
			width:430px;
		}

		#basic-content .big-content-box .dark{
			background-image: url('../images/bg/big_content_box_dark.png');
			height:196px;
			padding: 15px;
			width:430px;
		}

		#basic-content .big-content-box .image{
			float:left;
			height:194px;
			width:194px;
		}

		#basic-content .big-content-box .popis{
			float:left;
			padding-top: 15px;
			padding-left: 20px;
			width:195px;
		}

		#basic-content .big-content-box .popis h2{
			color:white;
			font-family: Trebuchet MS;
			font-size: 18px;
			font-weight:bold;
			margin-bottom: 16px;
		}

		#basic-content .big-content-box .popis p{
			color:white;
			font-family: Trebuchet MS;
			font-size: 12px;
			font-weight:normal;
		}
	/* ---------------------------*/
	/* FOOTER (Sidebar */
		#footer{
			background-image: url('../../resources/images/bg/footer.png');
			height:147px;
			clear:both;
			width:100%;
			margin:0 auto;
		}

			#footer .center{
				font-family: Trebuchet MS;
				margin:0 auto;
				padding-top:30px;
				width:940px;
			}

				#footer .center .left{
					float:left;
					width:310px;
				}

				#footer .center .left p{
					color:#85e7f5;
					font-size:11px;
					margin-top:38px;
				}

				#footer .center .middle{
					color:white;
					float:left;
					font-size:14px;
					width:350px;
				}

					#footer .center .middle a{
						color:white;
						text-decoration: none;
					}

					#footer .center .middle a:hover{
						text-decoration: underline;
					}

				#footer .center .right{
					float:left;
				}

					#footer .center .right p{
						color:white;
						font-family: Trebuchet MS;
						font-size: 12px;
					}

					#footer .center .right a{
						color:#fad028;
						font-family: Trebuchet MS;
						font-size: 12px;
					}

.form-message{
    color:white;
    margin-left: 50px;
    font-weight: bold;
    font-size: 18px;
}


#pagination{
    margin-left: auto;
    margin-right: auto;
}

/*tlacitko pre strankovanie*/
#pagination a.pagination {
    background: url('../images/bg/pagina/dark.png');
    color: white;
    display: block;
    float: left;
    font-weight: bold;
    height: 29px;
    margin: 5px;
    text-align: center;
    width:27px;
}

#pagination a.pagination:hover{
    background: url('../images/bg/pagina/dark.png');
}

#pagination a.pagination span {
    display: block;
    padding-top: 7px;
}

#pagination .normal{
    background-color: #cccccc;
}

#pagination .double-left{
    background-image: url('../images/icons/double-left.png');
}

#pagination .double-right{
    background-image: url('../images/icons/double-right.png');
}

#pagination #pagination .selected{
    background-color: white;
}


a.send{
    color:white;
    background: none;
    background-image: url('../images/bg/form/odoslat.png');
    border: none;
    cursor:pointer;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    height:31px;
    margin-top:5px;
    text-align: center;
    text-decoration: none;
    width:210px;
}

a.button {
    color: white;
    display: block;
    float: left;
    font-weight: bold;
    height: 31px;
    text-decoration: none;
}

a.button:hover{
    text-decoration: underline
}

a.button span {
    display: block;
    line-height: 14px;
    padding: 8px 18px 5px 18px;
}