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

 *	Kreativne ideje d.o.o. - CSS Additional File

 *	@media		screen

 *	@author		Kreativne ideje d.o.o.

 *	@URL		www.kreativne-ideje.si

 *	@date		October 2009

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

 

#main .leftContent{

	float: left;

	width: 238px;

	}

	

#main .leftContent ul {

	list-style-type: none;

	}



	

#main .leftContent ul li {

	line-height: 1.3em;

	padding-left: 13px;

	background-image: url(../images/arrow_02.gif);

	background-position: left 6px;

	background-repeat: no-repeat;

	color: #FFFFFF;

	}

	

#main .leftContent ul li a {

	text-decoration: none;

	color: #FFFFFF;

	}

	

#main .leftContent ul li a:hover {

	text-decoration: none;

	color: #DB3E91;

	}

	

#main .leftContent .inLeftContent {

	float: left;

	width: 222px;

	margin-top: 18px;

	padding-left: 14px;

	}



#main .leftContent .enterTextBox {

	float: left;

	width: 222px;

	height: 415px;

	background-image: url(../images/bg_enter_box.jpg);

	background-repeat: no-repeat;

	color: #FFFFFF;

	}

	

#main .leftContent .enterTextBox a {

	text-decoration: none;

	color: #DB3E91;

	}

	

#main .leftContent .enterTextBox a:hover {

	text-decoration: none;

	color: #FFFFFF;

	}



#main .leftContent .enterTextBox .inTextBox {

	float: left;

	width: 190px;

	margin-top: 130px;

	padding-left: 16px;

	padding-right: 16px;

	}



#main .leftContent .enterBrands {

	float: left;

	width: 222px;

	height: 400px;

	background-image: url(../images/zaupajo_nam.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	}



#main .leftContent .enterBrands .inBrands {

	float: left;

	width: 190px;

	margin-top: 66px;

	padding-left: 16px;

	padding-right: 16px;

	}



#main .leftContent .enterBrands .brandImage {

	float: left;

	width: 190px;

	border-bottom: 1px solid #424242;

	}



#main .leftContent .enterBrands .brandLink {

	float: left;

	width: 190px;

	padding-top: 20px;

	text-align: right;

	}





#main .lowerContent {

	clear: left;

	float: left;

	width: 980px;

	/*height: 450px;*/

	background-image: url(../images/bg_lower_content.jpg);

	background-repeat: no-repeat;

	}



#main .lowerContent .inLowerContent {

	/*float: left;

	width: 952px;

	padding-left: 18px;

	padding-right: 10px;*/

	}



#main .lowerContent .enterReference {

	float: left;

	width: 378px;

	padding-top: 62px;

	padding-bottom: 25px;

	background-image: url('../images/nakljucna_referenca.gif');

	background-repeat: no-repeat;

	background-position: left top;

	}



#main .lowerContent .inReference {

	float: left;

	width: 352px;

	padding: 0 13px;

	}

	

#main .lowerContent .rererer {

	clear: left;

	float: left;

	width: 352px;

	padding-bottom: 25px;

	}



#main .lowerContent .enterReference .referenceImageBox{

	float: left;

	width: 175px;

	}



#main .lowerContent .enterReference .referenceImageBox .refImgBg {

	float: left;

	width: 160px;

	height: 120px;

	background-color: #FFFFFF;

	}



#main .lowerContent .enterReference .referenceImageBox .refImgBg img {

	float: left;

	padding-top: 2px;

	padding-left: 2px;

	}



#main .lowerContent .enterReference .referenceHeader {

	float: left;

	width: 177px;

	}



#main .lowerContent .enterReference .referenceHeader .referenceTitle {

	float: left;

	width: 177px;

	padding-bottom: 10px;

	font-size: 18px;

	color: #E41380;

	}



#main .lowerContent .enterReference .referenceHeader .referenceTitle a {

	font-size: 11px;

	color: #E41380;

	text-decoration: none;

	}



#main .lowerContent .enterReference .referenceHeader .referenceTitle a:hover {

	color: #FFFFFF;

	text-decoration: none;

	}



#main .lowerContent .enterReference .referenceHeader .referenceType {

	clear: left;

	float: left;

	width: 177px;

	padding-bottom: 10px;

	font-size: 11px;

	color: #B6B6B6;

	}



#main .lowerContent .enterReference .referenceHeader .referenceLink {

	clear: left;

	float: left;

	width: 177px;

	}



#main .referenceLink a, .referenceText a, .opinionLink a, .lastLink a, .brandLink a {

	color: #FFFFFF;

	text-decoration: underline;

	}



#main .referenceLink a:hover, .referenceText a:hover, .opinionLink a:hover, .lastLink a:hover, .brandLink a:hover {

	text-decoration: none;

	}



#main .lowerContent .enterReference .referenceText {

	clear: left;

	float: left;

	width: 352px;

	padding-top: 19px;

	line-height: 130%;

	color: #B6B6B6;

	}



#main .lowerContent .enterOpinion {

	float: left;

	width: 378px;

	padding-top: 62px;

	padding-bottom: 25px;

	background-image: url('../images/nasi_narocniki.gif');

	background-repeat: no-repeat;

	background-position: left top;

	color: #B6B6B6;

	line-height: 130%;

	}



#main .lowerContent .enterOpinion .inOpinion {

	float: left;

	width: 339px;

	padding-left: 13px;

	padding-right: 26px;

	}



#main .lowerContent .enterOpinion .opinionText {

	float: left;

	width: 339px;

	padding-bottom: 19px;

	}

	

#main .lowerContent .enterOpinion .opinionText hr {

	border: 0;

	width: 328px;

	height: 2px;

	background-image: url(../images/hor_crta.png);

	background-repeat: no-repeat;

	}



#main .lowerContent .enterOpinion .opinionText a {

	color: #B6B6B6;

	text-decoration: none;

	}



#main .lowerContent .enterOpinion .opinionText a:hover {

	text-decoration: underline;

	}



#main .lowerContent .enterOpinion .opinionLink {

	clear: left;

	float: left;

	width: 339px;

	text-align: right;

	}



#main .lowerContent .enterNews {

	float: left;

	width: 224px;

	padding-top: 62px;

	background-image: url('../images/zadnja_novica.gif');

	background-repeat: no-repeat;

	background-position: left top;

	}



#main .lowerContent .enterNews .inEnterNews {

	float: left;

	width: 202px;

	padding-left: 22px;

	line-height: 130%;

	}



#main .lowerContent .enterNews .lastDate {

	float: left;

	width: 40px;

	height: 50px;

	text-align: center;

		}

	

#main .lastDate .lastDay {

	font-size: 16px;

	font-weight: bold;

	color: #E41380;

		}

	

#main .lastDate .lastMonth {

	font-size: 11px;

	font-weight: bold;

	color: #E41380;

		}

	

#main .lastDate .lastYear {

	font-size: 14px;

	font-weight: bold;

	color: #525252;

		}

	

#main .lowerContent .enterNews .lastText {

	float: left;

	width: 162px;

	color: #B6B6B6;

	}



#main .lowerContent .enterNews .lastText .inLastText {

	float: left;

	width: 147px;

	padding-left: 15px;

	}



#main .lowerContent .enterNews .lastTitle {

	float: left;

	width: 147px;

	padding-bottom: 22px;

	}



#main .lowerContent .enterNews .lastTitle a {

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

	color: #E41380;

	}



#main .lowerContent .enterNews .lastTitle a:hover {

	text-decoration: none;

	color: #FFFFFF;

	}





#main .lowerContent .enterNews .lastText .lastTxt {

	float: left;

	width: 147px;

	padding-bottom: 20px;

	}



#main .lowerContent .enterNews .lastText .lastLink {

	float: left;

	width: 147px;

	padding-bottom: 20px;

	text-align: right;

	}