/*
	==========================================
	project: DesignHQ 
	author: Borut Jegrišnik (www.solucija.com)
	------------------------------------------
	2009. Solucija
	==========================================
*/

*{ margin: 0; padding: 0; }

:focus,:active { outline: 0; }
body { font: 12px Tahoma, Arial, Sans-Serif; color: #000; background: #ccc; }
a { text-decoration: none; color: #000; }
a:hover { color: #D95801; text-decoration: none;}
.x { clear: both; }

p { line-height: 22px; margin: 0 0 10px; color:#666; }
img { border: 0; }

h1 { font-size: 24px; font-weight: normal; margin-bottom: 15px; color: #D95801;}
h2 { font-size: 18px; font-weight: normal; margin-bottom: 15px; color: #D95801;}
h3 { font-size: 14px; font-weight: bolder; margin-bottom: 10px; color: #333; }
h4 { font-size: 18px; font-weight: normal; float: left; margin: 3px 0 10px; width: 460px; }

#wrapper { margin: 0 auto; width: 980px; background: url(../images/bg.jpg) no-repeat; position: relative;}

#logo { padding: 10px 12px; }
	#logo h1 { font: bold 24px Arial; text-shadow: 1px 1px 1px #fff; letter-spacing: 4px; }
		#logo h1 a { color: #333; }
		#logo h1 a span { color: #000; }
        
#iso1 {
    position: absolute;
    top:25px;
    right:230px;
    width: 60px;
    height: 60px;
    background: url(../images/iso1.png) no-repeat;
}
#iso2 {
    position: absolute;
    top:25px;
    right:160px;
    width: 60px;
    height: 60px;
    background: url(../images/iso2.png) no-repeat;
}
#iso3 {
    position: absolute;
    top:25px;
    right:90px;
    width: 60px;
    height: 60px;
    background: url(../images/iso3.png) no-repeat;
}
#iso4 {
    position: absolute;
    top:25px;
    right:20px;
    width: 60px;
    height: 60px;
    background: url(../images/iso4.png) no-repeat;
}

#content { background: #fff; width: 980px; }

#meniu {
    width:980px;
    height: 45px;
    background: url(../images/menubg.png) no-repeat;
}
	
.menu { list-style:none; margin: 2px 0px 2px 10px; width: 600px; float: left; }
	.menu li { float: left; margin: 0 4px 0 0; list-style: none; }
	.menu li a { display: block; font-size: 14px; padding: 11px 20px; }
	.menu a:hover { background: url(../images/hover.png) top center no-repeat; border: none;}

		.menu li ul { display: block; background: #fff; margin: 0px; position: absolute; display: none; z-index: 2; }
		.menu li ul li { float: none; display: inline; margin: 0; padding: 0; }
		.menu li ul li a { width: auto; margin: 3px; white-space: nowrap;  border-bottom: 1px solid #eee; padding: 6px 10px;}
        .menu li ul li a:hover { background: #FED4A9;border-bottom: 1px solid #eee;}

#horde { float: right;list-style:none; width: 86px; margin: 0px; display: inline; }
.menu1 { list-style:none; margin: 2px; width: 86px; float: left; }
	.menu1 li { float: left; margin: 0 4px 0 0; list-style: none; }
	.menu1 li a { display: block; font-size: 14px; padding: 11px 20px; }
	.menu1 a:hover { background: url(../images/hover.png) top center no-repeat; border: none; }

		.menu1 li ul { display: block; background: #fff; margin: -1px 0 0; position: absolute; display: none; z-index: 2; }
		.menu1 li ul li { float: none; display: inline; margin: 0; padding: 0; }
		.menu1 li ul li a { width: auto; margin: 3px; white-space: nowrap;  border-bottom: 1px solid #eee; padding: 6px 10px;}
        .menu1 li ul li a:hover { background: #FED4A9;border-bottom: 1px solid #eee;}


#pitch { margin-bottom: 30px; }
	#pitch .infoline { margin-top: -70px; padding: 25px 0 25px 25px; background: #000; font-size: 18px; width: 955px; height: 18px; opacity:0.70; filter:alpha(opacity=70); color: #fff; }

	.pitch-gallery { overflow: hidden; width: 980px; position: relative; }
		.pitch-gallery-holder { width: 4900px; position: relative; top: 0; left: 0; }
		.pitch-gallery-div { float: left; }
		
#left { width: 680px; float: left; margin-left: 30px; display: inline; }
    #left img {margin:3px 6px; border: 1px solid #ccc; padding: 3px; }
    #left img.alignleft{ float: left; border: 1px solid #ccc; padding: 3px; margin:3px 3px 3px 30px; }
    #left img.alignright{ float: right; border: 1px solid #ccc; padding: 3px; margin:3px 0px 3px 6px; }
    #left img.aligncenter { display: block; border: 1px solid #ccc; padding: 3px; margin: 3px auto;}
	#left form { padding-left: 45px; }
	#left label { float: left; display: block; clear: both; padding: 3px 0; color: #666; font-weight: normal; width: 150px; }
		#left .lcurrent { font-weight: bold; }
	#left label img { vertical-align: middle; }
	#left input.text, textarea, select { float: left; margin: 0 5px 10px 0; padding: 7px; width: 350px; border: 1px solid #ccc; }
	#left textarea { height: 200px; }
	#left select { width: 366px; }
	#left input.radio {  }
		#left input:focus { border-color:#aaa; }
		#left textarea:focus { border-color: #aaa; }	
	.error { font-size: 10px; color: #666; margin: 0 0 10px 150px; display: none; }
	#left .submit { border: 0; background: #000; color: #fff; padding: 5px; float: left; margin-left: 150px; }
	
ul { color: #666; margin: 0 0 10px 30px; line-height: 18px; }
ul li { list-style-position: outside; list-style: square;}
ol { color: #666; margin: 5px 0 5px 30px; line-height: 18px; }
	
	#contact-back { margin: 12px 40px 0 0; float: right; }

.post { position: relative; margin-bottom: 20px; height: 127px; }
.post-options { position: relative; margin: -37px 0 40px 0; font-size: 10px; color: #666; }

#right { width: 210px; float: right; padding-left: 30px; margin-right: 10px;  }
	
#feature { margin-left: 25px; padding-bottom: 10px; }
	.small-post { float: left; width: 260px; margin-right: 75px; }
		.small-post img { border: 1px solid #ccc; padding: 3px; margin-bottom: 10px; }
	.last { margin-right: 0; }
	#feature ul { margin-top: -11px; }
	
#footer { color: #666; font-size: 11px; margin: 10px 10px; }
#footer .left {
    float: left;
    text-align: left;
}
#footer .right {
    float: right;
    text-align: right;
}
#desna_kolona {
	float: right;
	width: 240px;
	background: #FFF url(../images/rightcontent.gif);
	text-align:left;
	color: #ccc;
}
h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-left: 5px;
	font-size:12px;
	color: #fff;
	background: url(../images/rightheader.gif) no-repeat top left;
	height: 5px;
}

.post-info { font-size: 11px; color: #000000; padding-bottom: 0px; background: url(../images/square.png) 0px 7px no-repeat; text-indent: 20px;}
.read-more { background: url(../images/link.gif) no-repeat center left; padding-left: 13px; font-size: 10px; }
.break { border-top: 1px solid #ccc; margin: 10px 0; display: block; }
	.no-border { border: 0; }
.space { margin-bottom: 20px; }

.text_desno {
	padding: 0px 15px 5px 15px;
	color: #000000;
	background: url(../images/rightfooter.gif) no-repeat left bottom;
}
