/*
 +-------------------------------------------------------------------+
 |                VKUSNOiKRASIVO.com      MAIN CSS FILE              |
 |                                                                   |
 | Design:         http: //yordanoff.net                             |
 | Development:    http: //hristof.com                               |
 +-------------------------------------------------------------------+
*/

@import url(scrollstyle.css);

/*------------------------------------------------------------------------------------
	Global Styles
------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }

.right { float: right; }	

.left {	float: left; }

.clear { clear: both; }

.clearLeft { clear: left; }

.clearRight { clear: right; }

.mt10 { margin-top: 10px; }

.mt10box { width: 100%; height: 10px; display: block; float:left; }

h3 { font-size: 16px; color: #222; margin: 0px; }

a img{ border: none; }

a { color: #624e39; text-decoration: none; outline: none; }

a:hover { text-decoration: none; }

body { 
	background: #F3EEE8 url(images/background.jpg) repeat-x;
	color: #333; 
	font: 12px/1.3em Arial, Helvetica, Tahoma, sans-serif;  }
		
#wrap {	
	width: 990px;
	height: auto;
	margin: 0px auto; }


/*------------------------------------------------------------------------------------
	Header
------------------------------------------------------------------------------------*/	
#header {
	width: 990px;
	height: 132px;
	float: left; }
	
#logo {
	background: url(images/vkusno-logo.png) no-repeat;
	width: 332px;
	height: 87px;
	display: block;
	float: left;
	margin-bottom: 10px; }

#topnav {
	margin-top: 5px;
	list-style: none; 
	float: right;
	list-style: none; }

#topnav li {
	float: left; }
	
#topnav li a {
	font-weight: bold;
	color: #555;
	font-size: 12px; 
	padding: 5px;
	display: block; }
	
#topnav li a:hover {
	background: #9d2222;
	color: #fff; }
	
/* Search */
.floated-right {
	width: 600px; 
	height: 90px;
	float: right;  }
	
.search-box {
	width: 235px;
	height: 22px;
	float: right;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-top: 10px; }
	
* html .search-box {
	width: 235px;
	height: 22px;
	float: right;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 10px; }
	
.search-field {
	background: url(images/search-field-bgr.jpg) no-repeat;
	width: 150px;
	height: 16px;
	height: 17px; 
	padding: 3px 8px 3px 18px;
	display: block;
	float: left;
	margin: 0px;
	border: none; }
		
.redbox {
	width: 990px;
	height: 35px;
	float: left; }
	
.redbox-rl {
	background: url(images/rounded-left.jpg) no-repeat;
	width: 4px;
	height: 35px;
	float: left; }
	
.redbox-rr {
	background: url(images/rounded-right.jpg) no-repeat;
	width: 4px;
	height: 35px;
	float: left;
	display: block; }
	
.redbox-content {
	background: url(images/center-bgr.jpg) repeat-x;	
	width: 982px;
	height: 35px;
	float: left; }

#sddm {	
	margin: 0;
	padding: 0;
	z-index: 5;
	position: absolute;
	float: left; }

#sddm li {
	margin: 0;
	padding: 0;
	list-style: none; 
	float: left; }

#sddm li a {
	background: url(images/separator.jpg) no-repeat right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #e9d1d1;
	height: 26px;
	display: block !important;
	display: inline-block;
	padding-top: 9px;
	padding-left: 7px;
	padding-right: 9px; }

#sddm li a:hover {
	background: url(images/nav-hover.jpg) repeat-x;
	color: #FFF; }

#sddm div {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: url(images/ibox-title-bgr.jpg) repeat; 
	border: 2px solid #711112; }

#sddm div a {
	background: url(images/ibox-title-bgr.jpg) repeat-x; 
	width: 200px;
	height: 19px; 
	margin: 0;
	padding: 11px 7px 5px 7px;
	position: relative;
	display: block;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #6B5E4F;
	font: 11px arial; }

#sddm div a:hover {
	background: url(images/nav-hover.jpg) repeat-x top;
	color: #fff; }

/*		
#one-ddheader {
	list-style: none;
	float: left;
	display: block !important;
	display: inline-block; }
	
#one-ddheader a {
	background: url(images/separator.jpg) no-repeat right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #e9d1d1;
	height: 26px;
	display: block;
	padding-top: 9px;
	padding-left: 7px;
	padding-right: 9px; }
	
#one-ddheader a:hover {
	background: url(images/nav-hover.jpg) repeat-x;
	color: #FFF; } 
*/

/* .dropdown dt {
	background: url(images/separator.jpg) no-repeat right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #e9d1d1;
	height: 26px;
	width: 200px;
	float: left;
	display: block;
	padding-top: 9px;
	padding-left: 7px;
	padding-right: 9px; 
	cursor: pointer;  }
	
.dropdown dt:hover {
	background: url(images/nav-hover.jpg) repeat-x;
	color: #FFF; }
	
.dropdown dd {
	position:absolute; 
	overflow:hidden; 
	width:208px; 
	display:none; 
	background: #fff; 
	z-index:200; 
	opacity:0; }
	
.dropdown ul {
	width:204px; 
	border:2px solid #721213; 
	list-style:none; 
	border-top:none;}
	
.dropdown li { display:inline; }

.dropdown a, .dropdown a:active, .dropdown a:visited {
	background:url(images/ibox-title-bgr.jpg) repeat-x; 
	width: 194px;
	height: 19px; 
	padding: 11px 5px 5px 5px;
	display:block;
	color:#333; 
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #6B5E4F;
	text-decoration:none; }
	
.dropdown a:hover {
	background: url(images/nav-hover.jpg) repeat-x top;
	color: #fff; }
	
.dropdown .underline { border-bottom:1px solid #BFB3A7; } */


/*------------------------------------------------------------------------------------
	Content
------------------------------------------------------------------------------------*/
#content {
	width: 100%;
	height: auto;
	float: left;
	margin: 10px auto; }
	
#cl {
	width: 680px;
	height: auto;
	float: left; }
	
#cr {
	width: 300px;
	height: auto;
	float: right; }
	
#content a:hover {
	text-decoration: none; border-bottom: 1px dotted #6b5e4f; }
	
/* Carousel */
#carousel {
	background: #e0d5c8; 
	width: 680px;
	height: 365px;
	float: left;
	border-bottom: 1px solid #d2cac0; }
	
#carousel .left-column {
	width: 236px;
	height: 305px;
	position: absolute;
	z-index: 2;
	color: #9c8d7c; }

#carousel .left-column a {
	font-size: 11px;
	color: #9c8d7c; }
	
#carousel .left-column .title {
	font-size: 12px;
	font-weight: bold;
	color: #6b5e4f; }
	
#carousel .left-column ul {
	list-style: none; }
	
#carousel .left-column ul li {
	background: url(images/carousel-li-bgr.png) bottom left no-repeat;
	width: 231px;
	height: 53px;
	padding: 4px;
	float: left;
	display: block;
	cursor: pointer; }
	
#carousel .left-column ul li:hover {
	background: url(images/carousel-li-bgr.png) top left no-repeat; }
	
.myy{
	background: url(images/carousel-li-bgr.png) top left no-repeat; }

#carousel .right-column {
	width: 445px;
	height: 305px;
	margin-left: 233px;
	position: absolute;
	z-index: 1;  }

#carousel .right-column .title {
	background: #e6e3e2 url(images/carousel-right-titile-bgr.jpg) top repeat-x;
	width: 436px;
	height: auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 9x;
	padding-top: 5px;
	margin-bottom: 5px;
	float: left;
	color: #a6998a;
	font-size: 11px;
	overflow: hidden; }
	
#carousel .right-column .title span {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 20px;
	font-weight: normal;
	display: block; 
	color: #751212;
	width: 100%;
	float: left;
	margin-bottom: 7px;
	margin-top: 3px; }

#carousel .right-column .title span a {
	color: #751212;
	float: left;
	display: inline;
	border-bottom: 1px solid #EFEBE8; } 
	
#carousel .right-colum .title span a:hover {
	text-decoration: none; border-bottom: 1px dotted #6b5e4f; }
 
	
#carousel .right-column img {
	/* border: 3px solid #bdb1a3; */
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left; }
	
#carousel .right-column .textbox {
	width: 440px; /* 205 */
	height: 234px;
	margin-right: 3px; 
	float: right; }

#carousel .right-column .textbox span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #6b5e4f; }
	
#carousel .right-column .textbox ul {
	list-style: none; }
	
.more {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6b5e4f; }

/* Login */
.user {
	background: url(images/user.jpg) no-repeat;
	width: 246px;
	height: 17px; 
	padding: 5px 8px 5px 18px;
	float: left;
	border: none;
	border-bottom: 10px; }
	
.password {
	background: url(images/password.jpg) no-repeat;
	width: 246px;
	height: 17px; 
	padding: 5px 8px 5px 18px;
	float: left;
	border: none;
	border-bottom: 10px; }
	
.form-button {
	background: url(images/button.jpg) no-repeat;
	width: 59px;
	height: 22px;
	border: none;
	color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold; }
	
.login-class {
	float: left; 
	font-size: 13px;
	font-weight: normal; 
	color: #402e25;
	margin-top: 5px;
	margin-left: 2px; }
	
.forgotten {
	font-size: 11px;
	color: #908277;
	margin-top: 3px;
	float: left; }
	
.forgotten a {
	font-size: 11px;
	color: #908277;
	margin-top: 3px; }
	
/* iBoxes - RIGHT */
.ibox-right {
	width: 300px;
	height: auto;
	float: left; }
	
.ibox-right-title {
	background: url(images/ibox-title-bgr.jpg) repeat-x;
	width: 286px;
	height: 27px;
	padding-top: 10px;
	padding-left: 7px;
	padding-right: 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #6a2e2e; }
.ibox-right-title a{
	color: #6a2e2e;
}
	
.ibox-right-content {
	background: #e3d8cc;
	width: 286px;
	height: auto;
	padding: 7px; 
	float: left;
	border-bottom: 1px solid #d7cdc1; }
	
.ibox-right-content-p0 {
	background: #e3d8cc;
	width: 300px;
	height: auto;
	padding: 0px; 
	float: left; }
	
.listing-right {
	width: 300px;
	height: auto;
	list-style: none; }
	
.listing-right li a {
	background: url(images/listing-bgr.jpg) repeat-x;
	width: 286px;
	height: 29px;
	padding-top: 2px;
	padding-left: 7px;
	padding-right: 7px;
	display: block;
	border: none;
	color: #333;
	border-bottom: 1px solid #e9e0d4;
	overflow: hidden;
	white-space: normal;
	line-height: 2em; }
	
.listing-right li a:hover {
	background: url(images/listing-bgr-h.jpg) repeat-x;
	color: #604c37;
	border: none; }
	
/* iBoxes - LEFT */
.ibox-left {
	width: 335px;
	height: auto; }

.ibox-left img {
	float: right; 
	/* border: 2px solid #b5aa9c; */
	margin-left: 4px; }

.mtxt {
	/*width: 321px;*/
	height: 140px;
	margin: 7px;
	float: left; }
	
.ibox-left-title {
	background: url(images/ibox-title-bgr.jpg) repeat-x;
	width: 321px;
	height: 27px;
	padding-top: 10px;
	padding-left: 7px;
	padding-right: 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #6a2e2e; }
	
.ibox-left-title a{
	color: #6a2e2e;
}

.iteim-title-box {
	width: 195px;
	height: auto;
	float: left;
	padding-bottom: 4px;
	margin-bottom: 6px;
	border-bottom: 1px solid #CFC4B5; }	
	
.iteim-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	color: #6a2e2e; }
	
.ibox-left-content {
	background: #e3d8cc;
	width: 321px;
	height: auto;
	padding: 7px; 
	float: left;
	border-bottom: 1px solid #d7cdc1; }
	
.ibox-left-content-p0 {
	background: #e3d8cc;
	width: 335px;
	height: auto;
	padding: 0px; 
	float: left;
	display: block; }
	
.listing-left {
	width: 335px;
	height: auto;
	list-style: none;
	float: left;
	display: block; }
	
.listing-left li {
	float: left; }
	
.listing-left li a {
	background: url(images/listing-bgr.jpg) repeat-x;
	width: 321px;
	height: 29px;
	padding-top: 2px;
	padding-left: 7px;
	padding-right: 7px;
	display: block;
	float: left;
	color: #333;
	border-bottom: 1px solid #e9e0d4;
	overflow: hidden;
	white-space: normal;
	line-height: 2em; }
	
.listing-left li a:hover {
	background: url(images/listing-bgr-h.jpg) repeat-x;
	color: #604c37;
	border: none; }
	
.bottom-pics {
	width: 100%; 
	height: auto;
	float: left; 
	margin-top: 10px; }
	
.bottom-pics img {
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 10px; }

/*------------------------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------------------------*/
.linkxchange {
	width: 100%;
	height: auto;
	padding: 2px;
	font-size: 12px;
	color: #333;
	float: left;
	display: block;
	margin-bottom: 10px;
	line-height: 1.8em; }

.linkxchange ul{
	list-style: none; 
}

.linkxchange ul li{
	float: left;
	margin-right:5px; 
}

.linkxchange a {
	color: #333;
}
	
.linkxchange a:hover {
	color: #333;
	text-decoration: underline; }

.created-redbox {
	background: url(images/footer-bgr.jpg) no-repeat; 
	width: 990px;
	height: 85px;
	float: left; }
	
.created-content {
	width: 982px;
	height: 35px;
	float: left; }
	
.created {
	float: right; }
	
.created li {
	list-style: none;
	float: left;
	display: block; }
	
.created li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #e9d1d1;
	height: 25px;
	display: block;
	padding-top: 10px;
	padding-left: 7px;
	padding-right: 7px; }

.created li a:hover {
	background: url(images/nav-hover.jpg) repeat-x;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	height: 25px;
	padding-top: 10px;
	padding-left: 7px;
	padding-right: 7px; }
	
.separator {
	background: url(images/separator.jpg) no-repeat right;
	display: block;
	width: 2px;
	height: 35px; }
	
.copyright {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	float: left; 
	color: #e9d1d1; 
	margin-top: 10px;
	margin-left: 5px; }
	
	
/*------------------------------------------------------------------------------------
	BANNERS
------------------------------------------------------------------------------------*/
#banner300 {
	width: 300px;
	height: 250px;
	background: #E0D5C8;
	display: block;
	float: left;
	margin-top: 10px; }
	
	
/*------------------------------------------------------------------------------------
	LISTING
------------------------------------------------------------------------------------*/
/* iBoxes - LEFT */
.ibox-left-100 {
	width: 335px;
	height: auto; }

.ibox-left-100 img {
	float: right; 
	/* border: 2px solid #b5aa9c; */
	margin-left: 4px; }
	
.ibox-left-100-title {
	background: url(images/ibox-title-bgr.jpg) repeat-x;
	width: 666px;
	height: 27px;
	padding-top: 10px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #6a2e2e; }
	
.ibox-left-100 {
	background: #E9DFD5;
	width: 666px;
	height: auto;
	padding: 7px; 
	float: left;
	border-bottom: 1px solid #d7cdc1; }
	
.ibox-left-100-p0 {
	background: #E9DFD5;
	width: 680px;
	height: auto;
	padding: 0px; 
	float: left;
	display: block; }
	
.margin7 {
	line-height: 1.5em;
	margin: 7px; }
	
.margin7 img {
	width: auto;
	height: auto;
	margin-right: 10px;
	/* border: 2px solid #b5aa9c; */ }
	
.margin7 .title {
	float: left;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #801616;
	border-bottom: 1px dotted #E9DFD5; }
	
.small60 {
	width: 60px;
	height: 60px; }
	
#large {
	float: left;
	/*width: 400px;*/
	/*height: 400px; */}
		
.ri {
	background: #E9DFD5 url(images/listing-bgr.jpg) repeat-x bottom;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 8px; }
	
.rtxt {
	width: auto; 
	height: 60px;  
	float: left; }
	
.cats {
	margin-top: 3px;
	float: left;
	font-size: 11px;
	color: #9c8d7c; }
	
.cats a {
	font-size: 11px;
	color: #9c8d7c; }
	
.listing-left-100 {
	width: 666px;
	height: auto;
	list-style: none;
	float: left;
	display: block; }
	
.listing-left-100 li {
	float: left; }
	
.listing-left-100 li a {
	background: url(images/listing-bgr.jpg) repeat-x;
	width: 666px;
	height: 24px;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	display: block;
	float: left;
	color: #333;
	border-bottom: 1px solid #e9e0d4; }
	
.listing-left-100 li a:hover {
	background: url(images/listing-bgr-h.jpg) repeat-x;
	color: #604c37;
	border: none; }

/* Paginator */
.paginator {
	background: url(images/listing-bgr-h.jpg) repeat-x;
	width: 666px;
	height: 22px;
	padding-top: 8px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold; }	

.paginator a {
	padding-left: 5px;
	padding-right: 5px; }
	
.paginator a:hover {
	color: #fff;
	background: #851919 }
	
.numbers {
	width: 650px; 
	float: left;
	text-align: center; }
	
/* Comments */
.comment {
	width: 100%;
	height: auto;
	float: left; 
	margin-bottom: 10px; }
	
.author-info {
	background: #D8CEC2 url(images/ibox-title-bgr.jpg) repeat-x top;
	width: 654px;
	height: 17px;
	padding: 5px;
	float: left;
	font-size: 12px;
	border-left: 1px solid #CFC3B5;
	border-right: 1px solid #CFC3B5; }
	
.author-info a {
	color: #7E1615;
	font-weight: bold; }
	
.comment-txt {
	background: #D8CEC2; 
	width: 654px;
	height: autp;
	padding: 5px;
	margin-top: 0px;
	float: left;
	border: 1px solid #CFC3B5; }
	
.small {
	float: right;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px; }
	
.form-info {
	background: url(images/form-info-bgr.jpg) no-repeat;
	width: 254px;
	height: 17px; 
	padding: 5px 8px 5px 8px;
	border: none;
	display: block;
	float: left; }
	
/* .form-comment {
	background: url(images/comment-bgr.jpg) no-repeat;
	width: 615px;
	height: 150px;
	padding: 7px;
	float: left;
	display: block;
	border: none; } */

.form-comment {
	background: url(images/comment-box-small.jpg) no-repeat;
	width: 363px;
	height: 150px;
	padding: 7px;
	float: left;
	display: block;
	border: none;
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 12px; }
	
.rank {
	float: left;
	margin-left: 5px;
	margin-top: 10px; }
	
.add {
	float: right;
	margin-top: 10px;
	margin-right: 290px;
	margin-bottom: 5px;}
	
#tooltip {
	background: #6B5E4F;
	padding: 0px;
	filter: Alpha(Opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	font-family: verdana,sans-serif;
	font-size: 11px;
	color : #222;
	/* border: 1px solid #6B5E4F; */ }
#contact_form {
	float: left;
	padding-left: 20px;
	overflow: hidden;
	width: 80%;
	padding-bottom: 20px;
}

#contact_form input {
	background: url(images/input.png);
	width: 267px;
	height: 22px;
	padding: 5px 0px 0px 5px;
	border: none;
}

#contact_form textarea {
	background: url(images/textarea.png) top repeat-x #fff;
	width: 270px !important;
	height: 100px;
	border: 1px solid #e1dad2;
}

#contact_form label {
	float: left;
	width: 100px;
}

#contact_form span {
	color: red;
}

.error_msg {
	color: red;
	float: left;
	padding-left: 20px;
	width: 80%;
	overflow: hidden;
}

#reg_submit {
	height: 25px !important;
	width: 272px !important;
}

.CELink{
	font-weight:bold;
	color:#800000;
}

.print{
	background:url(images/print.png);
	width:16px;
	height:16px;
	display:block;
	float:left;
}

.sendToFriend{
	background:url(images/letter.png);
	width:16px;
	height:16px;
	display:block;
	margin-left:10px;
	float:left;
}

.social{

}

.svejo{
	background:url(images/svejo.png);
	width:16px;
	height:15px;
	display:block;
	margin-left:10px;
	float:left;
	text-decoration:none;
}

.facebook{
	background:url(images/facebook.png);
	width:16px;
	height:16px;
	display:block;
	margin-left:10px;
	float:left;
	text-decoration:none;
}

.gbookmark{
	background:url(images/gbookmark.png);
	width:16px;
	height:16px;
	display:block;
	margin-left:10px;
	float:left;
	text-decoration:none;
}

.twitter{
	background:url(images/twitter.gif);
	width:15px;
	height:15px;
	display:block;
	margin-left:10px;
	float:left;
	text-decoration:none;
}

.edno23{
	background:url(images/edno23.png);
	width:16px;
	height:16px;
	display:block;
	margin-left:10px;
	float:left;
	text-decoration:none;
}

.svejo:hover, .facebook:hover, .gbookmark:hover, .twitter:hover, .edno23:hover{
	border-bottom:0px;
}

.fTitle{
	float:left;
	color:#6A2E2E;
	font-weight:bold;
	margin-right:5px;
}

.mt4{
	margin-top:4px;
}

.english{
	background:url(images/english.png);
	width:16px;
	height:11px;
	display:block;
	margin-top:11px;
	margin-left:5px;
	float:right;
}

.english:hover{
	background:url(images/english.png);
}