/* 
PB Works
E-Mail: contact@pbworks.ro 
Website: http://www.pbworks.ro
*/
body {
	background:url(images/background.jpg) no-repeat bottom center;
	font-family:Arial, sans-serif;
	}
img {
	border:0px;
	margin:0px;
	outline-color:-moz-use-text-color; 
	outline-style:none; 
	outline-width:0;
	padding:0px;
	}
a {
	outline-color:-moz-use-text-color; 
	outline-style:none; 
	outline-width:0;
	}
.green {
	color:#6EB708;
	}
.orange {
	color:#FF7E00;
	}	
.blue {
	color:#378DFF;
	}
.purple {
	color:#AB33F0;
	}	
.pink {
	color:#EE9ABE;
	}
.red {
	color:#FF0033;
	}
br {
	line-height:5px;
	}
	
/* Header */
div#header {
	height:195px;
	margin-left:auto;
	margin-right:auto;
	width:509px;
	}
div#header h1#logo {
	background:url(images/pbworks-webdesign.png) no-repeat top center;
	height:195px; 
	padding:0;
	width:509px; 
	}
div#header h1#logo a {
	background:url(images/pbworks-webdesign.png) no-repeat top center; 
	float:left; 
	height:195px; 
	outline-color:-moz-use-text-color; 
	outline-style:none; 
	outline-width:0;
	padding:0;  
	text-indent:-1000em;
	width:509px;
	}
	
/* Content */
div#container {
	margin-left:auto; 
	margin-right:auto;
	width:826px; 
	}
div#container div#left {
	float:left;
	height:100px;
	text-align:right;
	width:100px;
	}
div#container div#left .priza {
	padding:15px 10px 0 0;
	}
div#container div#right {
	float:left;
	width:726px; 
	}
div#container div#right div#top {
	background:url(images/content-top.png) no-repeat top left; 
	float:left;
	height:23px;
	width:726px; 
	}
div#container div#right div#page {
	background:url(images/content.png) repeat-y top left;
	float:left;
	width:726px; 
	}
div#container div#right div#bottom { 
	background:url(images/content-footer.png) no-repeat top left;
	float:left;
	height:18px;  
	padding-bottom:150px;
	width:726px; 
	}
div#container div#right div#page div#sidebar {
	float:left;
	width:175px; 
	}
div#container div#right div#page div#sidebar h3, div#container div#right div#page div#sidebar h4 {
	border-bottom:1px solid #353535;
	font-size:16px; 
	font-weight:bold; 
	margin:0 0 0 25px; 
	padding:3px 0 2px 0;
	}
div#sidebar img {
	border:0;
	float:right;
	font-size:16px; 
	font-weight:bold;
	margin:0; 
	padding:5px 0 5px 0;
	}
	
/* Content */	
div#container div#right div#page div#content {
	float:right;
	margin:0 125px 0 15px; 
	padding:0;
	width:408px;
	}
div#content h1 {
	border-bottom:1px solid #353535;
	font-size:18px; 
	font-weight:bold; 
	margin:0; 
	padding:1px 0 2px 0;
	}
div#content h2 {
	color:#FFFFFF;
	font-size:14px; 
	font-weight:bold; 
	margin:0; 
	padding:3px 0 0 0;
	}
div#content a {
	color:#FFFFFF;
	font-size:14px; 
	margin:0; 
	padding:0;
	text-decoration:underline;
	}
div#content a:hover {
	text-decoration:none;
	}
div#content p {
	color:#FFFFFF;
	font-size:14px;
	margin:0; 
	padding:3px 0 3px 0;
	text-align:left;
	text-indent:15px;
	}
	
/* Navigation */
ul#menu {
	font-size:14px;
	list-style:none;
	margin:0;
	padding:0;
	text-indent:22px;
	width:175px;
	}	
ul#menu li.slide-acasa a, ul#menu li.slide-webdesign a, ul#menu li.slide-logodesign a, ul#menu li.slide-optimizare a, ul#menu li.slide-promovare a, ul#menu li.slide-oferta a, ul#menu li.slide-preturi a, ul#menu li.slide-portofoliu a, ul#menu li.slide-contact a {
	border:0;
	color:#FFFFFF;
	display:block;
	margin:0 0 0 25px; 
	padding:3px 0 3px 0;
	text-decoration:none;
	}
.meniu-acasa {
	background:url(images/meniu-acasa.png) no-repeat left center;
	}
ul#menu li.slide-acasa a:hover {
	background-color:#252525;
	color:#FF0033;
	}
.meniu-webdesign {
	background:url(images/meniu-webdesign.png) no-repeat left center;
	}
ul#menu li.slide-webdesign a:hover {
	background-color:#252525;
	color:#AB33F0;
	}
.meniu-logodesign {
	background:url(images/meniu-logodesign.png) no-repeat left center;
	}
ul#menu li.slide-logodesign a:hover {
	background-color:#252525;
	color:#6EB708;
	}
.meniu-optimizare {
	background:url(images/meniu-optimizare.png) no-repeat left center;
	}
ul#menu li.slide-optimizare a:hover {
	background-color:#252525;
	color:#378DFF;
	}
.meniu-promovare {
	background:url(images/meniu-promovare.png) no-repeat left center;
	}
ul#menu li.slide-promovare a:hover {
	background-color:#252525;
	color:#EE9ABE;
	}
.meniu-oferta {
	background:url(images/meniu-oferta.png) no-repeat left center;
	}
ul#menu li.slide-oferta a:hover {
	background-color:#252525;
	color:#FF7E00;
	}
.meniu-preturi {
	background:url(images/meniu-preturi.png) no-repeat left center;
	}
ul#menu li.slide-preturi a:hover {
	background-color:#252525;
	color:#6EB708;
	}
.meniu-portofoliu {
	background:url(images/meniu-portofoliu.png) no-repeat left center;
	}
ul#menu li.slide-portofoliu a:hover {
	background-color:#252525;
	color:#AB33F0;
	}
.meniu-contact {
	background:url(images/meniu-contact.png) no-repeat left center;
	}
ul#menu li.slide-contact a:hover {
	background-color:#252525;
	color:#FF0033;
	}
	
/* Footer */
div#footer {
	background:url(images/content.png) repeat-y top left; 
	float:left;
	width:726px; 
	}
div#footer div#w3schools {
	float:right;
	height:34px;
	padding:102px 10px 0 0;
	width:82px;
	}
div#first {
	float:left;
	margin:0;
	padding:0 0 0 25px;
	width:266px;
	}
div#second, div#third {
	float:left;
	margin:0;
	padding:0 0 0 15px;
	width:140px;
	}
div#first h3, div#second h3, div#third h3, div#first h4, div#second h4, div#third h4 {
	border-bottom:1px solid #353535;
	font-size:14px;
	margin:0;
	padding:5px 0 2px 0;
	}
div#first p, div#second p, div#third p {
	color:#FFFFFF;
	font-size:12px;
	margin:0; 
	padding:3px 0 0 0;
	text-align:justify;
	}
div#first p {
	text-indent:10px;
	}
ul#footer-nav {
	font-size:12px;
	line-height:16.5px;
	list-style:none;
	margin:0;
	padding:0;
	width:140px;
	}	
ul#footer-nav li.slide a {
	border:0px;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	margin:0; 
	padding:3px 0 3px 0;
	text-decoration:none;
	}
ul#footer-nav li.slide a:hover {
	color:#FFFFFF;
	}
div#third p {
	border-bottom:0px;
	padding:3px 0 3px 0;
	text-indent:20px;
	}
div#third a {
	color:#FFFFFF;
	text-decoration:none;
	}
div#third a:hover {
	text-decoration:underline;
	}

ul#follow {
	font-size:12px;
	list-style:none;
	margin:0;
	padding:3px 0 3px 0;
	text-indent:22px;
	width:140px;
	}
ul#follow li.slide a {
	border:0px;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	margin:0px; 
	padding:3px 0 3px 0;
	text-decoration:none;
	}
ul#follow li.slide a:hover {
	color:#FFFFFF;
	}
.follow-twitter {
	background:url(images/follow-twitter.png) no-repeat left center;
	}
.follow-facebook {
	background:url(images/follow-facebook.png) no-repeat left center;
	}
.follow-flickr {
	background:url(images/follow-flickr.png) no-repeat left center;
	}
.follow-vimeo {
	background:url(images/follow-vimeo.png) no-repeat left center;
	}
.follow-youtube {
	background:url(images/follow-youtube.png) no-repeat left center;
	}
.contact-nume {
	background:url(images/contact-nume.png) no-repeat left center;
	}
.contact-telefon {
	background:url(images/contact-telefon.png) no-repeat left center;
	}
.contact-email {
	background:url(images/contact-email.png) no-repeat left center;
	}
.contact-locatie {
	background:url(images/contact-locatie.png) no-repeat left center;
	}
.contact-cui {
	background:url(images/contact-cui.png) no-repeat left center;
	}
.contact-iban {
	background:url(images/contact-iban.png) no-repeat left center;
	}
	
div#footer div#copyright {
	color:#444444;
	float:left;
	font-size:10px;
	text-align:center;
	width:626px;
	}
div#footer div#copyright a {
	color:#444444;
	text-decoration:none;
	}
div#footer div#copyright a:hover {
	color:#444444;
	text-decoration:underline;
	}

/* Twitter */
div#twitter {
	width:266px;
	margin:0;
	padding:3px 0 0 0;
	border:0;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	text-indent:10px;
}

p#preloader {
	background: transparent url("images/loader.gif") 1em center no-repeat;
}
ul#twitter_update_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#twitter_update_list li {
	margin:0;
	padding:0;
	border-bottom: 0;
}

ul#twitter_update_list li a {
	color:#444444;
	text-decoration:none;
}

ul#twitter_update_list li span {
	display: block;
}
ul#twitter_update_list li span a {
	color:#FFFFFF;
	text-decoration:underline;
}

/* Portofoliu */
div#portofoliu img {
	border:1px solid #353535;
	}

/* Caption */
#text div.caption {
	margin:0;
	padding:0;
}
#text div.caption img {
	margin:0;
	padding:0;
}

#text div.caption p {
	margin:0;
	padding:0;
	font-size:10px;
}

#side div.caption {
	float:left;
	margin:13px 0 0 16px;
	padding:0;
	position:relative;
	
}

#side div.caption p {
	background:black;
	bottom:0;
	color:#FFFFFF;
	font-size:10px;
	left:0;
	margin:0 0 0 1px; 
	opacity: .7;
	padding:2px 0 2px 0;
	position:absolute;
	width:180px;
}

/* Contact */
div#contact {
	color:#FFFFFF;
	margin:0;
	padding:0;
	}
div#contact p {
	padding:3px 0 3px 0;
	text-indent:20px;
	}
.left {
	font-size:14px;
	height:20px;
	padding:3px 0 0 0;
	text-align:left;
	width:195px;
	}
div#note {
	color:#FF0033;
	float:left;
	font-size:12px;
	padding:5px 0 0 10px;
	width:195px;
	}
.notification_ok {
	color:#6EB708;
	float:left;
	font-size:12px;
	padding:5px 0 0 10px;
	width:195px;
	}
div#fields {
	float:left;
	margin:0px;
	padding:0px;
	text-align:center;
	width:200px;
	}
.textbox {
	background:#252525;
	border:1px solid #353535;
	color:#FFFFFF;
	font-size:10px;
	height:18px;
	margin:0;
	padding:2px 0 0 0;
	text-indent:5px;
	width:200px;
	}
.textbox2 {
	background:#252525;
	border:1px solid #353535;
	color:#FFFFFF;
	font-size:10px;
	height:120px;
	margin:0;
	padding:0;
	width:200px;
	}
.button {
	background:#252525;
	border:1px solid #353535;
	color:#FFFFFF;
	font-weight:bold;
	height:22px;
	margin:5px 0 0 0;
	width:65px;
	}



/* Tooltip 
div.tooltip, div.tooltipw3 { 
    background:#000000; 
    border-radius:5px;
    color:#FFFFFF; 
    display:none; 
    font-size:10px;
	-moz-border-radius:5px;
	margin:0;
    padding:3px;
    text-align:left; 
    width:150px; 
}
div.tooltipw3 {
    width:100px;
	} 
div.tooltipw3 h4 { 
    color:#FFFFFF; 
    font-size:12px;
	font-weight:normal; 
	margin:0;
    padding:2px; 
    text-align:center;
}
div.tooltip p { 
    color:#FFFFFF; 
    font-size:10px;
	font-weight:normal; 
	margin:0;
    padding:0 3px 3px 3px; 
    text-align:left;
}  */