/* general page style */
body
{
	background-color: #367d37;
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	color: white;
}
td
{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
}

.body_small
{
 background: #367d37 url(ext-small.jpg) top left no-repeat;
 background-position: 1100px 0px;
}
.body_big
{
 background: #367d37 url(ext-big.jpg) top left no-repeat;
 background-position: 1100px 0px;
}

/* links */
a
{
 color: black;
 text-decoration: none;
}
a:hover
{
 color: black;
 text-decoration: underline;
}


.container
{
 width: 1100px;
 /*margin-left: auto;*/
 margin-right: auto;
 background: #367d37;
}

/* areas */
.top
{
 height: 208px;
}
.page
{
}
.small
{
 height: 992px;
 background: url(small.jpg) top center no-repeat;
}
.big
{
 height: 1484px;
 background: url(big.jpg) top center no-repeat;
}.big3
{
 height: 1750px;
 background: url(big3.jpg) top center no-repeat;
}
.page .title , .page H1
{
 margin: 0px;
 padding: 0px;
 display: block;
 margin-left: 174px;
}
.small .content
{
 height: 400px;
 margin: 25px 325px 15px 155px;
 text-align: justify;
overflow: hidden;
}
.big .content, .big3 .content
{
 height: 870px;
 margin: 25px 325px 20px 155px;
 text-align: justify;
  /*overflow: hidden;*/
}
.content .stitle
{
 font-size: 18px;
 font-weight: bold;
}
.reteta
{
 height: 115px;
 margin: 105px 280px 15px 230px;
 text-align: justify;
 overflow: hidden;
}.big3 .reteta {margin:382px 280px 15px 230px}
.reteta .title
{
 margin: 0px;
 padding: 0px;
 display: block;
 margin-bottom: 10px;
 text-transform: uppercase;
}



/* ------------------------------------------- XXX -------------------------------------- */

/* List */
.list
{
 clear: both;
 /*width: 695px;*/
 display: block;
}
.list .item
{
 float: left;
 width: 220px;
 color: black;
 margin: 0px 9px 10px 0px;
}
.list .item .box
{
 width: 146px;
 display: block;
 background-color: white;
 text-align: center;
 color: black;
 font-size: 12px;
 font-weight: bold;
 text-decoration: underline;
 padding: 2px 2px 10px 2px;
 float: left;
}
.list .item .pic
{
 border: none;
 display: block;
 text-align: center;
 margin: 10px 2px 10px 2px;
 height: 110px;
}
.list .item img
{
 border: none;
}
.list #title
{
 display: block;
 font-size: 22px;
 padding: 25px 0px 15px 0px;
 color: white;
}
.list .item H3 , .list .item .title
{
 display: block;
 text-transform: uppercase;
 background-color: #262626;
 padding: 4px;
 padding-top: 8px;
 margin: 0px;
 color: white;
 font-weight: bold;
 text-decoration: none;
}
.list .item H3
{
 margin: 0px;
 padding: 0px;
 color: white;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 10px;
 padding-bottom: 5px;
}
.list .item .price
{
 width: 60px;
 float: right;
 background: url(price.jpg) left bottom no-repeat;
 font-weight: bold;
 text-align: right;
 font-size: 16px;
 color: white;
 padding: 13px 10px 11px 0px;
 margin-top: 70px;
}
.list .item .price span
{
 display: block;
 text-align: right;
 font-size: 12px;
 font-weight: bold;
}
.list .item .add
{
 width: 70px;
 float: right;
 color: white;
 font-size: 9px;
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 background: url(cart.jpg) left bottom no-repeat;
 margin-top: 3px;
 text-align: center;
 padding: 42px 0px 5px 0px;
}

.list .pages
{
 padding-right: 15px;
 padding-bottom: 2px;
 margin-bottom: 10px;
 margin-top: 10px;
 clear: both;
 text-align: right;
 font-size: 11px;
 font-weight: normal;
 color: #c0b7b0;
 font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}
.list .pages span , .list .pages div , .list .pages a
{
 color: white;
 font-weight: normal;
 padding: 2px 4px 2px 5px;
 margin-left: 5px;
}
.list .pages span
{
 color: #393939;
 font-weight: normal;
 padding: 2px 4px 2px 5px;
 background-color: #232323;
 margin-left: 5px;
}
.list .pages div
{
 color: white;
 display: inline;
 font-weight: bold;
 padding: 2px 4px 2px 5px;
 background-color: #6a0000;
 margin-left: 5px;
}
.list .pages a
{
 color: #aaaaaa;
 font-weight: normal;
 padding: 2px 4px 2px 5px;
 background-color: #121212;
 margin-left: 5px;
}
.list .pages a:hover
{
 color: white;
 background-color: #6a0000;
 text-decoration: none;
}



/* Details */
.details
{
 clear: both;
}
.details .item
{
 width: 678px;
 color: black;
 margin: 0px;
}
.details .item .box
{
 width: 600px;
 display: block;
 background-color: white;
 text-align: center;
 color: black;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 padding: 4px 4px 20px 4px;
 float: left;
}
.details .item .pic
{
 float: left;
 width: 280px;
 border: none;
 display: block;
 text-align: center;
 margin: 14px 6px 0px 6px;
}
.details .item .pic .text
{
 margin-top: 16px;
 font-size: 16px;
}
.details .item img
{
 border: none;
}
.details .item H3 , .details .item .title
{
 display: block;
 text-transform: uppercase;
 background-color: #262626;
 padding: 8px;
 padding-top: 8px;
 margin: 0px;
 color: white;
 font-size: 20px;
 font-weight: bold;
 text-decoration: none;
}
.details .item H3
{
 margin: 0px;
 padding: 0px;
 color: white;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 10px;
 padding-bottom: 5px;
}
.details .item .specs
{
 float: right;
 width: 272px;
 text-align: left;
 margin: 14px 6px 0px 6px;
 font-size: 18px;
 color: #6a0000;
}
.details .item .specs .name
{
 float: left;
 width: 100px;
 font-size: 12px;
 padding-top: 2px;
}
.details .item .specs .value
{
 float: right;
 width: 170px;
 font-size: 12px;
 padding-top: 2px;
 padding-left: 2px;
}
.details .item .price
{
 width: 60px;
 float: right;
 background: url(price.jpg) left bottom no-repeat;
 font-weight: bold;
 text-align: right;
 font-size: 16px;
 color: white;
 padding: 40px 10px 11px 0px;
 margin-top: 70px;
}
.details .item .price span
{
 display: block;
 text-align: right;
 font-size: 12px;
 font-weight: bold;
}
.details .item .add
{
 width: 70px;
 float: right;
 color: white;
 font-size: 9px;
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 background: url(cart.jpg) left bottom no-repeat;
 margin-top: 3px;
 text-align: center;
 padding: 42px 0px 5px 0px;
}
.details .item .back
{
 width: 103px;
 display: block;
 margin-left: 20px;
}



/* Lists particularities */

.portofoliu .item
{
 padding: 8px;
 margin-bottom: 10px;
 height: 242px;
}
.portofoliu img
{
 float: left;
 border: 3px solid #414141;
}
.portofoliu .item H3 , .portofoliu .item .content , .portofoliu .item .url , .portofoliu .item .title
{
 width: 450px;
 display: block;
 float: right;
}
.portofoliu .item H3
{
}
.portofoliu .item H3 a
{
 color: white;
}
.portofoliu .item .content
{
 height: 190px;
 overflow: hidden;
}
.portofoliu .item .url , .portofoliu .item .link
{
 text-align: right;
 text-transform: lowercase;
}

.portofoliuItem
{
 margin-right: 10px;
}
.portofoliuItem H1
{
 display: block;
 color: #fecf00;
 font-size: 22px;
 font-weight: bold;
 text-transform: none;
}
.portofoliuItem .text
{
 float: left;
 width: 455px;
 margin-bottom: 10px;
}
.portofoliuItem .link
{
 padding-top: 10px;
 text-align: left;
 text-transform: lowercase;
}
.portofoliuItem .back
{
 clear: both;
 padding-top: 10px;
 font-size: 12px;
 text-align: center;
}
.portofoliuItem .images
{
 float: right;
 width: 320px;
}
.portofoliuItem .images img
{
 border: 3px solid #414141;
 margin-bottom: 10px;
}



.arhiva_articole .item
{
 height: 122px;
}
.arhiva_articole .item H3 , .arhiva_articole .item .text , .arhiva_articole .item .more
{
 width: 406px;
 display: block;
 float: right;
}
.arhiva_articole .item H3
{
 margin-bottom: 5px;
 padding-bottom: 5px;
 /*text-transform: lowercase;*/
 border-bottom: 1px solid #5a5a5a;
}
.arhiva_articole .item .date
{
 float: right;
 font-size: 10px;
 text-align: right;
 font-weight: normal;
 padding-left: 10px;
 padding-top: 2px;
}
.arhiva_articole .item .text
{
 height: 76px;
 overflow: hidden;
}
.arhiva_articole .item .more
{
 text-align: right;
}
.arhiva_articole .item
{
 height: 122px;
}

.articole
{
 /*padding-top: 10px;*/
}
.articole .item
{
 padding: 4px;
 margin-bottom: 5px;
}
.articole .item H3 , .articole .item .text , .articole .item .more
{
 display: block;
}
.articole .item H3
{
}
.articole .item .date
{
 float: right;
 font-size: 10px;
 text-align: right;
 font-weight: normal;
 padding-left: 10px;
 padding-top: 2px;
}
.articole .item .text
{
}

.articol
{
 margin-bottom: 10px;
}
.articol H1
{
 margin: 0px;
 border: 0px;
 padding: 0px;
 display: block;
 color: #503738;
 font-size: 14px;
 font-weight: bold;
 text-transform: uppercase;
 padding-bottom: 3px;
 border-bottom: solid 1px #eaeaea;
 margin-bottom: 10px;
}
.articol H1 .date
{
 float: right;
 font-size: 10px;
 text-align: right;
 font-weight: normal;
 padding-left: 10px;
 padding-top: 2px;
}
.articol .text
{
 float: right;
}
.articol .back
{
 padding-top: 10px;
 clear: both;
 text-align: center;
}
.articol .images
{
 float: left;
 width: 320px;
 margin-right: 10px;
}
.articol .images img
{
 margin-bottom: 10px;
}







/* FORM */

.form input, .form textarea
{
 border: 1px solid #cccccc;
 background-color: #f1f1f1;
 width: 100%;
}

.form
{
 width: 300px;
 margin-bottom: 10px;
}
.form .title
{
  text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	letter-spacing: 0px;
	padding-bottom: 4px;
}
.form .title .error
{
	text-align: center;
	color: red;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	padding-bottom: 1px;
}
.form .line
{
}
.form .line .name , .form .line .left
{
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 5px;
	width: 80px;
}
.form .line .error
{
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
	color: red;
	width: 80px;
}
.form .line .value , .form .line .right
{
	padding-right: 1px;
}
.form .line .button
{
  padding-top: 3px;
}
.form .line .button input
{
 text-transform: uppercase;
 border: 1px solid #121212;
 background-color: #121212;
 font-size: 12px;
 color: white;
 padding: 2px;
}
.form .line .button input:hover
{
 border: 1px solid #e68700; /*#3e6f99;*/
 background-color: #fecd00; /*#3e6f99;*/
 color: white;
}
.form .star_descript
{
	text-align: right;
	vertical-align: top;
	font-size: 11px;
}