/**
 * e Grupa Sp z o.o.
 * 
 * Bazowy plik stylów css
 * 
 * @author Michał Polański & Damian Kołtko
 */

/* style globalne */
body {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background: url(../img/bkg_1.png) repeat-x #FDFDFD;
	font: normal 90% Tahoma, Verdana, Helvetica, sans-serif;
}
#content {
	background: url(../img/bkg_2.png) no-repeat #FDFDFD;
	width: 750px;
	margin: 0px auto;
	padding-top: 50px;
}
a {
	text-decoration: none;
	color: #F60;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
a:hover {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
}
a:visited{
	color: #F30;
}
.clearer {
	width: 800px;
	float: left;
	height: 1px;
	font-size: 1px;
}

p { /*text-align: justify; text-justify: newspaper*/ }
/* head strony */
#head {
	background: url(../img/head.png) no-repeat;
	width: 522px;
	height: 70px;
	font-size: 0px;
	margin-left: 40px;
}
#head h1 { font-size: 0px; display: none; }

/* menu główne */
#main_menu {
	width: 717px;
	height: 261px;
	margin: 0px auto;
}
#main_menu .left_panel {
	width: 246px;
	height: 261px;
	background: url(../img/left_panel.png) no-repeat;
	float: left;
	color: #ffefdf;
}
#main_menu .left_panel ul {
	list-style-type: none;
	margin: 12px 0px;
	padding: 0px;
}
#main_menu .left_panel li {
	font-weight: bold;
	height: 19px;
	width: 249px;
	font-size: 13px;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 4px;
}
#main_menu .left_panel li.selected {
	background: url(../img/l_p_selected.png) no-repeat;
}
#main_menu .left_panel a {
	color: #ffefdf;
	border: none;
	font-weight:bold;
}
#main_menu .left_panel a:hover {
	color: #ffe5bf;
	border: none;
	font-weight:bold;
}
#main_menu .right_panel {
	width: 471px;
	height: 261px;
	background: url(../img/right_panel.png) no-repeat;
	float: right;
	color: white;
}
#main_menu .right_panel p {
	text-align: right;
	margin-top: 225px;
	padding-right: 30px;
	font-size: 70%;
}
#main_menu .right_panel a { color: white; }

/* powitanie */
#hello {
	width: 700px;
	color: #555555;
	margin: 0px auto;
	background: url(../img/tlohello.png) no-repeat top center;
}
#hello h2 {
	font-size: 20px;
	font-weight: bolder;
	margin-bottom: 0px;
	margin-top: 20px;
	padding-top: 15px;
	padding-left: 15px;
	color: #999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: right;
	font-variant: small-caps;
}
#hello h3 {
	background: url(../img/nagl.png) no-repeat;
	color:#FFF;
	height: 31px;
	width: 500px;
	padding: 7px;
	font-size:14px;
	font:Tahoma, Geneva, sans-serif;
	font-style:normal;
	font-weight:bolder;
	text-align: left;
	vertical-align: middle;
	text-shadow : 0.1em 0.1em black;
}
#hello li {
	list-style:url(../img/kro.png);
}

/* informacje w dolnej części strony */
#informations {
	margin: 30px auto;
	width: 717px;
	color: #555555;
}
#informations .left_box {
	width: 246px;
	background: url(../img/left_box.png) no-repeat;
	float: left;
}
#informations .left_box ul {
	padding: 0px;
	padding-top: 40px;
	margin: 0px;
	list-style-type: none;
	margin-bottom: 50px;
}
#informations .left_box li {
	display: block;
	width: 243px;
}
#informations .left_box li p {
	margin: 10px 0px 0px 0px;
	text-align: justify;
}
#informations .left_box li p.more {
	margin: 0px 0px 0px 0px;
	font-size: 80%;
	text-align: right;
}
#informations .left_box li a {
	color: #f15833;
}
#informations .right_box {
	width: 448px;
	background: url(../img/right_box.png) no-repeat;
	padding-top: 40px;
	float: right;
}
#informations .right_box p { text-align: justify; }

/* Aktualnosc */
#news { list-style-type: none; }
#news .short { text-align: justify; margin: 10px 30px;}

/* Kontakt */
#kontakt { list-style-type: none; width:700px; margin-bottom:20px; }
#kontakt li { float: left; width: 200px; margin: 0px 6px; font-size:10px; }
#kontakt li b { color: black; font-size:14px; }
#kontakt li strong { color: black; font-size:14px;}

/* logotypy */
#logos { list-style: none; width: 700px; height:1200px; margin: 0px auto; }
#logos li { list-style: none; width: 120px; height: 120px; text-align: center; float: left; }

#logos2 { list-style: none; width: 600px; height:130px; margin: 0px auto; }
#logos2 li { list-style: none; width: 120px; height: 120px; text-align: center; float: left; }

/* ramka info */
#info1 {
	background: #fff url(../img/bkg_info.png) repeat-x bottom;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color: #333;
	border: solid 3px #CCC;
	width: 250px;
	padding: 6px;
	display: table-cell;
	float: right;
}
.info1 {
	background: #fff url(../img/bkg_info.png) repeat-x bottom;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color: #333;
	border: solid 3px #CCC;
	width: 250px;
	padding: 6px;
	display: table-cell;
	float: right;
}

/* obrazki - dol strony */
#obra {	list-style: none; width: 700px; }
#obra li {list-style: none; width: 200px; height: 130px; text-align: center; float: left; }
#robra {position:static; display:block; height: 260px;}

/* konsultanci */
.section { list-style: none; margin-bottom: 10px; }
.section .section-content {list-style: none; width: 700px; min-height: 1%; padding: 5px; overflow: hidden; }
#konsultanci ul {list-style: none; margin: 0px; list-style: none; overflow: hidden; }
#konsultanci ul li {list-style: none; height:165px; width: 120px; float:left; margin: 0px; text-align:center; }
#konsultanci ul li img {list-style: none; width: 80px; border: 2px solid #CCC; }
#konsultanci ul li strong {list-style: none; color:#000; width:150px; height: 44px; line-height: 22px; float:none; padding: 0 0 0 5px; border: none; background: #fff; font-size: 10px; font-weight:normal; }

/* formularz kontaktu o program partnerski */
#partner_kontakt { width: 300px; margin: 10px auto; }
#partner_kontakt input[type=submit] { margin: 10px auto; }

/* komunikaty */
#flashMessage {
	width: 250px;
	margin: 20px auto;
	padding-top: 15px;
	border-bottom: 2px #999 dotted;
	font-weight: bold;
	text-align: center;
	height: 25px;
	color: #F30;
}