@charset "utf-8";
/* CSS Document */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, 
address, code, img, small, strong, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ol, ul{
	list-style:none;
}

@font-face {
  font-family: "hatten";
  src: url("font/hatten-webfont.eot");
  src: local("☺"),
    url("font/hatten-webfont.woff") format("woff"),
    url("font/hatten-webfont.otf") format("opentype"),
    url("font/hatten-webfont.svg#hatten-webfont") format("svg");
  }
  
  
  h1
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:20px;
	margin-top:20px;
	margin-bottom:20px;
}

h2 
{ 
	font-family: "hatten", Georgia, serif; 
	font-size:32px;
	letter-spacing:1px;
	font-weight:100;
	margin-top:20px;
	margin-bottom:20px;
	color:#f5f0f0;
}

h3
{
	font-family: "hatten", Georgia, serif; 
	font-size:35px;
	letter-spacing:2px;
	font-weight:100;
	margin-top:20px;
	margin-bottom:20px;
	color:#c41616;
	font-style:italic;
	text-shadow:#000 3px 3px 3px;
}


h5
{
	font-family: "hatten", Georgia, serif; 
	font-size:16px;
	letter-spacing:1px;
	font-weight:100;
	color:#c41616;
	font-style:italic;
	text-shadow:#000 3px 3px 3px;
}



p
{
	margin-top:7px;
	margin-bottom:15px;
}

a:link, a:active, a:visited, a:hover
{
	color:#999;
	text-decoration:underline;
}

a:hover
{
	color:#c41616;
}

body
{
	background:url(images/background.jpg) no-repeat #010101 center top;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:160%;
	color:#EEE;
	text-align:justify;
}

div#top_stripe
{
	height:12px;
	background:#000;
}

div#banner_stripe, div#banner_info
{
	height:100px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding:50px 0px 50px 0px;
}

div#banner_info
{
	width:500px;
	float:right;
	padding:0px;
	text-align:right;
	margin-right:20px;
}

div#banner_info p
{
	font-family: "hatten", Georgia, serif;
	font-size:16px;
	letter-spacing:1px;
	line-height:110%;
	font-style:italic;
	margin:0;
	text-shadow:#000 3px 3px 3px;
}

#logo_link
{
	float:left;
	width:304px;
}

div#main_container
{
	width:950px;
	height:1%;
	overflow:hidden;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/main_background.png);
}

div.content, div#menu, div#footer
{
	width:950px;
	height:1%;
	overflow:hidden;
	background:#050505;
}

div#menu
{
	height:50px;
	background:url(images/menu_background.png) no-repeat right;
}

div.left_column, div.right_column
{
	width:650px;
	height:1%;
	overflow:hidden;
	float:left;
	padding:10px;
}

.left_column img
{
    border:solid 5px #333333;
    margin:10px;
}



div.right_column
{
	width:250px;
	float:right;
}


div#footer
{
	margin-top:10px;
	text-align:left;
	font-size:10px;
	color:#999;
	background:none;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
}


.footerDev
{
    text-align:center;
}

/*--------------------------------------------------------------------------------*/
/*					Top menu												      */
/*--------------------------------------------------------------------------------*/

ul.menuList
{
	list-style-type:none;	
	margin-top:10px;
	margin-left:0px;
	padding:4px 13px 4px 13px;
	float:left;
	cursor:pointer;
}

li.menuListItem
{
	display:inline;	
}

a:link.menu,a:visited.menu
{
	font-family: "hatten", Georgia, serif; 
	font-size:20px;
	letter-spacing:1px;
	font-weight:100;
	padding-left:13px;
	padding-right:13px;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
	color:#f5f0f0;
	font-style:italic
}

a:hover.menu,a:active.menu
{
	color:#c41616;
}


#facebook
{
  text-indent:-100em;  /* image replacement Mike Rundle style */
  text-decoration:none;  /* potrebno da se skine underline */
  display:block;
  width:28px;
  height:26px;
  float:right;
  background: url(images/facebook.png) no-repeat;
}
#facebook:hover { background-position: bottom; }

img
{
	width:auto;
	height:auto;
	float:left;
	margin:0px 15px 15px 0px;
}

.input, .button
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#CCC;
	border:1px solid #000;
	background:#333;
	padding:3px;
	width:150px;
	height:20px;
}

.button
{
	width:auto;
	padding:3px 7px 5px 3px;
}




/* Banner rotator */

.banner {  
    height:  240px;  
    width:   240px;  
    padding: 0;  
    margin:  0 auto;
} 
 
.banner img {  
    padding: 5px;  
 /*   border:  1px solid #191717;   
    background-color: #191717;   */
    width:  230px; 
    height: 230px; 
} 

.contactTextField{
  background-image:url('images/contactFormBkg.jpg');
  padding-left:5px;
  width:300px;
  color: #FFFFFF;
  font-weight:bold;
}

.contactTextArea{
  background-image:url('images/contactFormBkg.jpg');
  padding-left:5px;
  width:300px;
  height:100px;
  color: #FFFFFF;
  font-weight:bold;
}


.news
{
    margin-left:20px;
    border-bottom: 1px solid #999;
}
    
    
.news h6 {
    margin-bottom:5px;
    margin-right:5px;
	text-align:right;
	font-size:8px;
	color:#999;
}
   
   
.down
{
    
}

.brands
{
    
}

.brands img
{
    padding:0px;
    margin:0px;
    border:0px;
}

ul.usluge
{
    list-style-type: none;
    padding: 20px;
    margin: 20;
}

li.usluge
{
    margin-top:10px;
    background-image: url('images/checkmark.png');
    background-repeat: no-repeat;
    background-position: 0 .4em;
    padding-left: 25px;
}