*{
	margin: 0;
	padding: 0;
	border: 0;
}
body{
	text-align: center;
	background-color: #221e1f;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
}
a{
	color: #ed151e;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
hr{
	border: 1px dashed #aaa;
	margin-top: 15px;
	margin-bottom: 15px;
}
h1{
	font-size: 18px;
	text-transform: uppercase;
}
h6{
	font-size: 12px;
}
ul{
	list-style: none;
}
input, textarea{
	border: 1px solid #A4A3A3;
	margin-top: 3px;
	width: 230px;
}
input.btn{
	font-weight: bold;
	background-color: transparent;
	border: none;
	color: #575757;
	margin-left: 110px;
	font-size: 13px;
	cursor: pointer;
}
label{
	width: 110px;
	display: block;
	float: left;
	font-weight: bold;
	margin-top: 3px;
}
#content{
	width: 960px;
	margin: auto;
	text-align: left;
	height: auto;
	background-image: url('./images/bar-content.gif');
	background-repeat: repeat-y;
}
#header{
	width: 100%;
	background-image: url('./images/top.jpg');
	height: 130px;
	position: relative;
}
#main{
	width: 100%;
	height: auto;
}
#bottom{
	width: 935px;
	padding-right: 25px;
	padding-top: 10px;
	background-image: url('./images/bottom.jpg');
	background-color: #221e1f;
	height: 30px;
	line-height: 30px;
	vertical-align: bottom;
	background-repeat: no-repeat;
	text-align: center;
	color: #ccc;
	clear: both;
	font-size: 10px;
}
#bottom a{
	color: #ccc;
}
#menu{
	padding-top: 104px;
	margin-left: 175px;
}
#menu li{
	width: 108px;
	float: left;
	text-align: center;
}
#menu li a{
	color: #fff;
	font-weight: bold;
}
#menu li a:hover{
	text-decoration: underline;
}
#headerA{
	display: block;
	width: 180px;
	height: 80px;
	position: absolute;
	top: 20px;
	left: 10px;
	cursor: pointer;
}
#left{
	margin-left: 18px;
	width: 179px;
	float:left;
}
#left ul li{
	width:179px;
}
#left ul li a{
	display: block;
	color: #fafafa;
	font-weight: bold;
	vertical-align: baseline;
	width: 140px;
}
#left .li1 a{
	font-size: 13px;
	margin-left: 10px;
	letter-spacing: 0.05em;
	padding-top: 10px;
	padding-bottom:7px;
	color: #fff;
	line-height: 20px;
}
#left .li2 a{
	font-size: 12px;
	margin-left: 15px;
	line-height: 18px;
}
#left .li3 a{
	font-size: 12px;
	margin-left: 20px;
	line-height: 15px;
}
#left .li4 a{
	font-size: 11px;
	margin-left: 25px;
	line-height: 15px;
}
#center{
	float: left;
	width: 460px;
	margin-left: 40px;
}
#right{
	margin-right: 30px;
	width: 214px;
	float: right;
	margin-top: 15px;
	background-image: url('./images/bar-novinky.gif');
}

/* tridy */
.cesta{
	font-size: 12px;
	color: #fff;
	background-repeat: no-repeat;
	line-height: 20px;
	width: 430px;
	padding-left: 15px;
	clear: both;
	margin-bottom: 15px;
	margin-top: 15px;
}
.cesta a{
	color: #fff;
	text-transform: uppercase;
}

.produkt-right{
	background-repeat: no-repeat;
	float: left;
	height: 130px;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 210px;
	overflow: hidden;
}
.produkt-right h5{
	margin-left: 15px;
	margin-bottom: 5px;
}
.produkt-right h5 a{
	color: #fff;
	line-height: 25px;
	font-size: 11px;
}
.produkt-right span{
	margin-left: 5px;
	width: 200px;
	height: 87px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center; 
	cursor: pointer;
}

/* tridy z DB */
#left li.red{
	background-color: #ed151e;
}
#left li.blue{
	background-color: #0163c8;
}
#left li.pink{
	background-color: #f6004b;
}	
#left li.orange{
	background-color: #f68500;
}
#left li.purple{
	background-color: #ae01c8;
}
#left li.green{
	background-color: #188f04;
}
h1.red, h6.red, p.red{
	color: #ed151e;
}
h1.blue, h6.blue, p.blue{
	color: #0163c8;
}
h1.purple, h6.purple, p.purple{
	color: #ae01c8;
}
h1.pink, h6.pink, p.pink{
	color: #f6004b;
}
h1.orange, h6.orange, p.orange{
	color: #f68500;
}
h1.green, h6.green, p.green{
	color: #188f04;
}
h3.cesta.red{
	background-image: url('./images/top-bar-red.gif');
}
h3.cesta.blue{
	background-image: url('./images/top-bar-blue.gif');
}
h3.cesta.pink{
	background-image: url('./images/top-bar-pink.gif');
}
h3.cesta.purple{
	background-image: url('./images/top-bar-purple.gif');
}
h3.cesta.orange{
	background-image: url('./images/top-bar-orange.gif');
}
h3.cesta.green{
	background-image: url('./images/top-bar-green.gif');
}
div.produkt-right.red{
	background-image: url('./images/ram-produkt-red.gif');
}
div.produkt-right.pink{
	background-image: url('./images/ram-produkt-pink.gif');
}
div.produkt-right.purple{
	background-image: url('./images/ram-produkt-purple.gif');
}
div.produkt-right.blue{
	background-image: url('./images/ram-produkt-blue.gif');
}
div.produkt-right.orange{
	background-image: url('./images/ram-produkt-orange.gif');
}
div.produkt-right.green{
	background-image: url('./images/ram-produkt-green.gif');
}

#center img{
	margin-top: 10px;
	margin-bottom: 15px;
}

#right h3{
	background-image: url('./images/h3-novinky.gif');
	width: 194px;
	height: 29px;
	padding-left: 20px;
	padding-top: 5px;
	color: #fff;
	font-size: 14px;
}
#right h4, #right p{
	color: #5d5d5d;
	margin-left: 10px;
	width: 193px;
}
#right h4{
	margin-top: 10px;
	margin-bottom: 2px;
	text-transform: uppercase;
	font-size: 12px;
}
#right p{
	margin-top: 2px;
	font-size: 11px;
}
#right span{
	display: block;
	width: 100%;
	height: 10px;
	background-image: url('./images/novinky-bottom.gif');
	background-repeat: no-repeat;
	background-color: #fff;
}
#right img{
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#kontakt-box{
	width: 174px;
	background-image: url('./images/kontakt-box.gif');
	height: 196px;
	margin-left: 5px;
	margin-top: 10px;
}
#kontakt-box h3{
	color: #fff;
	margin-left: 15px;
	padding-top: 17px;
	font-weight: bold;
	font-size: 14px;
}
#kontakt-box p{
	color: #676767;
	margin-left: 15px;
	font-weight: bold;
	margin-top: 15px;
}

#kontakt{
	color: #575757;
	font-weight: bold;
}
#kontakt h1{
	font-size: 13px;
	margin-top: 20px;
	margin-bottom: 15px;
}
#kontakt h2{
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 15px;
}
#kontakt h4{
	clear: both;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
}
.left{
	width: 49%;
	float: left;
}
.right{
	width: 49%;
	float: right;
}

#team{
	color: #575757;
	font-weight: bold;
}
#team h2{
	font-size: 13px;
	text-transform: uppercase;
	padding-top: 20px;
	margin-bottom: 15px;
	clear: both;
	display: block;
}
#team h3{
	clear: both;
	display: block;
	font-size: 12px;
}
#team p{
	margin-top: 7px;
	width: 240px;
	float: right;
}
#team img{
	float: left;
}
#team span{
	width: 60px;
	height: 40px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #ccc;
	float: left;
	margin-right: 2px;
	cursor: pointer;
}

#navody{
	color: #575757;
	font-weight: bold;
}
#navody h1{
	margin-top: 20px;
	font-size: 13px;
}
#navody h2{
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.uvodni-strana{
	width: 480px;
	text-align: center;
}
.uvodni-strana img{
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 0;
}

#fotogalerie h1{
	color: #575757;
	margin-top: 20px;
	font-size: 14px;
}
#fotogalerie ul{
	list-style:square;
	margin-top: 30px;
	color: #ed151e;
}
#fotogalerie li a{
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
}
#fotogalerie span{
	width: 140px;
	height: 140px;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #aaa;
	display: block;
	margin-right: 10px;
	margin-top: 10px;
	float: left;
	cursor: pointer;
}