@charset "utf-8";

/* 



CSS Document

Filename:     style.css

Author:       Kacper Żołnowski

Email:        k.zolnowski@eppearance.eu

Modyfikacje:  Łukasz Bachur

Email:        l.bachur@eppearance.pl

Created:      12.05.2008

Modified:     29.04.2009



 */



body

{

	margin:0;

	padding:0;

	background-color:#990000;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:150%;

	color:#000;

}




a {color:#000; text-decoration:none;}

a:hover {text-decoration:underline;}

a.more {font-weight:bold;}
a.visible_red {color:#990000; text-decoration:underline;}
a.visible_black {color:#000000; text-decoration:underline;}

div.project_navigation a.more span.plus,

span.plus {font-size:14px; font-weight:normal;}

span.plus2 {font-size:14px; font-weight:bold;}

span.plus3 {font-size:13px; font-weight:bold;}

img {border:none;}

h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:48px; margin:0; padding-bottom:37px; border-bottom:1px solid #6a6a6a; font-weight:normal;}

h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; font-weight:normal; border-top:1px solid #6a6a6a; height:28px; padding-top:10px; margin-top:45px; margin-bottom:10px;}

h3 {color:#555b5b; font-size:18px; font-weight:normal;}

h3 a {color:#cf0000; font-size:18px; font-weight:normal;}

h3 a:visited {color:#cf0000; font-size:18px; font-weight:normal;}

h3 a:hover {color:#cf0000; font-size:18px; font-weight:normal;}

h4 { color: #252525; line-height: 26px; font-size: 24px; }
p.intro {font-weight:bold;}

p.red {color:red;}

.bold {font-weight:bold;}

h1.project_name {font-family: Arial; font-size: 20px; font-weight: bold;}

/*----------------layout main------------------*/

div.centered {width:890px; margin:0 auto; padding:0 30px;}

div#top_bar {height:25px; padding-top:10px; background-color:#fff;}

div#header {height:150px; background:url(images/bg_header.gif) repeat-x;}

div#menu {height:35px; background-color:#fff;}

div#lang_select {height:35px; background-color:#fff;}

div#content {background:#ededed; padding:30px 0;}

div#footer {border-top:1px solid #ccc; height:114px; background:url(images/bg_footer.gif) repeat-x; clear:both;}

div#main_col {width:570px; float:left; margin-right:30px;}

div#single_col {width:890px;}

div#side_col {width:290px; float:left;}

/*---------------------------------------*/







/*----------layout & misc------------*/

div#top_bar div.centered {text-align:right; font-size:11px;}

div#top_bar div.centered a {color:#000; text-decoration:none;}

div#top_bar div.centered a:hover {text-decoration:underline;}



img#logo {margin-left:5px; margin-top:55px; float:left;}

img#slogan {float:right; margin-left:5px; margin-top:65px;}



div#menu a {display:block; float:left; height:27px; padding-top:8px; font-size:14px; text-decoration:none; text-transform:uppercase; margin-right:30px;}

div#lang_select a {display:block; float:right; height:27px; padding-top:8px; font-size:14px; text-decoration:none; text-transform:uppercase; margin-right:30px;}

div#menu a.active, 

div#menu a:hover {background:url(images/red_arrow.gif) top center no-repeat;}



div.feat_project {clear:both; margin-top:20px;}

div.feat_project h1 {border:none; text-indent:-5000px; padding-bottom:30px; margin-top:5px; float:left; display:block;}

div.feat_project p {font-size:12px; line-height:140%;}

div.feat_project a {font-weight:bold; text-decoration:none;}

div.feat_project a:hover {text-decoration:underline;}

div.fp_img_container {width:287px; height:287px; padding-top:5px; padding-left:5px; background:url(images/bg_feat_project.gif); float:left; margin-right:8px;}



h3.fp_news_title {margin-bottom:0px;}

div.fp_news_date {font-size:11px; color:#808080;}

p.fp_news_content {margin-top:0px;}


p.fp_news_content a {font-size:12 px; color:#cf0000;}

p.fp_news_content a:hover {text-decoration:underline;}

p.star_txt {font-size:25 px; color:#535a5a; font-weight:bold;}
p.promotion {font-size:14 px; color:#0000;}



a.jobs {color:#555b5b; font-size:18px; display:block; border-bottom:1px solid #ccc; padding:4px 0;}



div.signature {font-style:normal; text-align:right;}

div.signature span {font-weight:bold;}



div#additional_info {float:left; color:#ededed; line-height:120%;}

h2#get_in_touch {border:none; margin-top:30px; padding-top:0; height:30px; width:169px; margin-bottom:2px;}

div#crights {float:right; width:180px; height:13px; display:block; background:url(images/txt_crights.gif); margin-top:40px; text-indent:-5000px;}



blockquote{margin-left:0; font-style:italic;}

div.clearer {clear:both;}

/*----------------------------------------*/









/*-----------projects page----------------*/

div.project_container

{

	margin-top:34px;

}

div.project_title

{

	margin-top:5px;

	width:166px;

	float:left;

}



div.project

{

	width:724px;

	float:left;

}



div.project_navigation

{

	clear:both;

	border-bottom:1px solid #000;

	height:40px;

	padding-top:15px;

}



div.project_totop

{

	float:left;

	width:166px;

	margin-right:3px;

}





div.project_container h1

{

	border:none;

}



div.project_img_container

{

	height:288px;

	width:686px;

	padding:5px 0 0 9px;

	background:url(images/bg_work_project.gif);

	float:left;

	position:relative;

}



div.project_img_container2

{

	position:absolute;

}



div.project_thumb_links

{

	

	width:18px;

	float:left;

	margin-top:5px;

	margin-left:10px;

}



div.project_txt

{

	margin-left:4px;

	font-size:12px;

	width:688px;

}



div.project_attrib

{

	margin-top:10px;

}

div.project_attrib a

{

	color:#cf0000;

}


div.project_thumb_links a

{

	width:17px;

	height:25px;

	display:block;

	text-indent:-5000px;

	margin-bottom:18px;

}



a.num1 {background:url(images/num_1.gif) center no-repeat;}

a.num1:hover,

a.num1-active {background:url(images/num_1_active.gif) center no-repeat;}

a.num2 {background:url(images/num_2.gif) center no-repeat;}

a.num2:hover,

a.num2-active {background:url(images/num_2_active.gif) center no-repeat;}

a.num3 {background:url(images/num_3.gif) center no-repeat;}

a.num3:hover,

a.num3-active {background:url(images/num_3_active.gif) center no-repeat;}

a.num4 {background:url(images/num_4.gif) center no-repeat;}

a.num4:hover,

a.num4-active {background:url(images/num_4_active.gif) center no-repeat;}





table#project_list

{

	width:100%;

	margin-top:20px;

	border-bottom:1px solid #6a6a6a;

}

table#project_list td

{

	width:25%;

	padding-bottom:20px;

	line-height:120%;

}



table#project_list td

{

	font-size:11px;

	color:#666666;

}

table#project_list td a

{

	font-size:14px;

	color:#cf0000;

}







div#form_container

{

	border-top:1px solid #ddd;

}

div.form_part

{

	border-bottom:1px solid #ddd;

	padding:15px 0px;

}



input.long

{

	width:95%;

}



textarea

{

	width:95%;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}





table.form_fields

{

	width:100%;

}



table.form_fields td

{

	width:50%;

	vertical-align:top;

}



table.form_fields td input,

table.form_fields td select

{

	width:92%;

}



input.button

{

	color:#fff;

	background-color:#cf0000;

	border-width:1px;

	border-color:#fff #000 #000 #fff;

	padding:3px;

	text-transform:uppercase;

}





table#contact_phones

{

	width:100%;

}



table#contact_phones td

{

	text-align:center

}



img#team_photo

{

	border:1px solid #000;

}



div#err

{

	background: url(images/ico_remove.png) no-repeat 15px 12px #d7d7d7;

	color:#909090;

	font-size:18px;

	height:56px;

	padding:17px 20px 0 75px;

	border:3px solid #fff;

	margin-top:20px;

	margin-bottom:20px;

}



div#msg

{

	background: url(images/ico_accept.png) no-repeat 15px 12px #d7d7d7;

	color:#909090;

	font-size:18px;

	height:56px;

	padding:17px 20px 0 75px;

	border:3px solid #fff;

	margin-top:20px;

	margin-bottom:20px;

}



span.required { font-weight:bold; font-size:12px; }

.star

{

	color:#cf0000;

	font-size:18px;

}



ul#sitemap

{

	padding-left:0.8em;

	margin-left:0.8em;

}



div.empty

{

	border:1px solid #cf0000;

	background-color:#f7f2ba;

	padding:4px 0 4px 2px;

}



input.empty

{

	background-color:#f7f2ba;

}



div#fillin_notification

{

	border:1px solid #cf0000;

	background-color:#f7f2ba;

	padding:10px;

	font-size:18px;

	color:#555b5b;

	margin-bottom:20px;

}



div#habla_window_div{

    z-index:3;

}





div#thisishabla{

    height: 106px;

    position: absolute;

    z-index: -1;

    background: url(images/masz_pytania.png) no-repeat;

    bottom: 0;

    right: 0;

    width: 151px;

}





div#habla_middle{

    background-color: #fff;

}

img.valids {
	border: 0;
	float: left;
	margin: 0 10px 0 0;
}



/*-----------news page----------------*/

img.news_foto {
	padding: 0 10px 10px 0;
	float: left;
}

/*------------------------------------*/


/*-----------paginacja----------------*/

.portfolio_page {
	float: right;
}

.portfolio_page a {
	padding: 3px 6px 3px 6px;
	margin: 0 0 0 5px;
	background: #f8f5f6;
	text-align: center;
	border: 1px solid #d6d4d5;
	float: left;
}
.portfolio_page a#current{
	padding: 4px 6px 3px 6px;
	margin: 0 0 0 5px;
	background: #ededed;
	border: 0;
	text-align: center;
	float: left;
}

.portfolio_page span {
	float: left;
	padding: 3px 0 0 0;
}

/*------------------------------------*/

img#summer_sale {
	border: 0;
	height: 375px;
	margin: 15px 0 30px 0;
}

/*------------PROMOTION---------------*/

#pageflip {
	position: relative;
}
#pageflip img {
	width: 140px; height: 140px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 140px; height: 133px;
	position: absolute;
	right: 0; top: 0;
	background: url(images/peel_promotion_img.gif) no-repeat right top;
	text-indent: -9999px;
}

/*------------------------------------*/