img, p, ul, li, span, h1, h2, h3, h4, div { margin:0; padding:0; 
}
* {
margin:0;
padding:0;
}
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
body { background-image:url(../img/body.jpg); background-position:top; font-family: Tahoma; }
.top, .mid, .bottom { margin:auto auto; width:100%; height:auto; }
.head { background-image:url(../img/head_bg.png); width:896px; height:223px; margin: auto auto; background-repeat: no-repeat; }
.head .menu { height:64px; width:829px; padding-left: 67px; margin-top: 3px; }
.head .logo {height:159px;width:896px;}
.head .logo a{ height:120px; width:260px; float:left; text-indent:-999em; }
.b1 {background-image:url(../img/s1.png);height:64px;width:186px;background-position:0px -64px ;float:left;text-indent:-999em; margin-right: -20px;}
.b1:hover {background-image:url(../img/s1.png);height:64px;width:186px;background-position: 0px 0px;float:left;text-indent:-999em;}
.b2 {background-image:url(../img/s2.png);height:62px;width:148px;background-position:0px -62px ;float:left;text-indent:-999em; margin-right: -20px; margin-top:2px;}
.b2:hover { background-image:url(../img/s2.png); height:62px; width:148px; background-position:0px 0px; float:left; text-indent:-999em; }
.b3 {background-image:url(../img/s3.png); height:63px; width:213px; background-position:0px -63px ; float:left; text-indent:-999em; margin-right: -20px;margin-top:1px;}
.b3:hover {background-image:url(../img/s3.png);height:63px;width:213px;background-position:0px 0px ;float:left;text-indent:-999em;margin-top:1px;}
.b4 {background-image:url(../img/s4.png); height:63px;width:151px;background-position:0px -63px ;float:left;text-indent:-999em; margin-right: -20px;margin-top:1px;}
.b4:hover {background-image:url(../img/s4.png); height:63px;width:151px;background-position:0px 0px ;float:left;text-indent:-999em;}
.b5 {background-image:url(../img/s5.png);height:63px;width:120px;background-position:0px -63px ;float:left;text-indent:-999em; margin-right: -20px;margin-top:1px;}
.b5:hover {background-image:url(../img/s5.png);height:63px;width:120px;background-position:0px 0px ;float:left;text-indent:-999em;}
.b6 {background-image:url(../img/s6.png);height:63px;width:110px;background-position:0px -63px ;float:left;text-indent:-999em; margin-right: -20px;margin-top:1px;}
.b6:hover {background-image:url(../img/s6.png);height:63px;width:110px;background-position:0px 0px ;float:left;text-indent:-999em;}
.mid .content { margin:auto auto; width:854px; background-color: white; border:1px black solid; padding: 20px; margin-top: 3px; }
.mid .content .left { margin:10px; width: 470px; float: left; }
.mid .content .right { width: 340px; float: right; margin: 5px; }
.mid .content .downside { height: auto; border-top: 4px solid #cccccc; margin-top: 10px; padding-top: 20px; }
.mid .content .contain {padding:10px;}
.mid .content .contain .title { font-size:26px; border-bottom: 3px solid black; margin-top: 20px; font-weight: normal; }
.mid .content .contain .text p{margin-top:20px;}
.mid .content .downside .typebox1 { float:left; width: 250px; margin-left: 20px; border:1px solid #c6edfb; background-color: fcfcfc; }
.mid .content .downside .typebox2 { float:left; width: 250px; margin-left: 30px; border:1px solid #c6edfb; background-color: #fcfcfc; }
.mid .content .downside .typebox3 { float:left; width: 250px; margin-left: 30px; border:1px solid #c6edfb; background-color: #fcfcfc; }
.clear {clear:both}
.typebox1 .txt { padding:5px; width: 240px; float: left; font-weight: bold; text-align: center; }
.typebox2 .txt { padding:10px; width: 156px; float: left; }
.typebox3 .txt {padding:10px; width:156px; float:left; }
.typebox1 .img { width:74px; float: left; }
.typebox2 .img { width:74px; float: left; }
.typebox3 .img {width:74px; float: left; }
.typebox1 .txt p{ font-size:14px; }
.typebox2 .txt p{font-size:12px;}
.typebox3 .txt p{font-size:12px;}
.bottom .footer { margin:auto auto; width:896px; background-color:white; height: 60px; text-align: center; padding-top:20px; }
.bottom .footer p { font-size:12px; }
.bottom .footer a {margin-top:10px;font-size:13px;color:black;text-decoration:underline;}
.bottom .footer a:hover {color:#333333;text-decoration:none;}
.portofoliu img { }
.portofoliu .box_img { float:left; height:180px; width:120px; text-align:center; margin: 4px; border: 1px solid; background-color: #FCF6E6; border-color: #D4C3AF; vertical-align: middle; padding: 10px; }
.portofoliu .box_img img { vertical-align:middle; margin-top: 20px; }
.portofoliu .box_img h3 {font-size:12px;}

/**/
.form {margin-top:10px;}     /*{width:590px;} padding-left:40px;*/
.f_left          {width:160px; display:block; float:left; height:18px; line-height:18px; text-align:right; margin-right:6px; color:#000; font-weight:bold;font-size:13px;}
.f_right{color:#000;}
.f_right input{width:240px; display:block; float:left; height:18px; border:1px #999 solid; color:#000; background:#fff;}
.f_right textarea{width:240px; display:block; float:left; border:1px #999 solid; height:100px; background:#fff;}
.f_x{clear:both; font-size:1px; height:6px;}
.f_right textarea:focus, .f_right input:focus { border: 1px solid #999; background:#eee9d6; color:#111;}
.f_left .checkbox{width:14px; height:14px; display:block; float:right;  border:1px #fff solid; }
.f_right .small{color:#000; font-size:12px;}
.f_right .small_right{display:block; float:right; color:#000; font-size:12px; text-align:right;width:200px; padding:0;}
 
.f_right .link_big{display:block; float:left; width:70px; height:24px; font:bold 12px/24px arial;border:1px #fff solid; background:#9f987f; color:#fff; cursor:pointer;}
.f_right .link_big:hover{border:1px #999 solid;  color:#fff; background:#aba48c; text-decoration:none;}

.f_title  .error{color:#ff3333; font-weight:bold; display:block; margin-bottom:10px;}
.error{color:#ff3333;}
 #username_warning , #adresa_warning , #email_warning, #telefon_warning, #mesaj_warning{color:#ff3333; font-weight:bold; font-size:12px; margin:0 0 0 4px;}
 
 .email {color:#999966; }
 .email:hover {text-decoration:none; color:#cccc66;}
 .home-links {color:black}
 .home-links:hover {text-decoration:none;}
 /**/
 .contain b{color:green;}



.webmagnat { background-color:white; height: 60px; }
.webmagnat p{width:91px;color:white;}
.webmagnat a{float:right:}
.webmagnat img{padding:3px;}