/* 
	E-afacere CSS Styles Definition 
*/
	 
 *{
outline-color:invert;
outline-style:none;
outline-width:medium;
} 

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: center; text-decoration: none; background-color: #FFFFFF; color: #4b565e; }
/*html { scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #0099FF; scrollbar-base-color: #ff6347; scrollbar-darkshadow-color: #FFFFFF; scrollbar-face-color: #E9E9E9; scrollbar-highlight-color: #DCDCDC; scrollbar-shadow-color: #E1E1E1; }*/
img { margin: 0px; padding: 0px; border: none; }

.clear { height: 5px; margin: 0; padding: 0; font-size: 0; clear: both; }
.clearAll {clear: both; line-height: 0; font-size: 0; height: 0; }

.tooltip1 { margin: 20px 0 0; padding: 2px 5px 2px 17px; height: inherit; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; color: #4b565e; background: #F3F3F4 url(../img/menu/dot.jpg) no-repeat 7px 6px; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; }

#wrap { margin: 0 auto; padding: 0px; width: 693px; height: 100%; text-align: left; }

/* -------------------------------------- HEAD -------------------------------------- */
#wrap .head { margin: 0px; padding: 20px 0px 0px 40px; }
#wrap .head .menu { margin: 7px 0px 0px -6px; padding: 0px; list-style-type: none; }
#wrap .head .menu li { margin: 0px 1px 0px 0px; padding: 0px; float: left; }

/* -------------------------------------- CONTENT -------------------------------------- */
#pageBodyIndex {margin:auto; padding:0px; width:638px; height:inherit; background-color:#FFFFFF; text-align:center}
#pageBodyIndex .logo {margin:10px 0px 10px 0px;}
#pageBodyIndex .text {margin:10px 0px 10px 0px; padding:0px 27px 0px 28px; line-height:140%; text-align:left  }

#wrap .content { margin: 15px 0px 0px 0px; padding: 0px;}
#wrap .content .up { margin: 0px; padding: 0px; font-size: 1px; background: url(../img/tabelTop.jpg) no-repeat left bottom; height: 9px; width: 693px; }
#wrap .content .upup { margin: 0px; padding: 0px; font-size: 1px; background: url(../img/toptop.jpg) no-repeat; height: 46px; width: 693px; }

#wrap .content .main { margin: 0px;padding: 0px; padding-left:35px; border-left: 1px #DCDCDC solid; border-right: 1px #DCDCDC solid; height:auto ;  }
#wrap .content .main1{ margin: 0px; padding: 0px 37px 0px 37px; background:url(../img/prez_bgd.jpg) repeat-y;}
#wrap .content .main_oferta { margin: 0px;  border-left: 1px #DCDCDC solid; border-right: 1px #DCDCDC solid; height:auto!important; min-height: 1050px; height:1050px;  }

h1{ color:#008aff; font-size:16px; background:url(../img/bigBull.jpg) center left no-repeat; padding:0px 0 0px 15px; }
h1 a {color:#008aff; font-size:16px; text-decoration:none;}
#wrap .content .main table { margin: 0px 0 0 0; padding: 0px 0px 0px 0px; background: #FFFFFF; height: 359px;  }
#wrap .content .main table h1 { margin: 35px 0px 10px 0px; }
#wrap .content .main table div.point { margin: 0px 0px 0px 15px; padding: 0px 0px 0px 8px; background: url(../img/listType.jpg) no-repeat 0px 5px; }
#wrap .content .main table div.point a { color:#008aff; text-decoration:none; font-weight:bold;}
#wrap .content .main table div.point a:hover	{ text-decoration: underline; }
#wrap .content .main table div.point span { margin: 3px 0 0 0; display: block; padding: 0px; font-weight: bold; font-style: italic; text-align: right; }
/* tag cloud start */
#wrap  .tagcloud { width:150px; position:relative; margin:-230px -150px 0px 700px; text-align:left}
#wrap  .tagcloud .cloudtext { border-right: 1px #DCDCDC solid;border-left: 1px #DCDCDC solid;}
#wrap  .tagcloud .cloudtext a { margin-left:5px;color: #0189FF; text-decoration:none; line-height:30px;}
.blue{ font-size:20px}
.blue2{ font-size:13px; font-weight:bold}
.blue3{ font-size:11px}
#wrap  .tagcloud img { margin:auto 0; padding:0px;}
/* tag cloud end */

#wrap .content .main table .details { margin: 5px 0px 10px 15px; padding: 0px; }
#wrap .content .main table .details a { margin: 0px; padding: 0 0 0 15px; background: url(../img/rightArrow.jpg) no-repeat 0px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: underline; color: #4b565e; }
#wrap .content .main table .details a:hover { color: #0189FF; }

#wrap .content .main table .trimite_btn 		{ margin: -15px 30px 10px 15px; padding: 0px; float: right; }
#wrap .content .main table .trimite_btn a 		{ margin: 0; padding: 0 0 0 15px; background: url(../img/rightArrow.jpg) no-repeat 0 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: underline; color: #4b565e; }
#wrap .content .main table .trimite_btn a:hover { color: #0189FF; }

#wrap .content .main table .gallery 		{ margin: 10px 0 10px 15px; padding: 0; }
#wrap .content .main table .gallery img 	{ margin: 0; padding: 0; }
#wrap .content .main table .gallery a 		{ margin: 0 8px 10px 0; padding: 0; float: left; /*filter: gray();*/ }
#wrap .content .main table .gallery a:hover {/* filter:;*/}

#wrap .content .main table .text { margin: 0 0 20px 8px; padding: 0; }
#wrap .content .main table .text h2 { margin: 0 0 5px; padding: 0 0 0 10px; background: #FFFFFF url(../img/listType.jpg) no-repeat 0px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; color: #4b565e; }
#wrap .content .main table .text h2 a {font-weight: bold; font-style: normal; text-align: left; text-decoration:underline; color: #4b565e; }
#wrap .content .main table .text h2 a:hover {text-decoration:underline}
#wrap .content .main table .text span { margin: 0; padding: 0 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; color: #0189FF; }
#wrap .content .main table .text p { margin: 2px 0 15px; padding: 0 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; color: #4b565e; }
#wrap .content .main table .text a.picture { margin: 0 0 0 5px; padding: 0px; float: right; border: 4px #E7E7E7 solid; }
#wrap .content .main table .text a:hover.picture { border: 4px #29A6FF solid; background: #FFFFFF; }
#wrap .content .main table .text .picture img { margin: 1px 1px 5px 1px; padding: 0px; }

#wrap .content .main table .text a#picture { margin: 2px 0 0 5px; padding: 0px; float: right; border: 4px #E7E7E7 solid; }
#wrap .content .main table .text a:hover#picture { border: 4px #29A6FF solid; background: #FFFFFF; }
#wrap .content .main table .text #picture img { margin: 1px 1px 5px 1px; padding: 0px; }



#wrap .content .main table .text a { margin: 0 0 0 0px; padding: 0 2px 0 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; color: #0189FF; }
#wrap .content .main table .text a:hover { text-decoration: underline; }

#wrap .content .main table .text .text2 a { margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; color: #0189FF; }
#wrap .content .main table .text .text2 a:hover { text-decoration: underline;}

#wrap .content .main table .text form { margin: 0px; padding: 0px; }
#wrap .content .main table .text form table { margin: 0px; padding: 0px; height: auto; }
#wrap .content .main table .text form input { margin: 0px; padding: 0px; width: 224px; height: 16px; background: #FFFFFF; border: 1px #DCDCDC solid; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; color: #4b565e; }
#wrap .content .main table .text form textarea { margin: 0px; padding: 0px; width: 224px; height: 106px; background: #FFFFFF; border: 1px #DCDCDC solid; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; color: #4b565e; }

#wrap .content .main table .subMenu { margin: 10px 0px 0px 15px; padding: 0px;}
#wrap .content .main table .subMenu ul { margin: 0px; padding: 0px; list-style-type: none; }
#wrap .content .main table .subMenu ul li { margin: 0px; padding: 0px; float: right; }
#wrap .content .main table .subMenu ul li img { margin: 0px 0px 1px 6px; padding: 0px; vertical-align: middle; }
#wrap .content .main table .subMenu a { margin: 0px; padding: 0 2px 0 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; color: #0189FF; }
#wrap .content .main table .subMenu a:hover { text-decoration: underline; color: #4b565e;  }

#wrap .content .main table .list { margin: 10px 0px 10px 15px; padding: 0px;}
#wrap .content .main table .list div {float: left; margin: 0 7px 0 0; padding: 1px 0 1px 0; width: 140px; background: url(../img/lineDottet.jpg) repeat-x left top; font-size:11px }
#wrap .content .main table .list a { margin: 0px; padding: 1px 0 1px 15px; display: block; background: url(../img/arrowOff.jpg) no-repeat 5px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; color: #4b565e; }
#wrap .content .main table .list a:hover { color: #FFFFFF;  background: #0097FE url(../img/arrowOn.jpg) no-repeat 5px 5px; }

#wrap .content .main table .slideshow { margin: 0px; padding: 0 10px 0 20px; }
#wrap .content .main table .slideshow img { margin: 2px; }
#wrap .content .main table .slideshow br { height: 1px; font-size: 1px; }
#wrap .content .main table .slideshow .big { margin: 0 10px 10px 0; padding: 2px; border: 3px #E7E7E7 solid; display: block; width: 300px; float: left; }
#wrap .content .main table .slideshow .big:hover { border: 3px #29A6FF solid; }
#wrap .content .main table .slideshow .small { margin: 0 10px 10px 0; padding: 0px; border: 3px #E7E7E7 solid; display: block; width: 60px; float: left; }
#wrap .content .main table .slideshow .small:hover { border: 3px #29A6FF solid; }

#wrap .content .main table .box { margin: 0 0 10px 0; padding: 0px; width: 600px; text-align: justify; }
#wrap .content .main table .paginator { margin: 0 0 30px 20px; padding: 4px 0 0 4px; height: 17px; background: url(../img/doubleOLine.gif) repeat-x left top; }
#wrap .content .main table .paginator img { margin: 0px; padding: 0px; vertical-align: middle; }
#wrap .content .main table .paginator a { margin: 2px 3px 0 3px; padding: 0px; }
#wrap .content .main table .paginator span { margin: 0px; padding: 0px; color: #999999; vertical-align: middle; }

#wrap .content .main table .clients { margin:25px 0px 0px 20px; padding: 0px 0px 0px 8px; width:300px }
#wrap .content .main table .clients a { margin: 0px 2px 5px 0px; padding:0px 0px 5px 0px; width:95px; height:40px; display: block; float: left; }
#wrap .content .main table .clients a:hover { margin: 0px 2px 5px 0px; padding:0px 0px 5px 0px; filter: alpha(opacity=50); -moz-opacity: .50; }

#wrap .content .main table .news { width: 308px; margin: 30px 0 0 20px; padding: 0 0 1px; background: url(../img/lineDottet.jpg) repeat-x left bottom; }
#wrap .content .main table .news a span { margin: 0px; padding: 0px 0px 0px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; color: #0089FF; background: url(../img/listType.jpg) no-repeat 3px 5px; }
#wrap .content .main table .news a { margin: 0px; padding: 3px 0px 3px 0px; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; background: #FFFFFF; color: #4b565e; background: url(../img/lineDottet.jpg) repeat-x left top; }
#wrap .content .main table .news a:hover { background: #EDEEEF; }

#wrap .content .down { margin:0px 0 0 0px; padding: 0px; font-size: 1px; background:#FFFFFF url(../img/tabelBottom.jpg) no-repeat left top; height: 9px; width: 693px; }
#wrap .content .downn { margin: 0px; padding: 0px; font-size: 1px; background:url(../img/prez_bottom.jpg) no-repeat; height: 46px; width: 693px; }


#wrap .content .main table .text div.nume {float:left; margin:8px 0 3px 0; padding:0px; width:120px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; color: #4b565e;}
#wrap .content .main table .text div.inputDetails {float:left; margin:5px 0px 0px 0px; width:160px;} 
#wrap .content .main table .text div.inputDetails input { margin: 0px; padding: 0px; width: 160px; height: 16px; background: #FFFFFF; border: 1px #DCDCDC solid; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; color: #4b565e; }
#wrap .content .main table .text div.trimite {clear:both; margin:0px 0px 0px 140px; padding:0px; width:100px;}

td.copyRightCell { text-align: left; vertical-align: top; }
#copyright {margin: 0px; padding: 22px 0px 5px 40px; display: block; }
#copyright span {background-color:#FFFFFF; color: #0189FF; text-decoration:none; font-weight:bold }
#copyright a {background-color:#FFFFFF; color: #4b565e; text-decoration:underline; font-weight:bold }
#copyright a:hover {background-color:#FFFFFF; color: #0189FF; text-decoration:underline}

#wrap .content .main1 .text_eaf{margin:0px; padding:10px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#7c7c7c; width:425px; float:left;}
#wrap .content .main1 .text_eaf a{text-decoration:none; font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#cd5a00;}
#wrap .content .main1 .pic_eaf{margin:0px; padding:0px; width:190px; float:left;}








/* -------------------------------------- BOTTOM -------------------------------------- */
#wrap .bottom { margin: 0px; padding: 0px; display: block; width: 693px; }

#wrap .bottom p { margin: 200px 0px 10px 0px; padding: 0px 5px 0px 5px; /*border: 1px #CCCCCC solid;*/ }
#wrap .bottom form { margin: 12px 40px 0px 0px; padding: 0px; }
#wrap .bottom form input { margin: 0px; padding: 0px 2px 0px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; background: #FFFFFF; color: #4b565e; border: 1px #DCDCDC solid; width: 94px; height: 15px; }
#wrap .bottom form #button { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; background: #FFFFFF; color: #29A6FF; border: none; cursor: pointer; }


/* added special classes for team gallery */
.our-team { margin: 0; padding: 0 0 0 23px; }
.our-team a { margin: 0 17px 0 0; padding: 2px; float: left; border: 3px #E7E7E7 solid; display: block; width: 90px; }
.our-team a:hover { border-color: #29A6FF; background-color: #E7E7E7;  }
.our-team .o-line { margin: 10px 20px 10px 0; background: url(../img/lineDottet.jpg) repeat-x center center; line-height: 1px; font-size: 1px; height: 1px; }



a.link_links{ color:#008BFE; text-decoration:none;}
a.link_links:hover{text-decoration:underline;}

.border_preview{
z-index:100; position:absolute; background-color:#FFFFFF; width:540px; border: 1px solid #0372A4;
min-height:300px;
height:auto !important;
height:420px;
}

/*.preview_temp_load {
vertical-align:center;text-align:center;padding:8px 10px 17px 10px;
}*/
.title {color:#2066A4; font-size:24px;}
.switchFiltre {
text-decoration: none;
}
.switchFiltre:hover {
text-decoration: underline;
}

/* adrian 31.08.2007 :) */
.webdesign				{ width: 180px; margin: 0 0 0 20px; float: left; } 
.webdesign h2			{ font-size: 12px; margin: 0 0 5px; padding: 0; font-weight: bold; }
.webdesign a 			{ margin: 5px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; color: #0189FF; }
.webdesign a:hover 		{ text-decoration: underline;}

.webdesign a img 		{ padding: 1px; border: 1px solid #0099FF; }
.webdesign a:hover img 	{ padding: 0; border: 2px solid #0099FF; }





/* aici si-a bagat daniel coada :) */
.clear 								{ margin: 0; clear: both; line-height: 1px; font-size: 1px; height: 1px; }
.brands-gallery 					{ margin: 20px 0 10px; }
.brands-gallery blockquote 			{ float:left; margin:0 10px 15px; min-height:135px!important; height:auto!important; height:135px; text-align:left; width:120px; }
.brands-gallery blockquote a 		{ background-position: center; background-repeat: no-repeat; display: block; width: 120px; height: 100px;  }
.brands-gallery blockquote h2 		{ margin: 5px 0 0; font: normal 10px Arial, Helvetica, sans-serif; color: #4B565E;  }
.brands-gallery blockquote h2 span 	{ margin-right: 5px; font-size: 12px; color: #A5AAAE; vertical-align: middle; }


.portofolio-details 				{ margin: 0 auto; margin-top: 15px; width: 650px; text-align: left; font: normal 12px Arial, Helvetica, sans-serif; }
.portofolio-details h2				{ margin: 0 0 2px 0; font-size: 18px; font-weight: normal; color: #008BFE; }
.portofolio-details h2 b			{ margin: 0 7px 0 0; font-size: 12px; color: #4B565E; } 
.portofolio-details h3				{ margin: 0 0 10px 10px; font-size: 11px; font-weight: normal; color: #999999; }
.portofolio-details p				{ margin: 0 0 15px 10px; color: #4B565E; }
.portofolio-details div				{ margin-bottom: 10px; }
.portofolio-details span			{ margin: 0 0 15px 10px; display: block; width: 320px; background: url(../img/background_website_redirect.gif) repeat-x left top; line-height: 25px; color: #4B565E; }
.portofolio-details span a			{ margin: 0 0 0 10px; font-weight: bold; text-decoration: none; color: #008BFE; }
.portofolio-details span a:hover	{ color: #4B565E; text-decoration: underline; } 
.portofolio-details a				{ margin: 0 0 10px 10px;  color: #008BFE; }
.portofolio-details a img			{ border: 2px #EFEFEF solid; padding: 2px; }
.portofolio-details blockquote		{ margin: 0 0 0 15px; float: right; width: 300px; height: 350px; display: block; }
.portofolio-details blockquote img	{ border: 4px #EFEFEF solid; padding: 4px; cursor: pointer; } 


#promo					{ margin: 0 0 0 12px; padding: 10px 0 0 0; }
#promo p				{ margin: 10px 0 10px 0; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; }
#promo div				{ margin: 10px 0 10px 0; text-align: center; }
#promo blockquote		{ margin: 10px 0 10px 0; text-align: right; }
#promo blockquote a		{ font: bold 14px Arial, Helvetica, sans-serif; color: #29A6FF; text-decoration: none; }
#promo h2				{ font: normal 18px Arial, Helvetica, sans-serif; color: #FFC000; }
#promo h2 span			{ font: normal 12px Arial, Helvetica, sans-serif; font-style: italic; color: #999999; }
#promo h3				{ font: bold 25px Arial, Helvetica, sans-serif; color: #0499FF; }
#promo h4				{ font: bold 14px Arial, Helvetica, sans-serif; color: #666666; }

.text .about_repr		{ width: 600px; border-bottom: 1px solid #e1e1e1; margin-bottom: 10px; padding: 0; }
.text .about_repr p		{ margin: 2px 0 15px; padding: 0; }
.text h3.titlu			{ margin: 0; padding: 0 0 0 10px; font: bold 14px Arial, Helvetica, sans-serif; color: #29A6FF; }
.text .reprez_descr		{ width: 400px; margin: 0; padding: 5px 5px 0 0; float: left; }
.floatLeft				{ float: left; }
.floatRight				{ float: right; }
img.reprezentant		{ margin: 0 0 5px; padding: 0; border: 4px solid #0189FF; }
h2.antetOptimizare		{ width: 168px; height: 33px; text-align: center; font-size:11px; color:#999999; font-weight:bold; text-indent: -9999px; background: url(../img/mainLogo.jpg) left top no-repeat; }
h2.antetOptimizare a	{ width: 168px; height: 33px; text-decoration: none; display: block; }

a.bottomMenu			{ font-size: 10px; color: #999999; text-decoration: none; }
a.bottomMenu:hover		{ text-decoration: underline; }
table.linkuriExterne	{ width: 293px; margin-left: 47px; margin-top: 5px; }
.main .point a.megavacanta			{ text-decoration: none!important; color: #4B565E!important; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal!important; cursor: text; }
.main .invisible		{ text-decoration: none!important; color: #4B565E!important; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal!important; }
.gobtn					{ width: 20px; height: 10px; border: 1px solid #1D5990; font: Verdana, Geneva, sans-serif; font-size: 10px; color: #1D5990; text-align: center; clear: both; }
.centerAlign			{ text-align: center; }
.multimedia				{ margin: 0; padding: 20px 0 0; text-align: center; }
.inline					{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; display: inline; }
h1.webDesignH			{ float: left; padding-right: 5px; }
.webDesignStrong		{ margin: 35px 0 0; display: block; float: left; font-weight: bold; color: #008AFF; font-size: 16px; }
.antetStiri				{ background: transparent url(../img/bigBull.jpg) no-repeat scroll left center; color: #008AFF;font-size: 16px; font-weight: bold; padding: 0 0 0 15px; margin: 10px 0 10px 10px; }