/* 

	project: Shiro (free CSS template)
	author: luka cvrk (www.solucija.com)

*/

*{ margin: 0; padding: 0; }*
body { background: #fff url(../images/bodybg.gif) repeat-x; font: 74% Arial, Helvetica, Sans-Serif; color: #454545; line-height: 1.6em; }

a { text-decoration: none; color: #C40000; background: inherit; }
a:hover { color: #808080; background: inherit; }	
a:focus { outline: 0; }
h1 { font-size: 2.8em; line-height: 35px; }
h2 { color: #000; font: bold 170% Arial, Sans-Serif; letter-spacing: -1px; padding: 0; margin: 0 0 10px; }
img { border: 0; }
h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-left: 18px;
	font-size:12px;
	color: #fff;
	background: url(../images/rightheader.gif) no-repeat top left;
	height: 20px;
}

.grey { color: #484848; }

#wrap { width: 900px; margin: 10px auto 0; }
	
#logo { float: left; width: 400px; margin: 0 0 7px; }
	#header_top { background: url(../images/top.gif) no-repeat top right; border-right: 2px solid #fff; color: #454545; padding: 10px 0 0 7px; clear: both; margin: 0 0 0px 0; height: 74px; }
	#header_top p { padding: 0; margin: 0; }
			#header_top ul { float: right; padding: 12px 160px 0 0; margin: 0 0 5px 0; }			
			#header_top ul li { list-style-type: none; display: inline;  font-weight: bold; }
			#header_top ul li a { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #C40000; }
			#header_top ul li a:hover { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #808080; }

	#header_lady_laptop_top { background: url(../images/lady_laptop_top.gif) no-repeat top right; border-right: 2px solid #fff; color: #454545; padding: 10px 0 0 7px; clear: both; margin: 0 0 0px 0; height: 74px; }
    #header_lady_laptop_top p { padding: 0; margin: 0; }
		#header_lady_laptop_top ul { float: right; padding: 12px 160px 0 0; margin: 0 0 5px 0; }			
			#header_lady_laptop_top ul li { list-style-type: none; display: inline;  font-weight: bold; }
			#header_lady_laptop_top ul li a { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #C40000; }
			#header_lady_laptop_top ul li a:hover { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #808080; }

	#header_Lady_with_laptop_top { background: url(../images/Lady_with_laptop_top.gif) no-repeat top right; border-right: 2px solid #fff; color: #454545; padding: 10px 0 0 7px; clear: both; margin: 0 0 0px 0; height: 74px; }
    #header_Lady_with_laptop_top p { padding: 0; margin: 0; }
		#header_Lady_with_laptop_top ul { float: right; padding: 12px 160px 0 0; margin: 0 0 5px 0; }			
			#header_Lady_with_laptop_top ul li { list-style-type: none; display: inline;  font-weight: bold; }
			#header_Lady_with_laptop_top ul li a { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #C40000; }
			#header_Lady_with_laptop_top ul li a:hover { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #808080; }

    #header_cube_top { background: url(../images/Final_Cube_Top.gif) no-repeat top right; border-right: 2px solid #fff; color: #454545; padding: 10px 0 0 7px; clear: both; margin: 0 0 0px 0; height: 78px; }
	#header_cube_top p { padding: 0; margin: 0; }
		#header_cube_top ul { float: right; padding: 12px 160px 0 0; margin: 0 0 5px 0; }			
			#header_cube_top ul li { list-style-type: none; display: inline;  font-weight: bold; }
			#header_cube_top ul li a { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #C40000; }
			#header_cube_top ul li a:hover { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #808080; }

	#header_orange_earth_top { background: url(../images/Orange_Earth_top.gif) no-repeat top right; border-right: 2px solid #fff; color: #454545; padding: 10px 0 0 7px; clear: both; margin: 0 0 0px 0; height: 74px; }
	#header_orange_earth_top p { padding: 0; margin: 0; }
		#header_orange_earth_top ul { float: right; padding: 12px 160px 0 0; margin: 0 0 5px 0; }			
			#header_orange_earth_top ul li { list-style-type: none; display: inline;  font-weight: bold; }
			#header_orange_earth_top ul li a { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #C40000; }
			#header_orange_earth_top ul li a:hover { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #808080; }
	
	#header_3people_notebook_top { background: url(../images/3people_notebook_top.gif) no-repeat top right; border-right: 2px solid #fff; color: #454545; padding: 10px 0 0 7px; clear: both; margin: 0 0 0px 0; height: 74px; }
	#header_3people_notebook_top p { padding: 0; margin: 0; }
		#header_3people_notebook_top ul { float: right; padding: 12px 160px 0 0; margin: 0 0 5px 0; }			
			#header_3people_notebook_top ul li { list-style-type: none; display: inline;  font-weight: bold; }
			#header_3people_notebook_top ul li a { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #C40000; }
			#header_3people_notebook_top ul li a:hover { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #808080; }
	
	#header_newspaper_top { background: url(../images/newspaper_top.gif) no-repeat top right; border-right: 2px solid #fff; color: #454545; padding: 10px 0 0 7px; clear: both; margin: 0 0 0px 0; height: 74px; }
	#header_newspaper_top p { padding: 0; margin: 0; }
		#header_newspaper_top ul { float: right; padding: 12px 160px 0 0; margin: 0 0 5px 0; }			
			#header_newspaper_top ul li { list-style-type: none; display: inline;  font-weight: bold; }
			#header_newspaper_top ul li a { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #C40000; }
			#header_newspaper_top ul li a:hover { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #808080; }
	


	#header_bottom { background: #454545 url(../images/bottom.gif) no-repeat top right; color: #EBEBEB; padding: 20px 240px 20px 10px; clear: both; border-left: 2px solid #fff; border-right: 2px solid #fff; margin: 0 0 1px 0; height: 90px; }
	#header_bottom h2 { color: #FFFFFF; width: 250px; margin: 0 0 10px; background: #454545; }
	
	#header_3people_notebook_bottom { background: #7a99ba url(../images/3people_notebook_bottom_7a99ba.gif) no-repeat top right; color: #EBEBEB; padding: 20px 240px 20px 10px; clear: both; border-left: 2px solid #fff; border-right: 2px solid #fff; margin: 0 0 1px 0; height: 90px; }
	#header_3people_notebook_bottom h2 { color: #FFFFFF; width: 350px; margin: 0 0 10px; background: #7a99ba; }
		
	#header_newspaper_bottom { background: #7a99ba url(../images/newspaper_bottom_7a99ba.gif) no-repeat top right; color: #EBEBEB; padding: 20px 240px 20px 10px; clear: both; border-left: 2px solid #fff; border-right: 2px solid #fff; margin: 0 0 1px 0; height: 90px; }
	#header_newspaper_bottom h2 { color: #FFFFFF; width: 350px; margin: 0 0 10px; background: #7a99ba; }
	
	#header_orange_earth_bottom { background: #7a99ba url(../images/Orange_Earth_bottom_7a99ba.gif) no-repeat top right; color: #EBEBEB; padding: 20px 240px 20px 10px; clear: both; border-left: 2px solid #fff; border-right: 2px solid #fff; margin: 0 0 1px 0; height: 90px; }
	#header_orange_earth_bottom h2 { color: #FFFFFF; width: 350px; margin: 0 0 10px; background: #7a99ba ; }

	#header_lady_laptop_bottom { background: #CC3333 url(../images/lady_laptop_bottom_CC3333.gif) no-repeat top right; color: #EBEBEB; padding: 20px 240px 20px 10px; clear: both; border-left: 2px solid #fff; border-right: 2px solid #fff; margin: 0 0 1px 0; height: 90px; }	
	#header_lady_laptop_bottom h2 { color: #FFFFFF; width: 250px; margin: 0 0 10px; background: #cc3333; }

	#header_Lady_with_laptop_bottom { background: #C40000 url(../images/Lady_with_laptop_C40000_bottom.gif) no-repeat top right; color: #EBEBEB; padding: 20px 240px 20px 10px; clear: both; border-left: 2px solid #fff; border-right: 2px solid #fff; margin: 0 0 1px 0; height: 90px; }	
	#header_Lady_with_laptop_bottom h2 { color: #FFFFFF; width: 250px; margin: 0 0 10px; background: #c40000; }

	#header_cube_bottom { background: #003366 url(../images/Final_Cube_Bottom.gif) no-repeat top right; color: #EBEBEB; padding: 20px 240px 20px 10px; clear: both; border-left: 2px solid #fff; border-right: 2px solid #fff; margin: 0 0 1px 0; height: 90px; }	
	#header_cube_bottom h2 { color: #FFFFFF; width: 250px; margin: 0 0 10px; background: #003366; }

	#slogan { clear: left; width: 730px; border-top: 1px solid #eee; margin: 0; padding: 5px 0 0 0; }

#maincontent { padding: 20px 0; clear: both; background: url(../images/bg.gif) repeat-x; }

#left { float: left; width: 630px; padding: 5px 15px 0 5px; margin: 0 0 25px 0; }
	#left p { margin: 0 0 15px; }
	.left_articles {
		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		border-bottom: 1px dotted #ccc;
	}
	#left h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }
#left_inside { float: left; width: 300px; padding: 5px 15px 0 5px; margin: 0 0 25px 0; }
	#left_inside p { margin: 0 0 15px; }

#right_inside { width: 290px; float: right; }
#right { width: 220px; float: right; }
	#info { border: 1px solid #ccc; padding: 7px; font-size: .9em; background: #f4f4f4; }
	#searchform { background: url(../images/searchform.gif) no-repeat; padding: 8px 4px 10px 4px; height: 27px; font: bold 0.9em Arial, Sans-Serif; margin: 0 0 20px; }
		#searchform p { padding: 0; margin: 0; }
		input.search { width: 127px; border: none; background: url(../images/input1.gif) no-repeat; padding: 7px; margin: 0 4px 0 5px; }
		input.submit { width: 53px; height: 29px; border: none; background: #FFF url(../images/submit.gif) no-repeat; font: bold 1.2em Arial, Sans-Serif; padding: 0px; color: #FFF; }

#desna_kolona {
	float: right;
	width: 240px;
	background: #FFF url(../images/rightcontent.gif);
	text-align:justify;
	color: #ccc;
}

.text_desno {
	padding: 0px 18px 25px 18px;
	color: #e2e2e2;
	background: url(../images/rightfooter.gif) no-repeat left bottom;
}
#right_info {
	color: #ccc;
	background: #5982B3;
	font-size: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 5px;
	border:	1px solid #6F92BD;
}

.contact-text {
	PADDING-RIGHT: 6px; FONT-SIZE: 90%; COLOR: #666666; LINE-HEIGHT: 120%; FONT-FAMILY: arial
}

#footer { clear: both; padding: 10px;  margin: 10px 0 0 0; border-top: 1px solid #ccc; line-height: 2em; }