/* CSS PetClub */

body { 
	background:url(sfondi.jpg) repeat-x 0 -304px #FFF;
	color:#333;
	font-size: 12px;
	/* font-family:Tahoma, Geneva, sans-serif; */
	font-family:Calibri, Tahoma;
	margin:0; 
	padding:0;
}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight: normal;  }

ul { list-style-type:none; margin:0; padding:0; }
form { margin:0; padding:0;}
input,textarea { font-family:Tahoma, Geneva, sans-serif; }
input,textarea:focus { outline:none; }
.clear { clear:both;}  .left { float:left;}  .right { float:right;}  .focus { color:#1BA8DE;} 

a { text-decoration:none; color:#333; }
a:hover { text-decoration:underline; color:#333;}
a img { border:0; }
blockquote { margin:0; padding:0;} 
p { margin:0; padding:0;} 

img.border1 { border:1px solid #666; }
img.border2 { border:1px solid #999; padding:1px; }
img.border3 { border:1px solid #CCC; padding:1px; }

/* Struttura */


#extra { display:none; }
#extra1 { display:none; }

#head { display:none; }
#head #logo { float:left; float:left; width:250px; height:92px; padding:0; }

#head #logobayer { width:303px; height:82px; background:url(images.png) 0 0 no-repeat; padding:10px 10px 0 0; margin:0; float:right; position:relative; }
#head #logobayer img { float:right; margin-top:10px; }
#head #logobayer .contact { display:none; }
#head #logobayer .contact a { float:right; color:#7E7E7E; font-size:11px; margin:0 4px; }
#head #logobayer .contact span { float:right; color:#7E7E7E; margin-top:-1px; }
#head a:hover { text-decoration:none; }

#search { display:none; }

/* Menu Principale */
#tab { display:none; }
/* menu cane */
#menu_cane { padding:0; float:left; width:600px;  margin-top:1px; height:2px; }
#menu_cane ul { display:none; }
/* menu gatto */
#menu_gatto { padding:0; float:left; width:600px;  margin-top:1px; height:2px; }
#menu_gatto ul { display:none; }

#footer { height:none; }
#foot { }
#foot #note { display:none; }
#foot #copy { display:inline-block; color:#7E7E7E; float:none; margin:20px auto 0 auto; width:100%; text-align:center; clear:both; }

#cont { width:600px; margin:0 auto 0 auto; display:block; }

#colonna { display:none; }
.main { float:left; display:inline; width:560px; background:#FFF; padding:0 20px 20px 20px; border:1px solid #E1E1E1; }
.main.hp { width:702px; background:#FFF; padding:0 0 20px 0; border:0; }

#cont.home { width:960px; margin:1px auto 0 auto; display:block; }

#cont.home .box_banner { border-bottom:1px solid #E1E1E1; height:320px; position:relative; }
.box_banner.categoria img { width:600px; }
#cont .box_banner { float:left; width:600px; display:inline; margin-bottom:20px; position:relative; }
#cont .box_banner.categoria { float:left; width:600px; display:inline; margin-bottom:20px; position:relative; }
#cont .box_banner.home_canale { border-bottom:1px solid #E1E1E1; }
#cont .box_banner #canali_home { position:absolute; width:420px; height:300px; top:0; right:0; }
#cont .box_banner #canali_home img { float:left; display:inline; }
#cont .box_banner img.centrale { float:left; display:inline; position:absolute; top:0; left:0; }

#cont .box_banner #menu_home { position:absolute; width:300px; top:0; right:0; height:290px; z-index: 999; }
#cont .box_banner #menu_home ul li a { width:230px; float:left; display:inline;height:28px; font-weight:bold; font-size:16px; margin-bottom:5px; padding:9px 20px 0 20px; }
#cont .box_banner #menu_home.cane ul li a { color:#1BA8DE; background:url(images.png) 0 -127px no-repeat;  }
#cont .box_banner #menu_home.cane ul li a:hover { text-decoration:none;  background:url(images.png) 0 -165px no-repeat; color:#FFF; }
#cont .box_banner #menu_home.gatto ul li a { color:#6DCC2B; background:url(images.png) 0 -203px no-repeat;  }
#cont .box_banner #menu_home.gatto ul li a:hover { text-decoration:none;  background:url(images.png) 0 -241px no-repeat; color:#FFF; }




#colonna div.slot.logo.cane span.box_title span { width:28px; height:30px; float:right; position:absolute; top:0; right:0; background:url(icone.png) -2px -111px no-repeat;  }
#colonna div.slot.logo.gatto span.box_title span { width:28px; height:30px; float:right; position:absolute; top:0; right:0; background:url(icone.png) -2px -139px no-repeat;  }
#colonna span.box_title {  width:207px; padding:5px 20px 5px 5px;  float:left; display:inline; color:#FFF; font-size:14px; font-weight:bold; position:relative; line-height:14px; }

#colonna div.slot.gatto span.box_title { background:url(sfondi.jpg) 0 -264px repeat-x;}
#colonna div.slot.cane span.box_title { background:url(sfondi.jpg) 0 -224px repeat-x; }

#colonna span.box_title_menu {  width:205px; height:18px; padding:1px 20px 0 5px;  float:left; display:inline; background:url(icone.png) no-repeat 212px -43px #E8E8E8; color:#333; font-size:13px; border:1px solid #999999; }
#colonna .box_immagine { width:232px; float:left; display:inline; margin-bottom:20px; }
#colonna .box_banner_site { width:232px; float:left; display:inline; margin-bottom:20px; }
#colonna .box_banner_site img { float:left; display:inline; margin-bottom:10px; }
#colonna .box_immagine img { border:1px solid #CCC; float:left; margin-top:5px; }
#colonna .box_video { width:210px; float:left; display:inline; background:#E8E8E8; padding:11px; margin-bottom:20px; }
#colonna .box_menu { width:232px; float:left; display:inline; background:#FFF; margin-bottom:20px; }
#colonna .box_menu ul { width:232px; float:left; display:inline; margin-top:2px;  }
#colonna .box_menu ul li { width:232px; float:left; display:inline; border-bottom:1px dotted #999; }
#colonna .box_menu ul li a { width:220px; float:left; display:inline; font-size:12px; color:#7E7E7E; padding:4px 5px 4px 7px; }
#colonna .box_menu ul li a:hover { background:#E8E8E8; text-decoration:none; }
#colonna .box_testo { width:208px; float:left; display:inline; background:#FFF; padding:11px; margin-bottom:20px; border:1px solid #CCC; }
#colonna .box_testo p { line-height:18px; text-align:justify; }


#colonna .box_news { width:230px; float:left; display:inline; background:none; margin-bottom:20px; border:1px solid #CCC; padding-bottom:5px; }
#colonna .box_news ul { width:230px; float:left; display:inline; margin-top:2px;  }
#colonna .box_news ul li { width:210px; float:left; display:inline; border-bottom:1px dotted #999; padding:5px 10px; font-size:11px; }

#colonna .cane .box_news ul li span.date { color:#1BA8DE; font-weight:bold; font-size:10px; float:left; width:210px; }
#colonna .cane .box_news ul li a { color:#1BA8DE; }
#colonna .cane .box_news ul li a:hover { color:#1BA8DE; }
#colonna .gatto .box_news.gatto ul li span.date { color:#6DCC2B; font-weight:bold; font-size:10px; float:left; width:210px; }
#colonna .gatto .box_news.gatto ul li a { color:#6DCC2B; }
#colonna .gatto .box_news.gatto ul li a:hover { color:#6DCC2B; }


#colonna .box_correlati { width:232px; float:left; display:inline; background:#FFF; margin-bottom:20px; }
#colonna .box_correlati ul { width:232px; float:left; display:inline; }
#colonna .box_correlati ul li { width:230px; float:left; display:inline; border:1px solid #CCC; border-top:none; }
#colonna .box_correlati ul li a { width:208px; float:left; display:inline; font-size:13px; color:#000; 
									padding:4px 5px 4px 17px; background:url(icone.png) no-repeat 0 -63px #FFF; }
#colonna .box_correlati ul li a:hover { text-decoration:none; background:url(icone.png) no-repeat 0 -87px #E7E7E5; }
#colonna .box_correlati ul li ul li { border:none; }
#colonna .box_correlati ul li ul li a { width:200px; float:left; display:inline; font-size:12px; color:#333; padding:4px 5px 4px 25px; background:url(icone.png) no-repeat 10px -315px #FFF;  }

#colonna .cane .box_correlati ul li a:hover { background:url(icone.png) no-repeat 0 -169px #C9EBFA; }
#colonna .cane .box_correlati ul li a.attivo { background:url(icone.png) no-repeat 0 -169px #C9EBFA; }
#colonna .cane .box_correlati ul li ul li a:hover { background:url(icone.png) no-repeat 10px -359px #C9EBFA; }
#colonna .cane .box_correlati ul li ul li a.attivo { background:url(icone.png) no-repeat 10px -359px #C9EBFA; }

#colonna .gatto .box_correlati ul li a:hover { background:url(icone.png) no-repeat 0 -193px #CFF0B9; }
#colonna .gatto .box_correlati ul li a.attivo { background:url(icone.png) no-repeat 0 -193px #CFF0B9; }
#colonna .gatto .box_correlati ul li ul li a:hover { background:url(icone.png) no-repeat 10px -403px #CFF0B9; }
#colonna .gatto .box_correlati ul li ul li a.attivo { background:url(icone.png) no-repeat 10px -403px #CFF0B9; }


.main #breadcrumbs { float:right; margin:10px 0 10px 0; font-size:11px; color:#7e7e7e; }
.main #breadcrumbs a { color:#7e7e7e; } .main #breadcrumbs a:hover { color:#333; }
.main h1 { font-size:24px; color:#1BA8DE; clear:both; margin-bottom:20px; font-weight:bold; border-bottom:1px solid #E1E1E1; padding-bottom:2px; }
.titolo { font-size:18px; color:#1BA8DE; clear:both; margin-bottom:20px; font-weight:bold; }
.titolo.cane { font-size:18px; color:#1BA8DE; clear:both; margin-bottom:20px; font-weight:bold; }
.titolo.gatto { font-size:18px; color:#6DCC2B; clear:both; margin-bottom:20px; font-weight:bold; }

.main.hp h1.cane { padding-left:35px; background:url(icone.png) 0 -111px no-repeat; padding-bottom:0; border:0; color:#1BA8DE; }
.main.hp h1.gatto { padding-left:35px; background:url(icone.png) 0 -139px no-repeat; padding-bottom:0; border:0; color:#6DCC2B; }

.main.hp div.slot.cane h1{ padding-left:35px; background:url(icone.png) 0 -111px no-repeat; padding-bottom:0; border:0; color:#1BA8DE; }
.main.hp div.slot.gatto h1{ padding-left:35px; background:url(icone.png) 0 -139px no-repeat; padding-bottom:0; border:0; color:#6DCC2B; }

.main h2 { font-size:16px; color:#1BA8DE; margin-bottom:20px; font-weight:bold; float:left; width:auto; }
.main small { font-size:12px; line-height:16px; color:#666666; }
.main small a { color:#666666; } .main small a:hover { color:#333; }
.main p { font-size:13px; line-height:20px; margin-bottom:10px; text-align: justify; }
.main p span.titolo_txt { color:#1BA8DE; font-size:16px; }

.main ul { list-style:outside disc; margin-top:10px; margin-left:15px; }
.main ul li { margin-bottom:4px; font-size:14px; line-height:20px; }

.main .spacer { clear:both; height:40px; }
.main img.right { float:right; margin: 5px 0 10px 20px; }
.main img.left { float:left; margin: 5px 20px 10px 0px; }
.main img.stile1 { border:1px solid #CCC; }
.main img.stile2 { border:1px solid #CCC; padding:2px; }

.main.cane h1 { font-size:24px; color:#1BA8DE; clear:both; margin-bottom:20px; font-weight:bold; border-bottom:1px solid #C9EBFA; padding-bottom:2px; }
.main.gatto h1 { font-size:24px; color:#6DCC2B; clear:both; margin-bottom:20px; font-weight:bold; border-bottom:1px solid #CFF0B9; padding-bottom:2px; }
.main.cane p.titolo1 { font-size:18px; line-height:20px; margin-bottom:10px; color:#1BA8DE; font-weight:bold; }
.main.cane p.titolo2 { font-size:16px; line-height:20px; margin-bottom:10px; color:#C60073; font-weight:bold;}
.main.cane p.titolo3 { font-size:16px; line-height:20px; margin-bottom:10px; color:#666; border-bottom:1px solid #E1E1E1; font-weight:bold; }
.main.gatto p.titolo1 { font-size:18px; line-height:20px; margin-bottom:10px; color:#6DCC2B; font-weight:bold;}
.main.gatto p.titolo2 { font-size:16px; line-height:20px; margin-bottom:10px; color:#C60073; font-weight:bold;}
.main.gatto p.titolo3 { font-size:16px; line-height:20px; margin-bottom:10px; color:#666; border-bottom:1px solid #E1E1E1; font-weight:bold; }
.main.cane p a { color:#1BA8DE; text-decoration:underline; }
.main.gatto p a { color:#6DCC2B; text-decoration:underline; }

.main .form { float:left; width:658px; padding:0 0 15px 0; border:1px solid #CCC; }
.main .form form { float:left; display:inline; width:658px;  }
.main .form form fieldset { width:620px; width:635px\9; *width:635px!important; background:#FAFAFA; margin:10px 0 10px 10px; padding-bottom:10px; float:left; }
.main .form form fieldset legend { font-size:14px; font-weight:bold; margin-bottom:10px; margin-left:7px\9; }
.main .form form span { float:left; clear:both; margin-bottom:10px; width:620px; margin-left:10px\9; *margin-left:10px; }
.main .form form span label { float:left; display:inline; width:190px; height:20px; }
.main .form form span em { color:#F00; font-size:11px; float:left; margin:2px 0 0 15px; width:205px; }
.main .form form span input[type="text"] { float:left; display:inline; border:1px solid #CCC; width:200px; height:17px; padding-left:5px; }
.main .form form span input[type="text"]:focus { background:#FFC; border-color:#999; }
.main .form form span select { float:left; display:inline; border:1px solid #CCC; width:208px; font-size:11px; height:19px; }
.main .form form input[type="submit"] {  border:1px solid #CCC; width:150px; height:30px; background:#1BA8DE; color:#FFF; overflow:visible; padding:0 15px;
cursor:pointer; float:right; margin-right:12px; }

.main .form form input[type="submit"].gatto {  background:#6DCC2B; }

.main.hp .box_homepage  { float:left; display:inline; width:202px; padding:0 16px; }
.main.hp .box_homepage p { float:left; width:202px; text-align:justify; font-size:12px; line-height:16px; }

.main.hp .box_homepage .titolo_box a { width:196px; float:left; display:inline; height:20px; color:#FFF; font-size:13px; font-weight:bold; padding:4px 6px 0 0; text-align:right; margin-bottom:10px; }
.main.hp .box_homepage .titolo_box a:hover { text-decoration:none; }

.main.hp .cane .box_homepage img { border:1px solid #78CEF1; float:left; }
.main.hp .cane .box_homepage .titolo_box a {  background:#78CEF1; color:#FFF;  }
.main.hp .cane .box_homepage .titolo_box a:hover { background:#1BA8DE; color:#FFF;  }

.main.hp .gatto .box_homepage img { border:1px solid #A0E274; float:left; }
.main.hp .gatto .box_homepage .titolo_box a { background:#A0E274; color:#FFF; }
.main.hp .gatto .box_homepage .titolo_box a:hover { background:#6DCC2B; color:#FFF;  }

.main ul.listing { width:560px; *float:left; display:block; margin-left:0; clear:both; }
.main ul.listing li { width:268px; *float:left; display:inline-block; padding-bottom:10px; border-bottom:1px dotted #CCC; margin:0 10px 10px 0; }
.main ul.listing li img { border:1px solid #CCC; padding:2px; margin:0 10px 0 0; }
.main ul.listing li a span {font-size:16px; color:#1BA8DE; font-weight:bold; display:block; }
.main ul.listing li a span:hover { text-decoration:underline; }
.main ul.listing li p { display:block; width:210px; font-size:12px; }

.main ul.listing.cane li span { color:#1BA8DE; }
.main ul.listing.cane li p a { color:#1BA8DE; }
.main ul.listing.gatto li span { color:#6DCC2B; }
.main ul.listing.gatto li p a { color:#6DCC2B; }

.main .paginazione { width:560px; display:inline-block; border-bottom:1px solid #CCC; padding-bottom:5px; font-size:12px; clear:both; }
.main .paginazione .items { float:left; display:inline; font-size:13px; width:350px; }
.main .paginazione .pagine { float:right; display:inline; font-size:13px; width:310px; text-align:right; }

/** ALY **/
.main .dettaglio_prodotto .immagine_prodotto { text-align: center; }
.main .dettaglio_prodotto .sezione { margin: 0px 0px 20px 0px; }
.main .dettaglio_prodotto .sezione p { margin: 0px 0px 20px 0px; text-align: justify; }
.slot.collapsable span.box_title { cursor: pointer; }
#cont.popup { width:660px; margin: 0;}
#cont.popup .main { border:1px solid #FFF; padding: 20px;}

.main ul.sitemap { margin:0; }
.main ul.sitemap li { margin-bottom:7px; }
.main ul.sitemap li a { font-size:13px; color:#333; }
.main ul.sitemap li ul { margin:5px 0 20px 20px; }
.main ul.sitemap li ul li a { font-size:12px; color:#666; }


#printfooter { width:600px; margin:20px auto 0 auto; display:block; text-align:justify; clear:both; }
#printheader { width:600px; margin:0 auto; display:block; height:100px; }
#printheader img.left { float:left; }
#printheader img.right { float:right; margin-top:17px; }

#printpage { display:none; }