/*  BG COLOR: 202732  */
/*  CONTAINER COLOR: 131b24 */
/*  GRAY LINE COLOR: #37383a */
* {
	margin:0px;
	padding:0px;
}

ul,li {
	list-style:none;
}

a {
	color: #354761;;
}

a:hover {
	color: #375886;
}


.clearBoth {
	clear: both;
}
body {
	margin:0px;
	padding:0px;
	font-family: verdana;
	
	/* background: #202732; old match */
	background: #202831;
	color: white;
}

#container {
	background: #131b24 url('../images/container_bg.jpg') repeat-y;
	width:1000px;
	margin:0px auto;
	padding:0px 5px 0px 5px;
}

#header {
	display: block;
	width: 1000px;
	height: 314px;
	background: #131b24 url('../images/header_bg.jpg') no-repeat;
}

#logo {
	display: block;
	width: 1000px;
	height: 263px;
}

#logo a img {
	margin-left:710px;
	border:0px;
}

.extraInfo {
	font-size: 11px;
}

#menu {
	width:1000px;
	height: 51px;
	background: #000000 url('../images/menu_bg2.jpg') repeat-x;
}

#menu ul {
	list-style: none;
}

#menu ul li {
	float: left;
	font-size:12px;
	margin: 0px;
	padding: 0px;
	width: 176px;
	height: 30px;
	
}

#menu ul li.about { background: #000 url('../images/bt_o-nas.jpg') no-repeat; }
#menu ul li.pricelist { background: #000 url('../images/bt_pricelist.jpg') no-repeat; }
#menu ul li.portfolio { background: #000 url('../images/bt_portfolio.jpg') no-repeat; }


#menu ul li a {
	display: block;
	width:100%;
	height: 100%;
}

#menu ul li.about a:hover { background: #000 url('../images/bt_o-nas.jpg') 0px -30px; }
#menu ul li.pricelist a:hover { background: #000 url('../images/bt_pricelist.jpg') 0px -30px; }
#menu ul li.portfolio a:hover { background: #000 url('../images/bt_portfolio.jpg') 0px -30px; }

#menu ul li.act {
	background-position: 0px -30px;
}

#menu ul li a span {
	display: none;
}


#content {
	line-height: 180%;
	font-size:0.8em;
	padding:20px;
}
#content h1 {margin-bottom:30px; margin-top:10px; font-family:Anivers; font-weight: normal; font-size:40px;
}
#content h2 {margin-bottom:10px; margin-top:10px; font-family:Anivers; font-weight: normal; font-size:24px;}
/* #content h3 {margin-top:50px;} */
#content p {margin-bottom:20px; text-align:justify}


#content h1 {
}
#content p.firstLetter {
	font-size: 16px;
	line-height: 180%;
}
#content p.firstLetter:first-letter {
	font-size:40px;
	float: left;
	font-family: georgia;
	margin: 8px 4px 0px 4px;
	color: white;
}

#content p img {
	float: left;
	margin: 5px 10px 0px 0px;
	border:1px solid #37383a;
	padding:4px;
}

.gallery img {
	border:1px solid #37383a;
	padding:4px;
}

.gallery ul li {
	float: left;
	margin:0px 20px 10px 0px;
	height:210px;
}

.gallery ul {
	display: block;
	width:100%;
}



table {
	width:80%;
	margin-left:10%;
	border:1px solid #37383a;
	border-collapse:collapse;
}

table td {
	border:1px solid #37383a;
	padding:5px;
}

th {
	font-family:Anivers; font-weight: normal; font-size:20px;
	padding:8px 8px 2px 8px;
	background: black;
	border:1px solid  #37383a;
}

tr:hover {
	background: #202732 !important;
}


#content #offer h2, #content #contact h2, h3 {
font-family:Anivers; font-weight: normal; font-size:20px; text-align:center; margin:7px 0px 14px 0px;
}
#content #offer {
	background: url('../images/menu_bg2.jpg') repeat-x;
	padding: 0px 10px 0px 10px;
	width: 300px;
	float: right;
	border:1px solid #37383a;
	margin-left:20px;
}
#content #offer ul {
	margin-top:20px; 
}

#content #offer ul li {
	padding:0px 0px 15px 26px;
	background: url('../images/bullet.png') 5px 2px no-repeat;
}

#content #contact {
	background: url('../images/menu_bg2.jpg') repeat-x;
	padding: 0px 0px 0px 0px;
	width: 100%;
	float: right;
	border:1px solid #37383a;
}

#contact p {
	text-align:center;
	font-size:22px;
}

#contact p img {
	float: none;
	border:0px;
}

#contact .directContact {
	float: left;
	width:320px;
	height: 180px;
	border-right:1px dashed #37383a;
	margin-right:20px;
}

.directContact p {
	height:24px;
	padding-top:2px;
	margin-left:20px;
}
.person {margin-top:20px;}

label {
	float: left;
	width:90px;
}

label.longText {
	width:60px;
}

input {
	margin-bottom:10px;
	height:20px;
}

textarea {
	width:250px;
	height:150px;
}

input, textarea {
	border:1px solid #37383a;
	background: #202732;
	color:white;
}

.imp {
	font-weight: bold;
}

.contactInfo {
	float: left;
}

.query {
	float: right; margin-right:20px;
}

#progress {
	width:500px;
	float: right;
	text-align: right;
	margin-right: 20px;
}

#progress input {
	padding:0px 5px 0px 5px;
}

p.dl {
	text-align:center !important;
}

table.priceAdmin {
	font-size:10px;
	text-align:center;
}

table.priceAdmin input {
	width:100%;
	margin:0px;padding:0px; border: 1px solid black;
}

#foot {
	display: block;
	height: 151px;
	width:1010px;
	background: url(../images/footer.png);
	margin-left:-4px;
	text-align:center;
	font-size:11px;
	color: black;
}
#foot ul {
	padding-top:40px;
	margin-bottom:10px;
}
#foot ul li{
	display:inline;
	margin: 0px 20px 0px 20px;
}


#name_chk, #surname_chk, #email_chk, #query_chk {
	float: right; margin-right: 4px;
}