/*

	http://www.vtrip.pl/Skins/default/style.css
	autor: Tomasz 'Todi' Klekot

	Ten plik stylow CSS jest wlasnoscia strony  http://www.vtrip.pl
	i odpowiada za graficzna prezentacje umieszczonych tam tresci.

	Mozesz wykorzystac CSS do nauki, ale nie kradnij prosze.

*/


/*	=reset & global

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

html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
	margin: 0;
	padding: 0;
	border: 0;
}

a:visited { text-decoration: underline; }

a { text-decoration: underline; }
a { color: #565656; }
ul { list-style: none; }
ol { list-style: none; }
legend { display: none; }

body {
	background: #fff;
	color: #767676;
	font-size: 100%;
}

body, input, textarea, select, option, optgroup, button {
	font-family: Tahoma, Arial, Verdana;
}

input, textarea, select, option, optgroup, button {
	font-size: 1em;
}

/*	=layout

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

#top {
	width: 800px;
	margin: 0 auto;
	font-size: 0.69em;
}

#main {
	width: 800px;
	margin: 0 auto;
	font-size: 0.69em;
	background: url(/fileadmin/images/bg_main.gif) top right repeat-y;
	margin-bottom: 10px;
	height: 100%;
	overflow: hidden;
}

#footer {
	width: 800px;
	margin: 0 auto;
	font-size: 0.69em;
	position: relative;	
	border-top: 11px solid #DFDFDF;
	padding: 7px 0px 10px;	
	height: 100%;
	overflow: hidden;
}

/*	=top

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

#top {
	height: 100%; overflow: hidden;
}

#top img.logo {
	padding: 23px 0 3px 0;
}

#top .header_menu {
	float: right; 
	width: 187px; 
	background: #FF6633; 
	color: #fff; 
	margin-top: 42px;
	padding: 12px 15px;
}

#top .header_menu {
	display: block;
}

/* =content
---------------------------------------------------------------------------- */

#content { 
	float: left; 
	width: 580px;
 }
 
#navigation {
	float: right; 
	width: 217px;
	background: #686868;
	padding: 24px 0 24px 0;
}

#navigation img {
	display: block;
}

#swf {
	
}

#welcome, #subpage {
	margin: 4px 0 14px 0; 
	padding: 6px 0; 
	border-top: 4px solid #E6E6E6; 
	height: 100%; 
	overflow: hidden;
}

#subpage {
	padding-left: 10px;
	padding-right: 45px
}

#subpage p {
	margin: 10px 0;
	text-align: justify;
}

#subpage ul { 
	list-style-type: disc;
	margin: 10px 30px;;	
}

#welcome {
	border-bottom: 1px solid #E6E6E6; 
}

#welcome img {
	display: block;
}

#welcome .informations {
	float: right; 
	width: 270px;
	padding-right: 10px;
	margin-top: 20px;
	text-align: justify;
}

#welcome .informations p {
	margin-top: 10px;
}

#amp-info div h2 {
	font: bold 1.62em Arial, Helvetica, sans-serif; 
	color: #656565; 
}

#welcome .informations h2 {
	font: bold 1.62em Arial, Helvetica, sans-serif; 
	color: #656565; 
}

#amp-info div h3 {
	font: bold 1.24em Arial, Helvetica, sans-serif; 
	color:#7E7E7E;
	margin: 4px 0;
}

#welcome .informations h3 {
	font: bold 1.24em Arial, Helvetica, sans-serif; 
	color:#7E7E7E;
	margin: 4px 0;
}

#amp-info {
	height: 100%; 
	overflow: hidden; 
	margin-bottom: 10px;
}

#amp-info div {
	float: left; width: 248px; padding: 6px 20px;
}

/* =menu
---------------------------------------------------------------------------- */
.menu, .sub {
	margin: 10px 22px 10px 25px;
	padding: 0 0 10px 0;
	color: #FFFFFF;
	background: url(/fileadmin/images/bg_menu.gif) bottom left repeat-x;
}

.menu ul {
	text-align: left; 
	list-style: none; 
	padding: 0 0 0 14px; 
	margin: 0;
}

.menu li {
	color: #FFFFFF;
	margin: 0;
	background: url(/fileadmin/images/arrow_menu.gif) top left no-repeat;
	background-position: 0 6px;
	padding: 1px 0 2px 10px;
}

.menu li a, .menu li a:hover, .menu li a:visited {
	height: 1%; 
	display: block;
	color: #FFFFFF; 
	text-decoration: none; 	
}

.menu li a:hover {
	text-decoration: underline;
}

/* =case study, news
---------------------------------------------------------------------------- */

#case-study ul, #news ul, .our_realization ul {
	text-align: left; 
	list-style: none; 
	margin: 0;	
}

#case-study ul, #news ul {
	padding: 10px 0 0 6px; 
}

.our_realization ul {
	padding: 0 0 10px 6px;
}

#case-study li, #news li, .our_realization li  {
	color: #565656;
	background: url(/fileadmin/images/arrow_menu_or.gif) top left no-repeat;
	background-position: 0 6px;
	padding: 2px 0 3px 10px;	
}

#case-study li {
	font-weight: normal;
}

#case-study li a, #news li a, .our_realization li a {
	color: #565656;
	text-decoration: underline;
	font-weight: normal;
}

#case-study li a {
	font-weight: bold;
}

#case-study li.more_info a, #news li.more_info a {
	color: #FF6633;
	font-weight: bold;
}

/* =portfolio
---------------------------------------------------------------------------- */

#portfolio {
	height: 100%;
	overflow: hidden;
	padding: 10px;
}

#portfolio .our_services {
	float: left; 
	width: 360px;
}

#portfolio .our_realization {
	float: left;
	padding: 0 6px;
}

#portfolio .our_realization h4 {
	display: block;
	color: #656565;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

/* =path menu 
---------------------------------------------------------------------------- */

#path { 
	padding: 6px 0 6px 150px; 
	text-align: center; 
}
#path ul { 
	height: 100%; 
	overflow: hidden; 
	list-style: none; 
	padding: 0; 
	margin: 0; 
}
#path ul li {
	background: url(/fileadmin/images/spacer_menu.gif) top left no-repeat; 
	float: left; 
	padding: 0; 
	margin: 0 0 0 -1px;
}

#path ul li a, #path ul li a:hover, #path ul li a:visited { 
	font-size: 0.99em; 
	color: #656565; 
	text-decoration: none;
	padding: 3px 11px 4px 10px; 
}

/* =footer
---------------------------------------------------------------------------- */

.footer_box, .footer_copyright {
	float: left; 
	color: #828080;
	font-size: 0.90em;
	margin-top: 21px;
}

.footer_box {
	padding: 6px 5px;
	width: 175px;
}

.footer_copyright {
	padding: 6px 5px;
	width: 160px;
}
.footer_banner {
	float: right;
}

.footer_box a {
	color: #828080;
	text-decoration: underline;
}

/* =news
---------------------------------------------------------------------------- */

.newslist-item {
	height: 100%;
	overflow: hidden;
	border-bottom: #E6E6E6 1px solid;
	padding-bottom: 8px;
	margin: 10px 0;
}

.newslist-item h3 a, .newslist-item h3 a:hover, .newslist-item h3 a:visited {
	display: block;
	color: #656565;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

.newslist-item img { 
	float: left 
}

.newslist-item .newslist-morelink a {
	font-size: 0.99em;
	font-weight: bold;
	text-decoration: underline;
	color: #FF6633;
}

.newssingle-item {
	height: 100%;
	overflow: hidden;
	margin: 10px 0;
}

.newssingle-item img { 
	float: right;
}

.newssingle-item h2 {
	font-size: 16px;
	font-weight: bold;
	text-align: justify;
}

.newssingle-item h3 {
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
}

/* =additions
---------------------------------------------------------------------------- */

.border-left {
	border-left: 1px solid #E8E8E8;
}

.border-right-f {
	border-right: 3px #DFDFDF solid;	
}

.display_block {
	display: block;
}

#popup {
	font-size: 11px;
	text-align: center;
	padding: 4px;
	margin: 0 auto;
}