/*   
www.neoartis.pl
*/
	
/* Reset Styles */
	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
fieldset, img { border: 0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal;}
ol, ul { list-style:none;}
caption ,th { text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
abbr, acronym { border:0;}	
a { outline: none;}

/* End Reset */

/* Global Styles */

body { background: url(images/tlog.png) repeat-x top left;
	background-color: white;}

.clear { clear: both;}

.layout {

width: 930px;
margin: 0 auto;
background: url(images/artykul.png) repeat-y top center;

}

#featured{ 
	width:560px; 
	padding-right:250px; 
	position:relative; 
	border:8px solid #ccc; 
	height:312px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:560px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images2/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:560px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:242px; left:0; 
	height:70px; 
	background: url('images2/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


}

#nawigacja{width:300px; height: 50px; float: right; background: url(images/nawigacja.png) no-repeat center right; margin: 12px 6px 0 0;}

#stronywww{position:absolute; top: 202px; margin-left:116px; color:#dddddd; font-family: arial, verdana, sans-serif;font-weight: bold; font-style: italic; font-size:29px; letter-spacing:-2px;}


#strony-www-legnica{float:left;}



#formularz{border: 1px solid red;}

h1 { 

width:280px;  position:absolute; left:0px; top:170px; 
font: normal bold 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#146ed0; line-height:150%;

    } 

niebieski {
font: normal bold 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#146ed0; line-height:150%;
}	
	



#logoobrazek{ background: url(images/logo.png) no-repeat center; height:156px; padding-top:10px;}


.featured_work h3, .services h3, .about h3, .contact h3 {
margin: 10px 0 10px;
padding: 0;

color: black;
font: normal bold 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: -0.5px;
text-align: left;
}



.services a {
text-decoration:none;
color: #666;

}



naglowek{

padding: 0;

color: black;
font: normal bold 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: -0.5px;
text-align: left;
margin-top:20px;
position: relative; top:5px;

}










#tlo {position: absolute; top:0px; left: 0px; width: 50%; height: 1080px; background: url(images/tlo.png) no-repeat top left; 
z-index: -100;

}

#header {
width: 930px;
height: 315px;
padding: 0 0 6px 0;
background: url(images/header.png) top center;
clear:both;
margin: 0 auto;
}

.header {
width: 960px;
height: 134px;
}

#logo {
float: left;
width: 417px;
height: 134px;
background: url(images/logo.png) no-repeat 0 68px;
}

#logo h2 a {
display: block;
width: 196px;
height: 36px;
margin: 65px 0 0 15px;
text-indent: -999em;
}

#nav {
float: right;
width: 500px;
height: 117px;
}

#nav li {
float: left;
height: 134px;
text-indent: -999em;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;

}







#nav_onas a {
display: block;
width: 99px;
height: 107px;
margin: 0 0px 0 0;
background: url(images/1.png) 0px 0px;


}

#nav_onas a:hover { border-bottom: 1px solid #4393ff;
}



#nav_oferta a {
display: block;
width: 111px;
height: 107px;
margin: 0 0px 0 0;
background: url(images/2.png) 0px 0px;


}

#nav_oferta a:hover { border-bottom: 1px solid #9768f6;
}




#nav_portfolio a {
display: block;
width: 146px;
height: 107px;
margin: 0 0px 0 0;
background: url(images/3.png) 0px 0px;
}

#nav_portfolio a:hover { border-bottom: 1px solid #ffbb22;}


#nav_kontakt a {
display: block;
width: 126px;
height: 107px;
background: url(images/4.png) 0px 0px;
}

#nav_kontakt a:hover { border-bottom: 1px solid #ff0078;}

#content {
width: 960px;
margin: 0 auto;
}

#welcome {
position: relative;
width: 960px;
height: 110px;
margin: 0 0 25px 0;
}

#title {
width: 700px;
height: 110px;
background: url(images/title.png) no-repeat left;
text-indent: -999em
}



#work, #services, #about, #contact {
position: relative;
width: 852px;
margin: 0 0 0 36px;
padding: 10px 0 100px 0;
overflow: hidden;
border: 0px solid red;
}

.featured_work, .services, .about, .contact {
position: relative;
float: left;
width: 260px;
margin: 0 0 0 20px;
color: #fff;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}



.featured_work p, .services p, .about p, .contact p {
margin: 0 0 5px;
padding: 0;

color: #666;
font: normal normal 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
line-height:150%;
}

.footer p{
font-size:13px;
position:relative; top:122px; left:40px;
text-align: left;
color: black;


}


#footer{
font: normal normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: black;
width: 926px;
height: 170px;
background: url(images/stopka.png) no-repeat;
border: 0px solid red;
margin: 0 auto;

}



stopka{border:1px solid red; margin-top:100px; margin-left:100px;}

.details {
width: 930px;
height: 100px;
padding: 0 15px;

color: #333;
font: normal normal 11px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: justify;
}

.details a {
color: #999;
text-decoration: none;
}

.details a:hover { text-decoration: underline;}

.details p { margin: 0 0 15px 0;}

.details strong { font-weight: bold;}

a.flickr { color: #09f;}

a.flickr span { color: #f39;}

a.krop { color: #999;}




#copyright {
position: absolute;
top: 21px;
left: 15px;
}

#copyright a {
color: #fff;
text-decoration: none;
}

#copyright a:hover {
text-decoration: underline;
}

#mt {
position: absolute;
top: 20px;
right: 15px;
width: 41px;
height: 16px;
background: url(images/mt.png) no-repeat 0 -16px;
text-indent: -999em;
}

#mt a {
display: block;
width: 41px;
height: 16px;
}

#mt a:hover {
background: url(images/mt.png) no-repeat 0 0;
}

.end { margin: 0;}

/* End Global */



/* Title Styles */

#title_onas, #title_services, #title_portfolio, #title_contact, #title_oferta {
display: block;
width: 100%;
height: 75px;
margin: 0 0px;
margin-left:4px;
text-indent: -999em;
border: 0px solid blue;

}

#title_onas { background: url(images/onas.png) no-repeat left;}

#title_oferta { background: url(images/oferta.png) no-repeat left;}

#title_portfolio { background: url(images/realizacje.png) no-repeat left;}

#title_contact { background: url(images/kontakt.png) no-repeat left;}

#onas_section, #services_section, #portfolio_section, #contact_section, #oferta_section { 
position: relative;
padding: 15px 0 0 ;

}

.pagenav {
position: absolute;
top: 31px;
right: 1px;
width: 293px;
height: 47px;
text-indent: -999em;
background: url(images/nawigacja.png) no-repeat 0 0;
}

.pagenav li {
float: left;
height: 19px;
margin-top:12px;
}

.prev a {
display: block;
width: 85px;
height: 19px;
background: url(images/pop.png) no-repeat 0 0;
margin-left:20px;
}



.prev_inactive {
width: 85px;
height: 19px;
background: url(images/poph.png) no-repeat;
margin-left:20px;
}

.next a {
display: block;
width: 81px;
height: 19px;
margin: 0 15px 0 0;
background: url(images/nast.png) no-repeat;
}



.next_inactive {
width: 81px;
height: 19px;
background: url(images/nasth.png) no-repeat;

}

.top a {
display: block;
width: 62px;
height: 19px;
background: url(images/dogo.png) no-repeat;
}

.top a:hover { background: url(images/dogo.png) no-repeat;}

/* End Title */









/* Services Styles */

.services h4 {
margin: 10px 0 5px;
padding: 0;

color: black;
font: normal bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: -0.5px;
text-align: left;
}

.services_list li {
width: 255px;
height: 28px;
margin: 0 0 10px 0;
padding: 12px 0 0 45px;
background: url(images/checklist_bg.png) no-repeat top left;
color: #666;
font: normal normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: left;
}

.services_list li:hover {
background: url(images/checklist_bg.png) no-repeat bottom left;
color: #ccc;
}

.services_list strong { font-weight: bold;}

/* End Services */

/* About Styles */

.portfolio img { margin: 0 0 10px 0;}

#experience li { margin: 0 0 10px 0;}

#resume {
width: 300px;
height: 40px;
}

#resume a { 
display: block;
width: 300px;
height: 40px;
text-indent: -999em;
background: url(images/experience_bg.png) 0 0;
}

#resume a:hover { background-position:0 -120px;}

#portfolio {
width: 300px;
height: 40px;
}

#portfolio a { 
display: block;
width: 300px;
height: 40px;
text-indent: -999em;
background: url(images/experience_bg.png) 0 -40px;
}

#portfolio a:hover { background-position:0 -160px;}

#photos {
width: 300px;
height: 40px;
}

#photos a { 
display: block;
width: 300px;
height: 40px;
text-indent: -999em;
background: url(images/experience_bg.png) 0 -80px;
}

#photos a:hover { background-position:0 -200px;}

#networking {
width: 300px;
height: 40px;
}

#networking a { 
display: block;
width: 300px;
height: 40px;
text-indent: -999em;
background: url(images/experience_bg.png) 0 -80px;
}

#networking a:hover { background-position:0 -200px;}



color: #666;
font: normal normal 11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
text-align: justify;
}

/* End About */

/* Contact Styles */

.not_available li {
width: 255px;
height: 28px;
margin: 0 0 10px 0;
padding: 12px 0 0 45px;
background: url(images/notavailable_bg.png) no-repeat top left;
color: #666;
font: normal normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: left;
}

.not_available li:hover {
background: url(images/notavailable_bg.png) no-repeat bottom left;
color: #ccc;
}

.not_available strong {
color: #888;
font-weight: bold;
}

#contact_me {
float: left;
width: 630px;
border:1px solid red;
}

.required {
color: #fff;
border-bottom: 1px dashed #c00;
}

.no_title { padding: 47px 0 0 0;}

#contact_form input, #contact_form textarea { margin: 0 0 10px 0; border: none;}

.contact_input {
position: relative;
width: 300px;
height: 50px;
border: 1px solid blue;
}

.contact_input label {
position: absolute;
text-indent: -999em;
border: 1px solid green;
}

#name_error, #email_error, #url_error, #verify_error {
position: absolute;
top: 12px;
right: 10px;
width: 16px;
height: 16px;
background: url(images/form_error.png) no-repeat top center;
text-indent: -999em;
}

#text_error {
position: absolute;
top: 208px;
left: 10px;
padding: 0 0 0 26px;
background: url(images/form_error.png) no-repeat top left;
color: #666;
font: normal normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#name, #email, #url {
width: 235px;
height: 27px;
padding: 13px 0 0 65px;
color: #fff;
font: normal normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#verify {
width: 76px;
height: 27px;
padding: 13px 0 0 224px;
color: #fff;
font: normal normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#name { background: url(images/form_bg.png) 0 0;}

#name:focus { background: url(images/form_bg.png) 0 -160px;}

#email { background: url(images/form_bg.png) 0 -40px;}

#email:focus { background: url(images/form_bg.png) 0 -200px;}

#url { background: url(images/form_bg.png) 0 -80px;}

#url:focus { background: url(images/form_bg.png) 0 -240px;}

#verify { background: url(images/form_bg.png) 0 -120px;}

#verify:focus { background: url(images/form_bg.png) 0 -280px;}

#text {
width: 274px;
height: 114px;
padding: 13px;
background: url(images/textarea_bg.png) no-repeat 0 0;
color: #fff;
font: normal normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#text:focus { background: url(images/textarea_bg.png) 0 -140px;}

#submit {
display: block;
float: right;
width: 120px;
height: 40px;
background: url(images/submit_bg.png) 0 0;
border: none;
cursor: pointer;
font-size: 0;
line-height: 0;
text-indent: -999em;
}

#submit:hover, #submit:focus { background: url(images/submit_bg.png) 0 -40px;}

#message {
position: relative;
width: 615px;
height: 179px;
margin: 47px 0 0 0;
background: url(images/message_bg.png) no-repeat top center;
}

#message h4 {
position: absolute;
top: 65px;
left: 136px;
color: #fff;
font: normal bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: -0.5px;
}

#message p {
position: absolute;
top: 89px;
left: 136px;
color: #ccc;
font: normal normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#message img {
position: absolute;
top: 60px;
left: 60px;
}

/* End Contact */











/* Work Styles */

#featured_work {
position: relative;
width: 1890px;
height: 310px;

}

.featured_preview a {
position: relative;
display: block;
width: 250px;
height: 178px;
padding: 0px;
border: 1px solid #202020;
}

.featured_preview a:hover { border-color: #666;}

.featured_sash {
position: absolute;
top: -4px;
right: -5px;
width: 120px;
height: 72px;
z-index: 2
}

#work_thumbs {
position: relative;
width: 1890px;
height: 120px;
}

.thumb_preview a {
display: block;
float: left;
width: 98px;
height: 68px;
margin: 0 15px 0 0;
padding: 10px;
border: 1px dashed #202020;
}

.thumb_preview a:hover { border-color: #666;}

#worknav {
position: relative;
width: 1890px;
height: 50px;

}

#worknav_next {
position: absolute;
top: 16px;
left: 800px;
width: 53px;
height: 15px;
background: url(images/worknav_bg.png) no-repeat -13px 0;
}

#worknav_prev {
position: absolute;
top: 16px;
left: 930px;
width: 52px;
height: 15px;
background: url(images/worknav_bg.png) no-repeat 0 0;
}

#worknav_next a, #worknav_prev a {
display: block;
height: 15px;
text-indent: -999em;
}

#worknav_next a { width: 53px;}

#worknav_prev a { width: 52px;}

#worknav_next a:hover { background: url(images/worknav_bg.png) no-repeat -13px -15px;}

#worknav_prev a:hover { background: url(images/worknav_bg.png) no-repeat 0 -15px;}





/* End Work */