@charset "utf-8";
/* CSS Document by Zodiac (zodiac@gry-online.pl)
 * Public Style Sheet (CSS level2)
 * Supported browsers: IE5 up, Mozilla (Netscape), Opera, Safari
 *** Please DO NOT copy & paste, this strict CSS is copyright of Royal Canin Poland ***
 *** If you have any questions abut this specific style sheet mail me at zodiac@gry-online.pl ***
 */

/* main */
div#back,div.opis,div.nowosc,div.gazeta,div.psy,div.nazwa_produktu,div#kontakt,div.hodowla,div.spis_tresci_zawartosc,div.spis_tresci_tytul {font-family: Arial, Helvetica, sans-serif; }
div#back {font-size: 13px; line-height: 16px; width: 510px; margin-left: 16px; height: 50px;}
div#back div {margin-left: 460px;}
div div#flash1 {float: left; margin-left: 100px; display: inline;}
div div#flash2 {margin-left: 300px;}
div div#flash3 {margin-left: 210px;}
div div.flash4 {float: left; margin-left: 22px; display: inline; width: 105px;}
div div.flash5 {float: left; margin-left: 22px; display: inline; width: 65px;}
div div.public {float: left; margin-right: 2px; display: inline; width: 130px; text-align: center; height: 140px;}

div.opis {font-size: 13px; text-align: left; margin-left: 16px; line-height: 16px;  width: 530px;}
div.nowosc {font-size: 13px; text-align: left; line-height: 16px; margin-left: 16px; width: 530px;}
div.gazeta {display: inline; float: left; text-align: left; margin-left: 16px; width: 354px; margin-top: 30px; line-height: 14px;}
div.psy {display: inline; float: left; text-align: left; margin-left: 16px; width: 354px; margin-top: 20px; line-height: 16px;}
div.nazwa_produktu {display: inline; float: left;text-align: left; margin-left: 16px; width: 230px; margin-top: 40px; line-height: 16px; color: #606060; font-size: 13px; font-weight: bold;}
div.logo_produktu {margin-left: 250px; margin-top: 0px; width: 300px; height: 120px; }

div.sklepik_opis {float: left; text-align: left; width: 360px;}
div.sklepik_col1 {float: left; text-align: left; width: 170px;}
div.sklepik_col2 {float: left; text-align: left; width: 30px;}
div.sklepik_col3 {float: left; text-align: left; width: 160px;}

div.spis_tresci {margin-left: 380px; margin-top: 60px; width: 160px; }
div.spis_tresci2 {margin-left: 370px; margin-top: 0px; width: 160px; height: 320px;}
div.spis_tresci_tytul {font-size: 12px; padding-top: 2px; padding-bottom: 2px; background-color: #DF0024;; width: 100%; font-size: 10px; color: #FFFFFF;}
div.spis_tresci_zawartosc {line-height: 16px; font-size: 11px; border: 1px solid #DF0024; width: 158px;; background-color: #F6F6F6; padding-top: 4px; padding-bottom: 4px; }
div.spacer,div.spacer2,div.spacer3,div.spacer4,div.spacer5,div.spacer6 {font-size: 0px; padding: 0px; line-height: 0px;}
div.spacer {height: 30px;}
div.spacer2 {height: 30px; clear: both;}
div.spacer3 {height: 10px; clear: both;}
div.spacer4 {height: 40px; clear: right;}
div.spacer5 {height: 10px; clear: right;}
div.spacer6 {height: 4px; clear: right; width: 10px;}
div#kontakt {margin-left: 90px; margin-top: 40px; padding-left: 150px; padding-top: 1px; height: 150px; font-size: 12px; background: url(../img/canin_logo_wiedza.gif) no-repeat;}
div.hodowla {font-size: 13px; text-align: left; line-height: 16px; margin: 20px 0 0 16px; width: 520px;}
div h1 {font-size: 16px; color: #DF0024; font-weight: bold; margin-top: 10px;}
div h2 {font-size: 13px; color: #DF0024; font-weight: bold; margin-top: 10px;}
div#wet h2 {font-size: 13px; color: #DF0024; font-weight: bold; margin-top: 4px;}
div p {font-size: 12px; color: #000000; margin-top: 20px;}
div b {font-size: 12px; color: #000000;}
div i {font-size: 12px; color: #000000;}
div b.czerwony {font-size: 12px; color: #DF0024; font-weight: normal;}
div b.szary {font-size: 10px; color: #5B5B5B; font-weight: normal;}
div b.szaryb {font-size: 12px; color: #606060; font-weight: bold;}
div b.purowyb {font-size: 12px; color: #285720; font-weight: bold;}
div b.healthowyb {font-size: 12px; color: #5D5F63; font-weight: bold;}
div b.czerwonyb {font-size: 12px; color: #DF0024; font-weight: bold;}
div b.czerwonys {font-size: 10px; color: #DF0024; font-weight: normal;}
div b.czerwonyb2 {font-size: 13px; color: #DF0024; font-weight: bold;}
div a {font-size: 12px; color: #000000; text-decoration: none;}
div a.cz, div a.blank {font-size: 12px; color: #DF0024; text-decoration: none;}
div a:hover {text-decoration: underline; color: #DF0024;}

div div.lewa_nowowsc {float: left; text-align: center; width: 130px;}
div div.lewa_produkt {float: left; text-align: center; width: 140px;}
div div.lewa_sklepik {float: left; text-align: left; width: 170px;}
div div.lewa_public {float: left; text-align: center; width: 200px;}
div div.lewa_public2 {float: left; text-align: left; width: 220px; line-height: 12px;}
div div.lewa_nowowsc img {clear: both; margin-top: 10px;}
div div.center_nowowsc {float: left; text-align: center; width: 380px; overflow: hidden;}
div div.center_nowowsc img {margin-top: 10px;}
div div.center_nowowsc p {margin-top: 8px; text-align: left;}
div div.center_nowowsc p.img {float: left; text-align: left;}
div div.campus {float: left; margin-top: 180px; font-size: 10px; text-align: center; width: 180px; line-height: 12px;}

div div.lewa_produkt {text-align: left;}
div div.lewa_produkt img {margin-top: 10px;}
div div.center_produkt {float: left; width: 350px; overflow: hidden;}
div div.center_produkt p {margin-top: 8px; text-align: left;}

div.promocja {width: 290px; height: 220px;}
div.obrazek_promocja {float: right; width: 220px; overflow: hidden; height: 220px;}
div#kontakt p {margin-top: 11px; width: 200px;} 
div#hodowla p {display: inline; margin-top: 0px; margin-left: 100px; width: 400px;} 

div.gazeta p.nazwa {font-size: 10px; margin-top: 23px; margin-left: 168px; width: 170px;}
div.gazeta p.spis_tresci {font-size: 12px; margin-top: 10px; line-height: 14px;}
div.gazeta p.pobierz {margin-top: 10px; margin-bottom: 24px; width: 320px; height: 36px; clear: both;}
div.gazeta p.pobierz img {float: right; margin-top: 2px;}
div.spis_tresci_zawartosc a {color: #5B5B5B; font-size: 11px;}

div p.float {font-size: 10px; color: #000000; margin-right: 20px; float: right; margin-top: 0px;}
div p.szkolenia,div div.podpis2 {margin-top: 0px; text-align: center; width: 100%;}
div p.glowna,div p.glowna b {font-size: 13px;}
div.nowosc p b.czerwony {font-size: 11px; line-height: 14px;}
div div.strategia {margin-left: 200px;}

div div.img {font-family: Arial, Helvetica, sans-serif; width: 100%; margin-top: 20px;}
div div.img img {float: left; margin-right: 20px;}
div div.img p,div.hodowla p {margin-top: 0px;}

div select.hodowle {height: 18px; max-height: 20px; font-size: 11px; border: 1px solid; color: #DF0024; background-color: #F6F6F6;  margin-left: 12px; }
option {font-size: 11px;}

div p.psy_opis {margin-left: 100px; margin-top: 0px;}
div#zwierzak {margin-left: 380px; height: 300px; margin-top: 0px; width: 180px;}

img#pies1 {float: right; margin-top: 2px; margin-left: 6px; margin-bottom: 6px;}
img#pies2,img.strategia {float: left; margin-top: 2px; margin-right: 10px; margin-bottom: 6px;}
img#pies3,img.lek {float: right; margin-top: 20px; margin-left: 6px; margin-bottom: 6px;}
img#pies4,img#breed,img.kot  {float: left; margin-top: 24px; margin-right: 16px; margin-bottom: 16px;}
img#pies5 {float: right; margin-top: 20px; margin-left: 10px; margin-bottom: 10px;}
img.cecha {float: left; margin-top: 10px; margin-right: 8px; margin-bottom: 8px;}
img.cecha_wet {float: left; margin-top: 0px; margin-right: 8px; margin-bottom: 8px;}

p.justowany {font-size: 11px; text-align: justify;}
p.cecha {line-height: 13px; margin-top: 0px;}
p.strategia_nazwa {margin-top: 0px; line-height: 14px; }
p.cecha b {font-size: 11px;}
img.psy_rasy {float: left;}

div.opis p.produkty {font-size: 12px; margin-top: 0px; margin-left: 172px; line-height: 14px;}
div.opis p.koty_produkty {font-size: 12px; margin-top: 0px; margin-left: 192px; line-height: 14px;}
div.opis p.opcje {font-size: 12px; margin-top: 0px; margin-left: 80px; line-height: 14px;}

input.login {width: 140px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: 1px solid; border-color: #DF0024; background-color:#FFFFFF;}
input.btn {width: 100px; border: 0px solid; color: #FFFFFF; background-color :#DF0024; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

input.szukaj {width: 80px; border: 0px solid; background-color: #f5f0e8; font-size: 10px; line-height: 14px; height: 14px; max-height: 14px; margin-top: 5px; margin-right: 14px; margin-left: 10px; }
input.szukaj_btn {width: 50px; border: 0px solid; background-color: #DF0024; color: #FFFFFF; font-size: 11px; font-weight: bold; height: 14px; line-height: 12px;}

.wet_prod {
	display: block;
	width: 260px;
	height: 117px; 
	text-align: center;
	float: left;
	line-height: 15px;
	overflow: hidden;
}
.wet_prod p {
	padding-top: 50px;
	padding-left: 60px;
	font-weight: bold;
	line-height: 15px;
	overflow: hidden;
}
.wet_prod p b {
	font-weight: bold;
	color: #DF0024;
}

.wet_prm {
	width: 550px;
	height: 200px;
	margin-top: 20px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.wet_prm a {
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.wet_prm a img {
	width: 130px;
	height: 200px;
	float: left;
	margin: 0;
	padding: 0;
}

.wet_prg {
	width: 550px;
	height: 200px;
	margin-top: 20px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.wet_prg a {
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.wet_prg a img {
	width: 260px;
	height: 200px;
	float: left;
	margin: 0;
	padding: 0;
}

.wet_prt {
	width: 520px;
	height: 20px;
	line-height: 16px;
	
	margin-top: 10px;
}
.wet_prt2 {
	width: 520px;
	height: 200px;
	margin-top: 20px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
.wet_prt div.wet_prt_1,
.wet_prt div.wet_prt_2 {
	font-size: 11px;
	color: #DF0024;
	line-height: 16px;
	font-weight: bold;
	text-align: center;
	width: 260px;
	float: left;
}
.wet_prt div.wet_prt_1 {
	width: 250px;
}
.wet_prt div.wet_prt_2 {
	width: 270px;
}

.wet_pro {
	width: 520px;
	height: 50px;
	margin-top: 10px;
}

.wet_pro img {
	width: 120px;
	height: 50px;
	float: left;
}
.wet_pro img.wet_pro_1 {
	margin-left: 60px;
}
.wet_pro img.wet_pro_2 {
	margin-left: 140px;
}

/* elements */
.obrazek {margin-bottom: 10px; }
.promocja {margin-top: 10px;}
.pieski {margin-top: 4px;}
img.wycentruj {margin-top :20px; }
#szukam {width: 140px;}
#rasa {width: 200px;}

div.psy_rasy {float: left; text-align: center; width: 132px;}
div.psy_rasy2 {float: left; text-align: center; width: 264px;}
div.psy_rasy3 {float: left; text-align: center; width: 396px;}
div.psy_rasy4 {float: left; text-align: center; width: 540px;}
.produkty_dla {float: left; text-align: left; line-height: 18px; width: 132px;}
.produkty_kota {float: left; text-align: center; line-height: 12px; width: 140px;}
.produkty_kota2 {float: left; text-align: center; line-height: 12px; width: 132px;}

/* repair old browsers */
#obrazek_glowna {margin: 10px 16px 10px 0; float: left;}
#obrazek_gazeta {float: left;}
#psy_szkic {margin-left: 90px; margin-top: 10px;}
#obrazek_p {height: 130px;}
.netscape_div {width: 100%;}
#mapka {margin-left: 60px; margin-top: 30px;}
.hodowla_szcz {float: right; margin-right: 120px; margin-top: 10px;}
#hodowla_pic {margin-top: 20px; }
#gazeta {width: 160px; margin-bottom: 20px; margin-left: 0px;}
.publiczny {font-size: 11px; line-height: 14px; margin-top: 5px;}

div#foot {clear: both;}
div#foot b {font-size: 10px; color: #CCCCCC;}
div#foot b a {font-size: 10px; color: #CCCCCC;}

/* IE6-win hack - no mac affect \*/
* html input.szukaj {margin-top: 4px; margin-left: 4px;}
/* End of CSS */

form.block_form {
	font-size: 12px;
	line-height: 14px;
}
form.block_form p {
	font-size: 12px;
	line-height: 14px;
}

form.block_form p.blockFormP {
	display: block;
	width: 260px;
	float: left;
}


form.block_form p label {
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	display: block;
	float: left;
	width: 160px;
	text-align: right;
	padding-right: 10px;
}

form.block_form p textarea {
	font-size: 12px;
	line-height: 14px;
	width: 300px;
	height: 160px;
}

form.block_form p input.defaultInput {
	font-size: 12px;
	line-height: 14px;
	width: 300px;
}


form.block_form p input.defaultSubmit {
	font-size: 12px;
	padding: 2px 6px;
}

input.text,input.file,select.text {font-size: 12px; border: 1px solid; border-color: #666666; color: #000000; width: 300px;}
input.text {padding: 2px 0px 2px 2px; }
input.file {height: 18px;}
select.text {height: 16px; max-height: 18px;}

div.kot_pr_belka {
	margin-left: 18px;
	width: 530px; 
	height: 25px; 
	text-align: center;
}

p.kot_pr_belka {
	margin-top: 5px;
	color: #FFF;
}

b.kot_pr_belka {
	color: #FFF;
}
div#content {
	background: transparent url(../img/content.gif) left top no-repeat;
}
div.news {
	background: #fff url(../img/news-delimiter.gif) no-repeat left top;
	font-size:13px;
	line-height:16px;
	margin-left:16px;
	text-align:left;
	width:530px;
	vertical-align: top;
	clear: both;
	padding: 1px 0 0 0;
}
div h2.grey {
	color: #808080;
	font-size: 10px;
	margin: 10px 0 -10px 0;
	display: block;
}
div.newshr {
	background: #fff url(../img/news-delimiter.gif) no-repeat left top;
	height: 1px;
	width: 530px;
	margin: 1px 0 0 32px;
	padding: 1px 0 0 0;
	clear: both;
}
div h2.move {
	font-weight: bold;
	float: right;
	margin: -20px 20px 0 0;
}
div.news .img {
	display: block;
	width: 120px;
	float: left;
	margin: 12px 0 0 0;
	overflow: hidden;
}
div.news .img img{
	border: 1px solid #a6a6a6;
}
div.news .text {
	display: block;
	float: left;
}
div .news .withimg {
	width: 400px;
	float: right;
	display: block;
}
div .news .withimg p, div.news .text p{
	padding: 0 20px 0 0;
}
.pagination {
	float: right;
	margin: 0 15px 0 0;
}
.pagination li {
	display: inline;
	padding: 0 1px 0 2px;
}
.pagination li a {
	color: #a29390;
	font-weight: bold;
}
.pagination li.current_page  a{
	color: #bf2029;
}
p.more {
	background: transparent url(../img/more.gif) 100% 5px no-repeat;
	padding: 0 5px 0 0;
	float: right;
	margin: 0 15px 20px 0;
}
p.more a {
	color: #808080;
	font-size: 11px;
	margin-right: -8px;
}
p.more a:hover {
	color: #555555;
}
div.nowosc h2 {
	clear: both;
}