/* reset */
* {
	outline-style:none;
}
html, body, h1, h2, h3, h4, p, a, ul, ol, li, form, fieldset, input, textarea, label, select, option, map, area, img {
	margin: 0;
	padding: 0;
	border: 0;
}
html, body { height: 100%; width: 100%; }
ul, ol { list-style: none; }
a {
	text-decoration: none;
	outline: none;
}
h1, h2 { cursor: default; }
/* end of reset */

.hide { display: none !important; }
.green {color: #b2cc0e !important;}
.yellow {color: #ffcc00 !important;}
.orange {color: #ff6b07 !important;}
.blue {color: #70cff8 !important;}
.pink {color: #f142d1 !important;}
.lewy-margines {margin-left: 25px;} /**grrr..... :/**/
.justify {text-align: justify; }
body {
	background: #887f73 url('../gfx/bg.jpg');
	font-size: 100%;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	border-top: 10px solid #362d21;
}
#top {
    width: 900px;
    margin: 0 auto;
	height: 272px;
	background: url('../gfx/top.jpg') top center no-repeat;
}
#bar, #footer {
	height: 38px;
	width: 100%;
	background: #372d21 url('../gfx/bar.jpg') top center no-repeat;
	line-height: 38px;
	vertical-align: middle;
}
#bar {
	text-align: center; 
	color: #ffe9c9;
	font-size: 1.3em;
	line-height: 38px;
	vertical-align: middle;
	font-weight: 200;
}
#warp {
	width: 100%;
	background: url('../gfx/warp-top.jpg') top center no-repeat;
	overflow: hidden;
}
#main {
	width: 900px;
	background: #756b5d;
	margin: 0 auto;
	overflow: hidden;
	}
#content {
	float: left;
	width: 605px;
	}
#content h2, #content h3, #content h4 {
	font-size: 2em;
	font-weight: 500;
	margin: 10px 0 4px 20px;
	color: #e9f2b5;
	font-family: "Myriad Pro";
}
#content h2 a {color: #e9f2b5;}
#content h3 {font-size: 1.4em;}
#content h4 {font-size: 1.1em;}
#content h4.error { color: #fe7e27; text-align: center; padding: 5px 0;}
#content h4.ok { color: #b2cc0e; text-align: center; padding: 5px 0;}
#content p {
    color: #E6E1DC;
    padding: 5px 20px;
    line-height:1.4;
}

#content table {
    width: 570px;
    margin: 10px 20px;
	border-spacing: 0;
	border: 1px solid black;
	border-collapse: collapse;
	font-size: 0.9em;

}
#content table thead {background: #4C4336; color:#E6E1DC;}
#content table thead td { padding: 1px 2px; font-size: 1em; font-weight: 600;}
#content  table td {
    text-align: center;
	padding: 1px;
	border: 1px solid black;
	
}
#content  table a { color: #372D21;}
#content  table a:hover { color: #000; text-decoration: underline;}
#content  table tbody tr.alt { background: #7d7569;}
#content  table tbody tr.hover { background: #E6E1DC;}
#about {
	width: 605px;
	height: 210px;
	background: url('../gfx/about.png') top center no-repeat;
	overflow: hidden;
}
#about p {
	padding: 5px 20px 10px 20px;
	line-height: 1.4;
	color: #f7fdd6;
}
#about .more {
	float: right;
	display: block;
	background: #362d21;
	padding: 3px 10px;
	color: #e9f2b5;
	font-size: 0.8em;
}
#content .news {
	margin: 5px 10px;
	overflow: hidden;
}
#content .news p {
	color: #e6e1dc;
	line-height: 1.3;
	font-size: 0.9em;
	padding: 2px 25px;
	text-indent: 10px;
}
#content .news h3 {
	display: inline;
	color: #e6e1dc;
	font-size: 1.4em;
	margin: 4px 0 4px 20px;
}
#content .news h3 a {color: #e6e1dc;}
#content .news .date, #content .success .date {
	display: inline;
	font-size: 0.8em;
	color: #4e4438;
	padding: 0 0 0 10px;
}
#content .news .more {

	margin: 10px 10px 0 0;
	display: block;
	float: right;
	line-height: 19px;
	vertical-align: middle;
	background: url('../gfx/about.png') top center no-repeat;
	width: 98px;
	height: 19px;
	color: #e9f2b5;
	font-size: 0.8em;
	text-align: center;
}
#content .credit, #content .success {
    padding: 10px 30px;
    color: #e6e1dc;
}

					#photos {
						text-align: center;
						margin-top: 5px;
					}
						#photos a img {
							border: 2px solid #E6E1DC;
							margin: 4px;
							padding: 3px;
							background-color: #372D21;
						}
						#photos a:hover img { background-color: #B2CC0E; border: 2px solid #372D21;}
                        .success #photos a:hover img { background-color: #70CFF8; }
                        #photos.offer-photos a:hover img { background-color: #FADD47; }
#content .credit h4, #content .success h4 { margin: 0; font-size: 1.3em; display: inline;}
#content .credit a { color: #FFA44E;}
#content .credit ul {margin-left: 10px;}
#content .credit .text { text-indent: 10px; padding: 5px 5px;}
#sidebar {
	float: right;
	width: 295px;
}
#contact-box {
	background: url('../gfx/contact.jpg') top center no-repeat;
	height: 292px;
	text-align: right;
	color: #362d21;
}
#contact-box address {
	padding: 5px 10px;
	font-size: 0.9em;
	line-height: 1.4;
	font-style: normal;
}
#contact-box address a {
	color: #362d21;
}
#contact-box strong {
	display: block;
	padding-bottom: 9px;
	font-size: 1.3em;
}
.pagination {
				text-align: center;
				margin: 0 auto 5px auto;
			}
				.pagination li {
					display: inline;
					color: #27a5dc;
					font-size: 0.8em;
					margin: 0 3px;
				}
					.pagination li a {
						color: #B2CC0E ;
						padding: 3px 5px;
					}
					.pagination li.active a {
						color: #F7FDD6;
						background-color: #4C4336;
					}
					.pagination li a:hover {
						background-color: #4C4336;
						color:#F7FDD6;
					}



                    #contact { padding: 0 5px; width: 550px; margin: 0 auto; margin-bottom: 19px;}
                    #contact fieldset legend { padding-left: 30px; font-size: 0.8em; color: #f6f6f6;}

						#contact li {
							overflow: hidden;
							margin: 5px 0;
						}

							#contact label {
								
								color: #f6f6f6;
								text-align: right;
								
								width: 130px;
								line-height: 25px;
								display: block;
								float: left;
							}

							#contact input, #contact textarea {
								width: 370px;
								height: 20px;
								padding: 3px 0 0 5px;
								background-color: #c2b8ac;
								border: 2px solid #f6f6f6;
								color: #4C4336;
								float: right;
							}
                            #contact textarea {height: 250px;}
							
							#contact input:focus, #contact textarea:focus { border-color: #F142D1; }
                            #contact .checkboxes {margin-top: 6px;}
                            #contact .checkboxes input {
								width: 15px;
								height: 15px;
                                line-height: 25px;
                                vertical-align: middle;
								border: none;
								background: transparent;
								padding: 0;
                                margin-right: 363px;
							}
                            #contact .submit input {
                                width: 200px;
                                height: 35px;
                                line-height: 35px;
                                vertical-align: middle;
                                padding: 0;
                                font-size: 0.9em;
                            }

#offer {
    padding: 0 10px;
}
#offer .category {
    float: left;
    width: 280px;
    text-align: center;
    margin: 5px;
    height: 300px;
}
#offer .category img {border: 2px solid #E6E1DC;}
#offer .offer {
    width: 100%;
    clear:both;
    margin: 5px 0;
}
#offer .offer img {
    float: left;
    width: 150px;
    
    border: 2px solid #E6E1DC;
	
    margin-top: 10px;
	padding: 3px;
	background-color: #372D21;
}
#offer .offer .intro {
    float: right;
    width: 425px;
}
#offer .offer .intro .more {
    background: #FADD47;
    float: right;
    padding: 2px 10px;
    font-size: 0.8em;
    color: #4C4336;
}
#menu {
		background: #4c4336;
		padding: 5px 0;
	}
	#menu li {
		margin: 10px;
		line-height: 57px;
		font-size: 1.2em;
		border: 3px solid #53493c;
	}
	#menu li a {
		display: block;
		background: #393;
		width: 268px;
		height: 57px;
		vertical-align:middle;
		color: #362d21 !important;
		padding: 0 0 0 67px;
	}
	#menu li .green {background: url('../gfx/green.jpg') no-repeat;}
	#menu li .yellow {background: url('../gfx/yellow.jpg') no-repeat;}
	#menu li .orange {background: url('../gfx/orange.jpg') no-repeat;}
	#menu li .blue {background: url('../gfx/blue.jpg') no-repeat;}
	#menu li .pink {background: url('../gfx/pink.jpg') no-repeat;}
	
#warp-b {
	clear: both;
	width: 100%;
	height: 155px;
	background: url('../gfx/warp-bottom.jpg') bottom center no-repeat;
}
#showoff{
	margin: 0 auto;
	height: 155px;
	width: 900px;
}
#respects-bg {
	float: left;
	width: 605px;
	height: 155px;
	background: url('../gfx/showoff.jpg') no-repeat;
}
	#respects {	
		
		position: relative;
	 	height: 155px;
	  	width: 585px;
	  	overflow: auto;
	  	overflow-x: hidden;  	
	  	margin: 0 10px;
	}
	#logos {
		display: block;
	  	height: 155px;
	  	width: 3999px;
	  	padding: 0;
	  	list-style: none;
	}
	#logos li {
		display: block;
	  	float: left;
	  	margin: 0 15px;
	  	line-height: 155px;
	}
	#logos li img {
		vertical-align:middle;
	}

#iso {
	float: right;
	width: 295px;
	background: url('../gfx/iso.jpg') no-repeat;
	height: 155px;
}
#iso.pink { background: url('../gfx/iso-pink.jpg') no-repeat;}
#iso.orange { background: url('../gfx/iso-orange.jpg') no-repeat;}
#iso.blue { background: url('../gfx/iso-blue.jpg') no-repeat;}
#iso.yellow { background: url('../gfx/iso-yellow.jpg') no-repeat;}
#footer {
	clear: both;
}
#f-main {
	width: 900px;
	margin: 0 auto;
	color: #fff;
	font-size: 0.9em;
}
#f-menu {
	float: left;
}
#f-menu li {
	display: inline;
	border-left: 1px solid #fff;
}
#f-menu li.first {	border: 0; }
#f-menu li a {
	color: #fff;
	padding: 0 10px 0 10px;
}
#f-menu li.first a { padding: 0 10px 0 0; }
#f-main p {
	float: right;
}
#f-main p .author a {
    color: #fff;
}
.author-blue {
    color: #2BB0F4;
}
.author-green {
    color:#57B55C;
}
#content #betonTable {
width: 596px;
                margin: 10px auto;
                border-width: 1px;
                border-spacing: 0px;
                border-style: solid;
                border-color: black;
                border-collapse: collapse;
            }
            #content #betonTable td {
                border-width: 1px;
                padding: 3px;
                border-style: solid;
                border-color: black;
		font-weight: normal;
            }