/* style.css */

/* document reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0pt; padding:0pt; } table { border-collapse:collapse; border-spacing:0pt; } fieldset, img { border:0pt none; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:'"'; } abbr, acronym { border:0pt none; } * {outline: none}  

html {
	font-family: "Arial Black", Helvetica, sans-serif;
	font-size: 14px;
}

/* ********************** begin site styles ******************** */

#wrapper-home {
	width: 100%;
	background: #000000;
	height: 400px;
	border-top: 8px solid #464646;
	border-bottom: 8px solid #464646;
	position: absolute;
	top: 32px;
	color: #FFFFFF;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
}

#wrapper-home .f88 { font-size: 72px; line-height: 48px; margin-top: 20px; }
#wrapper-home .f60 { font-size: 46px; line-height: 48px; margin-top: -8px; }
#wrapper-home .f186 { font-size: 166px; line-height: 130px; }
#wrapper-home .f24 { font-size: 20px; line-height: 28px; }
#wrapper-home .f65 { font-size: 50px; line-height: 50px; margin-top: 44px; }
#wrapper-home .f28 { font-size: 21px; line-height: 32px; }
#wrapper-home #left { width: 561px; display: inline; float: left; }
#wrapper-home a { text-decoration: none; }
#wrapper-home .underline { text-decoration: underline; }
.cl-blue, #wrapper-home #enter a:hover, .sitemap a:hover, .contacteaza:hover { color: #018db0; }

#wrapper-home #right { 
	display: inline;
	float: right;
	background: url(../img/back.png);
	width: 429px;
	height: 465px;
	position: absolute;
	top: -31px;
}

#wrapper-home #right a {
	background:url(../img/logo.png);
	height:0;
	overflow:hidden;
	padding-top:185px;
	position:absolute;
	width:264px;
	top: 122px;
	left: 53px;
}

#wrapper-home #enter { 
	clear:both;
	margin-left:220px;
	position:absolute;
	top:490px;
	width:530px;
}
#wrapper-home #enter a {
	font-size:54px;
	padding:0 35px;
	background: #000000;
	border: 4px solid #464646;
	color: #fffefe;
}

#menu-top { height: 44px; background: #000000; width: 100%; text-align: center; }
#menu-top ul li { display: inline; }
#menu-top ul { margin:0 auto; width:990px; }
#menu-top ul li a { color: #FFFFFF; text-decoration: none; display: inline-block; line-height: 44px; width: 193px; background: url(../img/menu-hover.png); }
#menu-top ul li a:hover, #menu-top ul li a.selected { color: #018DB0; }

#banner-top-small { width: 100%; height: 433px;  z-index: 1; }
#banner-top-small.home { background: url(../img/home-banner.png) top center; }
#banner-top-small.about { background: url(../img/about-banner.png) top center; }
#banner-top-small #umbra-small { background: url(../img/umbra2.png); margin: 0 auto; z-index: 2; width: 990px; height: 433px; }

#content-wrapper { background: #000000; width: 100%; }
#content { background: url(../img/umbra-content.png) no-repeat; width: 990px; margin: 0 auto; color: #FFFFFF; padding: 20px 0 40px; }

body#main { font-size: 15px; }
body#main #content #left { display: inline; float: left; width: 500px; padding-right: 20px; }
body#main #content #right { display: inline; float: right; width: 450px; }

#content h2 { margin: 11px 0; }
	.textTaiat {
	color:#A2A8A9;
	letter-spacing:normal;
	text-decoration:line-through;
}

#content p { text-align:justify; font-family: "Arial", Helvetica, sans-serif; margin: 14px 0; }
#content .link-right { float: right; text-align: right; }
#content .link-right a { color: #018DB0; }
#content .link-right a:hover { color: #FFFFFF; }
.blue { color: #018DB0; }
.italic { font-style: italic; }

#portofoliu-home {
	background:url(../img/vezi-port-sprite.jpg);
	height:0;
	overflow:hidden;
	padding-top:37px;
	width:220px;
	float: right;
	margin-top: 10px;
}
#portofoliu-home:hover { background-position: 221px 0; }
.portofolio-home {
	background:url(../img/portofolio-sprites.jpg) repeat scroll 0 0 transparent;
	height:0;
	overflow:hidden;
	padding-top:225px;
	width:450px;
	margin-bottom: 5px;
	float: left;
}
.don-taco-port:hover { background-position: 450px 0;}
.rockstar-port { background-position: 0 -225px; }
.redactare-port { background-position: 0 225px; }
.rockstar-port:hover { background-position: 450px -225px; }
.redactare-port:hover { background-position: 450px 225px; }

#wrapper-logo {
	background: url(../img/umbra-footer.png) top center;
	width: 100%;
	height: 151px;
}

#content-logo {
	margin: 0 auto;
	width: 990px;
	height: 151px;
}

.left { float: left !important; }
.right { float: right !important; }
#content-logo div { display: inline; }
#logo-sprite {
	background:url(../img/logo-sprite.jpg);
	height:0;
	overflow:hidden;
	padding-top:125px;
	width:178px;
	float: left;
	margin-top: 14px;
}
#logo-sprite:hover { background-position: 0 125px; }

#content-logo .right a {
	top: 54px;
	position: relative;
}
#twitter { margin-right: 35px; top: 50px !important; }
#footer-footer { width: 100%; background: #000000; height: 44px; }
#footer { width: 990px; margin: 0 auto; }
#footer { color: #FFFFFF; font-size: 12px; font-family: Arial; line-height:44px; }
#footer .left a { color: #FFFFFF; text-decoration: none; padding-right: 2px; }
#footer .left a:hover { color: #018DB0; }

.about-page { font-size: 24px; }
.bannere a { margin-top: 3px; }
#nicu { background:url(../img/nicu-sprite.jpg); }
#vlad-foto { background:url(../img/vlad-foto-sprite.jpg); }
#vlad-rosca { background:url(../img/vlad-rosca-sprite.jpg); }
#andrei { background:url(../img/andrei-sprite.jpg); }
#claudiu { background:url(../img/claudiu-sprite.jpg); margin-left: 248px; }
#vlad-foto, #nicu, #vlad-rosca, #andrei, #claudiu {	
	height:0;
	overflow:hidden;
	padding-top:247px;
	width:493px;
	float: left;
}
#vlad-foto:hover, #nicu:hover, #vlad-rosca:hover, #andrei:hover, #claudiu:hover { background-position: 493px 0; }

#banner-top-big { width: 100%; height: 554px;  z-index: 1; }
#banner-top-big.claudiu-top { background: url(../img/claudiu-top.jpg) top center; }
#banner-top-big.nicu-top { background: url(../img/nicu-top.jpg) top center; }
#banner-top-big.vlad-rosca-top { background: url(../img/vlad-rosca-top.jpg) top center; }
#banner-top-big.andrei-top { background: url(../img/andrei-top.jpg) top center; }
#banner-top-big.vlad-foto-top { background: url(../img/vlad-foto-top.jpg) top center; }

.personal-link  a{ font-size: 17px !important; text-decoration: none; font-weight: bold; }
.personal-link  a:hover { color: #FFFFFF !important; }

.claudiu-page h2, .claudiu-page .personal-link a  { color: #018DB1; font-size: 40px; }
.nicu-page h2, .nicu-page .personal-link a { color: #379DE5; font-size: 40px; }
.vlad-rosca-page h2, .vlad-rosca-page .personal-link a { color: #F6D413; font-size: 40px; }
.andrei-page h2, .andrei-page .personal-link a { color: #FF6512; font-size: 40px; }
.vlad-foto-page h2, .vlad-foto-page .personal-link a { color: #1EB48B; font-size: 40px; }


.personal-page h2 { margin-bottom: 33px !important; }
.personal-page  .left { width: 490px; padding-right: 200px; display: inline; }
.personal-page  .right { width: 300px; display: inline; padding-top: 26px; }
.personal-page  .right a { margin-top: 3px; }

#nicu-small { background:url(../img/nicu-sprite-small.jpg); }
#vlad-foto-small { background:url(../img/vlad-foto-sprite-small.jpg); }
#vlad-rosca-small { background:url(../img/vlad-rosca-sprite-small.jpg); }
#andrei-small { background:url(../img/andrei-sprite-small.jpg); }
#claudiu-small { background:url(../img/claudiu-sprite-small.jpg); }
#vlad-foto-small, #nicu-small, #vlad-rosca-small, #andrei-small, #claudiu-small {	
	height:0;
	overflow:hidden;
	padding-top:148px;
	width:296px;
	float: left;
}
#vlad-foto-small:hover, #vlad-foto-small.selected, 
#nicu-small:hover, #nicu-small.selected, 
#vlad-rosca-small:hover, #vlad-rosca-small.selected, 
#andrei-small:hover, #andrei-small.selected, 
#claudiu-small:hover, #claudiu-small.selected { background-position: 296px 0; }
.positon-fix {
	margin-left:372px !important;
	position:absolute;
	top:1234px;
}

#banner-top-small.portofoliu-banner { background: url(../img/portfolio-banner.jpg) top center; }
#banner-top-small.contact-banner { background: url(../img/contact-banner.jpg) top center; }





ul.display {

	float: left;

	margin: 0px auto 0px auto;

	padding: 0;

	list-style: none;

	background: transparent;

}

ul.display li {

	float: left;

	padding: 0;

	margin: 0;

}

ul.display li a {

	color: #018db0;

	text-decoration: none;

}

ul.display li .content_block {

	padding: 0 5px;

}

ul.display li .content_block h2 {

	margin: 0;

	padding: 5px 0px 0px 470px;

	color: #018db0;

	font-weight: normal;

	font-size: 14px;

	text-align: left;

}

ul.display li .content_block p {

	margin: 0;

	padding: 5px 5px 5px 470px;

	font-family: Arial, Helvetica, sans;

	font-size: 12px;

	text-align: left;

}

ul.display li .content_block a img{

	padding: 5px;

	background: #fff;

	margin: 0 5px 5px 0;

	float: left;

	border: 0px;

}



ul.thumb_view li{

	width: 470px;

}

ul.thumb_view li h2 {

	display: none;

}

ul.thumb_view li p{

	display: none;

}

ul.thumb_view li .content_block a img {

	margin: 0 0 15px;

	border: 0px;

}





a.switch_thumb {

	width: 48px;

	height: 26px;

	line-height: 26px;

	padding: 0;

	margin: 10px 0;

	display: block;

	background: url(../img/switch.gif) no-repeat;

	outline: none;

	text-indent: -9999px;

}

a:hover.switch_thumb {

	filter:alpha(opacity=75);

	opacity:.75;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

}

a.swap { background-position: left bottom; }

.h2-portofoliu { font-size: 24px; color: #FFFFFF; border-top: 2px dashed #FFFFFF; clear:both; padding: 10px 0; }

.contact-page h2 { font-size: 24px; }
.contact-page #left { width: 560px; padding-right: 30px; float: left; display: inline; }
.contact-page #right { width: 400px; float: right; display: inline; margin-top: 45px; }
.contact-page #left a { font-size: 24px; font-family: 'Arial Black'; text-decoration: none; }
.contact-page #left a:hover { text-decoration: underline; }

.contact-page #right .errorContainer { display: none; font-family: 'Arial'; }

.contact-page #right .errorContainer ol li { list-style:circle outside none; margin-left:20px; }
.contact-page #right .errorContainer ol li  label { color:#FF0000; }
.contact-page #right input { height: 20px; padding: 2px 0; }
.contact-page #right input, .contact-page #right textarea { width: 220px; }
.contact-page #right input.error, .contact-page #right textarea.error { border:2px solid #FF0000; }
#contactForm td {
height:40px;
font-family: Arial,Helvetica,sans-serif;
}
.blueButtonContact { background: url(../img/contact_home.png); width: 173px !important; height: 37px !important; border:0 none;
color:#000000;
cursor:pointer;
font-family:'Arial Black';
font-size:12px;
font-weight:bold; }
.blueButtonContact:hover { color:#FFFFFF; }


#banner-top-small.testimonials-banner { background: url(../img/testimonials-banner.jpg) top center; }
.contact-page h2 { font-size: 24px; }
.sitemap, .sitemap li ul { margin-left: 40px }
.sitemap a { font-size: 16px !important; color: #FFFFFF; text-decoration: none; font-family:Arial,Helvetica,sans-serif !important; }
.sitemap-page #left { width: 430px !important; }
.sitemap-page #right { width: 530px !important; margin-top: 60px; }
#date-firma { text-align: right; top: 38px; position: relative; font-family: Arial; }


.content_block a:hover, .contacteaza { color: #FFFFFF; }
.bold { font-weight: bold; }
.line { width: 100%; border-top: 2px dashed #FFFFFF; }
.testimoniale-page { font-size: 16px; }
/* ********************** end site styles ******************** */


#jquery-overlay { position:fixed !important; }

/* clearfix code */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */