﻿@charset "utf-8";
/* Faberge website - sept 2012 & nov 2013 - fvrpro - vimello */

		 html { margin: 0; padding: 0; background: #bf2ba3 url(../img/newbg.jpg) top center repeat-x }
		 body { margin: 0; padding: 0; font-family: "Trebuchet MS", verdana, arial, Times, serif; font-size: 14px; color: #fff; line-height: 1.5; letter-spacing: 1px  }
		 a img { border: none }
		 .clear { width: 100%; height: 1px; display: block; clear: both }
		 a { color: #850b69; }
		 a:hover { color: #ffffff; text-decoration: none }
		 p { margin: 0 0 20px; display: block }
		 a { outline: none }

		#wrapper { display: block; margin: -10px auto 0; width: 904px; overflow: hidden; z-index: 1; background: url(../img/bgb.png) bottom center no-repeat; padding: 0 30px 33px }
		#content { background: #dc5fc3; width: 841px; display: block; margin: 0 auto; overflow: hidden; padding: 0 25px }
		#top { height: 300px; z-index: 100; background: url(../img/top.png) 0 0 repeat-x; width: 960px; display: block; position: relative; margin: 0 auto; overflow: hidden }
		#top h1 { display: block; height: 111px; width: 373px; margin: 64px 0 0 525px; padding: 0; z-index: 99 }
		#top h1 a { display: block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; z-index: 100 }
		
		#footer img { margin: 0 auto }
		#footer { width: 960px; margin: 0 auto; text-align: center; padding-top: 10px }
		#footer p { width: 370px; height: 78px; margin: 0 auto; background: url(../img/footer.png) no-repeat; overflow: hidden }
		#footer p a { display: block; height: 23px; text-indent: -9999px; overflow: hidden; font-size: 1px }
		#footer p a#k1 { margin: 27px 0 0 129px; width: 238px }
		#footer p a#k2 { margin: 5px 0 0 106px; width: 150px; height: 9px }
				
		#titulo { margin-bottom: 30px }
		
		#menu { width: 692px; height: 24px; margin: 62px 34px 0 0; z-index: 3; padding: 0; list-style: none; float: right; }
		#menu li { margin: 0; padding: 0; list-style: none; float: left; display: block; height: 24px; margin-right: 18px }
		#menu li a{ display: block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; background-image: url(../img/menu.png); background-repeat: no-repeat }
		#menu li#l1 { width: 54px }
		#menu li#l1 a { background-position: 0 0 }
		#menu li#l1 a:hover { background-position: 0 -25px }
		#menu li#l2 { width: 70px }
		#menu li#l2 a { background-position: -72px 0 }
		#menu li#l2 a:hover { background-position: -72px -25px }
		#menu li#l3 { width: 85px }
		#menu li#l3 a { background-position: -160px 0 }
		#menu li#l3 a:hover { background-position: -160px -25px }
		#menu li#l4 { width: 108px }
		#menu li#l4 a { background-position: -263px 0 }
		#menu li#l4 a:hover { background-position: -263px -25px }
		#menu li#l5 { width: 65px }
		#menu li#l5 a { background-position: -389px 0 }
		#menu li#l5 a:hover { background-position: -389px -25px }
		#menu li#l6 { width: 67px }
		#menu li#l6 a { background-position: -472px 0 }
		#menu li#l6 a:hover { background-position: -472px -25px }
		#menu li#l7 { width: 52px; }
		#menu li#l7 a { background-position: -557px 0 }
		#menu li#l7 a:hover { background-position: -557px -25px }
		#menu li#l8 { width: 65px; margin-right: 0 }
		#menu li#l8 a { background-position: -627px 0 }
		#menu li#l8 a:hover { background-position: -627px -25px }
		
		a#br1, a#br2, a#br3 { display: block; float: left; background-image: url(../img/subbreed.jpg); background-repeat: no-repeat; height: 26px; text-indent: -9999px; }
		#sub { text-align: center; width: 575px; margin: 0 auto 20px; margin-bottom: 20px }
		a#br1 { background-position: 0 0; width: 175px }
		a#br1:hover, a#br1.atual { background-position: 0 -26px }
		a#br2 { background-position: -175px 0; width: 203px }
		a#br2:hover, a#br2.atual { background-position: -175px -26px }
		a#br3 { background-position: -378px 0; width: 195px }
		a#br3:hover, a#br3.atual { background-position: -378px -26px }