/*******************************/
/*  Created by Mariusz Galka   */
/*  Copyright by IguanaStudio  */
/*******************************/

@import url('reset.css');

body {
	text-align: center;
	font-size: 11px;
	font-family: Tahoma, Sans-serif;
	color: #383838;
	background: #fff url(images/background.gif) repeat-x 0 0;
}
div {
	text-align: left;
}
p {
	padding: 0;
	margin: 0 0 12px 0;
	line-height: 130%;
	text-align: justify;
}
input, select, textarea {
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	color: #585858;
}
a {
	color: #d30019;
	text-decoration: none;
}
a:hover {
	color: #ff0000;
	text-decoration: underline;
}
/*----[ dodatkowe klasy ]-----------------------------------------------------------------------*/
.clear {
	clear: both;
}
.do_lewej {
	float: left;
}
.do_prawej {
	float: right;
}
.center {
	text-align: center;
}
.img_right {
	float: right;
	padding: 1px;
	background-color: #fff;
	border: 2px solid #cccdd2;
	margin: 0 0 10px 10px;
}
.flash-replaced .alt {
	display: block;
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
}
/*----[ naglowki i przyciski graficzne i inne... ]-----------------------------------------------------------------------*/
a.link_wiecej {
	font-size: 10px;
	font-weight: bold;
}
a.link_pobierz {
	display: block;
	width: 75px;
	height: 21px;
	text-indent: -9999px;
	background: transparent url(images/b_pobierz.gif) no-repeat 0 0;
}
a.link_pobierz:hover {
	background-position: 0 -21px;
}
.n_outsourcing_glowna {
	background: transparent url(images/n_outsourcing_glowna.jpg) no-repeat 0 0;
	height: 63px;
	text-indent: -9999px;
}
.n_aktualnosci_glowna {
	background: transparent url(images/n_aktualnosci_glowna.jpg) no-repeat 0 0;
	height: 63px;
	text-indent: -9999px;
}
.n_kursy {
	background: transparent url(images/n_kursy.jpg) no-repeat 0 0;
	height: 63px;
	text-indent: -9999px;
}
.n_kursy_formularz {
	background: transparent url(images/n_kursy_formularz.gif) no-repeat 0 0;
	height: 63px;
	text-indent: -9999px;
}
.n_inne {
	background: transparent url(images/n_inne.jpg) no-repeat 0 0;
	height: 63px;
	text-indent: -9999px;
}
.n_o_firmie {
	background: transparent url(images/n_o_firmie.gif) no-repeat 0 0;
	height: 63px;
	text-indent: -9999px;
}
.n_oferta {
	background: transparent url(images/n_oferta.gif) no-repeat 0 0;
	height: 63px;
	text-indent: -9999px;
}
.n_galeria {
	background: transparent url(images/n_galeria.gif) no-repeat 0 0;
	height: 63px;
	text-indent: -9999px;
}
.n_referencje {
	background: transparent url(images/n_referencje.gif) no-repeat 0 0;
	height: 63px;
	text-indent: -9999px;
}
.n_aktualnosci {
	background: transparent url(images/n_aktualnosci.gif) no-repeat 0 0;
	height: 63px;
	text-indent: -9999px;
}
.n_do_pobrania {
	background: transparent url(images/n_do_pobrania.gif) no-repeat 0 0;
	height: 63px;
	text-indent: -9999px;
}
.n_klienci {
	background: transparent url(images/n_klienci.gif) no-repeat 0 0;
	height: 63px;
	text-indent: -9999px;
}
.n_kontakt {
	background: transparent url(images/n_kontakt.gif) no-repeat 0 0;
	height: 63px;
	text-indent: -9999px;
}
/*----[ kontener ]-----------------------------------------------------------------------*/
#wrapper {
	width: 980px;
	margin: 0 auto;
}
/*----[ top ]-----------------------------------------------------------------------*/
#top {
	height: 380px;
	position: relative;
	margin: 0 0 13px;
}
#top h1 {
	width: 206px;
	height: 65px;
	background: transparent url(images/logo_ratmed.gif) no-repeat 0 0;
	position: absolute;
	top: 34px;
	left: 5px;
}
#top h1 a {
	width: 206px;
	height: 65px;
	display: block;
	text-indent: -9999px;
}
#top #numer_telefonu {
	width: 272px;
	height: 42px;
	position: absolute;
	top: 44px;
	left: 366px;
}
#top #top_flash {
	padding: 42px 0 0;
}
#top #menu {
	height: 44px;
	width: 675px;
	background: transparent url(images/menu.gif) no-repeat 0 0;
	position: absolute;
	top: 128px;
	left: 0;
}
#top #menu li { float: left; height: 44px; position: relative; }
#top #menu li a { display: block; height: 44px; float: left; width: 100%; text-indent: -9999px; background: transparent url(images/menu.gif) no-repeat 0 0; }

#top #menu li.o_firmie { width: 79px; }
#top #menu li.oferta { width: 69px; }
#top #menu li.galeria { width: 72px; }
#top #menu li.referencje { width: 96px; }
#top #menu li.aktualnosci { width: 104px; }
#top #menu li.do_pobrania { width: 106px; }
#top #menu li.klienci { width: 70px; }
#top #menu li.kontakt { width: 79px; }

#top #menu li.o_firmie a { background-position: 0 0; }
#top #menu li.oferta a { background-position: -79px 0; }
#top #menu li.galeria a { background-position: -148px 0; }
#top #menu li.referencje a { background-position: -220px 0; }
#top #menu li.aktualnosci a { background-position: -316px 0; }
#top #menu li.do_pobrania a { background-position: -420px 0; }
#top #menu li.klienci a { background-position: -526px 0; }
#top #menu li.kontakt a { background-position: -596px 0; }

#top #menu li.o_firmie a:hover,
#top #menu li.o_firmie a.active { background: transparent url(images/menu.gif) no-repeat 0 -44px; }
#top #menu li.oferta a:hover,
#top #menu li.oferta a.active { background: transparent url(images/menu.gif) no-repeat -79px -44px; }
#top #menu li.galeria a:hover,
#top #menu li.galeria a.active { background: transparent url(images/menu.gif) no-repeat -148px -44px; }
#top #menu li.referencje a:hover,
#top #menu li.referencje a.active { background: transparent url(images/menu.gif) no-repeat -220px -44px; }
#top #menu li.aktualnosci a:hover,
#top #menu li.aktualnosci a.active { background: transparent url(images/menu.gif) no-repeat -316px -44px; }
#top #menu li.do_pobrania a:hover,
#top #menu li.do_pobrania a.active { background: transparent url(images/menu.gif) no-repeat -420px -44px; }
#top #menu li.klienci a:hover,
#top #menu li.klienci a.active { background: transparent url(images/menu.gif) no-repeat -526px -44px; }
#top #menu li.kontakt a:hover,
#top #menu li.kontakt a.active { background: transparent url(images/menu.gif) no-repeat -596px -44px; }

/*----[ left ]-----------------------------------------------------------------------*/
#left {
	float: left;
	width: 307px;
	padding: 0 0 0 9px;
}
#left #outsourcing_glowna {
	background: transparent url(images/background_outsourcing_glowna.jpg) no-repeat 0 0;
	height: 142px;
	padding: 0 165px 0 22px;
}
#left #outsourcing_glowna h3 {
	margin: 0 0 4px;
	font-size: 12px;
}
#left #outsourcing_glowna p {
	margin: 0 0 4px;
	text-align: left;
}
#left #aktualnosci_glowna {
	background: transparent url(images/background_aktualnosci_glowna.jpg) no-repeat 0 0;
	height: 78px;
	padding: 0 123px 0 22px;
}
#left #aktualnosci_glowna p {
	margin: 0 0 4px;
	text-align: left;
}
#left #aktualnosci_glowna p a {
	color: #0b4c7d;
}
#menu_ramka {
	background: transparent url(images/background_menu_ramka_bottom.jpg) no-repeat left bottom;
	padding: 0 0 24px;
	float: left;
	width: 307px;
}
#menu_ramka_in {
	background: transparent url(images/background_menu_ramka.jpg) repeat-y 0 0;
	padding: 0 7px;
	float: left;
	width: 293px;
}
#menu_ramka ul {
	border-bottom: 1px solid #d5d5d8;
}
#menu_ramka ul li {
	border-top: 1px solid #d5d5d8;
}
#menu_ramka ul li a {
	display: block;
	padding: 8px 8px 8px 30px;
	color: #383838;
	text-decoration: none;
	background: transparent url(images/background_menul.gif) no-repeat left top;
}
#menu_ramka ul li a:hover, #menu_ramka ul li a.active {
	background: #e4e4e4 url(images/background_menul.gif) no-repeat right top;
}
/*----[ right ]-----------------------------------------------------------------------*/
#right {
	float: right;
	width: 655px;
	padding: 0 9px 0 0;
}
#tresc {
	background: transparent url(images/background_tresc_bottom.gif) no-repeat left bottom;
	padding: 0 0 14px;
	float: left;
	width: 655px;
}
#tresc_in {
	background: transparent url(images/background_tresc.gif) repeat-y 0 0;
	padding: 5px 20px;
	float: left;
	width: 615px;
}
#right h3 {
	margin: 5px 0 8px;
	font-size: 12px;
}
#right h3.n_border {
	border-bottom: 1px solid #cccdd2;
	font-size: 14px;
	padding: 0 0 3px;
}
#right h3.tytul {
	font-size: 16px;
	font-style: italic;
	margin: 0 0 15px;
	text-align: center;
}
#right ul {
	margin: 0 0 12px 10px;
}
#right ul li {
	background: transparent url(images/li_red.gif) no-repeat 0 8px;
	padding: 3px 0 3px 12px;
}
#right ul li ul {
	margin: 0 0 2px 10px;
}
#right ul li ul li {
	background: transparent url(images/li_li_red.gif) no-repeat 0 9px;
	padding: 3px 0 3px 10px;
}
#right ol {
	margin: 0 0 12px 25px;
	list-style: outside decimal;
}
#right ol li {
	padding: 3px 0;
}
/*----[ galeria ]-----------------------------------------------------------------------*/
#right ul.galeria {
	margin: 0 0 15px;
	width: 615px;
	float: left;
}
#right ul.galeria li {
	margin: 10px;
	width: 185px;
	float: left;
	background: none;
	padding: 0;
}
#right ul.galeria li a img {
	padding: 1px;
	background-color: #fff;
	border: 2px solid #cccdd2;
}
#right ul.galeria li a:hover img {
	border-color: #d30019;
}
/*----[ referencje ]-----------------------------------------------------------------------*/
#right ul.referencje {
	margin: 0 0 15px;
	width: 615px;
	float: left;
}
#right ul.referencje li {
	margin: 10px;
	width: 185px;
	height: 192px;
	float: left;
	background: none;
	padding: 0;
	text-align: center;
}
#right ul.referencje li a {
	display: block;
	width: 163px;
	height: 170px;
	text-decoration: none;
	padding: 10px;
	border: 1px solid #e3e3e3;
}
#right ul.referencje li a:hover {
	border-color: #d30019;
}
#right ul.referencje li a b {
	display: block;
	text-align: center;
	padding: 5px 0 0;
}
#right ul.referencje li a img {
	padding: 1px;
	background-color: #fff;
	border: 2px solid #cccdd2;
}
/*----[ aktualnosci ]-----------------------------------------------------------------------*/
#right .data {
	background: transparent url(images/icon_data.gif) no-repeat left 3px;
	color: #aeaeae;
	font-size: 10px;
	padding: 0 0 0 12px;
}
#right ul.pozostale_aktualnosci {
	margin: 0;
}
#right ul.pozostale_aktualnosci li {
	margin: 0 0 10px;
	padding: 0;
	border-bottom: 1px dashed #cccdd2;
	background: none;
	clear: both;
}
#right ul.pozostale_aktualnosci li a img {
	float: left;
	padding: 1px;
	background-color: #fff;
	border: 1px solid #cccdd2;
	margin: 0 10px 10px 0;
}
#right ul.pozostale_aktualnosci li a:hover img {
	border-color: #d30019;
}
#right ul.pozostale_aktualnosci li h3 {
	color: #383838;
}
#right ul.pozostale_aktualnosci li h3 a, #right ul.pozostale_aktualnosci li p a {
	color: #383838;
}
#right ul.pozostale_aktualnosci li p a span {
	color: #d30019;
	font-weight: bold;
}
/*----[ pobierz ]-----------------------------------------------------------------------*/
#right ul.pobierz {
	margin: 0;
	border-top: 1px dashed #cccdd2;
}
#right ul.pobierz li {
	margin: 0;
	padding: 15px 5px;
	border-bottom: 1px dashed #cccdd2;
	background: none;
	clear: both;
}
#right ul.pobierz li h3 {
	margin: 5px 0;
}
#right ul.pobierz li h3 span {
	font-weight: normal;
	color: #b1b1b1;
	font-size: 11px;
}
#right ul.pobierz li a.link_pobierz {
	float: right;
	margin: 1px 0 0 10px;
}
#right ul.pobierz li p {
	margin: 0;
	padding: 5px 0 0;
}
/*----[ klienci ]-----------------------------------------------------------------------*/
#right ul.klienci li {
	margin: 0 0 10px;
}
#right ul.klienci li b {
	display: block;
	margin: 0 0 5px;
	font-size: 12px;
}
/*----[ kontakt ]-----------------------------------------------------------------------*/
#map {
	float: right;
	width: 350px;
	height: 370px;
	border: 2px solid #cccdd2;
	margin: 0 0 10px 10px;
}
.potwierdzenie {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	padding: 30px 0;
}
/*----[ formularze ]------------------------------------------------------------*/
#right #formularz {
	margin: 30px auto 15px;
	padding: 0;
	width: 450px;
}
#right #formularz li {
	border-top: 1px dashed #e6e6e6;
	padding: 7px 0;
	overflow: hidden;
	margin: 0;
	background: none;
}
#right #formularz li.form_naglowek {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background: #e3e3e3;
}
#right #formularz li.form_required {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
#right #formularz li label {
	display: block;
	width: 143px;
	margin: 0 10px 0 0;
	float: left;
	text-align: right;
	padding: 4px 0;
}
#right #formularz li.no_style label {
	display: inline;
	width: auto;
	margin: 0;
	float: none;
	text-align: left;
	padding: 0;
}
#right #formularz li input, #right #formularz li textarea, #right #formularz li select {
	padding: 3px;
	border: 1px solid #d3d3d3;
	width: 282px;
	overflow: auto;
}
#right #formularz li select#nazwa_kursu, #right #formularz li select#termin_kursu {
	width: 290px;
}
#right #formularz li.no_style input {
	margin: 0 10px 45px;
	border: 0 none;
	width: auto;
	overflow: auto;
	float: left;
}
#right #formularz li.submit {
	overflow: hidden;
	height: 21px;
	padding: 7px 0 7px 153px;
}
#right #formularz li.submit button {
	background: transparent url(images/b_wyslij.gif) no-repeat 0 0;
	border: 0 none;
	cursor: pointer;
	height: 21px;
	max-height: 21px;
	padding-top: 21px;
	width: 75px;
}
#right #formularz li.submit button:hover {
	background-position: 0 -21px;
}
#right #formularz li input.error, #right #formularz li textarea.error {
	background: transparent url(images/error.gif) no-repeat 272px 4px;
}
#right #formularz li label.error {
	color: #dd0000;
	display: block;
	width: auto;
	margin: 0;
	float: none;
	text-align: left;
	font-size: 10px;
	padding: 5px 0 5px 154px;
}
#right #formularz li.no_style label.error {
	padding: 0px 0 5px 33px;
}
/*----[ stopka ]-----------------------------------------------------------------------*/
#stopka {
	padding: 10px 0;
	margin: 0 15px 0 0;
	color: #b1b1b5;
	width: 643px;
	float: right;
}
#stopka a {
	color: #b1b1b5;
	text-decoration: none;
}
#stopka a:hover {
	text-decoration: underline;
}
#stopka .copy {
	float: left;
}
#stopka .iguana {
	float: right;
}