* { margin:0; padding:0 }

a { outline:none }
p { margin-bottom:15px }

body {
	background:#EEE url(img/bgbody.jpg) repeat-x top;
	color:#000;
	font:12px Arial }

#all {
	position:relative;
	width:995px;
	overflow:hidden;
	margin:0 auto }
	
	#all .imgtop {
		overflow:hidden;
		text-align:right;
		height:272px; width:535px;
		position:absolute;
		top:0; right:0 }

#header {
	position:relative;
	top:0; left:0;
	background:url(img/bgheader.png);
	height:272px }
	
	#header h1 {
		position:absolute;
		top:23px; left:45px }

	#header h1 a {
		text-indent:-1000px;
		overflow:hidden;
		width:170px;
		height:160px;
		display:block }
		
	#header #menu {
		background:url(img/bgmenu.png) bottom;
		padding:13px 10px;
		width:180px;
		height:232px;
		position:absolute;
		left:260px; top:0 }
		
	#header #menu ul { list-style:none }
	
	#header #menu ul li  { 
		width:100%;
		float:left }
	
	#header #menu ul li a {
		text-transform:uppercase;
		font:14px Georgia;
		border-bottom:1px solid #01415D;
		border-top:1px solid #1B5C78;
		display:block;
		text-decoration:none;
		color:#9CCCE0;
		padding:5px }
	
	#header #menu ul li.first a 	{ border-top:0 }
	#header #menu ul li.last a 	{ border-bottom:0 }
	
	#header #menu ul li a:hover 	{ color:#FFF }

#container {
	float:left;
	width:945px;
	padding:0 25px 10px 25px ;
	background:#FFF url(img/bgheader.png) no-repeat 0 -280px; }
	
#container ul { margin-left:30px }
#container a { color:#003A60 }
	
.detail div { width:100% }	
	
h2 {
	clear:both;
	height:29px;
	padding:3px 0;
	letter-spacing:-1px;
	margin-bottom:5px;
	font:italic normal 20px Georgia } 

h2.verde {
	background:url(img/bgh2-verde.jpg) no-repeat bottom right;
	color:#28675D } 

h2.azul {
	background:url(img/bgh2-azul.jpg) no-repeat bottom right;
	color:#003A60 } 

.detail h2 { margin-bottom:10px } 

h3 {
	color:#666;
	letter-spacing:-1px;
	margin-bottom:10px;
	font:normal 20px Georgia } 

a.button span {
	color:#FFF;
	padding:6px 10px;
	float:left;
	height:15px }
	
a.button {
	font:bold normal 11px Arial;
	text-transform:uppercase;
	text-decoration:none;
	float:left;
	margin-bottom:15px;
	overflow:hidden;
	height:25px }

a.button:hover span 	{ background-position:left -25px }
a.button:hover		{ background-position:right -25px }

#newsletter a.button { float:right }
	
a.azul span 		{ background:url(img/bgbtn-azul-l.gif) no-repeat left top }
a.azul 			{ background:url(img/bgbtn-azul-r.gif) no-repeat right top }

	
	#c1, #c2, #touros, #content { float:left }
	#c1 { width:210px; margin-right:25px }
	#c2 { width:200px; margin-right:25px }
	.home #content,
	.home #touros { width:485px }
	
	.detail #content  { width:710px }

#welcome { font-size:11px }
#welcome em { color:#666 }

#empresa p {
	line-height:18px;
	margin-bottom:20px;
	font-size:14px }
	
#empresa p strong { color:#666 }
#empresa img {  
	margin-top:10px;
	margin-bottom:25px }
	
#welcome, #depoimentos, 
#newsletter, #noticias, #catalogo, #contato { margin-bottom:15px }

#noticias ul { margin:0; list-style:none }

#noticias ul li {
	padding:3px 0;
	border-bottom:1px solid #CCC }
	
#noticias ul li img { margin-bottom:3px }
	
#noticias ul li a { 
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	color:#003A60 }

#noticias ul li a:hover { text-decoration:underline }

#noticias ul li .data {
	font:10px Arial;
	color:#666 }
	
#noticias #content  { padding:25px; width:660px }

#noticias #content .titulo {
	color:#004D6E;
	letter-spacing:-1px;
	display:block;
	font:italic 30px Georgia  }
	
#noticias #content .data {
	margin-bottom:15px;
	color:#666 }
	
#noticias #content p {
	margin-bottom:20px;
	line-height:19px;
	font-size:14px }
	
#noticias #content .arquivo { 
	float:right; 
	width:300px;
	margin:0 0 20px 20px }
	
#noticias #content .arquivo .legenda { 
	display:block;
	padding:5px 0;
	text-align:center;
	border-bottom:2px solid #666;
	color:#666 }
	
#noticias #content ul  {
	font-size:14px;
	list-style:square;
	margin:0 0 30px 40px }
	
#noticias #content ul  li{
	border:0 }
	
#newsletter p { 
	margin-bottom:5px;
	font-size:11px }

#newsletter input.text {
	width:155px;
	color:#003A60;
	background:#EEE;
	padding:3px 0;
	border:1px solid #BBB }

.home  #depoimentos { 
	float:left;
	background:url(img/aspas-depoimento.gif) no-repeat left 26px; }	

#depoimentos .autor { 
	font-size:11px;
	color:#003A60 }	
	
#depoimentos table tr td  {
	border-bottom:1px dotted #DDD;
	padding:15px 30px;
	background:url(img/aspas-depoimento.gif) no-repeat left 15px }	
	
.home #touros  h2 { margin-bottom:10px }
	
#touros ul { margin:0; list-style:none }
	
#touros ul li {
	position:relative;
	margin:0 20px 20px 0;
	float:left }
	
.home #touros ul li {
	height:118px;
	width:147px }
	
.detail #touros ul li {
	height:170px;
	width:220px }
	
#touros ul li a { text-decoration:none }
	
#touros ul li.last { margin:0 }
	
#touros ul li img { width:100% }

#touros ul li .nome {
	border-bottom:2px solid #22423E;
	font-weight:bold;
	font-size:11px;
	padding:5px;
	text-align:center;
	width:137px;
	display:block;
	background:#28675D;
	position:absolute;
	bottom:0; left:0;
	color:#FFF }

.home #touros  ul li .nome 		{ width:137px }
.detail #touros  ul li .nome 	{ width:210px; font-size:13px }

#touros ul li .selo {
	width:25px;
	height:25px;
	background:url(img/selo-logotipo.png);
	position:absolute;
	right:-5px; bottom:30px }
	
#touros .detalhes .nome {
	color:#004D6E;
	padding:10px 0;	
	display:block;
	font:35px Georgia }
	
#touros .detalhes .arquivos {
	float:right;
	width:400px;
	margin-left:20px }
	
#touros .detalhes .arquivos .fotos  { margin-bottom:15px }

#touros .detalhes .arquivos .fotos .thumbs a img { 
	width:48px; height:31px;
	float:left;
	margin:0 2px 2px 0 }

#touros .detalhes .arquivos .fotos .thumbs a:hover img { 
	width:44px; height:27px;
	border:2px solid #28675D  }

#touros .detalhes .arquivos .fotos .legenda { 
	padding:5px;
	width:390px;
	text-align:center;
	background:#28675D;
	color:#FFF	}

#touros .descricao  { 
	float:left; 
	width:520px }
	
#touros .detalhes ul li {
	padding-left:15px;
	background:url(img/ico-listA.jpg) no-repeat left 3px;
	float:none;
	margin-bottom:5px;
	height:auto;
	width:auto }

#touros .detalhes ul li ul li { background:url(img/ico-listB.jpg) no-repeat left 3px; }

#touros .detalhes ul { margin:5px 0 20px 10px }
#touros .detalhes ul ul { margin-left:30px }
	
#touros .genealogia {
	border-top:2px solid #004D6E;
	border-bottom:2px solid #004D6E;
	background:#DDD;
	margin-bottom:15px;
	float:left;
	width:490px;
	padding:10px 15px;
	font-size:9px }

#touros .genealogia h3 { 
	padding:0;
	border:0 }

#touros .genealogia .pai,
#touros .genealogia .mae { width:235px; margin-right:10px; float:left }

#touros .genealogia span 	{ 
	margin:2px 0;
	display:block }

#touros .genealogia .P,
#touros .genealogia .M	{ padding-left:30px }

#touros .genealogia .PP,
#touros .genealogia .PM,
#touros .genealogia .MP,
#touros .genealogia .MM { padding-left:60px }

#touros table{ 
	margin-bottom:15px;
	border:1px solid #003A53 }
	
#touros table tr td { padding:5px }
#touros table tr td strong { color:#003A53 }
	
#touros table.dadosA  { border:0 }

#touros table.dadosA tr td.label {
	text-align:right;
	width:18% }
	
#touros table.dadosA  tr td {  }
		
#touros table.dadosB { font-size:11px }
	
#touros table.dadosB tr.head td { 
	background:#004D6E;
	color:#FFF;
	font-weight:bold }
	
#touros table.dadosB tr td { 
	width:65px;
	border-bottom:1px solid #003A53;
	border-right:1px solid #003A53;
	padding:3px 5px }

#touros table.dadosB tr.AC td { background:#DDD }
#touros table.dadosB tr.top td { background:#BBB }

#FotoGrande .loader { 
	background:#EEE;
	clear:both; 
	font:italic 20px Georgia;
	text-align:center; 
	padding:100px 0; 
	height:62px }
	
#catalogo ul {
	margin:0 0 25px 0;
	list-style:none;
	float:left }

#catalogo li {
	margin:0 17px 20px 18px;
	float:left; 
	width:120px }

#catalogo li a img {
	border:4px solid #EEE;
	float:left; 
	width:120px }

#catalogo li a:hover img { border:4px solid #003A53 }

#premios h2 { padding-bottom:10px } 

#premios h2 span {
	color:#333;
	font:italic 30px Georgia } 
	
#premios h2 select {
	float:right;
	padding:3px;
	font:italic 15px Georgia;
	color:#FFF;
	background:#28675D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:5px;
	margin-right:50px }

#premios table {
	margin-bottom:10px;
	border-top:3px solid #999;
	border-left:1px solid #DDD }

#premios table.head { 
	border-top:2px solid #DDD;
	margin-bottom:0 }

#premios table.head tr td {
	border-bottom:0;
	background:#EEE !important;
	color:#003A53 !important;
	font-weight:bold;
	font-size:11px }

#premios table tr td {
	padding:5px;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	font:9px Tahoma }
	
#premios table tr.alt td { background:#EEE }

#premios table tr td.cidade { 
	text-align:center;
	font-size:11px;
	color:#FFF;
	background:#555;
	width:80px }
	
#premios table tr td.premio { width:100px }
	
#premios table tr td.nome,
#premios table tr td.criador,
#premios table tr td.pai { width:130px }

#premios table tr td.pai { 
	color:#003A53;
	font-weight:bold}

#premios table tr td.mae,
#premios table tr td.avo { width:120px }

#premios table tr td.imagem {
	width:50px;
	padding:2px }

#fale div {
	padding:25px 0 0 25px;
	width:350px;
	float:left }
	
#fale div strong { font-size:16px }
	
#fale .telefones {
	color:#003A53;
	letter-spacing:-1px;
	font-size:25px }
	
fieldset {
	width:500px;
	float:right;
	padding:10px;
	border:1px solid #DDD }
	
fieldset legend {
	color:#666;
	letter-spacing:-1px;
	margin-bottom:10px;
	font:normal 20px Georgia }
	
fieldset table tr td { padding:3px 5px }
fieldset table tr td.label { text-align:right }

fieldset table tr td input.text, 
fieldset table tr td textarea { 
	color:#003A53;
	border:1px solid #BBB;
	background:#EEE;
	padding:2px;
	font:13px Arial 	}

fieldset table tr td input.button { 
	padding:2px;
	font:bold 13px Verdana 	}

#footer {
	height:20px;
	position:relative;
	padding:40px 25px 30px 75px;
	clear:both;
	color:#666;
	background:#FFF url(img/bgfooter.jpg) no-repeat }
	
#footer a.dev {
	position:absolute;
	top:45px; right:35px;
	text-indent:-1000000px;
	float:right;
	width:62px;
	height:9px;
	background:url(img/logo-flexpoint.gif) left top }
	
#footer a.dev:hover { background:url(img/logo-flexpoint.gif) left bottom }	table.download  { 	border-top:1px solid #CCC;	margin-bottom:30px !important }table.download  tr td {	border-bottom:1px solid #CCC;	padding:10px !important;	background:#EEE !important } 	
