/*
Table of contents:
-) HEAD
-) FEATURED
-) MAIN CONTENT
-) CONTACT FORM
-) COMMENTS
-) SIDEBAR
-) GENERIC
*/



body{
font-size:13px;
font-family: Arial, Helevtica, Verdana, san-serif;
line-height:23px;
position:relative;
float: left;
width: 100%;
}

#loading {display: none;position:fixed;z-index:99999;}



/************************************************************************
HEAD
*************************************************************************/

#head {overflow: visible; background: white url("/img/skin1/bg.png") repeat-x top left;}
#head .center{
padding:0 20px;
background: transparent url("/img/skin1/header_pic.png") top center  no-repeat;
height:200px;
overflow: visible;
z-index:100
}

#head .center .first{height:50px;}
#head .center .second{height:65px;}
#head .center .second div.logo{float:left; margin-top:25px}
#head #summary {width:380px; float: right; color: #000; margin-top:15px; margin-right:20px}
#head label {width:50px}
#head label {margin-top:5px; width:50px; float:left}
#head input[type=submit] {width:65px; height:65px; background-color:#fff}

#head .center .second div span {float:right}

#head .logo {background: transparent url("/img/skin1/logo.png") repeat top left;}
#head .logo, #head .logo a{display:block;height:60px;width:240px; position:relative;border: none;padding: 0;margin:0;left: 20px;z-index: 10;}
#head .logo a{text-indent:-9999px;outline:none;border: none;}

/*searchform head*/
#head .news {float:right;position: relative;}
#head .news span {margin-right: 0}
/*
#head input {margin-top:3px; float:right; border: none; width:170px; padding:5px 30px 5px 10px;position: relative;background: #fff;color:#555;}
*/
#head input {margin-top:3px; float:right; width:170px; position: relative;}

#head #searchsubmit{
border:medium none;
cursor:pointer;
display:block;
height:35px;
outline:none;
padding:0;
position:absolute;
right:-8px;
text-indent:-9999px;
top:4px;
width:35px;
z-index: 2;
}

.headline{float:left;padding:16px 0;font-size: 11px;line-height: 1em;}
.headline a, .headline span{display:block;margin-right:15px;margin-left:10px;float: left;color:#fff}
.headline a:hover {text-decoration: none;}

#menu, #menu .center{overflow: visible;z-index: 50;}


/*#nav{
position: absolute;
right:20px;
list-style-type: none;
list-style-position: outside;
margin:0;
z-index: 5;
top:95px;
}*/

#nav{
position: absolute;
/*left:40px;*/
list-style-type: none;
list-style-position: outside;
margin:0;
z-index: 5;
top:-12px;
}

#nav li{
float: left;
}

#nav li a{
display:block;
float:left;
padding:6px 15px;
border: none;
text-decoration: none;
line-height: 18px;
outline: none;
margin-right:1px;
}


/*navigation*/


#nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:50px; 
z-index:5;
}


#top #nav ul a{
line-height:28px;
font-size: 12px;
cursor: pointer;
}

#top #nav li{
float:left;
position:relative;
z-index:20;
margin-top:11px;
}

#top #nav li li{
border-left:none;
margin-top:0;
}

#top #nav ul {
display:none;
position:absolute;
top:27px;
width:172px;
left:0;
padding:5px;
}

#top #nav li ul a{
width:150px;
height:auto;
float:left;
text-align:left;
padding:0 10px;
}

#top #nav ul ul{
top:auto;
border-top:none;
}	

#top #nav li ul ul {
left:-182px;
top:-4px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
display:none;	
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}

#top #nav li ul a{
border-top:none;
}



/************************************************************************
FEATURED
*************************************************************************/
#featured, .featured, .fadeout, .newsselect{ 
height:370px; 			/*this changes the height of the image slider*/
}

#feature_background{
padding:0 0 20px 0;
}

#top #feature_wrap{
padding:0 0 20px;
overflow: visible;
}

#featured{
overflow: hidden;
position: relative;
width: 890px;
}

#top .featured1{
border:none;
display: block;
}


.featured{
width:940px;
position:absolute;
top:0;
left:0;
overflow: hidden;
display:none;
}

#top .fadeout{
position:absolute;
width:200px;
display:block;
right:0px;
z-index: 3;
}

/*accordion*/
.accordion .featured{
width:670px;
}

#top .accordion .feature_excerpt{
width:630px;
}

#top .accordion .heading_clone{
position: absolute;
z-index: 4;
bottom:20px;
left:20px;
font-size: 13px;
text-transform: uppercase;
padding:0;
margin: 0;
}

/*fadeslider*/
.fadeslider .featured{
width:100%;
border:none;
}

#top .slidecontrolls{
position:absolute;
width:10px;
right:-15px;
top:0;
}

#top .slidecontrolls span{
height:10px;
padding:2px 0;
width:10px;
display:block;
cursor: pointer;
}


#top .fadeslider .feature_excerpt{
width:917px;
}

/*newsslider*/

.newsselect{
position: absolute;
overflow: hidden;
width:276px;
right:0px;
top:0px;
z-index: 5;
}

.newsslider .newsItems{
position: absolute;
top:0;
left:0;
}

#top .newsslider .feature_excerpt{
width:580px;
}

.newsslider .featured{
border:none;
width:670px;
}

#top .newsselect .sliderheading{
font-size:13px;
font-family: Arial, Helevtica, Verdana, san-serif;
font-weight: bold;
padding: 0;
}

.newsselect .single_item{
padding:10px;
display: block;
text-decoration: none;
line-height: 1.3em;
}

#top .newsslider .fadeout{
right:155px;
}

.newsselect .sliderdate{
display:block;
font-size: 11px;
}
/*-------------------*/



#top .feature_excerpt{
width:900px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 2;
padding:10px 20px;
font-size: 12px;
line-height:1.5em;
}


#top .sliderheading{
display:block;
font-size: 26px;
font-weight: normal;
font-family: "Trebuchet MS",Arial,Helvetica,san-serif;
}

.sliderdate{
display:none;
}

#featured, #featured img{
text-decoration: none;
border:none;
/*background: url("/img/foto/paczka.jpg") no-repeat scroll left top transparent;*/
}

.bottom_right_rounded_corner, .bottom_left_rounded_corner, .top_right_rounded_corner, .top_left_rounded_corner{
display: block;
width:5px;
height:5px;
position: absolute;
z-index: 100;
}

#featured a:hover{
text-decoration: none;
background: url("/img/foto/list.jpg") no-repeat scroll left top transparent;
}

.bottom_right_rounded_corner{bottom:20px; right:0}
.bottom_left_rounded_corner{bottom:20px; left:0}
.top_right_rounded_corner{top:0; right:0}
.top_left_rounded_corner{top:0; left:0}

#top #featured .rel_pos{
position: relative;
}

/************************************************************************
MAIN CONTENT
*************************************************************************/
#top .wrap_fullwidth .content_fullwidth{
margin-bottom: 20px;
width: 900px;
}

#main .center{overflow: visible;}


#info {
bottom:17px;
padding:0 0 30px;
position:relative;
margin:0 0 30px;
}

#top .info_noslide{
margin:4px 0 12px 0;
padding:23px 0 26px;
position:relative;
bottom: auto;
}

.latest_work, .show_portfolio{
text-transform: uppercase;
float:left;
font-weight: bold;
display: block;
font-size: 11px;
}

#top .show_portfolio{
float: right;
padding-right:20px;
}


#sidebar .box_item{
font-size: 12px;
line-height: 1.7em;
padding:0 0 27px 0;
}

#sidebar .item_data{
width:268px;
}



.category, .date, .icon, .post_data .comments{
display: block;
float: left;
font-size: 11px;
padding:0 0 0 20px;
font-weight: bold;
}



/*blog*/

#top .entry{
margin-left:0;
}

.post_data .date,  .post_data .category, .post_data .comments{
margin-right:20px;
}

.entry_title_right {
float:right;
margin-top:10px;
}
.entry_title_right select {
margin-top:-2px;
margin-right:20px;
}
.entry_content{
clear:both;
position: relative;
float: left;
width: 95%;
padding-bottom: 30px;
overflow: hidden;
}

.image_border{
padding: 10px 0 20px 0;
}

.entry img{
padding:5px;
display: block;
}


.content_one_third img{max-width:270px;}
.content_two_third img{max-width:540px;}
#sidebar img{max-width:268px;}

.more-link{
display:block;
font-size:11px;
font-weight:bold;
line-height:20px;
margin:8px 0 0;
padding:0 20px 0 0;
width:75px;
}

.entry_content h1, .entry_content h2, .entry_content h3, .entry_content h4, .entry_content h5, .entry_content h6{
padding-top:20px;
}

/*pagination*/


/************************************************************************
CONTACT FORM
*************************************************************************/

fieldset{
border:none;
}

.ajax_form .text_area{
padding:10px;
width:530px;
}

.ajax_form h3{
border:none;
}

.ajax_form p{
padding: 0 0 10px 0;
}

label { display: inline-block; font-size: 12px; padding-right: 5px; text-align: right; padding-top:3px;}

label.stackable {
    float: right;
    width: 100%;
}

.stackDescription {
    float: right;
    margin-top: -31px;
    margin-right: -12px;
}

.icon_help {margin-left:5px; border:none}

.width0 {width:12px}
.width1 {width:25px}
.width2 {width:55px}
.width3 {width:75px}
.width4 {width:100px}
.width5 {width:120px}
.width6 {width:150px}
.width7 {width:175px}
.width8 {width:200px}
.width9 {width:225px}
.width10 {width:250px}
.width11 {width:275px}
.width12 {width:300px}
.width14 {width:350px}
.width16 {width:400px}
.width17 {width:425px}

.left {text-align:left}
.extra_tiny_width {	width:	20px;}
.tiny_width {		width:	35px;}
.smaller_width {	width:	70px;}
.small_width 	{	width: 100px;}
.small_width 	{	width: 100px;}
.small_width 	{	width: 100px;}
.medium_width {		width: 140px;}
.large_width {		width: 160px;}
.larger_width {		width: 200px;}

.no_margin {margin:0}
.no_border {border:none}
.no_border td {border:none}
.float_left {float:left}
.float_right {float:right}
.hr_space {height:15px}
.hr_half_space {height:8px}
.hr_img {margin: 0 auto; padding: 5px 0 5px 0; display:block}
.hr_line {background-color: #CCCCCC; height: 1px;}
.pointer {cursor:pointer}
.inline {display:inline}

.create {padding: 20px 0 20px 30px; float:left; width: 600px; min-height:250px;}
.create > div {width:90%}
.create > div.cargo {width:95%}
.create.china > div {width:100%}
.create.china {padding-top:0}
.create.cargo {padding-left: 20px; width: 640px;} 
.create form {padding-top:10px}
.create .package {margin-bottom:3px;}
.create .display {margin-left: 4px;}
.section select {margin:0}

.create p.info {
color: gray;
margin-top:25px;
border-radius: 100px;
border-width: 1px;
border-color: #EF7F1A;
border-style: solid;
text-align: center;
display: block;
padding: 5px;
color: black;
}

.section {width:95%; margin-left:20px}
/*.section .header {cursor: pointer}*/
.section .header h2 {float:left}

.section .header span, .section .header a {float:right;}
.section .header span { padding-right:25px;}
.section .header a {padding-top:5px} 
.section .header span {background: transparent url("/img/skin1/icon_bottom.png") center right no-repeat;}
.section .header span.inactive {background: transparent url("/img/skin1/icon_prev.png") center right no-repeat;}

.section .content li {margin-left:20px}

.normalheight {line-height: normal} 

.summary {background-color: #F5F5F5; border: 1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; margin: 10px auto; padding: 5px; text-align: center;}

div.fancy {width:500px; min-height:200px}
div.fancy p {padding:10px}
div.fancy img.logo {margin-top:0;margin-right:15px}

.create_sidebar {float:left; width:240px; cursor: pointer}
.create_sidebar div {height:70px; padding-left:80px}
.create_sidebar label {margin-top:5px; cursor:pointer}
.create_sidebar span {display:block}
.create_sidebar .envelope {background: transparent url("/img/skin/envelope.png") center left no-repeat;}
.create_sidebar .parcel {background: transparent url("/img/skin/parcel.png") center left no-repeat;}
.create_sidebar .cargo {background: transparent url("/img/skin/pallet.png") center left no-repeat;}
.create_sidebar .china {background: transparent url("/img/skin/china.png") center left no-repeat;}

.extractor {width:700px; height: 180px; background-color: #fff; position: absolute; z-index:100;}
.extractor textarea {width:300px; height: 110px; margin-left: 135px; float:left}
.extractor textarea.inactive {color: gray;}
.extractor div {float:left; margin-left:10px; width:100px}
.extractor .button {width:100%; margin-bottom:5px}

.panel {
width: 93%; padding: 10px; border: 1px solid #eee; 
border: 1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px 
}

.packages div {text-align:center; border: 1px solid transparent;}
.packages .active {border: 1px solid #CCCCCC; background-color: #f8f8f8; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; color:gray; font-weight:bold}

/************************************************************************
COMMENTS
*************************************************************************/
.commentlist{
float:left;
width:100%;
padding: 0 0 30px 0;
}

.commentlist .comment{
list-style-type: none;
list-style-position: outside;
width:100%;
position: relative;
display: block;
float: left;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
}

.gravatar{
float:left;
width:72px;
padding-right:20px;
font-size: 11px;
text-decoration: none;
text-align: center;
position: relative;
}

.comment_content{
float:right;
padding:18px 18px 30px;
position:relative;
width:490px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.author_name a{
font-size: 16px;
font-weight: bold;
text-decoration: none;
font-style: normal;
float:left;
}

.commentmetadata {
float:left;
font-size:11px;
line-height:26px;
padding-left:12px;
}

.says{
position: absolute;
left:-13px;
top:18px;
display: block;
height:24px;
width:13px;
text-indent: -9999px;
}

.comment_text{
clear: both;
font-size: 12px;
}

#top .comment-reply-link{
font-size: 11px;
text-decoration: none;
position: absolute;
display: block;
padding:0px 7px;
bottom: 0;
left:0;
}

/*comment children*/

.children .gravatar {
padding:0;
position:absolute;
right:20px;
top:0;
width:42px;
z-index:2;
}

.children .gravatar img{
width:30px;
height:30px;
}

.children .says{
display:none;
}


/*input fields*/

.personal_data p{
float:left;
width:33%;
}

.personal_data label{
display:none;
}

.message_data textarea{
width:95%;
padding:10px;
font-size:12px;
font-family: Arial, Helevtica, Verdana, san-serif;
}

.button{
padding:7px 12px;
}


/************************************************************************
SIDEBAR
*************************************************************************/
#sidebar{
width:280px;
position: relative;
}

#sidebar div{
position: relative;
z-index: 2;
}

#sidebar ul li a {
display:block;
line-height:22px;
padding:3px 10px;
position:relative;
text-decoration:none;
}

.box{
padding-bottom: 30px;
}


/************************************************************************
FOOTER
*************************************************************************/
#breadcrumb_wrap .center {
padding:5px 20px;
font-size: 11px;
}

#footer_bottom .center{
padding:9px 20px;
}

/*breadcrumb*/
.breadcrumb{
float:left;
width:750px;
}

.breadcrumb span, .breadcrumb a{
float:left;
display:block;
padding-right:5px;
line-height:19px;
}

.breadcrumb span{
height:19px;
width:8px;
text-indent: -9999px;
}

#top .breadcrumb_info{
height:19px;
width:19px;
text-indent: -9999px;
}

#top .current_crumb{
text-indent: 0;
width:auto;
height: auto;
background: none;
}

/*social bookmark icons*/
.social_bookmarks{
border:none;
display: block;
float: right;
list-style-type: none;
list-style-position: outside;
padding:7px 0px 0 0;
position: relative;
z-index: 6;
}

.social_bookmarks li{
float:left;
margin:0;
width:16px;
padding:0 0 0 7px;
}

.social_bookmarks li a{
height:16px;
width:16px;
display: block;
float:left;
text-indent: -9999px;
border:none;
padding:0;
outline: none;
}


#footer .box_mini {
margin-right:20px;
width:160px;
float:left;
}

#footer .box_custom_footer {
margin-right:0;
/*width:220px;*/
float:left;
}

#footer ul li a{
display:block;
padding:3px 10px;
line-height:22px;
position: relative;
text-decoration: none;
}

.copyright, .scrollTop{
font-size: 11px;
float:left;
}

#top .scrollTop{
float: right;
display: block;
padding-right:15px;
outline: none;
}

/************************************************************************
GENERIC
*************************************************************************/
.lightbox_video, .lightbox_image{
position: absolute;
z-index: 1;
top:0;
left:0;
}

a img, a:hover img{
z-index: 2;
position: relative;
}

a{
/*text-decoration: none;*/
}

a:hover{
text-decoration: underline;
}

h1 {
font-family: "Trebuchet MS",Arial,Helvetica,san-serif;
font-style: italic;
letter-spacing: 0.4px;
line-height: 41px;
margin-top: 0px;
margin-bottom: 5px;
padding-bottom: 5px;
padding-left: 60px;
position: relative;
clear:both; font-size:24px; font-weight:normal;
}

h2, h3, h4, h5, h6, legend, .sliderheading {
font-family:"Trebuchet MS", Arial, Helevtica, Verdana, san-serif;
font-weight:bold;
/*letter-spacing:0.4px;*/
line-height:1.4em;
padding-bottom:5px;
position:relative;
}

.entry h1{font-size:21px;}
h2{font-size:18px; clear:both; font-weight:normal;}
h3, legend{font-size:13px; clear:both;}
h4{font-size:12px; clear:both;}
h5{font-size:11px; clear:both;}
h6{font-size:10px; clear:both;}

p{ padding: 0.2em 0;}

#main ul,#main  ol {
margin-bottom:10px;
}

blockquote p{
padding:11px 0px;
}

blockquote{
margin:0;
padding:15px;
font-size:12px;
font-style:italic;
}

.floatleft{
float:left;
}

.floatright{
float:right;
}

.clearboth{
clear:both;
}

body .alignleft{
float:left;
margin:5px 10px 0px 0;
display: block;
}

body .alignright{
float:right;
margin:5px 0px 0px 10px;
display: block;
}

.aligncenter{
clear:both;
display:block;
margin:5px auto;
padding: 10px 0;
}

.alignleft img, .alignright img{
display:block;
} 



.rounded, .entry img, .button{
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.pagination span, .pagination a, .pagination .current, #nav a, #top #nav ul, #top #nav li{
-moz-border-radius: 3px;
-webkit-border-radius:3px;
border-radius:3px;
}

#top .noborder, #top .noborder img{
border:none;
padding:0;
background: transparent;
}

.currentTextHolder{
padding:0;
margin:0px 4px;
line-height: 1em;
}

.help {
	vertical-align: sub;
	margin-bottom:-4px
}

/*Tables*/
.entry table {
	width: auto;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: auto;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.listing_functions span {border:1px dotted #e6e6e6; color:#cccccc; padding:3px}
.listing_functions span img {vertical-align:middle}
.listing_functions span.active {cursor: pointer; border:1px dotted #999999; color: #000} 

table {	table-layout:fixed; border-collapse: collapse;}
table.listing {width:100%; border-top: 1px solid #e1e1e1; cursor: pointer}
table.listing td {padding: 6px; }
table.listing td.narrow {padding: 6px 3px; }
table input {margin:0}
th {color: #fff; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; background: #555;}
th a, th a:hover {color: #fff; }
th.nobg {border-top: 0;	border-left: 0;	background: none;border-right: 1px solid #e1e1e1; color:#555;}
th.spec {border-top: 0;	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
th.specalt {border-top: 0;font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
td {padding: 6px 6px 6px 12px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #fff; color: #777;}
td.alt {background: #eee; color: #777;}
td.nor, th.nor {border-right: none;}
td.l, th.l {border-left: 1px solid #e1e1e1; }
td.t, th.t {border-top: 1px solid #e1e1e1; }
td.r, th.r {border-right: 1px solid #e1e1e1; }
td.overflow {text-overflow:ellipsis; overflow:hidden; white-space: nowrap;}
tr.active td {background-color: #999999; color: #fff}
th.spec, td.spec {border-left: 1px solid #e1e1e1; background: #fff; color:#777;}
th.specalt, td.specalt {border-left: 1px solid #e1e1e1; background: #eee;color: #777;}


.textleft {text-align:left}
.textright {text-align:right}
.textcenter {text-align:center}
													 
.texttop {vertical-align:top}

.hr{
padding:20px 0;
position: relative;
clear: both;
}

.hr a{
position: absolute;
right:0;
top:0;
padding:0 0 0 10px;
font-size: 11px;
text-decoration: none;
outline: none;
}

.more-link {
display:block;
font-size:11px;
line-height:23px;
margin-top:5px;
padding:2px 3px 1px;
text-align:center;
width:78px;
text-decoration:none;
}

.archive .more-link {
display:inline-block;
}

.js_active .item_small, .js_active .feature_wrap img{
visibility: hidden;
}



.notification_marker {
	width:1px;
	height:1px;
}

.notification {
	z-index:1000; 
	display:none; 
	width:40%; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	height:50px; 
	text-align:center; 
	position:fixed; 
	margin-right:auto; 
	border:1px solid rgb(4,85,195); 
	padding:8px; 
	background-color:rgb(210,221,248); 
	left:30%; 
	bottom:-3px;
	color: black;
}

.notification a.close {
	color:black;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
	margin-left:20px;
}

#cookies {
	z-index:1100;
	display:block; 
	width:40%; 
	height:30px; 
	left:30%; 
	bottom:-3px;
}

.notification > span {
	font-size:14px
}
.notification > p {
	font-size:18px
}
.notification > p > span {
	color:#EF7F1A;
}

.tooltip {
    border:1px solid rgb(4,85,195);
    padding:10px 15px;
    width:200px;
    display:none;
    color:#000;
    text-align:left;
    font-size:12px;
    background-color:rgb(210,221,248); 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
