@font-face {

    font-family: 'MiamaRegular';

    src: url('../_fonts/Miama-webfont.eot');

    src: local('☠'),url('../_fonts/Miama-webfont.eot?#iefix') format('embedded-opentype'),

         url('../_fonts/Miama-webfont.woff') format('woff'),

         url('../_fonts/Miama-webfont.ttf') format('truetype'),

         url('../_fonts/Miama-webfont.svg#MiamaRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'DancingScriptOTRegular';

    src: url('../_fonts/DancingScript-Regular-webfont.eot');

    src: local('☠'),url('../_fonts/DancingScript-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../_fonts/DancingScript-Regular-webfont.woff') format('woff'),

         url('../_fonts/DancingScript-Regular-webfont.ttf') format('truetype'),

         url('../_fonts/DancingScript-Regular-webfont.svg#DancingScriptOTRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}









html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {

	margin: 0;

	padding: 0;

	border: 0;

}

a {

	text-decoration: none;

}

a:active,

a:hover {

	text-decoration: none;

}



a:visited {

	text-decoration: none;

}

/*a:focus{

	outline:#ff0000 solid 2px;

}

*/

/*html5 display rule*/

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {

	display: block;

}

/*GLOBAL CSS*/

html, body{

	background:#fcfcfc;

	height:100%

}

p{

	font-family: Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:20px;

	color:#7a7a7a;

	margin-top:7px;

	padding:0 10px;

}

.title_section_out{

	position:absolute;

	text-indent:-99999px;

	z-index:-100;

}

.title_section{

	font-family:Verdana, Geneva, sans-serif;

	font-size:16px;

	line-height:21px;

	color:#0099cc;

	text-transform:uppercase;

	font-weight:500;

}

.sub_title_section{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:15px;

	line-height:20px;

	color:#bfbfa3;

	font-style:italic;

	font-weight:100;

}

.sub_title_section2{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:20px;

	line-height:20px;

	color:#E42720;

	font-style:italic;

	font-weight:100;

	margin-left:10px

}

.plavi:link{

	font-family: Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:20px;

	color:#0099cc;

	margin-top:8px;

	text-decoration: none

}

.plavi:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:20px;

	color:#0099cc;

	margin-top:8px;

	text-decoration:underline;

	

}

.plavi:visited{

	font-family: Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:20px;

	color:#0099cc;

	margin-top:8px;

	text-decoration: none

}

h4{

	font-family: Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:13px;

	color:#E42720;

	padding:0 10px;

	margin-top:15px;

	font-weight:bold;

}

	

/********************************************HEADER*********************************************/

header#main_header{

	/*width:100%;*/

	height:44px;

	border-bottom:1px #cccc99 solid;

	background: rgb(248,246,246); /* Old browsers */

	background: -moz-linear-gradient(top,  rgba(248,246,246,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,246,246,1)), 		color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(248,246,246,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(248,246,246,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(248,246,246,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */

	background: linear-gradient(top,  rgba(248,246,246,1) 0%,rgba(230,230,230,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f6f6', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */

	padding-left:250px;

	position:relative;

}



nav#main_nav{

	width:705px;

	padding-top: 3px;

	height:44px;

	position:relative;

}

nav#main_nav ul{

	margin:0;

	padding:0;

	list-style:none;

}

nav#main_nav ul li{

	display:inline;

}

nav#main_nav ul li a{

	padding:7px 6px 0px 6px;

	font-family:'MiamaRegular',Arial, Helvetica, sans-serif;

	font-size:33px;

	color:#7a7a7a;

}

nav#main_nav ul li a:hover{

	padding:7px 6px 0px 6px;

	font-family:'MiamaRegular',Arial, Helvetica, sans-serif;

	font-size:33px;

	color:#e42720;

}

#logo{

	width:215px;

	height:49px;

	position:absolute;

	z-index:100;

	left:0px;

	top:42px;

}

.sr{

	width:27px;

	height:19px;

	position:absolute;

	z-index:1;

	right:37px;

	top:15px;

}

.eng{

	width:27px;

	height:19px;

	position:absolute;

	z-index:1;

	right:0px;

	top:15px;

}

/******************************************** MIDDLE *********************************************/

#wrapper{

	width:955px;

	height:auto !important;

  	min-height:600px;

 	padding:0px 0 0 0;

	overflow:hidden;

	position:relative;

}

#a{

	width:167px;

	height:141px;

	position:absolute;

	left:20px;

	bottom:0px;

	background:url(../images/a.png)  no-repeat;

}

/*-------LEFT-------*/

aside#left{

	position:relative;

	float:left;

	width:225px;

	min-height:400px;

 	height:auto !important;

  	height:400px;

	padding-right:25px

	

}

.slika{

	width:225px;

	height:268px;

}

.slika2{

	width:225px;

	height:441px;

}

.slika3{

	width:225px;

	height:347px;

}

.slika4{

	width:225px;

	height:335px;

}

.slika5{

	width:225px;

	height:300px;

}



.kontakt{

	width:185px;

	height:auto;

	overflow:hidden;

	padding:18px 10px 10px 20px;

	background:#f9f9f9;

}



.meni_kontakt{

	margin:9px 0 0 0;

	padding:0;

	list-style:none;

	padding-left: 8px;

	text-indent: -8px;

}

.meni_kontakt li{

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:18px;

	color:#7a7a7a;

}

.meni_kontakt li a{

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:18px;

	color:#7a7a7a;

}

.meni_kontakt li a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:18px;

	color:#7a7a7a;

	text-decoration:underline;

}

/*-------CENTER-------*/

section#main_section{

	width:454px;

	height:auto;

	overflow:hidden;

	margin-right:14px;

	position:relative;

	padding:35px 0 20px 0;

	float:left;

}

header#main_content{

	width:453px;

	height:auto;

	border-bottom:1px #d5d5d5 dashed;

	padding-bottom:7px;

	margin-bottom:7px;

}

header#main_content h2{

	font-family:Verdana, Geneva, sans-serif;

	font-size:26px;

	padding-left:10px;

	font-weight:bold;

	color:#e42720;

}

header#main_content h2 span{

	font-family: "Times New Roman", Times, serif;

	font-size:30px;

	padding-left:50px;

	color:#e42720;

}

.meni_jezici{

	margin:5px 0 0 10px;

	padding:0;

	list-style:none;

	width:440px;

	height:auto;

	overflow:hidden;

}

.meni_jezici li{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-weight:110;

	font-style:italic;

	font-size:13px;

	line-height:20px;

	color:#7a7a7a;

	display:block;

	float:left;

	width:106px;

}

#galerija{

	width:453px;

	height:auto;

	border-top:1px #d5d5d5 dashed;

	padding-top:10px;

	margin-top:10px;

}

#galerija header{

	width:433px;

	height:auto;

	padding:0 10px;

	margin-bottom:12px;

	

}

.cv{

	width:453px;

	height:auto;

	margin-top:12px;

	

}

.cv img{

	width:90px;

	height:105px;

	float:left;

	margin:12px 10px 5px 10px;

}

	

/*-------RIGHT-------*/	

#linija{

	width:1px;

	height:100%;

	float:left;

	background:#cccc99;

	margin-bottom: -3000px;

	padding-bottom: 3000px;

	

}

aside#right{

	width:236px;

	height:auto;

	overflow:hidden;

	float:right;

}

article#reference{

	width:196px;

	height:auto;

	padding:15px 20px;

	border-bottom:1px #d5d5d5 dashed;

	overflow:hidden;

}

.meni_reference{

	margin:10px 0 0 0px;

	padding:0;

	list-style:none;

	width:196px;

	height:100px;

}

.meni_reference li{

	display:block;

	float:left;

	width:88px;

	height:50px;

	text-align:center;

	margin:5px;

}

article#vesti{

	width:206px;

	height:auto;

	padding:15px 15px 15px 20px;

	border-bottom:1px #d5d5d5 dashed;

	min-height:70px;

	height:auto !important;

  	height:70px;

	

}

#holder_vesti{

	width:206px;

	min-height:70px;

	height:auto !important;

  	height:70px;

	margin-top:10px;

	

}

#holder_vesti ul{

	list-style:none;

	

}



h3{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:15px;

	line-height:20px;

	color:#E42720;

	font-style:italic;

	font-weight:100;

	

}

#holder_vesti p{

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:15px;

	color:#696969;

}

	

article#secanje{

	width:206px;

	height:auto;

	padding:15px 15px 15px 20px;

	

}

article#secanje img{

	margin-top:12px;

}



/******************************************** FOOTER *********************************************/

footer#main_footer{

	width:100%;

	height:40px;

	position:relative;

	border-bottom:1px #cccc99 solid;

	border-top:1px #cccc99 solid;

	margin-bottom:20px;

}

footer#main_footer div{

	width:709px;

	height:30px;

	float:left;

	text-align:right;

	padding:10px 10px 0 0;

}

footer#main_footer div a{

    font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:20px;

	color:#7a7a7a;

}

footer#main_footer div a:hover{

    font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:20px;

	color:#7a7a7a;

	text-decoration:underline;

}

aside#copyright{

	width:226px;

	height:29px;

	background:#FF0000;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:20px;

	color:#fff;

	padding:12px 0 0 11px;

	float:left;

}

aside#copyright span{

	font-family: "Times New Roman", Times, serif;

	font-size:11px;

	line-height:20px;

	color:#fff;

}