/*------------------------------------------------------------------------------------------------
Author Name: Hrvoje Mesec
Web Page: www.napravice.com
Date of Creation: 3.6.2009.
Date of Last Update:
------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------
#1 General Styles, Whole Document
------------------------------------------------------------------------------------------------*/

* { padding: 0; margin: 0; border: 0; }

html, body {height: 100%; width: 100%;}

body {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:62.5%;}

html{overflow-y: scroll;}

/*------------------------------------------------------------------------------------------------
#2 Main Areas; Container= div#stranica, Header= div#gore, Body= div#sredina, Footer= div#dolje
------------------------------------------------------------------------------------------------*/

div#stranica {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 0; width: 100%;}

div#gore {width: 100%; height:120px;}

div#sredina {height:100%; width:100%; overflow: hidden; position: relative}

div#dolje {height: 50px; width:100%;}

/*------------------------------------------------------------------------------------------------
#3 Oblak Style
------------------------------------------------------------------------------------------------*/
.dialog { position:relative; margin:0px auto; min-width:8em; max-width:1600px; /* based on image dimensions - not quite consistent with drip styles yet */ color:#838383; z-index:1; margin-left:30px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under dialog */}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div { background:transparent url(images/oblak.png) no-repeat top right; _background-image:url(images/oblak.gif);}

.dialog .content { position:relative; zoom:1; _overflow-y:hidden; padding:0px 30px 0px 0px;}

.dialog .t { /* top+left vertical slice */ position:absolute; z-index:2; left:0px; top:0px; width:30px; /* top slice width */ margin-left:-30px; height:100%; _height:3200px; /* arbitrary long height, IE 6 */ background-position:top left;}

.dialog .b { /* bottom */ position:relative; width:100%;}

.dialog .b,
.dialog .b div { height:30px; /* height of bottom cap/shade */ font-size:1px;}

.dialog .b {background-position:bottom right;}

.dialog .b div {position:relative;width:30px; /* bottom corner width */margin-left:-30px;background-position:bottom left;}

.dialog h1,
.dialog p {margin:0px; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}
.dialog h1 {padding-bottom:0px;}


/*------------------------------------------------------------------------------------------------
#4 Header Styles
------------------------------------------------------------------------------------------------*/

.logo {padding: 10px 0 0 0; position:absolute; left:50%; margin-left:-260px;}
.roll {background: url(images/logo.jpg) no-repeat top; display: block; width: 520px; height: 70px;}
.roll:hover, .roll:active {border-bottom-style:dashed; border-width:3px; border-color:#ffc480;}




/*------------------------------------------------------------------------------------------------
#5 Body Styles
------------------------------------------------------------------------------------------------*/

.lijevo {float:left;}
.centar {overflow: hidden;}
* html div#sredina .centar {display: inline-block;}
.desno {float:right;}

.jen {width: 250px;}
.dva {width: 100%;}
.tri {width: 250px;}

.dva .dialog  {text-align:justify;}
.dialog h1{padding-top:15px;}

div#sredina a {text-decoration:none; color:#383838; border-bottom-style:solid; border-width:2px; border-color:#ffc480;}
div#sredina a:hover,div#sredina a:active {border-bottom-style:dashed; border-width:2px; border-color:#ffc480;}
div#sredina p {font-size:160%;  color:#383838;}
div#sredina h1 {font-size:200%; font-weight:900; color:#383838;}
div#sredina h1 a {color:#383838; border: none;}
div#sredina h1 a:hover, div#sredina h1 a:active {color:#383838; background-color:#ffc480;}
div#sredina h2 {font-size:170%; font-weight:900; color:#383838; }
div#sredina h2 a {color:#383838; border: none;}
div#sredina h2 a:hover, div#sredina h2 a:active {color:#383838; background-color:#ffc480;}
div#sredina h3 {font-size:150%; font-weight:900; color:#383838;}
div#sredina small {font-size:100%; color:#383838;}
div#sredina img {border: none; display:block;}
div#sredina a img {border: none; margin-left:20px;}
div#sredina a:hover img, div#sredina a:active img {color:#383838; background-color:#ffc480; border: none;}
div#sredina b {color:#383838;}
.sadrzaj b {color:#383838; font-weight:normal;}
.sadrzaj h1{padding-top:15px;}
body {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:62.5%;}
.sadrzaj p a {text-decoration:none; color:#383838; border-bottom-style:solid; border-width:2px; border-color:#ffc480;}
.sadrzaj p a:hover,.sadrzaj p a:active {border-bottom-style:dashed; border-width:2px; border-color:#ffc480; text-decoration:none;}
.sadrzaj p {font-size:160%;  color:#383838;}
.sadrzaj h1 {font-size:200%; font-weight:900; color:#383838; text-decoration:none;}
.sadrzaj h1 a {color:#383838; border: none;text-decoration:none; background-color:#f5f5f5;}
.sadrzaj h1 a:hover, .sadrzaj h1 a:active {color:#383838; background-color:#ffc480; }
.sadrzaj h2 {font-size:170%; font-weight:900; color:#383838; text-decoration:none;}
.sadrzaj h2 a {color:#383838; border: none;text-decoration:none; background-color:#f5f5f5;}
.sadrzaj h2 a:hover, .sadrzaj h2 a:active {color:#383838; background-color:#ffc480;}
.sadrzaj h3 {font-size:150%; font-weight:900; color:#383838;text-decoration:none;}
.sadrzaj small {font-size:100%; color:#383838; text-decoration:none;}
.sadrzaj img {border: none;}
.sadrzaj a img {border: none; background-color:#f5f5f5;}
.sadrzaj a:hover img, .sadrzaj a:active img {color:#383838; background-color:#ffc480; border: none;}
.sadrzaj b {color:#383838;text-decoration:none;}
.sadrzaj b {color:#383838; font-weight:normal;}

.slika {float:left; display:inline;}
.opis {float:left; display:inline; position:absolute;}
.produkt{display:inline;}

div#video{display:inline; padding:20px 20px; left:25%;}


/* Easy Slider */
	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding-top:20px;
		padding-left:10px;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1596px;
		height:200px;/* bilo 241 */
		overflow:hidden; 
		}			
/* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
/* // image replacement */
/* // Easy Slider */


/* // POPUP */
.PopBoxImageSmall
{
	cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	cursor: url("images/magminus.cur"), pointer;
	border: 1px #ffc480 solid;
}
.PopBoxImageShrink
{
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}
/* // POPUP */


/*------------------------------------------------------------------------------------------------
#6 Footer Styles
------------------------------------------------------------------------------------------------*/

.dno {padding-top:20px; bottom:10px; width: 250px; margin-right: auto; margin-left: auto;}
.dno p a{color:#dcdcdc; font-size:140%; font-weight:900; text-decoration:none;}
.dno p a:hover {border-bottom-style:dashed; border-width:2px; border-color:#ffc480;}
.dno p a:active {border-bottom-style:dashed; border-width:2px; border-color:#ffc480;}

/* The End--------------------------------------------------------------------------------------*/