/* general page style */
body
{
	background-color: #c0c0c0;
	background: #c0c0c0 url(page-shadow.jpg) left repeat-y;
	background-position: 844px 0px;
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	color: #666;
}
td
{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
}

/* links */
a
{
 color: #fed41a;
 text-decoration: none;
}
a:hover
{
 color: white;
 text-decoration: underline;
}


/* areas */
.top
{
 height: 195px;
 text-align: left;
 background-color: #6c6c6c;
 background: #6c6c6c url(top-bg-grad.jpg) top repeat-x;
 color: white;
}
.area
{
 width: 1004px;/*1000px*/
}
.top #logo
{
 float: left;
 margin: 0px 20px 0px 20px;
}
.top .call
{
 float: right;
}
.top .info
{
 height: 131px;
}
.top .ad
{
 float: right;
 width: 423px;
 /*height: 131px;*/
 padding-bottom: 22px;
 margin: 42px 10px 0px 0px;
 background: url(motto.jpg) bottom center no-repeat;
}
.top .menu
{
 clear: right;
 float: right;
 height: 30px;
 width: 750px;
 text-align: right;
}
.top .menu a
{
 margin-left: 2px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 text-transform: uppercase;
 padding: 8px 3px 8px 3px;
 line-height: 30px;
 color: #fed41a;
 /*background-color: #171717;*/
 text-decoration: none;
}
.top .menu a:hover
{
 color: white;
 text-decoration: none;
 background-color: #6c6c6c;
}
.top .menu a.selected
{
 background-color: #6c6c6c;
}
.top .smenu
{
 clear: both;
 height: 32px;
 text-align: left;
 padding-left: 15px;
 color: white;
 font-size: 16px;
}
.top .smenu a
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 text-transform: lowercase;
 padding: 8px 10px 8px 10px;
 line-height: 30px;
 color: white;
 text-decoration: none;
}
.top .smenu a:hover
{
 color: #fed41a;
 text-decoration: none;
}

.bg-top
{
 background: url(right-bg-top.jpg) top left repeat-x;
 background-position: 0px 0px;
}
.bg-bottom
{
 background: url(right-bg-bottom.png) bottom left repeat-x;
 background-position: 0px 100%;
}
.abstract-top
{
 background: url(abstract-top.jpg) top left no-repeat;
 background-position: 844px 0px;
}
.abstract-bottom
{
 background: url(abstract-bottom.png) bottom left no-repeat;
 background-position: 844px 100%;
}

.main
{
 width: 844px;
 float: left;
 background: #969696 url(page-bg-top.jpg) top right no-repeat;
}

.main .banner
{
 /*height: 255px;
 background-color: #171717;*/
}

.page
{
 padding: 20px;
 /*padding-right: 14px;*/
 color: white;
 font-size: 14px;
 text-align: justify;
 background: url(page-bg-bottom.png) bottom right no-repeat;
 color: white;
}

.bottom
{
 clear: both;
 background: #4e4e4e url(bottom-bg.jpg) top right repeat-x;
 /*background-position: 100% 22px;*/
 font-size: 12px;
 text-align: left;
 padding-bottom: 30px;
}
.bottom .inner
{
 background: url(bottom-bg-menu2.jpg) top right no-repeat;
 background-position: 100% 22px;
}
.bottom .menu1
{
 height: 22px;
 background: url(bottom-bg-menu1.jpg) bottom right no-repeat;
 padding-left: 30px;
}
.bottom .menu1 a
{
 color: white;
 line-height: 22px;
 padding: 5px;
}
.bottom .menu1 a:hover
{
 text-decoration: underline;
}
.bottom .menu2
{
 padding: 25px 30px 0px 30px;
}
.bottom .menu2 a
{
 color: #c7c7c7;
 padding: 5px;
}
.bottom .menu2 a:hover
{
 text-decoration: underline;
}
.bottom .copyright
{
 padding: 25px 35px 0px 35px;
 color: #484848;
}
.bottom .copyright a
{
 color: #555555;
}
.bottom .copyright a:hover
{
 text-decoration: underline;
}


.side
{
 float: right;
 width: 156px;
 /*
 opacity: 0.8;
 filter: alpha (opacity=80) */

}
.side .banner
{
 height: 255px;
}
.side .special
{
 color: black;
 background-color: #fed41a;
 background: #f7cd16 url(side-special-shadow.jpg) left repeat-y;
 margin-top: 50px;
 padding: 12px 10px 6px 10px;
 text-align: center;
 font-size: 13px;
}
.side .special .title
{
 font-size: 14px;
 font-weight: bold;
 text-transform: uppercase;
}
.side .special .number
{
 font-size: 52px;
 font-weight: bold;
}
.side a
{
 color: #fed41a;
 text-decoration: none;
}
.side a:hover
{
 color: white;
 text-decoration: none;
}
.side .smenu , .side .client , .side .articles , .side .pmenu
{
 color: white;
 background-color: #282828;
 background: #282828 url(side-box-shadow.jpg) left repeat-y;
 padding: 10px;
 text-align: left;
 font-size: 13px;
 margin-bottom: 5px;
}
.side .smenu
{
 margin-top: 50px;
 font-size: 14px;
 line-height: 20px;
}
.side .smenu a
{
 display: block;
}
.side .client
{
 line-height: 18px;
 text-align: left;
}
.side .client span
{
 display: block;
 text-transform: uppercase;
 margin-bottom: 5px;
 font-size: 14px;
}
.side .client .quotes-top
{
 background: url(side-box-client-quotes-top.jpg) left top no-repeat;
}
.side .client .quotes-bottom
{
 background: url(side-box-client-quotes-bottom.jpg) right bottom no-repeat;
 padding: 5px;
}
.side .articles
{
 padding: 0px 10px 12px 10px;
 font-size: 12px;
}
.side .articles span
{
 display: block;
 text-transform: uppercase;
 padding-top: 10px;
}
.side .articles a
{
 display: block;
 padding-top: 3px;
}
.side .articles a.all
{
 display: block;
 padding-top: 8px;
 text-align: right;
 font-size: 10px;
 color: white;
}
.side .articles a.all:hover
{
 color: white;
 text-decoration: underline;
}
.side .pmenu
{
 font-size: 12px;
 line-height: 22px;
}
.side .pmenu a
{
 display: block;
 text-transform: uppercase;
 color: white;
}
.side .pmenu a:hover
{
 text-decoration: underline;
}



.page #title , .page h1
{
 display: block;
 color: #fecf00;
 font-size: 30px;
 font-weight: bold;
 text-transform: uppercase;
}
.page .stitle
{
 color: #e3e3e3;
 font-size: 20px;
 font-weight: bold;
}

.page #tabs
{
 text-align: center;
 padding: 18px 10px 10px 10px;
}
.page #tabs a
{
 display: inline;
 padding: 18px 10px 10px 10px;
 margin: 0px 5px 0px 5px;
 color: #fecf00;
 font-size: 26px;
 font-weight: bold;
 text-transform: uppercase;
}
.page #tabs a:hover
{
 color: white;
 text-decoration: none;
}
.page #tabs a.selected
{
 background: url(tab-here.gif) top right no-repeat;
}
.page #tabs h1
{
 background: url(tab-here.gif) top right no-repeat;
 display: inline;
 padding: 18px 10px 10px 10px;
 margin: 0px 5px 0px 5px;
 color: #fecf00;
 font-size: 26px;
 font-weight: bold;
 text-transform: uppercase;
}

.page ul
{
 margin: 0px;
 padding: 0px;
 border: 0px;
 padding-left: 20px;
}

/*
.page .box
{
 margin-top: 10px;
 padding-bottom: 16px;
 background-color: #2f2f2f;
 background: #2f2f2f url(box-bg-right.gif) right repeat-y;
 color: white;
 font-size: 14px;
}
.page .box .arrow
{
 float: right;
}
*/
.page .box
{
 margin-top: 16px;
 padding: 10px 12px 12px 12px;
 background: #696969;
 color: white;
 font-size: 14px;
 background: url(box-bg.png);
}
.page .box .title , .page .box h2
{
 margin: 0px;
 padding: 0px;
 /*padding: 30px 16px 16px 18px;*/
 /*background: url(box-bg-top.gif) top repeat-x;*/
 color: white;
 font-size: 20px;
}
.page .box .title span , .page .box h2 span
{
 color: #fecf00;
 font-size: 22px;
 font-weight: bold;
 text-transform: uppercase;
}
.page .box .content
{
 /*padding: 0px 50px 0px 16px;*/
 text-align: justify;
}

.page #articles
{
 font-size: 12px;
 color:  #c7c7c7;
}
.page #articles h3
{
 margin: 0px;
 border: 0px;
 padding: 0px;
}
.page #articles .title
{
 color: #e3e3e3;
 font-size: 20px;
 font-weight: bold;
}
.page #articles .date
{
 float: right;
 font-size: 10px;
 font-weight: normal;
 padding-left: 10px;
}
.page #articles .article
{
 padding: 10px;
 margin-top: 10px;
 background-color: #2f2f2f;
 font-size: 13px;
}
.page #articles .article a
{
 color: #e3e3e3;
 font-size: 18px;
}
.page #articles .article a:hover
{
 color:  white;
}
.page #articles .article a.title
{
 display: block;
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 5px;
}

.page #boxes
{
}
.page #boxes .box
{
 width: 256px;
 height: 300px; /*262px;*/
 overflow: hidden;
 float: left;
 padding: 0px;
 color: white; /*#e3e3e3;*/
 font-size: 14px;
 margin: 0px 0px 0px 9px;
 background: url(box-home-3.png) center top no-repeat;
}
.page #boxes .box .title , .page #boxes .box h1 , .page #boxes .box h2 , .page #boxes .box h3
{
 padding: 0px;
 margin: 0px;
 /*background: #2f2f2f url(box-top.gif) top center no-repeat;*/
 padding: 12px;
 padding-bottom: 10px;
 color: #fecf00;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 text-transform: uppercase;
}
.page #boxes .box .content
{
 /*background: #2f2f2f url(box-bottom.gif) bottom center no-repeat;*/
 padding: 14px;
 padding-top: 0px;
 font-size: 14px;
 text-align: justify;
 font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 line-height: 16px;
}
.page #boxes .box .content .more
{
 display: block;
 margin-top: 10px;
 text-align: right;
}
/*begin*/
.page #lastprojs
{
 clear: both;
 width: 788px;
 height: 210px;
 overflow: hidden;
 margin: 0px 0px 0px 10px;
 background: url(box-home.png) center top no-repeat;
}
.page #lastprojs .btns
{
 float: right;
 width: 24px;
 padding-top: 68px;
}
.page #lastprojs .btns a
{
 display: block;
 margin-bottom: 1px;
}
/*.page #lpc
{
 width: 784px;
 height: 630px;
 position: relative;
 left: 0px;
 top: 0px;
}*/
.page #proj1 , .page #proj2 , .page #proj3
{
/* position: absolute;
 left: -1000px;
 top: -1000px;*/
 width: 734px;
}
/*.page #proj1
{
 position: relative;
 left: 0px;
 top: 0px;
}*/
.page #lastprojs .hidden
{
 position: absolute;
 left: -1000px;
 top: -1000px;
}
.page #lastprojs .visible
{
 position: relative;
 left: 0px;
 top: 0px;
}
.page #lastprojs .project
{
 color: #e3e3e3;
 font-size: 14px;
 padding: 20px 0px 20px 20px;
 height: 170px;
}
.page #lastprojs .project img
{
 float: right;
}
.page #lastprojs .project .content
{
 float: left;
 width: 324px;
}
.page #lastprojs .project .title
{
 display: block;
 font-size: 20px;
 color: #fecf00;
 text-transform: uppercase;
 text-align: right;
 font-weight: bold;
}
.page #lastprojs .project .title span
{
 display: block;
 font-size: 14px;
 font-weight: bold;
}
.page #lastprojs .project a.name
{
 display: block;
 font-size: 18px;
 margin-top: 15px;
 margin-bottom: 10px;
 color: white;
}
.page #lastprojs .project .more
{
 display: block;
 margin-top: 10px;
 text-align: right;
}
/*end*/
.page .box a strong
{
 color: white;
}


.small
{
 font-size: 11px;
}
.smaller
{
 font-size: 10px;
}
.smallest
{
 font-size: 9px;
}





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

/* List */
.list
{
 clear: both;
}
.list .item
{
 color: white;
 text-align: justify;
 margin: 0px;
 padding: 0px;
 margin-bottom: 0px;
 height: 206px;
 overflow: hidden;
}
.list .item .box
{
 height: 190px;
 background: url(list-box.png) top left no-repeat;
}
/*.list .item .inner
{
 padding: 0px;
 position: relative;
}*/
.list img
{
 float: left;
}
.list .item h3 , .list .item .content , .list .item .url , .list .item .link
{
 display: block;
}
.list .item h3
{
 margin: 0px;
 padding: 0px;
 color: white;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 10px;
 padding-bottom: 5px;
}
.list .item h3 a
{
 color: white;
 text-decoration: none;
}
.list .item h3 a:hover
{
 color: white;
 text-decoration: underline;
}
.list .item .content
{
 height: 100px;
 overflow: hidden;
}
.list .item .url
{
 text-align: left;
 font-size: 13px;
 text-transform: lowercase;
}

.list .pages
{
 padding-bottom: 2px;
 margin-bottom: 20px;
 margin-top: 20px;
 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;
 background-color: #121212;
 margin-left: 5px;
}
.list .pages span
{
 color: #999999;
 font-weight: normal;
 padding: 2px 4px 2px 5px;
 background-color: #888888;
 margin-left: 5px;
/* opacity: 0.5;
 filter: alpha (opacity=50);
*/
}
.list .pages div
{
 color: white;
 display: inline;
 font-weight: bold;
 padding: 2px 4px 2px 5px;
 background-color: #fecf00; /*#3e6f99;*/
 margin-left: 5px;
}
.list .pages a
{
 color: white;
 font-weight: normal;
 padding: 2px 4px 2px 5px;
 background-color: #414141;
 margin-left: 5px;
 /*opacity: 0.5;
 filter: alpha (opacity=50);
 */
}
.list .pages a:hover
{
 color: white;
 background-color: #fecf00; /*#3e6f99;*/
 text-decoration: none;
 /*opacity: 1;
 filter: alpha (opacity=100);
 */
}




/* Lists particularities */

.portofoliu a.cover
{
 display: block;
 width: 400px;
 height: 170px;
 float: left;
}
.portofoliu .item h3 , .portofoliu .item .content , .portofoliu .item .url , .portofoliu .item .link , .portofoliu .item .title
{
 width: 370px;
 display: block;
 float: right;
}
.portofoliu .item h3
{
 height: 20px;
 overflow: hidden;
 text-align: left;
}
.portofoliu .item h3 a
{
 color: white;
}
.portofoliu .item .content
{
 height: 115px;
 overflow: hidden;
}
.portofoliu .item .url , .portofoliu .item .link
{
 text-align: right;
 text-transform: lowercase;
 font-size: 12px;
 margin-top: 3px;
}

.portofoliuItem
{
/* xmargin-right: 10px;
*/ margin-right: 10px;
}
.portofoliuItem h1
{
 float: left;
 display: block;
 color: #fecf00;
 font-size: 22px;
 font-weight: bold;
 text-transform: none;
}
.portofoliuItem .text
{
 clear: both;
 /*float: left;*/
 width: 454px;
 margin-bottom: 10px;
}
.portofoliuItem .link
{
 float: left;
 /*padding-top: 10px;*/
 text-align: left;
 text-transform: lowercase;
}
.portofoliuItem .back
{
 float: left;
 /*padding-top: 10px;*/
 font-size: 12px;
 text-align: center;
}
.portofoliuItem .images
{
 /*float: right;
 width: 320px;
 margin-left: 20px;*/
}
.portofoliuItem .images img
{
 /*border: 3px solid #414141;*/
 margin-bottom: 10px;
}
.portofoliuItem .bottom
{
 padding-top: 10px;
 background: none;
 font-size: 12px;
}
.portofoliuItem .navigation
{
 float: right;
}
.portofoliuItem .navigation a
{
 margin: 0px 3px 0px 3px;
}



.opinii .item
{
 height: auto;
 padding: 15px;
 margin: 5px 0px 5px 0px;
 background: url(box-bg.png);
}
.opinii .item .text
{
 margin-bottom: 10px;
}
.opinii .item .more
{
 display: block;
 text-align: right;
}
.opinii .item .nume
{
 text-align: right;
 font-weight: bold;
}
.opinii .item .firma
{
 text-align: right;
 font-weight: bold;
}

.opiniiItem
{
 margin-right: 10px;
}
.opiniiItem h1
{
 display: block;
 color: #fecf00;
 font-size: 22px;
 font-weight: bold;
 text-transform: none;
}
.opiniiItem .text
{
 margin-bottom: 10px;
}
.opiniiItem .back
{
 clear: both;
 padding-top: 10px;
 font-size: 12px;
 text-align: center;
}
.opiniiItem .nume
{
 text-align: right;
 font-weight: bold;
}
.opiniiItem .firma
{
 text-align: right;
 font-weight: bold;
}


.arhiva .item
{
 height: 125px;
}
.arhiva .item img
{
 margin-right: 15px;
}
.arhiva .item h3 , .arhiva .item .content , .arhiva .item .more
{
 display: block;
}
.arhiva .item h3
{
 margin-bottom: 3px;
 padding-bottom: 3px;
 color: #e3e3e3;
 font-size: 20px;
 font-weight: bold;
}
.arhiva .item .date
{
 float: right;
 font-size: 10px;
 text-align: right;
 font-weight: normal;
 padding-left: 10px;
 padding-top: 2px;
}
.arhiva .item .content
{
 height: 80px;
 overflow: hidden;
}
.arhiva .item .more
{
 margin-top: 2px;
 text-align: right;
 font-size: 12px;
}


.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
{
}
.articol h1
{
 margin: 0px;
 border: 0px;
 padding: 0px;
 display: block;
 color: #fecf00;
 font-size: 24px;
 font-weight: bold;
 text-transform: none;
 padding-bottom: 3px;
 margin-bottom: 10px;
}
.articol h1 .date
{
 color: #c7c7c7;
 float: right;
 font-size: 11px;
 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;
 font-size: 12px;
}
.articol .images
{
 float: left;
 width: 320px;
 margin-right: 20px;
}
.articol .images img
{
 border: 3px solid #414141;
 margin-bottom: 10px;
}







/* FORM */

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

.form
{
 width: 300px;
 margin-bottom: 10px;
}
.form .title
{
  text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	color: white;
	font-weight: bold;
	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
{
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
	color: white;
	width: 80px;
}
.form .line .error
{
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
	color: red;
	width: 80px;
}
.form .line .value
{
	padding-right: 1px;
}
.form .line .button
{
  padding-top: 3px;
}
.form .line .button input
{
 text-transform: uppercase;
 border: 1px solid #121212;
 background-color: #efefef;
 font-size: 12px;
 color: #171717;
 padding: 2px;
}
.form .line .button input:hover
{
 border: 1px solid #e68700; /*#3e6f99;*/
 background-color: #fecd00; /*#3e6f99;*/
 color: white;
}
.form .star_descript
{
	text-align: left;
	vertical-align: top;
	font-size: 11px;
}
.nav{margin:4px;text-align:right;}
#next2{margin:0 10px;}
#prev2{}

active, a:focus { outline: 0;}
/*yos*/
.page #articles .article h3 a{color: #FECF00; font-family: Arial, Verdana, Helvetica, sans-serif; padding:10px 0 0 20px;}
.page #articles .article 
{/*
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;*/
}
.page #articles .article  p a{color:#fff;}
.page #articles .article  p a:hover{text-decoration:underline; color:#eee;}
.spot{float:right; margin:10px 40px 0 0;}
.banner{clear:both;}

.yellow{color:#FED41A !important;}
.optimizare_list li{line-height:12px !important;}
.new_font{font-family:Arial,Verdana,Helvetica,sans-serif; letter-spacing:0!important; }
.list .item a img{margin-right:5px;}