/* CSS Document - Canil Altos do Miramar | Criando Campeões
@agency: Communiq | a sua agência web
@author: Sérgio Hampel
*/

/* ----- reset CSS ----- */
* {
	margin:0;
	list-style:none;
	padding:0	
}

/* ----- Estilos em comum ----- */
p, a {font-size:1.3em; line-height:1.4em; margin-bottom:10px}
a {text-decoration:none; color:#090400}
h1, h2, ul.navegacao li a {text-indent:-9000px}

/* ----- Classes CSS ----- */

	.clear {clear:both}
	
	/* Títulos de nível h2 */
	h2.exposicoes, h2.sejaBemVindo {height:30px}
	h2.exposicoes{
		background:url(../images/general/exposicoes.png) no-repeat; width:111px;
	}
	h3.tit_esposicao{
		margin:10px 0;
	}
	h3.tit_esposicao a{
		color:#333;
		font-size:14px;
	}
	h3.geral{color:#f79f08;font-size:18px}
	h2.sejaBemVindo {background:url(../images/general/sejaBemVindo.png) no-repeat; width:165px;}
	h2.news {background:url(../images/general/news.jpg) no-repeat; width:590px; height:24px; margin-top:20px}
	h2.canil {background:url(../images/general/tit_canil.jpg) no-repeat; width:249px;height:30px}
	h2.tit_racas {background:url(../images/general/tit_racas.jpg) no-repeat; width:249px;height:34px;}
	h2.tit_raca{text-indent:0;font-size:20px;color:#f59f0b;}
	/* Links do menu */
	.menuHome, .menuContato {width:133px}
	.menuCanil {width:132px}
	.menuRacas {width:131px}
	.menuNews {width:135px}
	.menuLinks {width:134px}
	
	/* texto de Seja Bem-vindo */
	.textoBemVindo {width:585px}
	
	/* botão submit */
	.botao {
		background:url(../images/forms/bgEnviar.gif) no-repeat!important; 
		border:none!important;
		cursor:pointer;
		float:right;
		height:20px!important;
		margin:5px 0 0 0;
		width:39px!important
	}

/* ----- Estilos gerais ----- */
body {
	background-color:#ede7db; 
	color:#090400; 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:62.5%
}

	/* ----- Início do header ----- */
	div#header {
		background:url(../images/general/bgTop.jpg) no-repeat top center;
		width:100%
	}
	div#headerInternal {
		margin:0 auto;
		width:975px
	}
	div#headerInternal h1 {
		float:left;
		height:46px;
		margin:30px 0 0 20px;
		width:319px
	}
	div#headerInternal h1 a {
		background:url(../images/general/bgLogo.jpg) no-repeat;
		display:block;
		height:46px;
		width:319px
	}
	
	/* imagem representando o flash */
	div#headerInternal img {margin-top:19px}
	
	div#headerInternal ul.navegacao {
		background:url(../images/general/bgMenu.jpg) no-repeat;
		height:58px;
		padding-left:10px;
		width:808px
	}
	div#headerInternal ul.navegacao li {
		float:left;
		height:58px;
		position:relative;
	}
	div#headerInternal ul.navegacao li a {
		float:left;
		height:58px;
		text-align:center;	
	}
	
	div#headerInternal ul.navegacao2 {
		background:url(../images/general/bgMenu2.jpg) no-repeat;
		height:58px;
		padding-left:10px;
		width:808px
	}
	div#headerInternal ul.navegacao2 li {
		float:left;
		height:58px;
		position:relative;
	}
	div#headerInternal ul.navegacao2 li a {
		float:left;
		height:58px;
		text-align:center;
		text-indent:-3000px;
	}
	
	div#headerInternal ul#navegacao1{
		background:none;
		position:absolute;
		top:60px;
		left:0;
		width:920px;
		margin:-10px 0 0 0;
		padding:0;
		display:none;
	}
	div#headerInternal ul#navegacao1 li{
		background:#F90;
		border:3px solid #FFF;
		margin:0;
		width:165px;
		height:50px;
		float: left;
	}
	div#headerInternal ul#navegacao1 li a{
		width:165px;
		height:50px;
		line-height:50px;
		text-indent:10px;
		font-weight:bolder;
		color:#FFF;
		text-align:left
	}
	div#headerInternal ul#navegacao1 li a:hover{
		background:#F50;
	}
	
	div#headerInternal ul#navegacao3{
		background:none;
		position:absolute;
		z-index: 1000;
		top:58px;
		left:-5px;
		width:820px;
		margin:-10px 0 0 0;
		padding:0;
		display:none;
	}
	div#headerInternal ul#navegacao3 li{
		background:#F90;
		border:3px solid #FFF;
		margin:0;
		width:165px;
		height:50px;
		display:block;
	}
	div#headerInternal ul#navegacao3 li a{
		width:165px;
		height:50px;
		line-height:50px;
		text-indent:10px;
		font-weight:bolder;
		color:#FFF;
		text-align:left
	}
	div#headerInternal ul#navegacao3 li a:hover{
		background:#F50;
	}
	
	
	/* ----- Fim do header ----- */
	
	/* ----- Início do conteúdo ----- */
	div#content {
		margin:0 auto;
		padding:10px 0 0 15px;
		width:955px
	}
		/* ----- Início de exposições ----- */
		div#content div#exposicoes {
			background:url(../images/general/bgExposicoes.jpg) no-repeat;
			float:right;
			height:240px;
			padding:15px 0 15px 13px;
			width:323px;
		}
		div#content div#exposicoes .cartaz_evento{
			border:2px solid #fe990e;
			margin:10px 10px 10px 0;
		}
		div#content div#exposicoes p a{
			font-size:12px;
		}
		div#content div#exposicoes p a:hover{
			color:#796846
		}
		
		/*************************************/
		div#content div#exposicoes2 {
			background:url(../images/general/bgExpo.jpg);
			float:right;
			height:auto;
			padding:15px 0 25px 13px;
			width:323px;
			position: relative;
		}
		div#content div#exposicoes2 .topExpo{
			position: absolute;
			left: 0;
			top: 0;
		}
		div#content div#exposicoes2 .botExpo{
			position: absolute;
			left: 0;
			bottom: 0;
		}
		div#content div#exposicoes2 .cartaz_evento{
			border:2px solid #fe990e;
			margin:10px 10px 10px 0;
		}
		div#content div#exposicoes2 p a{
			font-size:12px;
		}
		div#content div#exposicoes2 p a:hover{
			color:#796846
		}
		div#content div#exposicoes2 a.moldura{
			width:80px;
			height:65px;
			border:2px solid #fe990e;
			margin:20px 10px 0 0;
		}
		div#content div#exposicoes2 a img{
			width:100px;
		}
		div#content div#exposicoes2 p {
			padding:0 5px
		}
		div#content div#exposicoes2 ul.buttons{
			background:transparent;width:313px; height:auto; padding:0; border:0px solid #ff0000;
		}
		
		div#content div#exposicoes2 ul li{
			float:left;
			width:20px;
			height:30px;
			line-height:30px;
			margin-right:5px;
			margin-bottom: 5px;
			padding:0;
		}
		
		div#content div#exposicoes2 ul li a{
			width:20px;
			height:30px;
			text-align:center;
			line-height:30px;
			background:#c0c0c0;
			font-weight:bolder;
			color:#777;
			border:1px solid #777;
		}
		
		div#content div#exposicoes2 ul li a:hover{
			background:#fe990e;
			font-weight:bolder;
			color:#fff;
			border:1px solid #fe550e;
		}
		/*************************************/
		
		.event{
			font-size:12px;
			_font-size:10px;
		}
		h4 .event{
			font-size:14px;
			_font-size:14px;
		}
		.event:hover{
			color:#796846
		}
		h3.tit_noticia{
			margin:20px 0;font-size:14px	
		}
		h3.tit_link{
			margin:20px 0 10px 0;
			font-size:14px;
		}
		a.a_link{
			font-size:12px;
		}
		a.link_noticias{
			margin-bottom:20px;
			display:block;
		}
		a.link_noticias:hover{
			color:#796846;
		}
		.descRaca p img, .descRaca span img, .descRaca img{
			border:2px solid #fe990e;
			margin:5px;
		}
		.subtit_cao{
			font-size:14px;margin:10px 0	
		}
		div#content div#exposicoes a.moldura{
			width:80px;
			height:65px;
			border:2px solid #fe990e;
			margin:20px 10px 0 0;
		}
		div#content div#exposicoes a img{
			width:100px;
		}
		div#content div#exposicoes p {
			padding:0 5px
		}
		div#content div#exposicoes ul.buttons{
			background:transparent;width:313px; height:auto; padding:0; border:0px solid #ff0000;
		}
		
		div#content div#exposicoes ul li{
			float:left;
			width:20px;
			height:30px;
			line-height:30px;
			margin-right:5px;
			padding:0;
		}
		
		div#content div#exposicoes ul li a{
			width:20px;
			height:30px;
			text-align:center;
			line-height:30px;
			background:#c0c0c0;
			font-weight:bolder;
			color:#777;
			border:1px solid #777;
		}
		
		div#content div#exposicoes ul li a:hover{
			background:#fe990e;
			font-weight:bolder;
			color:#fff;
			border:1px solid #fe550e;
		}
		.caoGal{
			width:90px;
			height:50px;
			padding: 2px;
			border: 1px solid #f6f3ec;
			margin-bottom: 10px;
			margin-right: 10px;
			float: left;
		}
		.caoGal .molduraligth{
			width:90px;
			height:75px;
			overflow:hidden;
			margin-right:15px;
			border:2px solid #fe990e;
		}
		
		.titulo_raca{
			font-size:18px;
			margin:20px 0 20px 0;
			color:#333;
		}
		.molduraligth img{
			width:113px;
			border:0;
		}
		.molduraligth a{
			border:0;	
		}
		.molduraGaleria{
			width:113px;
			height: 75px;
			overflow:hidden;
			margin-right:15px;
			margin-bottom: 15px;
			border:2px solid #fe990e;
			float: left;	
		}
		.molduraGaleria img{
			width:113px;
			border:0;
		}
		.molduraGaleria a{
			border:0;	
		}
		/* ----- Fim de exposições ----- */
		
		/* ----- Início de news ----- */
		div#content ul {
			background:url(../images/general/bgNews.jpg) no-repeat;
			height:86px;
			margin:5px 0 20px 0;
			padding:10px 0
		}
		div#content ul li {
			height:86px;
			float:left;
			padding:0;
			padding-left:10px;
			width:185px;
		}
		div#content ul li h3 {
			color:#fe990e;
			font-size:1.35em
		}
		div#content ul li a {
			display:block;
			float:left;
			font-size:1.3em;
			width:170px;
		}
		div#content ul li a:hover {
			color:#796846
		}
		/* ----- Fim de news ----- */
		
		div#text_post{
			width:600px;
		}
		div#text_post p img{
			border:2px solid #F90;
			margin:5px;
		}
		
		/* ----- Início de cadastro ----- */
		div#cadastro {
			background:url(../images/general/cadastro.jpg) no-repeat;
			float:left;
			height:169px;
			margin-right:15px;
			padding:0 0 0 20px;
			width:278px
		}
		div#cadastro form {
			padding-top:30px;
			width:250px
		}
		div#cadastro form fieldset {
			border:none
		}
		div#cadastro form fieldset legend {
			display:none
		}
		div#cadastro form input {
			background:url(../images/forms/bgInput.png) repeat-x top left;
			border:1px solid #e4e4e4;
			color:#796846;
			height:21px;
			margin-bottom:10px;
			padding:3px 0 0 5px;
			width:250px
		}
		div#cadastro form input:focus, 
		div#cadastro form input.foco {
			background-position:bottom;
			border:1px solid #e4d8c1
		}
		/* ----- Fim de cadastro ----- */
		
		/* ----- Início de Galeria de Fotos ----- */		
		div#galeria {
			float:left;
			width:640px;
		}
		div#galeria a{
			float:left;
			width:126px;
			margin-right:10px;
		}
		div#galeria .contMoldura{
			width:100px;
			margin-right: 5px;
			font-size: 10px;
			font-weight: bolder;
			float: left;
		}
		div#galeria .moldura{
			width:90px;
			float:left;
			margin-right:10px;
			height:65px;
			border:3px solid #fff;
			overflow:hidden;
		}
		div#galeria .moldura img{
			width:100px;
			border:0;
		}
		div#galeria h2 {
			background:url(../images/general/galeria.png) no-repeat; 
			height:20px; 
			padding-bottom:10px;
			width:144px
		}
		div#galeria img {
			border:5px solid #fff;
		}
		div#galeria p {
			font-size:1.3em;
		}
		/* ----- Fim de Galeria de Fotos ----- */
		
	/* ----- Fim do conteúdo ----- */
	
	/* ----- Início de footer ----- */
	div#footer {
		background:url(../images/general/bgFooter.jpg) repeat-x top center;
		border-top:1px solid #dcd4c6;
		clear:left;
		height:53px;
		width:100%
	}
	div#footerInternal {
		margin:0 auto;
		padding-top:10px;
		width:975px
	}
	div#footerInternal p {
		float:right;
		height:34px;
		width:82px
	}
	div#footerInternal p a {
		background:url(../images/icons/communiq.jpg) no-repeat;
		float:right;
		text-indent:-9000px; height:34px;
		width:82px
	}
	div#footerInternal ul {
		margin:0 auto;
		padding-top:10px;
		width:370px
	}
	div#footerInternal ul li {
		float:left
	}
	div#footerInternal ul li a {
		line-height:1.2em;
		margin:0 10px		
	}
	div#footerInternal ul li a:hover {
		color:#796846;
		text-decoration:underline
	}
	
	/* ----- Fim de footer ----- */
.padMat{
	width: 150px;
	height: 160px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.padMat h3.subtit_cao{
	font-size: 10px;
}
.padMat .Imgpadreador{
	width: 146px;
	height: 80px;
	overflow: hidden;
	border: 2px solid #FF9B11;
}
.pedgre p img{
	border: 2px solid #FF9B11;
}
.padMat .Imgpadreador a{
	border: 0;
}
.padMat .Imgpadreador img{
	line-height: 80px;
	border: 0;
}