/*
Theme Name: Czarmed
Theme URI: http://czarmed.pl
Description: Motyw wykonany na zlecenie serwisu www.czarmed.pl. Wszelkie prawa zastrzeżone ©2011
Author: Aleksandra Szlacheta (zascianek)
*/


body {
	background-color: #f7fcff;
	margin:0 auto;
	background: url(images/tlo.png) repeat-x;
}

a img {
	border:0;
}

a {
	text-decoration:none;
	color:inherit;
}

strong {
	font-weight:normal;
}


#center {
	text-align:center;
	margin:0 auto;
	position:relative;
	width:1300px;
}

.ikonki-dol {
	position:fixed;
	bottom:0px;
	right:2px;
	width:185px;
	height:289px;
}

.ikonki-dol #bhp-info {
	background: url(images/bhp-bg.png) no-repeat 0 -224px;
	width:185px;
	height:65px;
	position:absolute;
	bottom:0px;
		-webkit-transition: all 200ms ease-out 100ms; /* property duration timing-function delay */
    -moz-transition: all 200ms ease-out 100ms;
    -o-transition: all 200ms ease-out 100ms;
    transition: all 200ms ease-out 100ms;


	-moz-border-radius:31px;
	-webkit-border-radius:31px;
	border-radius:25px;
}

.ikonki-dol #bhp-info:hover {
	background: url(images/bhp-bg.png) no-repeat 0 0;
	width:185px;
	height:289px;
		-webkit-transition: all 500ms ease-in 0ms; /* property duration timing-function delay */
    -moz-transition: all 500ms ease-in 0ms;
    -o-transition: all 500ms ease-in 0ms;
    transition: all 500ms ease-in 0ms;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

.ikonki-dol #bhp-info img {
	position:absolute;
	bottom:0px;
	left:2px;
	opacity:1.0;
}


.ikonki-dol img {
	position:absolute;
	bottom:0px;
	right:6px;
	opacity:0.7;
}

/* pas na górze, logo, info góra-prawo  ________________________________________________________________________________________________________________ */


#tlo_dol {
	background: url(images/tlodol.png) repeat-x;
	height: 333px;
	width:100%;
	margin-top:-333px;
}

#pasup {
	width:1200px;
	height:150px;
	position:relative;
	text-align:center;
	margin:0 auto;
	top:0px;
}

#pasup #lewo {
	float:left;
	width:550px;
}

#link_do_logo {
	width:274px;
	height:47px;
	position:absolute;
	left: 124px;
	top:35px;
}

#pasup #prawo {
	float:right;
	width:512px;
	padding:25px 120px 0px 0px;
	font-family: Aller;
}

#pasup #prawo a:hover {
	text-decoration:underline;
}

#pasup #prawo #prawo_1 {
	font-size:37px;
	color:#79bee9;
	letter-spacing:-3px;
	text-align:center;
	float:left;
	margin:8px 0px 0px 0px;
	line-height:30px;
}

#oddzielacz {
	margin: 6px 7px 0px 7px;
}

#pasup #prawo #prawo_2 {
	font-size:16px;
	color:#227CA8;
	letter-spacing:1px;
	text-align:center;
	float:right;
	margin:13px 0px 0px 0px;
	line-height:15px;
}

/* miejsce na zdjęcia + menu ________________________________________________________________________________________________________________ */
#menuplusmiejscenazdjecia {
	background: url(images/menu.jpg) no-repeat;
	width:1300px;
	height:541px;
	position:relative;
	top:-20px;
}

#sentencja {
	width:495px;
	height:100px;
	position:absolute;
	top: 82px;
	right:160px;
	padding:0px 20px 0px 0px;

	text-align:right;
	font-size:38px;
	color:#1c9bbf;
	letter-spacing:1px;
	font-family: Aller Light, serif;
	line-height:32px;
}

#miejscenatekst {
	position:relative;
	text-align:right;
	width:545px;
	height:115px;
	top:204px;
	right:-579px;

	color:#89B7CF;
	font-family: Aller, Trebuchet MS, serif;
	font-size:12px;
	line-height:11px;
}

#miejscenatekst b {
	color:#5395B9;
	font-weight:normal;
}

#menu {
	width:740px;
	height:70px;
	position:absolute;
	top: 309px;
	right:205px;
	text-align:right;
	clear:both;
}

#menu #glowna {
	width: 122px;
	height:60px;
	float:left;
}

#menu #czymsiezaj {
	width: 96px;
	height:60px;
	float:left;
}

#menu #oferta {
	width: 67px;
	height:60px;
	float:left;
}
#menu #bhp-menu {
	width: 51px;
	height:60px;
	float:left;
}

#menu #nasiklienci {
	width: 94px;
	height:60px;
	float:left;
}

#menu #referencje {
	width: 85px;
	height:60px;
	float:left;
}

#menu #galeria {
	width: 74px;
	height:60px;
	float:left;
}

#menu #sklep {
	width: 61px;
	height:60px;
	float:left;
}

#menu #kontakt {
	width: 79px;
	height:60px;
	float:left;
}

/* środek - tekst + zdjęcie po prawo  ________________________________________________________________________________________________________________  */
#liniepomocnicze{
	width:1040px;
	position:relative;
	text-align:center;
	margin:0 auto;
	top: -114px;

	border-left: 1px solid #e6f7ff;
	border-right: 1px solid #e6f7ff;
}
#srodek {
	width:1000px;
	height:535px;
	position:relative;
	text-align:center;
	margin:0 auto;
	top:-60px;
	left:8px;
}

#srodek #tekst {
	width:990px;
	position:relative;
	text-align:center;
	margin:0 auto;
	top:-5px;
}

#srodek #tekst h1 {
	font-family:Qlassik Medium, serif;
	color: #0388cd;
	font-size:42px;
	text-transform:uppercase;
	margin:0 auto;
	text-align:center;
	padding:0px 0px 2px 0px;
	font-weight:normal;
}

#srodek #tekst #tresc {
	font-family: Aller, Trebuchet MS, serif;
	color:#91aecc;
	font-size:13px;
	text-align:left;
	width:800px;
	height:300px;
	padding:0px 0px 0px 0px;
}

#srodek #tekst #tresc b {
	color: #2796D1;
	font-weight:normal;
}

.dalszeinfo {
	position:relative;
	width:830px;
	height:33px;
	text-align:left;
	font-family: Aller, serif;
}

.dalszeinfo h1 {
	font-size: 30px;
	color:#3789b3;
	font-family: Qlassik Medium, Trebuchet MS, serif;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 auto;
	text-align:left;
	float:left;
}

.dalszeinfo .info {
	font-size:12px;
	line-height:11px;
	margin:5px 0px 0px 10px;
	font-family: Aller, Trebuchet MS, serif;
	color: #91aecc;
	float:left;
	text-align:left;
}

#srodek #tekst #zdjecie {
	position:absolute;
	top:-10px;
	right:-30px;
}

h1 .blue, h1 .blue {
	color:#45b6cc;
	font-family: Qlassik Medium, Trebuchet MS, serif;
	font-weight:normal;
}

#tresc h2 {
	font-family: Aller Light, Trebuchet MS, serif;
	font-size: 21px;
	line-height:25px;
	color:#74bee3;
	width:950px;
	text-align:center;
	position:relative;
	top:-4px;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
}

#tresc h2 i {
	color:#2c9cd5;
}

#tabela {
	width:1010px;
	height:234px;
	position:relative;
	top:0px;
	right:12px;

	text-align:left;
	font-size:12px;
	line-height:13px;
	font-family:Trebuchet MS, serif;
	color: #9E9E9E;
	letter-spacing:-1px;
}

#tabela ul, #srodek #tekst #tresc ul {
	margin:0 auto;
	list-style-image: url(images/li.gif);
}

#tabela li {
	margin:0px 0px 0px -22px;
}


#tabela b {
	color:#6F6F6F;
	font-weight:normal;
}

.trzyczesci {
	position:absolute;
	width:1010px;
	height:320px;
}

.czesclewa {
	background: url(images/kurs_pdst_tlo.png) no-repeat;
	width:332px;
	height:235px;
	position:absolute;
	left:-4px;
	top:0px;
	padding:33px 0px 0px 17px;
	z-index:10;
}

.dowiedzsie1 {
	position:absolute;
	bottom:60px;
	right:75px;
}

.czescsrodkowa {
	background: url(images/kurs_pdst_plus_tlo.png) no-repeat;
	width:383px;
	height:235px;
	position:absolute;
	left:318px;
	top:0px;
	padding:33px 0px 0px 0px;
	z-index:5;
}

.dowiedzsie2 {
	position:absolute;
	bottom:60px;
	right:78px;
}

.czescprawa {
	background: url(images/kurs_roz_tlo.png) no-repeat;
	width:348px;
	height:235px;
	position:absolute;
	top:1px;
	right:-39px;
	padding:33px 0px 0px 0px;
	text-align:justify;
	z-index:15;
}

.dowiedzsie3 {
	position:absolute;
	bottom:60px;
	right:70px;
}

#tabelaklienci {
	background: url(images/klienciblok.png) no-repeat;
	width: 998px;
	height: 133px;
	position:relative;
	margin:0 auto;
	text-align:center;
	top:-85px;
}

#tabelaklienci #slider {
	width:942px;
	height:90px;
	position:relative;
	top:25px;
	left:29px;
}

#tabelaklienci #slider .scrollableArea img {
	margin-left:0px;
	margin-right:60px;
}

/* STOPKA _____________________________________________________________________________________________________________________________*/
#stopka {
	clear:both;
	height:30px;
	position:absolute;
	bottom:26px;
	left:120px;
	width:1040px;
	font-family: Aller, serif;
}

#stopkalewo {
	float:left;
	width:620px;

	font-family:Aller, Trebuchet MS, serif;
	font-size:12px;
	color:#027585;
	text-align:left;
	margin:8px 0px 0px 0px;
}

#stopkalewo ul {
	margin:0px 0px 0px 0px;
	padding:0px auto;
}

#stopkalewo ul li {
	list-style-type: none;
	display:inline;
	padding:0px 10px 0px 0px;

}

#stopkalewo a:hover {
	text-decoration:underline;
}

#stopkaprawo {
	background: url(images/stopkaprawo.png) no-repeat;
	background-position: 30px 2px;
	float:right;
	width:400px;
	height:30px;
	padding:8px 15px 0px 0px;

	font-family:Aller, Trebuchet MS, serif;
	font-size:12px;
	color:#168298;
	text-align:right;
}