/* Website Development */

* { margin: 0; padding: 0; border: 0 solid #fff; text-decoration: none; outline-width: medium; outline-style: none; list-style-type: none; }
.clearAll { clear: both; height: 0; line-height: 0; font-size: 0; }

body { margin: 0; padding: 0; background: #fff; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #656565; }

#webSite { width: 1000px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #656565; text-align: left; }

.header { width: 1000px; height: 198px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #656565; background: url(../img/header_light_blue_bg.jpg) left 39px no-repeat; }
.mainMenu { width: 644px; height: 39px; padding-left: 366px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #656565; background: url(../img/meniul_principal_normal.jpg) left top no-repeat; }
.mainMenu ul { font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #656565; }
.mainMenu ul li { height: 39px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #656565; float: left; }
.mainMenu ul li a.home { display: block; width: 40px; height: 15px; margin-top: 14px; text-indent: -9999px; font-size: 0; }
.mainMenu ul li a.home:hover { display: block; width: 40px; height: 15px; margin-top: 14px; text-indent: -9999px; background: url(../img/meniul_principal_over.jpg) -366px -14px no-repeat; font-size: 0; }

.mainMenu ul li a.despreNoi { display: block; width: 76px; height: 15px; margin-top: 14px; margin-left: 98px; text-indent: -9999px; font-size: 0; }
.mainMenu ul li a.despreNoi:hover { display: block; width: 76px; height: 15px; margin-top: 14px; text-indent: -9999px; background: url(../img/meniul_principal_over.jpg) -504px -14px no-repeat; font-size: 0; }

.mainMenu ul li a.servicii { display: block; width: 51px; height: 15px; margin-top: 14px; margin-left: 100px; text-indent: -9999px; font-size: 0; }
.mainMenu ul li a.servicii:hover { display: block; width: 51px; height: 15px; margin-top: 14px; text-indent: -9999px; background: url(../img/meniul_principal_over.jpg) -680px -14px no-repeat; font-size: 0; }

.mainMenu ul li a.contact { display: block; width: 54px; height: 15px; margin-top: 14px; margin-left: 102px; text-indent: -9999px; font-size: 0; }
.mainMenu ul li a.contact:hover { display: block; width: 54px; height: 15px; margin-top: 14px; text-indent: -9999px; background: url(../img/meniul_principal_over.jpg) -833px -14px no-repeat; font-size: 0; }
.mainMenu ul li a.contactBlack { display: block; width: 54px; height: 15px; margin-top: 14px; margin-left: 102px; text-indent: -9999px; font-size: 0; background: url(../img/meniul_principal_over.jpg) -833px -14px no-repeat; }

.logoWebsiteDevelopment { width: 152px; height: 79px; padding: 30px 94px 0 71px; float: left; font-size: }
.logoWebsiteDevelopment h1 { width: 152px; height: 79px; font-size: 0; background: url(../img/logo_website_development.jpg) left top no-repeat; }
.logoWebsiteDevelopment h1 a { display: block; width: 152px; height: 79px; text-indent: -9999px;}

.quotation { width: 515px; margin-top: 30px; padding: 11px 0 0 29px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-style: italic; font-size: 12px; color: #8f8f8f; text-indent: 23px; float: left; }

.quotation2 { font-family: Arial, Helvetica, sans-serif, "Arial Black";  font-size: 12px; color: #656565; padding-left:21px; line-height:16px; }

.quotation_bottom { width: 325px; margin-top: 1px; padding: 2px 0 0 16px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-style: inherit; font-size: 12px; color: #8f8f8f; text-indent: 23px; float: right; border:0px solid #003366; }


.mainContent { padding-top: 3px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #656565; }

.theCenterOfIt { width: 685px; padding: 0 35px 0 26px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #656565; float: left; }
.theCenterOfIt h2 { padding-left: 11px; padding-bottom: 3px; font-family:Arial, Helvetica, sans-serif, "Arial Black"; font-size: 14px; color: #107eb1; border-bottom: 3px solid #929292; }

.rightArea { width: 230px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 14px; color: #656565; float: left; }
.rightArea h2 { padding: 4px 0 2px 8px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 16px; font-weight: normal; color: #8f8f8f; border-bottom: 1px solid #e4e6e7; }

.dateDeContact { width: 213px; height: 127px; margin-bottom: 25px; padding: 15px 0 0 17px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 14p; color: #656565; background: url(../img/date_de_contact_bg.jpg) left top no-repeat; }
.telColor { font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 14px; color: #424242; line-height: 18px; }
.dateDeContact a { font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 10p; color: #424242; }
.dateDeContact a:hover { color: #107eb1; }
.adresa { padding-top: 12px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 14px; color: #656565; line-height: 18px; }

.boxOferte { width: 230px; margin-bottom: 32px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 17px; color: #4c4e51; line-height: 23px; border-top: 3px solid #929292;  border-bottom: 1px solid #dadada; }
.boxOferte a.clickOferte { width: 230px; height: 67px; display: block; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 17px; color: #4c4e51; background: url(../img/lcick_aici_pentru_oferta_personalizata.jpg) left top no-repeat; text-indent: -9999px; }
.boxOferte a.comandaAcum { width: 230px; height: 75px; display: block; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 16px; color: #424242; background: url(../img/magazin_virtual_complet_comanda_acum.jpg) left top no-repeat; text-indent: -9999px; }

.portofoliu { padding-left: 6px; padding-top: 24px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 10px; color: #6b6b6b; border-bottom: 1px solid #dadada; }
.textinside { padding-left: 11px; padding-top: 12px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 12px; color: #6b6b6b; border-bottom: 1px solid #dadada; }


.portofoliu .lucrareBox { width: 187px; margin-right: 50px; margin-bottom: 12px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 10px; color: #6b6b6b; float: left; }
.portofoliu .lucrareBox .imageHolder { width: 185px; height: 154px; font-size: 10px; text-align: center; background: #fff; border: 1px solid #dadada; }
.portofoliu .lucrareBox .imageHolder a { display: block; }
.portofoliu .lucrareBox .numeLucrare { padding-top: 5px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 10px; color: #6b6b6b; text-align: center; }
.portofoliu .lucrareBox .numeLucrare a { font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #6b6b6b; }
.portofoliu .lucrareBox .numeLucrare a:hover { font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #000; }

.navigationBar { float: right; margin: 10px 0; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #6b6b6b; }
.navigationBar ul { float: right; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #6b6b6b; }
.navigationBar ul li { float: left; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #6b6b6b; }
.navigationBar ul li a { margin-left: 7px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #6b6b6b; }
.navigationBar ul li a:hover { color: #1d8bbe; }
.navigationBar ul li a.normal { font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 12px; color: #6b6b6b;  }
.navigationBar ul li a.selected { font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 12px; color: #1d8bbe; }
.navigationBar ul li a.arrowLeft { display: block; width: 6px; height: 8px; margin-top: 3px; font-size: 0; background: url(../img/arrow_blue_left.jpg) left top no-repeat; }
.navigationBar ul li a.arrowRight { display: block; width: 6px; height: 8px; margin-top: 3px; font-size: 0; background: url(../img/arrow_blue_right.jpg) left top no-repeat; }

.footer { height: auto!important; min-height: 128px; height: 128px; font-size: 11px; color: #6b6b6b; background: url(../img/footer_x_bg.jpg) left top repeat-x; }
.logoWebsiteDevelopmentGrey { width: 73px; height: 38px; padding: 28px 50px 32px 94px; float: left; }
.logoWebsiteDevelopmentGrey h2 { width: 73px; height: 38px; font-size: 0; background: url(../img/logo_website_development_grey.jpg) left top no-repeat; }
.logoWebsiteDevelopmentGrey h2 a { display: block; width: 73px; height: 38px; text-indent: -9999px; }

.serviciileNoastre { width: 373px; padding-top: 10px; font-family:Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #858585; float: left; }
.serviciileNoastre h2 { padding-left: 48px; padding-right: 28px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 12px; font-weight: normal; color: #737373; float: left; vertical-align: middle; line-height: 80px }
.serviciileNoastre ul { font-family: Arial, Helvetica, sans-serif, 'Arial Black'; font-size: 11px; color: #858585; line-height: 16px; float: left; }
.serviciileNoastre ul li { font-family: Arial, Helvetica, sans-serif, 'Arial Black'; font-size: 11px; color: #858585; line-height: 16px; }

.bottomMenu { padding-top: 10px; float: left; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 12px; color: #6b6b6b; line-height: 20px; }
.bottomMenu ul { font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 12px; color: #6b6b6b; line-height: 20px; }
.bottomMenu ul li { font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 12px; color: #6b6b6b; line-height: 20px; }
.bottomMenu ul li a { font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 12px; color: #6b6b6b; line-height: 20px; }
.bottomMenu ul li a:hover { color: #000; font-family: Arial, Helvetica, sans-serif, "Arial Black";}

.copyright { padding: 7px 0 0 36px; font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 11px; color: #a7a7a7; }

.contact input { border:1px solid #dadada; color:#71716F; padding:1px;  font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 12px; width:350px; }
.contact textarea { border:1px solid #dadada; color:#71716F; padding:1px;  font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 12px; width:350px; }
.contact select { border:1px solid #dadada; color:#71716F; padding:1px;  font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 12px;  }
.contact option { border:0px solid #dadada; color:#71716F; padding:2px;  font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 12px; }
/* VTE */

a.vte {
	cursor: url(http://www.website-development.ro/img/zoomin.cur), pointer;
	z-index:90;
	
}

img.vte-expanded-focus {
	border: 1px solid #CCCCCC;
	cursor: url(http://www.website-development.ro/img/zoomout.cur), pointer;
	background-color:#FFFFFF;
}
img.vte-expanded-blur {
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
}
.vte-caption {
    display: none;
    border: 1px solid #CCCCCC;
    border-top: none;
    padding: 5px;
    margin-top: -1px;
    background-color: white;
    color: #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#FFFFFF;
}
.vte-display-block {
    display: block;
	background-color:#FFFFFF;
}
.vte-display-none {
    display: none;
	background-color:#FFFFFF;
}
/* END VTE */