/*
@font-face {
    font-family: 'EurostileRegular';
    src: url('../fonts/eurosti-webfont.eot');
    src: url('../fonts/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurosti-webfont.woff') format('woff'),
         url('../fonts/eurosti-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
*/
@font-face {
    font-family: 'Play';
    src: url('../fonts/Play-Regular.ttf') format('truetype'),
         url('../fonts/Play-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/******************************* RESET *******************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
html {overflow-y: scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

/******************************* CSS3 FANCY EFFECTS *******************************/

::selection      {background:#EBE729;color:#383738;}
::-moz-selection {background:#EBE729;color:#383738;}

.roundy {-webkit-border-radius:0 0 14px 14px; -moz-border-radius: 0 0 14px 14px; border-radius: 0 0 14px 14px;}
.botleftroundy {-webkit-border-radius:0 0 0 14px; -moz-border-radius: 0 0 0 14px; border-radius: 0 0 0 14px;}

a {  
  outline:none;
 -webkit-transition: color .35s ease-out, text-shadow .25s ease-out;
  -moz-transition: color .35s ease-out, text-shadow .25s ease-out;
  -o-transition: color .35s ease-out, text-shadow .25s ease-out;
  transition: color .35s ease-out, text-shadow .25s ease-out;
}  

/*
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px;

-webkit-border-bottom-right-radius: 10px 10px;
-moz-border-radius-bottomright: 10px 10px;
-moz-border-radius-bottomleft: 10px 10px;

box-shadow:-10px -10px 5px -10px #999 inset;
-moz-box-shadow:-10px -10px 5px -10px #999 inset;
-webkit-box-shadow:-10px -10px 5px -10px #999 inset;
*/

/******************************* INDEX, HEADER, FOOTER *******************************/

html {overflow-y:scroll;}
body {
    line-height:1;
	font-family: Arial, Helvetica,sans-serif; 
	color:#000;
	font-size:12px;
	background:url(../images/bg.jpg) repeat-x center top #fff;
}

.wrap {width:955px; margin:0 auto; position:relative;}

header {float:left; width:955px;}

header .contact { float:right; color:#fff; margin-top:15px; }
	header .contact > div { float:left; font-family:'Play'; font-size:15px; margin-right:15px; }
		header .contact > div img { float:left; margin-right:8px; }
		header .contact > div > div { float:left; padding-top:5px; font-weight:bold; }
		header .contact > div > a { float:left; padding-top:5px; color:#ece829; text-decoration:none; }
			header .contact > div > a:hover { text-decoration:underline; }

header #logo { float:left; margin-top:57px; }
header #slogan { float:right; clear:right; font-size:18px; color:#969696; font-family:'Arial'; margin-top:25px; font-weight:normal; }
	header #slogan span { font-size:30px; }

nav { float:left; clear:both; background:url(../images/menu_bg.png) repeat-x; border-radius:5px; width:955px; margin-top:26px; }
	nav ul { list-style:none; padding:0 20px; }
		nav ul li {padding:0 5px; float:left; background:none; font-family:'Play'; }
			nav ul li a { color:#fff; text-decoration:none; float:left; font-size:16px; padding:15px 22px; }
				nav ul li a.active, nav ul li a:hover { color:#ebe729; }

#bottomMenu { float:left; width:955px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:15px 0; }
	#bottomMenu ul {  }
		#bottomMenu ul li { float:left; padding:0; background:none; margin:0 15px 0 0; }
			#bottomMenu ul li a { color:#000; text-decoration:underline; }
				#bottomMenu ul li a:hover { text-decoration:none; }

footer {  float:left; padding:20px 0; width:955px; font-size:12px; display:inline; }
footer p.left { color:#8c8c8c; width:450px; float:left; font-size:12px;}
footer p.right { float:right; width:220px;}
footer p.right img { float:left; margin:3px 0 0 5px;}
footer a { color:#8c8c8c; text-decoration:none; float:left;}
footer a:hover { text-decoration:underline;}

/******************************* BODY OZADJA za INDEX in SUB *******************************/

#bgindex { background:url(../images/bg_index.png) no-repeat center top; min-height:500px; height:auto !important; height:500px; }
#bgsub { background:#06F; min-height:500px;}

/******************************* INDEX MIDDLE *******************************/

#middle { margin-top:20px; float:left; width:955px;}

#middle a { color:#EBE726; text-decoration:underline; }
#middle a:hover { text-decoration:none; }

#animation { float:left; }
	#animation > div { width:955px; }
		#animation .image { float:left; background:#dcd816; padding:9px; display:inline; border-radius:5px 0 0 5px }
			#animation .image img { float:left; border-radius:3px; box-shadow:#c7c414 0 0 3px 3px; }
		#animation .tekst { position:relative; float:left; width:418px; background:url(../images/animation_text_bg.png) no-repeat center left #231f20; color:#fff; height:261px; border-radius:0 5px 5px 0; padding:30px; display:inline; }
			#animation .tekst h2, #animation .tekst h1 { font-size:28px; color:#ebe726; font-family:'Play'; line-height:35px; margin-bottom:25px; }
			#animation .tekst p { font-size:15px; line-height:22px; }
			#animation .tekst a.more { float:left; margin-top:15px; font-weight:bold; }
			#animation .tekst ul { position:absolute; bottom:10px; left:25px; }
				#animation .tekst ul li { float:left; background:none; padding:0; margin:0 4px; }
					#animation .tekst ul li a { width:18px; height:18px; background:url(../images/animaction_tab.png) no-repeat center; display:block; }
						#animation .tekst ul li.activeSlide a { background:url(../images/animation_tab_active.png) no-repeat center; }

#boksi { float:left; width:955px; }
	#boksi a { color:#9b9c1b; text-decoration:underline; }
		#boksi a:hover { text-decoration:none; }
	.box { float:left; width:300px; margin:5px 13px 20px 14px; display:inline;}
		.box h3 { width:300px; border-bottom:3px solid #e6e7e8; font-size:21px; font-family:'Play'; font-weight:normal; color:#000; padding-bottom:10px; margin-bottom:5px; }
		.box .image { float:left; margin:10px 0; border:1px solid #e6e7e8; }
			.box .image img { float:left; }
		.box .more { font-weight:bold; }
		.box .logo_right { float:right; margin-top:15px; }
		.box .map { clear:right; float:right; margin-top:5px; }
		.box p .date { color:#959595; }
		.box.first { margin-left:0; }
	.box.last { margin-right:0; }

/******************************* SUB MIDDLE *******************************/

#submiddle { float:left; width:960px; background:#366; margin-top:20px;}

#left { float:left; padding:20px; width:180px; background:#FC0;}
#left ul { padding:10px 0;}
#left ul li { padding-bottom:6px;}
#left ul li a { text-decoration:none; color:#036;}
#left ul li a:hover,#left ul li a.active { color:red;}

#content { float:left; padding:20px 30px; margin-top:20px; border-radius:10px; width:895px; display:inline; background:#fff; min-height:300px; height:auto !important; height:300px; }
	#content h1 { font-size:30px; color:#383738; font-weight:normal; font-family:'Play'; border-bottom:3px solid #e6e7e8; padding-bottom:10px; margin-bottom:10px; }
	#content ul { margin:5px 0; }
		#content ul li { line-height:20px; }
	#content a { color:#9b9c1b; text-decoration:underline; }
		#content a:hover { text-decoration:none; }

#right { float:left;padding:20px; width:160px; background:#FC0;}

/******************************* COMMON STYLES *******************************/

h1 {font-size:25px; font-weight:bold;}
h2 {font-size:25px; font-weight:bold;}
h3 { font-size:18px;}

p { padding:5px 0; line-height:18px;}

ul { list-style:none; padding:0 0 0 0;}
ul li { padding:0 0 3px 12px; background:url(../images/li.jpg) left 8px no-repeat;}

a:hover { text-decoration:none;}
.alterfont { font-family:"Arial Black", Gadget, sans-serif;}

/* clearfix za content */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.newsRow { border-bottom:1px solid #dcdcdc; padding:0 0 10px; margin:10px 0 0; }
	.newsRow .image { float:right; border:1px solid #e6e7e8; margin:10px 0 10px 15px; }
		.newsRow .image img { float:left; }
	.newsRow p.short { font-weight:bold; font-size:14px; }
	.newsRow .date { color:#959595; }
	.newsRow .more { floaT:left; color:#9b9c1b; font-weight:bold; margin-top:5px; }

#news {}
	#news #short { font-weight:bold; font-size:17px; color:#383738; }
	#news #date { color:#959595; margin-bottom:10px; }
	#news #image { float:right; margin:0 0 10px 10px; }
	#news #back { float:left; font-weight:bold; color:#9b9c1b; font-weight:bold; margin-top:5px; font-size:14px; }
	
#ponudba {  }
	#ponudba .product { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #dcdcdc; }
		#ponudba h2 { font-size:20px; font-weight:bold; margin-bottom:10px; color:#3a393a; }
		#ponudba .image { float:right; border-radius:3px; background:#dcd816; padding:5px; margin:5px 0 10px 10px; }
			#ponudba .image img { float:left; border-radius:3px; }