/*******************************/
/*  Created by Mariusz Galka   */
/*  Copyright by G-Solution.pl  */
/*******************************/

@import url('reset.css');

body {
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff url(images/background.jpg) no-repeat center top;
}
div {
	text-align: left;
}
p {
	padding: 0;
	margin: 0 0 18px;
	line-height: 18px;
	text-align: justify;
}
a {
	color: #0062a9;
	text-decoration: underline;
}
a:hover {
	color: #0092fc;
}
sup {
	font-size: 0.5em;
}
/*----[ dodatkowe klasy ]-----------------------------------------------------------------------*/
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}
.blue {
	color: #0062a9;
}
.img_home {
	margin: 0 0 0 407px;
}
.img_center {
	text-align: center;
}
.img_right {
	float: right;
	margin: 0 0 10px 10px;
}
.img_left {
	float: left;
	margin: 0 10px 10px 0;
}
.no_margin {
	margin: 0 !important;
}
/*----[ wrapper ]-----------------------------------------------------------------------*/
#wrapper {
	width: 960px;
	margin: 0 auto;
}
/*----[ top ]-----------------------------------------------------------------------*/
#top {
	height: 180px;
	position: relative;
}
#top h1 {
	width: 226px;
	height: 87px;
	background: transparent url(images/logo_thea.gif) no-repeat 0 0;
	position: absolute;
	top: 25px;
	left: 0;
}
#top h1 a {
	width: 226px;
	height: 87px;
	display: block;
	text-indent: -9999px;
}
/*----[ submenu ]-----------------------------------------------------------------------*/
#submenu {
	height: 40px;
	margin: 0 0 0 240px;
}
#submenu ul {
	text-align: left;
}
#submenu ul li {
	display: inline;
	margin: 0 20px 0 0;
}
#submenu ul li a {
	color: #0062a9;
	text-decoration: none;
	font-weight: bold;
}
#submenu ul li a:hover, #submenu ul li a.active {
	text-decoration: underline;
}
/*----[ menu ]-----------------------------------------------------------------------*/
#menu {
	width: 206px;
	height: 334px;
	padding: 11px 34px 0 0;
	margin: 0 0 15px;
	float: left;
	background: transparent url(images/background_menu.gif) no-repeat right top;
}
#menu li a {
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-align: right;
	line-height: 39px;
	height: 39px;
}
#menu li.glowna a { padding: 0 22px 0 0; }
#menu li.o_nas a { padding: 0 38px 0 0; }
#menu li.oczy_bez_konserwantow a { padding: 0 50px 0 0; }
#menu li.produkty_thea a { padding: 0 48px 0 0; }
#menu li.pacjent a { padding: 0 46px 0 0; }
#menu li.lekarz a { padding: 0 49px 0 0; }
#menu li.farmaceuta a { padding: 0 43px 0 0; }
#menu li.kontakt a { padding: 0 26px 0 0; }

#menu li a:hover, #menu li a.active {
	color: #0062a9;
}
/*----[ tresc ]-----------------------------------------------------------------------*/
#tresc {
	width: 720px;
	float: right;
	margin: 0 0 15px;
}
#tresc h2 {
	color: #333;
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 20px;
}
#tresc h2 span {
	color: #0062a9;
}
/*----[ historia ]----*/
.historia #drzewo {
	width: 720px;
	height: 860px;
	background: transparent url(images/background_drzewo.jpg) no-repeat 0 0;
	position: relative;
	margin: 0 0 12px;
}
.historia #drzewo p {
	position: absolute;
	margin: 0;
}
.historia #drzewo p strong {
	color: #0062a9;
}
.historia #drzewo p.paul { top: 10px; left: 237px; }
.historia #drzewo p.henry { top: 135px; left: 456px; }
.historia #drzewo p.jean { top: 317px; right: 440px; text-align: right; }
.historia #drzewo p.jacques { top: 513px; left: 245px; }
.historia #drzewo p.henri { top: 630px; right: 90px; text-align: right; }
.historia #drzewo p.jean_frederic { top: 747px; left: 236px; }

.historia h3 {
	color: #0062a9;
	margin: 0 0 18px;
}
.historia dl {
	margin: 0 0 20px;
}
.historia dl dt {
	font-weight: bold;
	color: #0062a9;
	line-height: 18px;
}
.historia dl dd p {
	margin: 0;
}
.historia dl dd ul {
	margin: 0;
}
.historia dl dd ul li {
	line-height: 18px;
	background: transparent url(images/li_square_black.gif) no-repeat 0 8px;
	padding: 0 0 0 7px;
}
/*----[ innowacje ]----*/
.innowacje h3 {
	height: 56px;
	line-height: 56px;
	background: transparent url(images/background_h3_innowacje.gif) no-repeat;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	padding: 0 0 0 18px;
	margin: 0 0 5px;
}
.innowacje h3.niebieski { background-position: 0 0; }
.innowacje h3.pomaranczowy { background-position: 0 -56px; }
.innowacje h3.zielony { background-position: 0 -112px; }
.innowacje h3.bordowy { background-position: 0 -168px; }
.innowacje h3.fioletowy { background-position: 0 -224px; }
.innowacje h3.czerwony { background-position: 0 -280px; }
.innowacje h3.granatowy { background-position: 0 -336px; }

/*----[ jaosc produktow ]----*/
.jakosc_produktow ul {
	margin: 0 0 18px 35px;
}
.jakosc_produktow ul li {
	line-height: 18px;
	background: transparent url(images/li_square_black.gif) no-repeat 0 8px;
	padding: 0 0 0 7px;
}
.na_swiecie h3 {
	color: #0062a9;
	margin: 0 0 18px;
}
/*----[ dlaczego unikamy konserwantow ]----*/
.duk h3 {
	color: #0062a9;
}
.duk ul {
	margin: 0 0 18px;
}
.duk ul li {
	line-height: 18px;
	background: transparent url(images/li_square_black.gif) no-repeat 0 8px;
	padding: 0 0 0 7px;
}
.duk .player_youtube {
	width: 352px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
.duk .img_right {
	float: right;
	margin: 0 10px 0 0;
}
.duk .blue_small {
	width: 289px;
	height: 46px;
	background: transparent url(images/background_duk_blue_small.gif) no-repeat 0 0;
	color: #fff;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 27px;
	text-align: left;
}
.duk .blue_big {
	width: 404px;
	height: 72px;
	padding: 20px 10px 0 27px;
	background: transparent url(images/background_duk_blue_big.gif) no-repeat 0 0;
	color: #fff;
	text-align: left;
}
/*----[ historia dozownikow ]----*/
.historia_dozownikow #historia_dozownikow {
	width: 720px;
	height: 860px;
	background: transparent url(images/background_historia_dozownikow.jpg) no-repeat 0 0;
	position: relative;
	margin: 0 0 12px;
}
.historia_dozownikow #historia_dozownikow p {
	position: absolute;
	margin: 0;
	text-align: left;
}
.historia_dozownikow #historia_dozownikow p strong {
	color: #0062a9;
	font-weight: normal;
	display: block;
}
.historia_dozownikow #historia_dozownikow p.pole1 { top: 50px; left: 113px; }
.historia_dozownikow #historia_dozownikow p.pole2 { top: 166px; left: 140px; }
.historia_dozownikow #historia_dozownikow p.pole3 { top: 270px; left: 212px; }
.historia_dozownikow #historia_dozownikow p.pole4 { top: 370px; left: 347px; }
.historia_dozownikow #historia_dozownikow p.pole5 { top: 467px; left: 496px; }
.historia_dozownikow #historia_dozownikow p.pole6 { top: 732px; left: 589px; }

.historia_dozownikow ul {
	margin: 0 0 12px;
}
.historia_dozownikow ul li {
	padding: 0 0 0 132px;
	line-height: 18px;
	background: transparent url(images/li_historia_dozownika.jpg) no-repeat 0 0;
}
.historia_dozownikow ul li.jeden { height: 216px; background-position: 0 0; }
.historia_dozownikow ul li.dwa { height: 198px; background-position: 0 -216px; }
.historia_dozownikow ul li.trzy { height: 117px; background-position: 0 -414px; }

/*----[ system ABAK ]----*/
.system_abak h3 {
	height: 36px;
	line-height: 36px;
	background: transparent url(images/background_h3_system_abak.gif) no-repeat 0 0;
	padding: 0 0 0 35px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 12px;
}
/*----[ preparaty witaminowe ]----*/
.preparaty_witaminowe h3 {
	color: #0062a9;
}
.preparaty_witaminowe h3 span {
	color: #333;
	font-weight: normal;
}
.preparaty_witaminowe ul{
	margin: 0 0 18px;
}
.preparaty_witaminowe ul li{
	line-height: 18px;
	background: transparent url(images/li_square_black.gif) no-repeat 0 8px;
	padding: 0 0 0 7px;
}
.preparaty_witaminowe ul li ul li {
	line-height: 18px;
	background: transparent url(images/li_line.gif) no-repeat 0 10px;
	padding: 0 0 0 7px;
}

.preparaty_witaminowe ol{
	list-style-type:decimal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 18px;
	margin-left: 0;
	padding-left: 0px;
}
.preparaty_witaminowe ol li{
	line-height: 18px;
	margin-left: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}


/*----[ podroz do wnertza oka ]----*/
.podroz_wnetrza .player_youtube {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	width: 600px;
}
/*----[ oczy przed komputerem ]----*/
.oczy_komputer h3 {
	color: #0062a9;
}
.oczy_komputer ul {
	margin: 0 0 18px;
}
.oczy_komputer ul li {
	line-height: 18px;
	background: transparent url(images/li_square_black.gif) no-repeat 0 8px;
	padding: 0 0 0 7px;
}
.oczy_komputer a.link_drukuj_zalecenia {
	display: block;
	background: transparent url(images/b_drukuj_zalecenia.gif) no-repeat 0 0;
	width: 346px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	margin: 0 auto 12px;
}
.oczy_komputer a.link_drukuj_zalecenia:hover {
	text-decoration: underline;
}
/*----[ co warto wiedziec ]----*/
.co_warto_wiedziec h3 {
	color: #0062a9;
}
.co_warto_wiedziec ul {
	margin: 0 0 18px;
}
.co_warto_wiedziec ul li {
	line-height: 18px;
	background: transparent url(images/li_square_black.gif) no-repeat 0 8px;
	padding: 0 0 0 7px;
}
.co_warto_wiedziec .red {
	color: #e40004;
}
/*----[ portal ]----*/
.portal .portal_link {
	margin: 0 0 30px;
	color: #0062a9;
}
/*----[ kontakt ]----*/
.kontakt h3 {
	color: #0062a9;
}
/*----[ stopka ]-----------------------------------------------------------------------*/
#stopka {
	clear: both;
	height: 45px;
	background: transparent url(images/background_stopka.gif) no-repeat right top;
	padding: 0 105px 0 345px;
	margin: 0 0 10px;
	font-size: 11px;
	color: #0062a9;
}
#stopka a {
	text-decoration: none;
}
#stopka span {
	padding: 0 5px;
}
#stopka a.link_do_gory {
	display: block;
	float: left;
	width: 40px;
	font-size: 12px;
	color: #333;
	background: transparent url(images/icon_do_gory.gif) no-repeat 0 0;
	padding: 11px 0 2px 32px;
	margin: 17px 0 0;
}
#stopka a.link_do_gory:hover {
	color: #888;
}
#stopka div {
	float: right;
	width: 420px;
	padding: 29px 0 0;
	text-align: right;
}