/*-----------------------------------------------------------------------------*/
/* Copyright© 2009 - Robert Neacsu - www.WebinDesign.ro */
/*-----------------------------------------------------------------------------*/
@import url('jqtransform.css');

/*** Reset ***/
*						{ outline: none; }
html, body				{ height: 100%; z-index: 0; }
body, form, fieldset, caption, h1, h2, h3, h4, h5, h6, p, a, ul, dl, dt, dd, img, hr { margin: 0; padding: 0; border: none; list-style: none; }
body					{ font: 62.5% Georgia, "Times New Roman", Times, serif; color: #333; background: url(../img/bg.jpg) no-repeat; }

/*** Text elements ***/
h1, h2, h3, h4, h5, h6	{ font-weight: normal; }
h1						{ font-size: 1.75em; }
h1 em					{ font-style: normal; font-size: 0.7em; }
h1.title				{ font-size: 3em; color: #780000; }
h1.title span			{ display: block; font-size: 0.6em; }
h1.title span.small		{ font-size: 0.6em; }
h2.title				{ font-size: 2em; }
h2						{ font-size: 1.5em; }
h3						{ font-size: 1.9em; }
h4						{ font-size: 1.9em; }
p						{ font-size: 1.2em; line-height: 1.5em; }
p.small					{ font-size: 1.1em; line-height: 1.7em; }
a						{ outline: none; text-decoration: none; }

/*** General clases ***/
.left					{ float: left; }
.right					{ float: right; }
.imgleft				{ float: left; margin-right: 20px; }
.imgright				{ float: right; margin: 0 0 20px 20px; }
.to-right				{ text-align: right; }
.to-center				{ text-align: center; }
.red					{ color: #d11001 !important; }
.light-gray				{ color: #eaedef; }
.dark-gray				{ color: #637580; }
.blue					{ color: #018dc0; }
.clearfix				{ display: inline-block; clear: both; }
.clear					{ clear: both; }
.strong					{ font-weight: bold; }
.smaller				{ font-size: 1em; }
.leftpad20				{ padding-left: 20px; }

/*** General Layout ***/
#layout					{ min-height: 100%; position: relative;  }
#header, #content, #bottom { width: 980px; overflow: auto; }
#header					{ height: 60px; }
#content				{ padding-bottom: 220px; /* Height of the footer */ }
#footer					{ position: absolute; bottom: 0; width: 100%; height: 200px; /* Height of the footer */ }
#bottom					{ padding-top: 10px; position:relative; }
.smallcol				{ width: 420px; }
.bigcol					{ width: 540px; }

/*** Rounded boxes style ***/
.bt3					{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; /* This will not validate... yet */ }
.btRight3				{ border-top-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; /* This will not validate... yet */ }

/*** Category slide ***/

#category				{ background: url(../img/dot.png); padding: 8px 0; height: 103px; }

#items					{ width: 1246px; overflow: auto; }
#items li				{ float: left; padding: 7px 5px; display: block; margin-right: 4px; color: #f0cdcd; background-color: #fff; }
#items li.logo			{ width: 170px; background: #780000; display: inline-block; height: 90px; padding: 14px 0 0 36px; }
#items li p strong		{ font-weight: normal; font-size: 1.4em; line-height: 1.2em; color: #780000; }
#items li div			{ overflow: hidden; height: 90px; width: 68px; }
#items .a1				{ width: 260px; }
#items li img			{ z-index: 100; position: absolute;	}
#items li p				{ margin: 0; padding: 0; width: 214px; display: block; margin-left: 75px; font-size: 1.1em; color: #666; }
#items a.more			{ background: url(../img/more.gif) 0 2px no-repeat; padding-left: 12px; color: #780000; }
#items a:hover.more		{ color: #553d33; }

/*** Misc ***/
.logo					{ }
.martop100				{ margin-top: 100px; }
#status					{ color: red; }
.facebook				{ height: 30px; line-height: 30px; padding-left: 34px; background: url(../img/facebook.gif) no-repeat; display: block; color: #0c3f9b; font-size: 1.3em; }

/*** Item Description ***/
.desc					{ width: 320px; height: 485px; overflow: hidden; padding: 30px 10px 10px; background: url(../img/white_80.png); }
.desc h1				{ font-size: 2em; margin-bottom: 30px; }

/*** Index page ***/
body#index				{ background: none; }
#index #header			{ height: 230px; }
#flash					{ width: 100%; height: 100%; position: absolute; z-index: 0;/*top: -74px;*/ }
#banner					{ position: absolute; z-index: 999;/*top: -74px;*/ width: 546px; height: 70px; right: 0; }

/*** Normal page ****/
.page					{ width: 750px; min-height: 485px; height: auto !important; height: 485px; background: #fff; padding: 30px 10px 10px; }
.termeni				{ font-size: 0.9em; }

/*** Menu ***/
#menu					{ width: 170px; height: 485px; padding: 30px 10px 10px 20px; background: #fff url(../img/meniu_bg.jpg) right bottom no-repeat; }
#menu li.title			{ color: #333; margin: 40px 0 20px; font-size: 1.8em; }
#menu li a				{ color: #333; font-size: 1.4em; }
#menu li a:hover		{ color: #780000; }
#menu ul.border			{ border-bottom: 1px dotted #ccc; padding-bottom: 20px; margin-bottom: 20px; }

/*** Image page ***/
#thumbs					{ margin-bottom: 30px; }
a.thumb					{ border: 3px solid #fff; margin-right: 5px; display: inline-block; }
a:hover.thumb			{ border: 3px solid #bcccd9; }
.bigimage				{ background: #fff; padding: 5px; width: 408px; margin-right: 10px; }
.bigimage img			{}

/*** Carousel portofolio ***/
#collections			{ padding-left: 30px; }
.portofolio				{ overflow: hidden; }
.portofolio li			{ }
.portofolio .item		{ width: 70px; margin-right: 5px; }
.portofolio .item img	{ border: 1px solid #fff; }
.cnext, .cprev			{ width: 23px; height: 24px; cursor: pointer; display: inline-block; float: left; }
.cprev					{ background: url(../img/btn_back.png) no-repeat top right; left: 10px; margin-right: 8px; }
.cnext					{ background: url(../img/btn_next.png) no-repeat 0 0; }

/*** Partners ***/
.parteneri				{ width: 380px; float: right; display: inline-block; }
.parteneri li			{ text-align: center; margin-bottom: 14px; }

/*** Carrousel ***/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 874px; /*Width of Carousel Viewer itself*/
height: 105px; /*Height should enough to fit largest content's height*/
margin-left: 50px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .item{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 68px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 89px;
padding: 3px; background: #fff;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.holdbtn { width: 980px; position: relative; }
.holdbtn .forward, .holdbtn .back {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../img/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer; z-index: 10;
}

.holdbtn .forward {
  background-position: 0 0;
  right: 0;
}

.holdbtn .back {
  background-position: 0 -72px;
  left: 0;
}

.holdbtn .forward:hover {
  background-position: 0 -36px;
}

.holdbtn .back:hover {
  background-position: 0 -108px;
}