/****************************************************
*  		  CSS (C) Phoenix capitis d.o.o.      		*
*  		 http://www.phoenixlifestyle.com.hr  		*
****************************************************/
/*********************
		BODY
*********************/
body {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0;}
img {border:none;}
ul {list-style:square; margin: 0 0 0 0; padding: 0 0 0 20px;}

/*********************
    	CONTENT
*********************/
#content {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; height: 100%; vertical-align: top; overflow: hidden;}
#content h2 {font-weight: bold; font-size: 18px; color: #333333; margin: 5px 0 5px 0;}
h3 {font-weight: normal; font-size: 12px; color: #FFFFFF; margin: 5px 0 5px 0;}
h4 {font-weight: bold; font-size: 12px; color: #FFFFFF; margin: 5px 0 10px 0;}
h5 {font-weight: bold; text-transform: uppercase; font-size: 12px; color: #333333; margin: 5px 0 5px 0;}
#content p {margin: 5px 0 10px 0;}
center {margin: 5px 0 10px 0;}
#content img {float: left; margin: 2px 10px 2px 0; border: 1px solid #666666;}
#header {font-weight: bold; text-transform: uppercase; background: url(../template/nas_underline.png);}
#header img {border: none; float: none; margin: 0;}
#kolekcija {font-family: Verdana, Arial, Helvetica, sans-serif; width: 728px; font-size: 12px; color: #333333; vertical-align: top; overflow: hidden;}
#kolekcija h5 {font-weight: bold; text-transform: uppercase; font-size: 10px; color: #333333; margin: 0;}
#kolekcija img {float: none; border: none; margin: 5px 5px 0 0; }
#kolekcija .img2 {float: none; border: none; margin: 5px 5px 5px 0;}
#article {font-size: 12px; vertical-align: top; width: 575px; text-align: justify;}
#article img {float: none;}
#article .thumb {float: left;}
#news {font-size: 12px; vertical-align: top; width: 440px; text-align: justify; }
.table_header {background-color: #ff6609; color:#FFFFFF; border-bottom: 1px solid #666666;}
.table_footer {border-bottom: 1px solid #666666;}
.table {border: 1px solid #666666; border-bottom: 1px dotted #666666;}
.news_date {font-size: 10px; color: #666666; margin: 0 0 5px 0;}
.phoenix {color: #ff6609;}
.kolekcija_kocka_1 {height: 220px; width: 237px; float: right; padding: 0 0 0 5px; overflow: hidden;}
.kolekcija_kocka_2 {width: 237px; float: right; margin: 0 0 0 5px; overflow: hidden;}
.kolekcija_kocka_header {height: 220px; width: 230px; margin: 0 5px 0 0; float: left; overflow: hidden;}

/*********************
      	MENU
*********************/
.menu {height: 20px; position: relative; margin: 0; font-size: 11px; background: #FFF;}
.menu ul {padding: 0; margin: 0; list-style-type: none; color: #fff; background: #FFF;}
.menu ul li {float: left; border-left: 1px solid #FFF; height: 20px; background: #CCC;}
.menu ul li a, .menu ul li a:visited {display: inline; text-decoration: none; padding:0 19px 0 20px; height: 20px; line-height: 20px; color: #FFF; }
.menu ul li:hover a, .menu ul li a:hover {color: #ff6609;  height: 20px; line-height: 20px; background: none;}

/*********************
      HOME ART
*********************/
#home_art {font-family: Verdana, Arial, Helvetica, sans-serif; width: 728px; font-size: 12px; color: #333333; vertical-align: top; overflow: hidden;}
#home_art p {margin: 5px;}
#home_art h2 {font-weight: bold; font-size: 10px; color: #666666; margin: 5px 0 0 5px;}
#home_art h3 {font-weight: bold; font-size: 12px; color: #ff6609; margin: 5px;}
#home_art img {float: none; /*border: none;*/ margin: 5px 5px 0 0; }
#home_art .img2 {float: none; border: none; margin: 5px 5px 5px 0;}

.home_art_kocka_1 {height: 280px; width: 236px; float: left; padding: 0 0 0 5px; overflow: hidden;}
.home_art_kocka_2 {height: 280px; width: 236px; float: left; margin: 0 0 0 5px; overflow: hidden;}
.home_art_kocka_header {height: 220px; width: 230px; margin: 0 5px 0 0; float: left; overflow: hidden;}

a.home_art, a.home_art:visited {color: #000000; text-transform: uppercase;}
/*********************
	    FORMS
*********************/
.text {font-size: 10px; color: #666666; text-decoration: none; border: 1px #AAAAAA solid; width: 95px;}
.upit {background-color:#FFFFFF; text-decoration: none; border: 1px #AAAAAA solid; width:300px; overflow: auto; margin: -1px 0 8px 5px;}
.upitv {background-color:#FFFFFF; text-decoration: none; border: 1px #AAAAAA solid; width:300px; height: 150px; overflow: auto; margin: 0 0 10px 5px;}
.send {background-color: #ff6609; color: #FFFFFF; font-size:10px; text-transform: uppercase; font-weight: bold; border: none; width:300px; height: 20px; margin: 0 0 10px 5px;}
.textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: 1px #aaaaaa solid;}
.submit {padding-top: -2px !important; padding-top: 0px;}
.anketa_komentar {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; background-color:#FFFFFF; text-decoration: none; border: 1px #AAAAAA solid; width: 300px; overflow:hidden; margin: 4px 2px 8px 5px;}
.radio {float:left; margin: 0 4px 0 0;}

/*********************
	    MODULES
*********************/
#smenu {width: 118px; font-size: 11px; overflow: hidden; padding: 0px 5px 5px 0px;}
#smenu ul {list-style-type: none; margin: 0; padding: 0 0 0 0;}
#smenu li {background: url(../template/smenu_kocka.png) no-repeat; padding-left: 8px;}
#mod {font-size: 12px; width: 118px; background: url(../template/banner.gif) no-repeat; color: #666666; vertical-align: top; border:1px #AAAAAA solid; overflow: hidden; padding: 0px 4px 10px 4px;}
#anketa {font-size: 12px; width: 118px; background: url(../template/banner.gif) no-repeat; color:#FFFFFF; vertical-align: top; border: 1px #AAAAAA solid; overflow: hidden; padding: 0 4px 10px 4px; background-color: #AAAAAA;}
.mod_anketa_textarea {font-family: Verdana, Arial, Helvetica, sans-serif; width: 118px; font-size: 9px; color: #666666; background-color:#FFFFFF; text-decoration: none; border: none; overflow: hidden; margin: 0 0 2px 0;}
#newsletter {font-size: 12px; width: 118px; background: url(../template/banner.gif) no-repeat; color:#FFFFFF; vertical-align: top; border: 1px #AAAAAA solid; overflow: hidden; padding: 0 4px 10px 4px; background-color: #AAAAAA;}
#footer {font-size: 10px; color: #666666; border: 1px solid #AAAAAA; overflow: hidden; padding: 5px 4px 5px 4px;}
#banner {font-size: 12px; color: #FFFFFF; background: url(../template/banner.gif) no-repeat; vertical-align: top; background-color: #ff6609; width: 118px; overflow: hidden; padding: 0px 4px 10px 4px; border: 1px #AAAAAA solid;}
#akcija {font-size: 12px; color: #FFFFFF; background: url(../template/banner.gif) no-repeat; /*vertical-align: top;*/ background-color: #ff6609; width: 125px; overflow: hidden; border: 1px #AAAAAA solid;}
.quote {padding: 2px; margin: 0px; background-image : url(../template/quote.gif); background-repeat: no-repeat;}
#forum {font-size: 12px; width: 118px; background: url(../template/banner.gif) no-repeat; color: #666666; vertical-align: top; border:1px #AAAAAA solid; overflow: hidden; padding: 0px 4px 10px 4px;}

/*********************
	CRUMBS & EXPORT
*********************/
#sitemap, #export {font-size: 9px; color: #999999; font-weight: bold; text-transform: uppercase; padding: 0 0 0 0;}

/*********************
	  PAGINATION
*********************/
#paging {font-size: 9px; font-weight:bold; color: #999999; text-transform: uppercase; margin: 20px 0 0 0;}
#paging a {color: #ff6609;}
#paging a:hover, a:visited, a:active {color: #999999;}

/*********************
    	LINKS
*********************/
a, a:visited {text-decoration: none; color: #555555; font-weight: bold;}
a:hover {text-decoration: none; color: #ff6609; font-weight: bold;}
a.white, a.white:visited {text-decoration: none; color: #FFFFFF; font-weight: bold;}
a.white:hover {text-decoration: none; color: #FFFF99; font-weight: bold;}
a.sitemap, a.sitemap:visited {color: #999999;}
a.sitemap:active {color: #FFFFFF;}
a.sitemap:hover {color: #ff6609;}
a.sitemap_last, a.sitemap_last:visited {color: #ff6609;}
a.sitemap_last:active, a.sitemap_last:hover {color: #CCCCCC;}
a.kolekcija, a.kolekcija:visited {color: #000000; text-transform: uppercase;}
a.kolekcija:hover, a.kolekcija:active {color: #ff6609; text-transform: uppercase;}
a.footer, a.footer:visited, a.footer:hover {font-weight: normal; }

/*********************
	   DROPDOWN
*********************/
#main_menu {position: absolute; z-index: 99; font-size: 12px;  color: #666666;}
#drop1 {display: none; position: absolute; top: 23px; left: 110px; font-size: 12px;  color: #666666; z-index: 100; width: 150px; /* precision for Opera */ background: #FFFFFF; border:1px #AAAAAA solid; padding: 5px 10px 5px 5px; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity:0.9;}

/*********************
	    MOJE
*********************/
#stolice { width:600px; margin-left: 0px;} 
.textMoje {font-size: 12px; color: #4e4f4c; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0;}
#VPCijene {font-size: 12px; color: #4e4f4c; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0;}
#MPCijene {font-size: 9px; color: #4e4f4c; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0;}
.textMojeNaslov {font-size: 25px; color: #4e4f4c; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0;}
.vijesti1 { margin-left: 130px;}
.crumbsTrailMoj  {font-weight: bold; font-size: 10px; color: #666666;}
.textMojeTable   {font-size: 12px; color: #4e4f4c; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 5px;}
.CijenaSeta   {font-size: 12px; color: #cccccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; float:right;}

/********************
	LIGHTBOX
********************/
#lightbox{
        	position: absolute;
        	left: 0;
        	width: 100%;
        	z-index: 1000;
        	text-align: center;
        	line-height: 0;
        	}

        #lightbox a img{ border: none; }

        #outerImageContainer{
        	position: relative;
        	background-color: #fff;
        	width: 250px;
        	height: 250px;
        	margin: 0 auto;
        	}

        #imageContainer{
        	padding: 10px;
        	}

        #loading{
        	position: absolute;
        	top: 40%;
        	left: 0%;
        	height: 25%;
        	width: 100%;
        	text-align: center;
        	line-height: 0;
        	}
        #hoverNav{
        	position: absolute;
        	top: 0;
        	left: 0;
        	height: 100%;
        	width: 100%;
        	z-index: 10;
        	}
        #imageContainer>#hoverNav{ left: 0;}
        #hoverNav a{ outline: none;}

        #prevLink, #nextLink{
        	width: 49%;
        	height: 100%;
        	background: transparent url(/img/blank.gif) no-repeat; /* Trick IE into showing hover */
        	display: block;
        	}
        #prevLink { left: 0; float: left;}
        #nextLink { right: 0; float: right;}
        #prevLink:hover, #prevLink:visited:hover { background: url(/img/prevlabel.gif) left 15% no-repeat; }
        #nextLink:hover, #nextLink:visited:hover { background: url(/img/nextlabel.gif) right 15% no-repeat; }


        #imageDataContainer{
        	font: 10px Verdana, Helvetica, sans-serif;
        	background-color: #fff;
        	margin: 0 auto;
        	line-height: 1.4em;
        	overflow: auto;
        	width: 100%
        	}

        #imageData{	padding:0 10px; color: #666; }
        #imageData #imageDetails{ width: 70%; float: left; text-align: left; }
        #imageData #caption{ font-weight: bold;	}
        #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
        #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

        #overlay{
        	position: absolute;
        	top: 0;
        	left: 0;
        	z-index: 90;
        	width: 100%;
        	height: 500px;
        	background-color: #000;
        	}