@charset "utf-8";
/* CSS Document from Justpixel */

body{
margin:0px;
padding:0px;
background:url(../images/bg.jpg) repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
}

a, a:visited{
text-decoration:none;
color:#8e8e8e;
}

a:hover{
color:#bababa;
}

#body_page{
margin:0 auto;
width:887px;
border:0px solid yellow;
}

/* Start header */

#header{
width:887px;
}

#header .keywords{
float:left; 
width:880px;
height:80px; 
position:absolute;
background:url(../images/telefon_just_picel_web_design.jpg) no-repeat right 35px;
}

#header .keywords h1{
padding:0; 
margin:0; 
color:#DADADA; 
font-size:10px;
}

/* Start logo */

#header .logo{
width:192px;
height:105px;
float:left;
border:0px solid white;
padding:45px 0 0 8px;
}

/* End logo */
/* Start menu */

#header .menu{
width:668px;
height:36px;
float:right;
padding-left:5px;
border:0px solid pink;
margin-top:87px;
background:url(../images/menu_left_bg.gif) no-repeat left top;
}

#header .menu .content_menu{
background:url(../images/menu_right_bg.gif) no-repeat right top;
float:right;
height:36px;
padding-right:3px;
}

#header .menu .content_menu .body_menu{
background:url(../images/menu_bg.gif) repeat-x left top; 
height:36px; 
display:block
}

#header .menu .content_menu .link,#header .menu .content_menu .link:visited{
text-decoration:none;
color:#c0c0c0;
display:block;
float:left;
padding:10px 19px 10px 20px;
background:url(../images/dist_menu.gif) no-repeat right top;
font-size:0.9em;
}

#header .menu .content_menu .link:hover{
color:#FFF;
background-color:#92c411;
background:url(../images/bg_hover_menu.gif) repeat-x left top;
}

#header .menu .content_menu .link_contact,#header .menu .content_menu .link_contact:visited{
text-decoration:none;
color:#c0c0c0;
display:block;
float:left;
padding:10px 19px 10px 20px;
font-size:0.9em;
}

#header .menu .content_menu .link_contact:hover{
color:#FFF;
background-color:#92c411;
background:url(../images/bg_hover_menu.gif) repeat-x left top;
}

#header .active_menu{
color:#FFF !important;
background-color:#92c411 !important;
background:url(../images/bg_hover_menu.gif) repeat-x left top !important;
}

#header #menu { margin:0; padding:0; }
#header #menu li { display:block; position: relative; float:left;  }

#menu li ul.subnav { 
list-style: none; 
position: absolute; 
left: 0; 
top: 37px; 
background:#FFF; 
margin: 0; 
padding:0 0 0 10px; 
display: none; 
float: left; 
width: 190px !important; 
z-index:100; 
-moz-border-radius-bottomleft:8px !important; 
-moz-border-radius-bottomright:8px !important; 
-webkit-border-bottom-left-radius:8px !important; 
-webkit-border-bottom-right-radius:8px !important; 
border-top:none !important; 
border-bottom:1px solid #ebebeb !important;  
border-left:1px solid #ebebeb !important; 
border-right:1px solid #ebebeb !important;
}

#menu li ul.subnav li{ 
margin: 0 ; 
padding: 0 ; 
clear: both ; 
width: 180px !important; 
z-index:10000; 
border-top:1px solid #ebebeb !important;
}

#menu li ul.subnav li a { 
margin: 0 ; 
padding: 0 10px ; 
float: left; 
width: 160px !important; 
z-index:10000; 
background-color:#fff;
line-height:30px; 
text-align:left;
color:#999 !important;
font-size:13px !important;
border:0px solid red;
}

#menu li ul.subnav li a:hover{
color:#333 !important;
}

/* End menu */
/* Start banner */

#header .banner{
width:567px;
height:208px;
border:0px solid black;
float:left;
background:url(../images/header-web-design.jpg) no-repeat left top;
color:#fff;
padding:0 300px 0 20px;
}

#header .banner_last_pages{
width:887px;
height:106px;
float:left;
background:url(../images/banner_just_pixel_web_design.gif) no-repeat left top;
}

#header .banner_last_pages .banner_box1{
float:left; 
width:200px; 
height:96px; 
color:#fff; 
font-weight:bold; 
background:url(../images/bg_last_page_dist_banner_just_pixel_web_design.jpg) no-repeat right center;
}

#header .banner_last_pages .banner_box2{
width:450px; 
height:76px; 
border:0px solid white; 
float:left; 
font-size:13px; 
padding:20px 0 0 20px; 
color:#fff
}

#header .banner_last_pages .banner_box3{
width:200px; 
height:96px; 
float:left;
}

/* End banner */
/* Start Gadget */

#header .gadget{
width:218px;
height:179px;
float:left;
margin:4px 4px 0 0;
border:0px solid green;
}

#header .gadget_right{
width:218px;
height:179px;
float:left;
margin:4px 0px 0 0;
border:0px solid green;
}

#header .gadget .a1,#header .gadget .a1:visited{
background:url(../images/vreau_un_website.jpg) no-repeat left top;
display:block;
float:left;
width:218px;
height:179px;
text-decoration:none;
}

#header .gadget .a1:hover{
background:url(../images/vreau_un_website_hover.jpg) no-repeat left top;
}

#header .gadget .a2,#header .gadget .a2:visited{
background:url(../images/vreau_un_magazin.jpg) no-repeat left top;
display:block;
float:left;
width:218px;
height:179px;
text-decoration:none;
}

#header .gadget .a2:hover{
background:url(../images/vreau_un_magazin_hover.jpg) no-repeat left top;
}

#header .gadget .a3,#header .gadget .a3:visited{
background:url(../images/vreau_in_google.jpg) no-repeat left top;
display:block;
float:left;
width:218px;
height:179px;
text-decoration:none;
}

#header .gadget .a3:hover{
background:url(../images/vreau_in_google_hover.jpg) no-repeat left top;
}

#header .gadget_right .a4,#header .gadget_right .a4:visited{
background:url(../images/vreau_un_logo.jpg) no-repeat left top;
display:block;
float:left;
width:218px;
height:179px;
text-decoration:none;
}

#header .gadget_right .a4:hover{
background:url(../images/vreau_un_logo_hover.jpg) no-repeat left top;
}

/* End gadget */
/* End header */
/* Start content */

#content {
width:100%;
float:left;
}

#content .left_content{
float:left; 
width:645px;
}

#content .right_content{
width:190px; 
border:0px solid red; 
float:left; 
background:url(../images/left_content_portfolio_web_design_just_pixel.jpg) no-repeat left top; 
padding:0 0 0 19px; 
margin:2px 0 0 0;	
}

#content .right_content .right_content_box1{
width:150px; 
border:0px solid black; 
padding:0 10px 0 30px; 
background:url(../images/telefon_just_pixel_web_design.jpg) no-repeat left top;
}

#content .right_content .right_content_box2{
width:150px; 
border:0px solid black; 
padding:0 10px 0 30px; 
background:url(../images/email_just_pixel_web_design.jpg) no-repeat left top;
}

#content .right_content .right_content_box3{
width:150px; 
border:0px solid black; 
padding:0 10px 0 30px; 
background:url(../images/adresa_just_pixel_web_design.jpg) no-repeat left top;
}

#content .article{
height:20px; 
float:right; 
border:0px solid black; 
padding:5px 0 0 30px; 
background:url(../images/articol.jpg) no-repeat left center; 
margin:5px 0 0px 0;
}

#content .input_text_contact{
width:269px; 
height:25px; 
background-color:#f1f1f1; 
border:1px solid #c0c0c0
}

#content .input_text_textarea{
width:578px; 
height:140px; 
background-color:#f1f1f1; 
border:1px solid #c0c0c0;
}

#content .portfolio_box{
width:190px; 
height:265px; 
border:0px solid black; 
float:left; 
margin:20px 20px 20px 0px; 
font-size:13px;
}

#content .right_content ul{
margin:0; 
padding:0 0 0 15px; 
font-size:14px; 
line-height:20px; 
color:#696969
}

#content .content_last_pages{
background:url(../images/bg_content_just_pixel_web_design.gif) no-repeat left top; 
background-color:#fff; 
float:left; 
width:860px; 
padding:0 0 0 25px;
}

#content h2{
color:#575757;
padding:5px 0 10px 0;
margin:0;
font-size:20px;
font-weight:normal
}

#content .gadget_top_left{
width:248px;
padding:25px 15px 0 28px;
margin:5px 5px 0 0;
float:left;
height:205px;
background:url(../images/gadget_bine_ati_venit_just_pixcel.jpg) no-repeat left top;
color:#696969;
text-align:justify;
font-size:13px;
}

#content .gadget_top_middle{
width:251px;
padding:25px 15px 0 25px;
margin:5px 5px 0 0;
float:left;
height:205px;
background:url(../images/misiunea_noastra_just_pixel.jpg) no-repeat left top;
color:#696969;
text-align:justify;
font-size:13px;
}

#content .gadget_top_right{
width:251px;
padding:25px 15px 0 25px;
margin:5px 0px 0 0;
float:left;
height:205px;
background:url(../images/testimoniale_just_pixel.jpg) no-repeat left top;
color:#696969;
text-align:justify;
font-size:13px;
}

#content .container{
	float:left;
	width:885px;
	height:210px;
	border:0px solid red;
}

#content .gadget_middle{
width:264px;
margin:20px 5px 0 0;
height:250px;
float:left;
padding:0 0 0 25px;
border:0px solid blue;
}

#content .gadget_middle_right{
width:289px;
margin:20px 0px 0 0;
float:left;
height:250px;
border:0px solid blue;
}

#content .gadget_buttom{
width:169px;
height:270px;
margin:20px 2px 0px 0;
padding:20px 25px 0 25px;
float:left;
background:url(../images/box2.jpg) no-repeat left top;
color:#696969;
text-align:justify;
font-size:13px;
}

#content .gadget_buttom_right{
width:169px;
height:270px;
margin:20px 0px 0px 0;
padding:20px 25px 0 25px;
float:left;
background:url(../images/box2.jpg) no-repeat left top;
color:#696969;
text-align:justify;
font-size:13px;
}

/* End content */
/* Start footer */

#footer{
width:100%;
height:365px;
background:url(../images/footer.jpg) repeat-x left top;
float:left;
margin:30px 0 0 0;
}

#footer .footer{
width:885px;
height:285px;
margin:0 auto;
background:url(../images/bg_footer.jpg) no-repeat left bottom;
border:0px solid white;
color:#8e8e8e;
font-size:12px;
}

#footer .footer .footer_body{
background-color:#272727; 
float:left;
}

#footer .footer .footer_top{
width:100%;
height:20px;
border:0px solid white;
color:#575757;
padding:13px 0 0 0px;

}

#footer .footer .form_box{
width:214px;
height:28px;
float:right;
padding:0 5px 0 0;
margin:0px !important;
top:-5px;
position:relative;
}

#footer .footer .input_text{
float:left;
width:125px;
}

#footer .footer .submit{
float:right;
}

#footer .footer .footer_chenar{
width:181px;
margin:15px 0 46px 0;
border-right:1px solid #8e8e8e;
height:180px;
float:left;
padding:0px 0px 0 10px;
border:0px solid white;
}

#footer h2{
margin:0;
padding:0;
color:#FFF;
font-size:14px;
}

#footer .footer .footer_chenar ul{
padding:0;
margin:5px 0 0 15px;
}

#footer .footer .footer_form{
width:274px;
margin:15px 0 46px 0;
padding:0px 20px 0 20px;
height:180px;
float:left;
color:#fff;
font-size:11px;
border:0px solid white;
}

#footer .footer .footer_buttom_box1{
width:885px; 
border:0px solid black; 
height:25px; 
float:left; 
padding:15px 0 0 0;
font-size:11px;
}

#footer .footer .footer_buttom_box2{
float:left; 
border:0px solid white; 
width:869px; 
height:25px; 
font-size:12px;
border:0px solid white;
color:#DADADA;
background:url(../images/bottom_footer.jpg) no-repeat left bottom;
padding:15px 0 0 16px;
}

#footer .footer .footer_form .names{
border:0px solid black; 
width:75px; 
float:left; 
line-height:25px; 
font-size:14px; 
color:#8e8e8e;
}
#footer .footer .footer_form .inputs{
border:0px solid black; 
width:190px; 
float:left; 
line-height:18px;
margin-bottom:6px; 
}

#footer .footer .footer_form .input_text{
margin-top:6px; 
background:url(../images/contact_chenar.jpg) no-repeat left top; 
border:0; 
width:193px; 
color:#fff;
}

#footer .footer .footer_form .textarea{
margin:6px 0 10px 0; 
background:url(../images/textarea_contact_chenar.jpg) no-repeat left top; 
border:0; 
width:193px; 
height:50px;
color:#fff;
}

/* End footer */