@charset "utf-8";
/* CSS Document                */
/* created by: Bubo            */
/* e-mail: d.m.micic@gmail.com */
/* www.8bita.com               */

@font-face {
    font-family: opel_font;
    src: url('OPELSNRG.TTF');
}

/* reset all elements */
*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}



/* +HTML elements */
body{
	background-color:#bebebd;
	background-image:url(img/bodyBG.jpg);
	background-repeat:repeat-x;
	font-family: opel_font, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	line-height:normal;}

h1{ font-size:20px; color:#fff; font-weight:500; }
h2{ font-size:18px; color:#F0F0F0; font-weight:500;}
h3{ font-size:16px; color:#000; font-weight:500;}
h4{ font-size:14px; color:#000; font-weight:500; }
a{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#444444;}
/* -HTML elements */

/* +Classes */
.clearer{
	clear:both;
	height:0px;}

.logo{ float:left;}
.logo a{
	width:140px;
	height:70px;
	display:block;
	background-image:url(img/opelTimLogo.png);
	background-repeat:no-repeat;}
.logo a:hover{
	background-image:url(img/opelTimLogoHover.png);
	background-repeat:no-repeat;}
.left{ float:left;}	
.right{ float:right;}
.bannerHide a{
	display:block;
	width:31px;
	height:22px;
	float:right;
	background-image:url(img/greyBanner.png);
	background-repeat:no-repeat;}
.bannerHide a:hover{
	background-image:url(img/redBanner.png);
	background-repeat:no-repeat;}

.bannerShow a{
	display:block;
	width:31px;
	height:22px;
	float:right;
	background-image:url(img/redBanner.png);
	background-repeat:no-repeat;}
.bannerShow a:hover{
	background-image:url(img/greyBanner.png);
	background-repeat:no-repeat;}	
.lineHR{
	height:3px;
	margin:3px 0 3px 0;
	background-image:url(img/lineHR.png);
	background-repeat:repeat-x;
	background-position:bottom;}
.footerHR{
	height:2px;
	margin:3px 0 3px 0;
	border-bottom:solid 1px #858686;}	
.detaljnije{
	min-width:60px;
	height:14px;
	float:left;
	margin-top:5px;}
	.detaljnije a{
		display:block;
		border:solid 1px #858686;
		color:#858686;
		background-image:url(img/redArrow.png);
		background-repeat:no-repeat;
		background-position:right;
		padding:0 12px 0 2px;}
	.detaljnije a:hover{
		border:solid 1px #dc2b0a;
		color:#dc2b0a;
		background-image:url(img/redArrow.png);
		background-repeat:no-repeat;
		background-position:right;}

.indent{ margin-left:20px;}

.smallbtnGrey input{		
		display:block;
		width:95px;
		height:20px;
		margin:5px 5px 5px 0;
		background-color:transparent;
		cursor:pointer;
		float:left;
		background-image:url(img/smallGreyBTN.png);
		background-repeat:no-repeat;
		color:#fff;
		text-align:center;
		text-decoration:none;}
		
	.smallbtnGrey input:hover{
		color:#000;
		background-image:url(img/smallGreyBTNHover.png);
		background-repeat:no-repeat;}
	.rezults{ min-width:100px; padding-top:5px;}	
	.rezults a{ display:block; height:20px; text-decoration:underline; float:left;}
	.rezults a:hover{ color:#dc2b0a;}


/* -Classes */

/* +Layout */

#mainWrap{
	width:1000px;
	margin:auto;}
/* +Header */
#headerWrap{
	width:967px;
	height:88px;
	padding:50px 0 0 33px;
	background-image:url(img/headerBG.png);
	background-repeat:no-repeat;}

#menu{
	height:43px;
	margin-left:30px;
	float:left;}
	#menu li{
		display:inline;
		list-style:none;}
		#menu li a{								
			height:30px;
			display:block;
			padding:13px 0 0 8px;
			margin-right:15px;
			float:left;
			font-size:18px;
			text-align:center;
			color:#000;
			background-image:url(img/menuItemBG.png);
			background-repeat:no-repeat;
			background-position:left;}
		#menu li a:hover{
			color:#b21b03;}
		#menu .selected a{			
			color:#b21b03;}
/* -Header */

/* flash container*/
#flashContainer{
	width:1000px;
	height:325px;	
	background-image:url(img/flashContainerBG.png);
	background-repeat:no-repeat;
	overflow:hidden;}	
	#flashContent{		
		width:930px;
		height:290px;
		margin:12px 0 0 35px;
		overflow:hidden}
/* flash container*/

/* +Content*/
	#contentWrap{
		width:1000px;
		background-image:url(img/contentHeaderBG.png);
		background-repeat:no-repeat;
		background-position:top;}
		#contentHeader{
			width:950px;
			height:40px;
			padding:25px 25px 0 25px;}
		/* Rotator */
		/* rotator in-page placement */
			div#rotator {
			position:relative;
			min-width:430px;
			height:40px;
			float:right;}
			
		/* rotator css */
			div#rotator ul li {
				display:block;
				float:right;
				position:absolute;
				top:0px;
				list-style: none;}
			
		/* rotator image style 	
			div#rotator ul li img {
			width:900px;
			height:277px;}*/
			
			div#rotator ul li.show {
			z-index:500;}
		/* Rotator */
		
		#content{
			width:950px;
			padding:10px 25px 10px 25px;
			background-image:url(img/contentBG.png);
			background-repeat:repeat-y;}
		
		.leftBox{
		width:145px;
		margin-bottom:5px;}
		.leftBoxTop{
		width:145px;
		height:10px;
		background-image:url(img/leftBoxTop.png);
		background-repeat:no-repeat;}
		.leftBoxMiddle{
		width:130px;
		min-height:50px;
		padding:0 7px 2px 6px;
		background-image:url(img/leftBoxMiddle.png);
		background-repeat:repeat-y;}
		.leftBoxMiddle img{
			max-width:130px;
			margin-bottom:5px;
			border:solid 1px #444444;}
		.leftBoxMiddle a:hover img{ border:solid 1px Red;}
		.leftBoxBottom{
		width:145px;
		height:10px;		
		background-image:url(img/leftBoxBottom.png);
		background-repeat:no-repeat;}
		
		
		.rightBox{
		width:288px;
		margin-bottom:5px;}
		.rightBoxTop{
		width:288px;
		height:10px;
		background-image:url(img/rightBoxTop.png);
		background-repeat:no-repeat;}
		.rightBoxMiddle{
		width:270px;
		min-height:50px;
		padding:0 7px 2px 9px;
		background-image:url(img/rightBoxMiddle.png);
		background-repeat:repeat-y;}	
		.rightBoxBottom{
		width:288px;
		height:10px;		
		background-image:url(img/rightBoxBottom.png);
		background-repeat:no-repeat;}
		.topNews{
		width:497px;
		min-height:50px;
		padding:0 5px 2px 5px;}
		.topNews img{ max-width:145px; max-height:100px; margin:0 3px 3px 0; float:right; border:solid 1px #858686;}
		
		.middleBox{
		width:507px;
		margin:5px 0 10px 0;}
		.middleBoxTop{
		width:507px;
		height:10px;
		background-image:url(img/middleBoxTop.png);
		background-repeat:no-repeat;}
		.middleBoxMiddle{
		width:497px;
		min-height:50px;
		padding:0 5px 2px 5px;
		background-image:url(img/middleBoxMiddle.png);
		background-repeat:repeat-y;}
		.middleBoxMiddle img{ max-width:145px; max-height:100px; margin:0 3px 3px 0; float:left; border:solid 1px #858686;}
		.middleBoxMiddle a:hover img{ border:solid 1px #dc2b0a;}
		.middleBoxBottom{
		width:507px;
		height:10px;		
		background-image:url(img/middleBoxBottom.png);
		background-repeat:no-repeat;}
		
/* novosti*/		
.newsWrap{
	width:273px;
	padding:5px 0 10px 0;
	margin:5px 0 5px 0;
	background-image:url(img/lineHR.png);
	background-repeat:repeat-x;
	background-position:bottom;}
	.newsWrap img{ max-width:85px; margin:0 3px 3px 0; float:left; border:solid 1px #858686;}
	.newsWrap a:hover img{ border:solid 1px #dc2b0a;}
	.date{ font-size:14px; color:#858686; margin-bottom:5px;}
/* novosti*/	

/* Footer*/
#footerWrap{
	width:1000px;
	color:#999;
	font-size:11px;}
	#footerContent{
		width:950px;
		padding:25px;
		background-image:url(img/footerTopBG.png);
		background-repeat:repeat-y;}
	#footerBottom{
		width:1000px;
		height:25px;
		background-image:url(img/footerBottomBG.png);
		background-repeat:no-repeat;}
	#footerWrap h3{ color:#E8E8E8;}
	#sponzors{ text-align:center;}
	#sponzors img{
			max-width:130px;
			max-height:80px;
			margin:5px;}
	
	.footerMenu{
		width:650px;
		height:20px;
		margin-top:15px;
		float:left;}
	.footerMenu li{ display:inline; list-style:none;}
	#footerWrap a{color:#E8E8E8;}
	#footerWrap a:hover{color:#dc2b0a;}
	.design{
		width:300px;
		margin-top:5px;
		float:right;}
/* Footer*/

/*===============================*/
/*    POLL COLOR                 */
/*===============================*/
.polls_color_1{ background-color: #fbed02; border: 2px ridge #B22222; height: 0px; }

.polls_color_2{ background-color: #6740E1; border: 2px ridge #4169E1; height: 0px; }

.polls_color_3{ background-color: #8D8D8D; border: 2px ridge #D2D2D2; height: 0px; }

.polls_color_4{ background-color: #CC8500; border: 2px ridge #FFA500; height: 0px; }

.polls_color_5{ background-color: #5B781E; border: 2px ridge #6B8E23; height: 0px; }

.pollAnswer img{
    height: 0px;
    float: none;
}

.textbox{
    width:99%;
    padding:2px;
    margin-bottom:4px;
    background-color:White;
    border:solid 1px #444444;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#444444;}
    
    .textarea {
border:1px solid #444444;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:150px;
padding:4px;
width:250px;
margin-left: 10px;
}