/* -----------------------------Reset-----------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/*-----------------------Basic & Background-----------------------*/

body {background: url(../images/bkg.jpg);
	  background-repeat: repeat-x;
	  background-color:#0096e1;}
	  
img.floatLeft {float: left;}
img.floatRight {float: right; margin-right: 6px;}

.fadein { position:relative; height:200px; width:620px; }
.fadein img { position:absolute; left:0; top:0; }


/*-----------------------Navigation-------------------------------*/

#menunav{width:688px; float:right; height:86px;}
#menu1 {width:660px; float:right; height:43px;}
#menu2 {width:630px; float:right; height:43px;}

#menu1 li {display:inline; padding-right: 52px;}
#menu2 li {display:inline; padding-right: 35px;}

#menu1 li a{list-style-type:none; text-decoration:none; font:bold 11px Verdana, Geneva, sans-serif; color:white; line-height:35px;}
#menu2 li a{list-style-type:none; text-decoration:none; font:bold 11px Verdana, Geneva, sans-serif; color:#003b8b; line-height:23px;}

#menu1 li a:hover {color: yellow;}
#menu2 li a:hover {color: white;}

#menu2 .texto {font:bold 11px Verdana, Arial, Helvetica, sans-serif; line-height:23px;color: #003b8b;}


/*-------------------------Content-------------------------------*/

#wrapper {width: 869px; margin: auto;}
#header {background: url(../images/comum/header.jpg); height:237px;}

#star1 {float:left; width:200px;}
#star1 p {text-align:center;}
#star1 h3 {text-align:right;}
#star1 h4 {text-align:left;}

#star2 {float:left; width:400px;}
#star2 p {text-align:center;}
#star2 h3 {text-align:right;}

#star3 {float:right; width:200px;}
#star3 p {text-align:right; margin-right:100px;}



#menu {background: url(../images/comum/menu.jpg); height:86px;}

#side{float:left; width:181px; background: url(../images/comum/side.jpg) no-repeat;}
#side h2 {margin-left:15px; padding-left:15px; font:bold 14px Verdana, Geneva, sans-serif; color:#003b8b; line-height:18px; border-bottom:1px dotted lightblue;
background-image: url(../images/comum/bullet.gif); background-repeat:no-repeat; background-position:-6px;}

#side p {margin-left:15px; font:10px Verdana, Geneva, sans-serif; color:white; line-height:16px;}
#side p a:link {color:white; text-decoration:none;}
#side p a:visited {color:white; text-decoration:none;}
#side p a:hover {color:yellow; text-decoration:underline;}

#main{float:left; width:688px; background: url(../images/comum/slider.jpg) no-repeat;}
#main h2 {margin-left:35px; font:bold 16px Verdana, Geneva, sans-serif; color:#555; line-height:16px;}
#main h3 {margin-left:35px; font:bold 12px Verdana, Geneva, sans-serif; color:#555; line-height:16px;}
#main h4 {margin-left:35px; font:bold 14px Verdana, Geneva, sans-serif; color:#555; line-height:16px; text-align:center;}
#main h5 {margin-left:35px; font:bold 10px Verdana, Geneva, sans-serif; color:#555; line-height:14px; text-align:center;}
#main h6 {text-align:center;}
#main p {margin-left:35px; margin-right:40px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; line-height:16px;}
.trad {margin-left:35px; margin-right:40px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:red; line-height:16px;}
#main p a:link {color:black; text-decoration:none;}
#main p a:visited {color:black; text-decoration:none;}
#main p a:hover {color:black; text-decoration:underline;}

#news h1 {margin-left:140px; font:10px Verdana, Geneva, sans-serif; color:black; line-height:16px;}
#news h6 {clear:both; text-align:center;}
#news p {margin-left:140px; margin-right:40px; font:10px Verdana, Geneva, sans-serif; color:#555; line-height:14px;}
#newsfoto1 {float:left; margin-left:35px; margin-top:5px; width:90px; height:70px; border:1px solid #aaa;}
#newsfoto2 {width:80px; height:60px; background:yellow; position:relative; top:5px; left:5px;}
#gallery {float:right; padding-left:20px;}
#gallery1 {float:right; margin-right:40px; margin-top:5px; width:190px; height:145px; border:1px solid #aaa;}
#gallery2 {width:180px; height:135px; position:relative; top:5px; left:5px;}
#galleryp {float:right; padding-left:20px;}
#galleryp1 {float:right; margin-right:40px; margin-top:5px; width:210px; height:318px; border:1px solid #aaa;}
#galleryp2 {width:200px; height:308px; position:relative; top:5px; left:5px;}

#links h1 {margin-left:35px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#003b8b; line-height:16px;}
#links p {margin-left:35px; margin-right:40px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#555; line-height:14px;}
#links p a:link {color:#555; text-decoration:none;}
#links p a:visited {color:#555; text-decoration:none;}
#links p a:hover {color:black; text-decoration:underline;}

#ninhada{width:450px; margin:auto;}
#ninhadapais {float:left; width:190px; height:145px; border:1px solid #aaa;}
#ninhadacruz {float:left; width:60px; height:145px;}
#ninhadacao {width:180px; height:135px; position:relative; top:5px; left:5px; background:yellow;}
#ninhada2 {clear:both;}
#ninhada2 h1 {font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#555; line-height:16px; text-align:center;}
#ninhada2 h1 .large {font:22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#003b8b; line-height:35px; text-align:center;}


#filhotes {width:600px; margin-left:35px;}
#filhotes1 {float:left; width:190px; height:145px; border:1px solid #aaa;}
#filhotes2 {float:left; width:400px; height:145px; }
#filhotes2 h1 {margin-left:20px; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#003b8b; line-height:18px;}
#filhotes2 p {margin-left:20px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#555; line-height:16px;}
#filhotes3 {clear:both; height:5px;}
#filhotes4 {width:180px; height:135px; position:relative; top:5px; left:5px;}

#plantel {width:630px; margin-left:35px;}
#plantel1 {display:inline-block; width:200px;}
#plantel2 {width:190px; height:145px; border:1px solid #aaa;}
#plantel3 {width:180px; height:135px; position:relative; top:5px; left:5px;}
#plantel4 {height:50px;}
#plantel4 p{font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#003b8b; text-align:center; line-height:22px;}

#visualizarplantel {width:630px; margin-left:25px;}
#visualizarplantel h1 {font:bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#003b8b; text-align:center; line-height:28px;}
#visualizarplantel p {font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#555; text-align:center; line-height:16px;}
#visualizarplantel2 {margin:auto; width:190px; height:145px; border:1px solid #aaa;}
#visualizarplantel3 {width:180px; height:135px; position:relative; top:5px; left:5px;}







#tabela {width:540px; margin:auto;}

.pedigree td {padding:0px; border: solid 1px #aaa;width:140px;text-align:center;font: 10px Verdana, Geneva, sans-serif; color:black; vertical-align:middle;}
.pedigree td#dif1 {background: #809dc5;}
.pedigree td#dif2 {background: #9fb6d4;}
.pedigree td#dif3 {background: #bfcee2;}
.pedigree td#dif4 {background: #dfe6f0;}


/*
#tabela {width:550px; margin-left:40px; background:green;}
#tabela td.foto{width:200px; height:145px; background:pink;}
#tabela td.text{width:200px; height:145px; background:orange;}
#filhotes1 {width:190px; height:145px; border:1px solid #aaa;}
#filhotes2 {width:180px; height:135px; position:relative; top:5px; left:5px;}
#tabela td h1 {font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:red; line-height:16px; text-align:left;}
#tabela td p {font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:red; line-height:14px;}
*/

#slider{width:620px; margin:auto; height:200px;}
#conteudo{height:100%; background: url(../images/comum/content.jpg); background-repeat:repeat-y;}

#footer {clear:both; background: url(../images/comum/footer.jpg); height: 53px;}
#footer h1 {margin-left:181px; font:10px Verdana, Geneva, sans-serif; color:white; line-height:16px; text-align:center;}
#footer p {margin-left:181px; font:10px Verdana, Geneva, sans-serif; color:white; line-height:11px; text-align:center;}
#footer p a:link {color:white; text-decoration:none;}
#footer p a:visited {color:white; text-decoration:none;}
#footer p a:hover {color:yellow; text-decoration:underline;}







/*#intro {float:left; width:552px; background: url(../images/comum/header3.jpg); height:261px;}
#sep {height:15px;}
#data {height:auto;}
#side {width:249px; float:left;}
#side h1 {}
#side h3 {text-align:center; padding-right:55px;}
#side p {font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#504e4e; line-height:21px;}
#conteudo {width:552px; float: left;}
#conteudo h2 {font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ea8b04; line-height:21px;}
#conteudo h3 {text-align:center;}
#conteudo h4 {font: bold 23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ea8b04; line-height:23px; text-align:center;}
#conteudo h5 {font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ea8b04; line-height:21px; text-align:center;}
#conteudo h6 {font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#504e4e; line-height:19px; text-align:center;}
#conteudo p {font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#504e4e; line-height:19px;}
*/

/*-------------------------Plantel-------------------------------
#plantelwrapper{float:left; width:180px;}
#plantelfoto{width:150px; height:133px;}
#plantelnome{width:150px;height:45px;}
#plantelnome p {font:bold 12px Verdana, Geneva, sans-serif; color:#504e4e; text-align:center;}

/*-------------------------Tabela Ninhadas-----------------------

#filhotes {width:500px; margin:auto;}
#filhotes td p{font: 10px Verdana, Geneva, sans-serif; color:#504e4e;}
.pedigree td#dif1 {background:#FFB733;}
.pedigree td#dif2 {background:#FFC966;}
.pedigree td#dif3 {background:#FFDB99;}
.pedigree td#dif4 {background:#FFEDCC;}

/*-------------------------Tabela Plantel-------------------------------

.table {background: darkgreen;}
.table td {background:gray; width: 100px; height:50px;}
.table td#dif{background-color: #009; width: 80px;height: 90px;}
.table p {font: bold 10px Verdana, Arial, Helvetica, sans-serif;color: white;text-align: left;line-height: 15px;padding-left: 110px;}
.table p a:hover, a:link, a:visited{color: white;text-decoration: none;}


#tabelao{width:540px; margin:auto;}
/*#nome{height:30px; border-bottom: 1px dotted #e57e04}
#nome p {color: #e57e04; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}
#texto p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px;}
#titulos h1 {color: #e57e04; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
#titulos p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12px;}
#tabelao td {background:gray;width:135px;}
#pedigree .dois td   {background-color:blue;   width:135px;}
#pedigree .tres td   {background-color:orange; width:135px;}
#pedigree .quatro td {background-color:yellow; width:135px;}


#tabela {width:540px; margin:auto;}

.pedigree td {padding:7px; border: solid 1px orange;width:140px;text-align:center;font: 10px Verdana, Geneva, sans-serif; color:black; vertical-align:middle;}
.pedigree td#dif1 {background:#FFB733;}
.pedigree td#dif2 {background:#FFC966;}
.pedigree td#dif3 {background:#FFDB99;}
.pedigree td#dif4 {background:#FFEDCC;}*/