*, body, a,p{
	font-family	: Arial, Tahoma, Verdana;
	text-decoration: none;
	border		: none;
}

body {
	background	: url('../images/menuBackground.jpg') 0 110px repeat-x #151515;
	margin		: 0;
	padding		: 0;
}

img {
	border		: none;
}
.floatL{
	float		: left;
}
.floatR{
	float		: right;
}
.hide{
	display		: none;
}

#container{
	display		: block;
	width			: 1000px;
	position	: relative;
	margin		: 0 auto;
}

#head{
	background	: url('../images/headerBackground.jpg') no-repeat;
	width		: 1000px;
	height		: 110px;
}
#head .headLinks  {
	float		: right;
	/*margin		: 7px 15px 0 0;*/
	width		: 210px;
	position	: absolute;
	left		: 770px;
	top			: 6px;
}

#head .headLinks span {
	float		: left;
	margin		: 2px 45px 0 0;
}

#head .headLinks span  a {
	color		: #a3a399;
	font-size	: 11px;
	padding		: 4px;
}

#head .headLinks .twiter, #head .headLinks .facebook{
	display		: inline-block;
	width		: 26px;
	height		: 26px;
}

#head .headLinks .twiter{
	background	: url('../images/elements.png') 0 0;
}

#head .headLinks .facebook{
	background	: url('../images/elements.png') -26px 0px;
}

/******************

   NAVIGACIJSKI MENI

******************/
#meni {
	margin-bottom: 0px;
}

#meni ul{
	display		: block;
	height		: 54px;
	list-style	: none;
}
#meni li {
	display		: inline;
	list-style	: none;
	float		: left;
	height		: 54px;
}
#meni ul li a {
	display		: inline-block;
	height		: 50px;
	padding		: 0px;
	margin		: 0px;
}

#meni .first{
	width		: 180px;
}
#meni #mDomov ,#meni ul li.domov {
	background	: url('../images/elements.png') -1px -95px;
	width		: 122px;
	padding		: 0px;
}
#meni #mTrepalnice, #meni ul li.trepalnice{
	background	: url('../images/elements.png') -122px -95px;
	width		: 122px;
}
#meni #mProdukti{
	background	: url('../images/elements.png') -243px -95px;
	width		: 122px;
}
#meni #mGalerija{
	background	: url('../images/elements.png') -369px -95px;
	width		: 117px;
}
#meni #mMediji{
	background	: url('../images/elements.png') -500px -95px;
	width		: 92px;
}
#meni #mFaq{
	background	: url('../images/elements.png') -621px -95px;
	width		: 82px;
}
#meni #mNovo{
	background	: url('../images/elements.png') -747px -95px;
	width		: 82px;
}
#meni #mDomov:hover		{background	: url('../images/elements.png') -1px -150px;}
#meni #mTrepalnice:hover	{background	: url('../images/elements.png') -122px -150px;}
#meni #mProdukti:hover	{background	: url('../images/elements.png') -243px -150px;}
#meni #mGalerija:hover	{background	: url('../images/elements.png') -369px -150px;}
#meni #mMediji:hover		{background	: url('../images/elements.png') -500px -150px;}
#meni #mFaq:hover		{background	: url('../images/elements.png') -621px -150px;}
#meni #mNovo:hover		{background	: url('../images/elements.png') -747px -150px;}

#meni #mDomov.selected		{background	: url('../images/elements.png') -1px -205px;}
#meni #mTrepalnice.selected	{background	: url('../images/elements.png') -122px -205px;}
#meni #mProdukti.selected	{background	: url('../images/elements.png') -243px -205px;}
#meni #mGalerija.selected	{background	: url('../images/elements.png') -369px -205px;}
#meni #mMediji.selected		{background	: url('../images/elements.png') -500px -205px;}
#meni #mFaq.selected			{background	: url('../images/elements.png') -621px -205px;}
#meni #mNovo.selected		{background	: url('../images/elements.png') -747px -205px;}

/******************

   DOMOV

******************/

#content .blockTitle{
	float		: left;
	padding		: 2px 0 1px 0;
	margin		: 0;
	width		: 100%;
	height		: 27px;
	opacity		: .9;
}
#content h2{
	display		: inline;
	float			: left;
	padding		: 0;
	margin		: 5px 5px 5px 8px;
	font-size	: 14px;
	font-weight	: bold;
}

#slide{
	float		: left;
	display		: inline-block;
	width		: 658px;
	height		: 348px;
	border		: 2px solid #b4a98b;
	cursor		: pointer;
}

#slide .blockTitle{
	background	: #a4a07a;
	position	: relative;
	z-index		: 10;
}
#slide h2{
	color		: #fffdfd;
}
#nextButton,#prevButton{
	display		: block;
	width		: 37px;
	height		: 32px;
	background	: url('../images/elements.png') -86px -4px;
	float		: right;
	margin		: -185px 5px 0 5px;
	position	: relative;
	z-index		: 11;
}

#prevButton{
	background	: url('../images/elements.png') -86px -45px;
	float		: left;
}
#content .go{
	display		: inline-block;
	float		: right;
	width		: 36px;
	height		: 18px;
	background	: url('../images/elements.png') -2px -34px;
	margin		: 3px 5px 0 0;
}
#vabilo{
	display		: inline-block;
	float		: right;
	border		: 2px solid #7f6d61;
	width		: 318px;
	height		: 348px;
	background	: url('../images/vabilo.jpg') 0px 31px no-repeat;
}

#vabilo .blockTitle{
	background	: #ded8a4;
}

#vabilo  h2{
	color		: #5d4833;
}
#rezerviraj{
	float		: right;
	width		: 168px;
	height		: 39px;
	background	: url('../images/elements.png') 0px -426px;
	margin-top	: 247px;
}
#rezerviraj:hover{
	background	: url('../images/elements.png') 0px -471px;
}

#block2 {
	margin		: 20px 0 0 0;
}

#block2 .middle{
	margin		: 0 16px;
}
/******************

   PRODUKTI

******************/

#content .product{
	display		: block;
	width		: 294px;
	height		: 164px;
	background	: #2a2a2a;
	margin		: 0 10px 20px 0;
	padding		: 11px;
	border		: 2px solid #2a2a2a;
	cursor		: pointer;
	float		: left;
}
#content .product:hover{
	border		: 2px solid white;
}

#content .product h2 {
	display		: block;
	float		: left;
	color		: #f4f3bd;
	font-size	: 14px;
	margin		: 0 0 11px 0;
	padding		: 0;
	width		: 288px;
}
#content .product img {
	display		: block;
	float		: left;	
	clear		: both;
	width		: 176px;
}

#content .product .price , .price{
	float		: right;
	width		: 107px;
	padding		: 23px 0;
	background	: #938663;
	color		: white;
	text-align	: center;
	font-size	: 14px;
	line-height	: 14px;
	margin		: 0 0 13px 0;
}

#content .product a {
	float		: right;
	width		: 107px;
	padding		: 23px 0;
	background	: #938663;
	color		: black;
	text-align	: center;
	font-size	: 14px;
}
#content .product .exit, #content .product .description{
	display		: none;
}

#TB_ajaxContent .productCont{
	padding		: 10px;
}


#TB_ajaxContent  h2 {
	display		: block;
	float		: left;
	color		: #f4f3bd;
	font-size	: 22px;
	margin		: 10px 0 19px 0;
	padding		: 0;
}

#TB_ajaxContent  img.slikaIzdelka {
	clear		: both;
	float		: left;
	width		: 332px;
}

#TB_ajaxContent .exit{
	float		: right;
	background	: url('../images/elements.png') -10px -518px no-repeat;
	width		: 38px;
	height		: 34px;
	cursor		: pointer;
}
#TB_ajaxContent .description{
	display		: block;
	float		: right;
	background	: #938663;
	width		: 375px;
	height		: 380px;
	padding		: 10px;
	color		: white;
	overflow	: auto;
}
#TB_ajaxContent  .price, #TB_ajaxContent  .nakup{
	display		: block;
	float		: left;
	clear		: left;
	width		: 332px;
	padding		: 25px 0;
	margin		: 10px 0 0 0;
	font-size	: 16px;
	font-weight	: bold;
}

#TB_ajaxContent  a.nakup{
	background	: #ece3aa;
	text-align	: center;
}

/******************

   TREPALNICE

******************/

#lashesInfoTxt{
	background	: url('../images/trepalnice-info-backgrounnd.jpg') repeat-x;
	width		: 1000px;
	height		: 262px;
	border		: 2px solid #836d5f;
	padding		: 0 0 20px 0;
	font-size	: 13px;
	margin-top	: -2px;
}
#lashesInfoTxt .lashesInfo{
	display		: block;
	margin		: 20px 0 0 170px;
}
#lashesInfoTxt .lashesInfo h3{
	font-size	: 14px;
	font-weight	: bold;
	margin		: 0 0 5px 0;
}
#lashesInfoTxt .lashesInfo p{
	font-size	: 12px;
}
#lashesInfoTxt .floatL{
	margin		: 70px 0 0 20px;
}
#lashesMenu {
	border-bottom: 2px solid #968267;
	width		: 993px;
	display		: block;
	height		: 29px;
	padding-top	: 10px;
	margin-top	: 10px;
}

#lashesMenu ul{
	display		: block;
	list-style	: none;
}

#lashesMenu li{
	display		: inline;
	padding		: 10px 61px;
	color			: #f4eab7;
	cursor		: pointer;
	margin-right: 0px;
	
}
#lashesMenu a{
	display		: inline;
	color		: #f4eab7;
}

#lashesMenu li:hover, #lashesMenu li.selected{
	background	: #4b392f url('../images/trepalnice-arrow.jpg') right center no-repeat;
}
#lashesInfoBoxContainer{
	height		: 450px;
}
.lashesInfoBox{
	padding-top	: 20px;
	height		: 450px;
}
.lashesInfoBox h3, .lashesInfoBox p {
	color		: #f7e5c1;
	font-size	: 15px;
	width		: 440px;
	margin-bottom: 5px;
}
.lashesInfoBox p {
	font-size	: 12px;
	margin-bottom: 15px;
}
#LxPostopek		{background: url('../images/trepalnice/BgPostopek.jpg') no-repeat}
#LxDolzina		{background: url('../images/trepalnice/BgDolzine.jpg')  no-repeat}
#LxDebelina		{background: url('../images/trepalnice/BgDebeline.jpg') no-repeat}
#LxUkrivljenost 	{background: url('../images/trepalnice/BgUkrivljenost.jpg') no-repeat}
#LxBarveInKristali{background: url('../images/trepalnice/BgBarveKristali.jpg') no-repeat}

/******************

   GALERIJA

******************/

.galerija{
	display		: block;
	margin-top	: 0px;
	margin-bottom:	60px;
}

.galerija h1{
	color		: #ebe0c2;
	font-weight	: normal;
	font-size	: 25px;
	margin		: 0 0 10px 0;
}
.galerija img {
	width		: 486px;
	margin-top	: 12px;
}
.galerija img.prva {
	margin		: 12px 23px 0 0;
}
/******************

   KONTAKT

******************/

#kontaktCont {
	width		: 560px;
	height		: 290px;
	background	: #2e2e2e;
	overflow	: hidden;
}
#rezervacija h1, #kontaktCont h1, #nakup h1{
	display		: block;
	width		: 100%;
	text-align	: center;
	font-size	: 25px;
	background	: #ece3aa;
	padding		: 15px 0;
}
#rezervacija h2, #kontaktCont h2, #nakup h2 {
	width		: 560px;
	color		: #eee3ad;
	background	: #555555;
	padding		: 10px 0;
	font-size	: 14px;
	text-align	: center;
	font-weight	: normal;
	margin		: 0 0 10px 0
}
#kontaktCont h3, #kontaktCont p {
	width		: 200px;
	color		: #e7e2a8;
	font-size	: 14px;
	line-height	: 1.7em;
	margin-left	: 15px;
}
#kontaktCont h3{
	margin-top	: 20px;
	font-weight	: bold;
}
#kontaktCont img{
	position	: relative;
	top			: -140px;
	left		: 260px;
}

#kontaktCont .exit, #rezervacija .exit, #nakup .exit{
	background	: url('../images/elements.png') -1px -668px no-repeat;
	margin		: 4px 4px 0 0;
	position	: absolute;
	right		: 0px;
	display		: block;
}

/******************

   REZERVACIJA

******************/

#rezervacija, #nakup{
	display		: block;
	background	: #2e2e2e;
	float		: left;
	width		: 560px;
	height		: 500px;
}
#rezervacija label, #nakup label{
	width		: 180px;
	display		: inline-block;
	color		: #eae4b0;
	font-size	: 13px;
	padding		: 8px 0 0 0;
	margin		: 0 0 15px 0;
	vertical-align: top;
}
#rezervacija input, #rezervacija select , #rezervacija textarea, #nakup input, #nakup select , #nakup textarea{
	font-size	: 16px;
	padding		: 5px;
	width		: 340px;
	border		: 2px solid #4e4e4e;
	background	: #232323;
	color		: #e8e8ac;
}
#rezervacija select {
	width		: 354px;
}
#rezervacija input:focus, #rezervacija select:focus, #rezervacija textarea:focus, #nakup input:focus, #nakup select:focus, #nakup textarea:focus {
	border		: 2px solid #ebe2ab;
}

#rezervacija label:before, #nakup label:before{
	float		: left;
	background	: url('../images/elements.png') -2px -635px no-repeat;
	width		: 25px;
	height		: 25px;
	margin		: -5px 10px 0 16px;
	content		: " ";
}

#rezervacija .buttons, #nakup .buttons{
	background	: #ece3aa;
	width		: 100%;
	height		: 57px;
	text-align	: center;
	clear		: both;
	position	: absolute;
	bottom		: 0px;
}

#rezervacija p, #nakup p{
	margin-left	: 190px;
	color		: #bcbba6;
}

#rezervacija .buttons input, #nakup .buttons input{
	margin		: 10px 10px 0 0;
	padding		: 7px 10px;
	display		: inline-block;
	width		: 100px;
	text-align	: center;
	border		: 1px solid #796c4c;
	background	: #938663;
	color		: #fffdf9;
	cursor		: pointer;
}
#rezervacija .buttons input:hover, #nakup .buttons input:hover{
	border		: 1px solid #b5ad88;
	background	: #c0b8a1;
	color		: #25201c;
}



/******************

   O PODJETJU

******************/

#Opodjetju{
	padding		: 30px;
	border		: 2px solid #b2ab81;
	color		: #ebdfc7;
	background	: #1f1f1f;
	font-size	: 13px;
}

#Opodjetju br{
	display		: block;
	margin-top	: 15px;
}

img.ambasadorke{
	margin		: -18px 0 0 -1px;
}

#medijiBanners img{
	margin		: 30px 16px 10px 0;
}
#medijiBanners img.last{
	margin-right: 0; 
}
/******************

   FAQ

******************/

#faq {
	width		: 700px;
}

#faq h3{
	background	: #f7f1b5;
	margin-top	: 10px;
}
#faq h3:hover{
	background	: #cdc09e;
}

#faq h3 a{
	color		: #25262b ;
	font-size	: 16px;
	font-weight	: normal;
	padding		: 8px;
	display		: inline-block;
}

#faq  .odgovor{
	background	: #2a2a2a;
	color		: #ffffff;
	font-size	: 12px;
	padding		: 20px;
	line-height	: 1.5;
}

#faq .logo {
	background	: url('../images/elements.png') -2px -635px no-repeat;
	width		: 25px;
	height		: 25px;
	margin		: 8px 4px 0 8px;
	float		: left;
}
#faq .ui-icon {
	background	: url('../images/elements.png') -1px -566px no-repeat;
	width		: 25px;
	height		: 25px;
	float		: right;
	display		: block;
	margin		: 5px 6px 0 0;
}
#faq .ui-icon.ui-icon-triangle-1-s{
	background	: url('../images/elements.png') -1px -602px no-repeat;
}

/******************

   NAROČILO

******************/

.hvala{
	display		: block;
	margin		: 15px auto 0 auto;
}

/******************

   FOOTER

******************/

#footer {
	background	: url('../images/footer-bg.jpg');
	height		: 52px;
	clear		: both;
	display		: block;
	margin		: 20px 0 20px 0;	
}

#footer p {
	display		: block;
	text-align	: center;
	font-size	: 11px;
	width		: 840px;
	color		: #959595;
	margin		: 5px 0 0 0;
	line-height	: 1.8em;
	float		: left;
}
#footer a{
	color		: #959595;
}

#footer .footer-left {
	float		: left;
	height		: 52px;
	width		: 103px;	
	background	: url('../images/footer-logo.jpg');
}

#footer .footer-right {
	float		: right;
	height		: 52px;
	width		: 51px;
	background	: url('../images/footer-logo-right.jpg');
}

.clear {
	clear		: both;
}