@charset "utf-8";
/* CSS RESET */
* {padding:0; margin:0; margin:0; border:0; font-weight:normal; font-style:normal;}
table {border-collapse:collapse; border-spacing:0;}
ul {list-style:none;}
a:link, a:visited, a:hover {color:inherit; text-decoration:none; font-weight:inherit;}

/* GERAL */
body {font-family: 'Open Sans', sans-serif; background-color:#f9f2e4; color:#232323}
.border {border:1px solid #000;}
.clear {clear:both;}
strong {font-weight:bold;}
.no-margin-right {margin-right:0 !important}

/* GRID */
.grid {margin:0 auto; position:relative; padding:0 30px;}
.span1 {width:100%;}
.span2 {width:49%; margin-right:2%; float:left;}
.span3 {width:32%; margin-right:2%; float:left;}
.span3-2 {width:66%; margin-right:2%; float:left;}
.span4 {width:23%; margin-right:2%; float:left;}
.span4-2 {width:73%; margin-right:2%; float:left;}
.span5 {width:19%; margin-right:1%; float:left;}
.span1 img, .span2 img, .span3 img, .span5 img {width:100%}


/* CORES */

/* ICONES */
.icons {background:url(../images/icons/icons.png) no-repeat;}
.icons a:link, .icons a:visited {display:block; width:100%; height:100px}
.logomini {background-position:0px 0px; width:108px; height:90px; float:left; margin-right:15px}
.flickr {background-position:-108px 0px; width:35px; height:35px; float:left; margin-right:10px;}
.facebook {background-position:-144px 0px; width:35px; height:35px; float:left; margin-right:10px;}
.twitter {background-position:-180px 0px; width:35px; height:35px; float:left; margin-right:10px;}
.wordpress {background-position:-216px 0px; width:35px; height:35px; float:left; margin-right:10px;}
.consultas {background-position:-190px -37px; width:70px; height:70px; float:left; margin-right:10px;}
.animaisalvos {background-position:-120px -37px; width:70px; height:70px; float:left; margin-right:10px;}
.voluntarios {background-position:-261px -37px; width:70px; height:70px; float:left; margin-right:10px;}
.editar {background-position:-0px -97px; width:16px; height:25px; float:left; margin-right:10px;}
.editar:hover {background-position:-16px -97px; width:16px; height:25px; float:left; margin-right:10px;}
.excluir {background-position:-32px -97px; width:19px; height:25px; float:left; margin-right:10px;}
.excluir:hover {background-position:-51px -97px; width:19px; height:25px; float:left; margin-right:10px;}
.foto {background-position:-70px -97px; width:25px; height:25px; float:left; margin-right:10px;}
.foto:hover {background-position:-95px -97px; width:25px; height:25px; float:left; margin-right:10px;}

/* TOPO */
#containertop {height:120px; border:1px solid #FFF;position:relative;}
#bartop {background-color:#c75358; height:5px; }
#top {background:url(../images/bg/bg_branco_70.png); width:100px; height:100px;width:100%; position:relative}
#brand {width:278px; height:100px; margin-top:10px; }
#phone {font-family: 'Open Sans Condensed', sans-serif; font-weight:300; background-color:#c75358; color:#FFF;font-size:22px; padding:6px 10px; position:absolute; border-radius:0 0 5px 5px; top:-10px;  right:30px;}
#phone span {font-size:20px;}

/* BANNER */
#containeibanner {position:relative;}
#full-width-slider {width:100%;}
#full-width-slider img {width:100%}
.infoBlock {background-image:url(../images/bg/bg_80.png); position:absolute !important; z-index:3 !important;font-weight:300 !important; padding:15px 30px;}

#containerbannerinterno {position:relative;width:100%; overflow:hidden; height:200px}
#containerbannerinterno img {width:100%;}

/* MENU */
#mainmenu ul {font-weight:600; float:right; margin-top:50px;height:40px}
#mainmenu ul li {float:left; vertical-align:middle; height:40px}
#mainmenu ul li.ativo {background:url(../images/bg/hover_menu.png) no-repeat; background-position:left;}
#mainmenu ul li a:link, #mainmenu ul li a:visited {color:#333333; font-size:16px; padding:0 10px; line-height:40px; height:40px;display:block}
#mainmenu ul li a:hover, #mainmenu ul li.ativo a:visited {color:#c75358;} 
.btn a:link, .btn a:visited {border-radius:5px; background-color:#bd1135; font-size:16px !important; color:#FFFFFF !important;line-height:40px; height:40px !important; padding:0 10px;line-height:40px; height:40px;display:inline-block;}
.btn a:hover {background-color:#c75358; color:#FFFFFF !important}

/* SUBMENU */
#containersubmenu {float:left; width:20%; margin-top:60px}
#submenu ul {background-color:#c75358;} 
#submenu ul li {height:45px;}
#submenu ul li a:link, #submenu ul li a:visited {line-height:45px; height:45px; display:block;padding-left:15px; color:#e9d5d5; border-bottom:1px solid #d1878a;}
#submenu ul li a:hover {color:#FFFFFF}
#submenu ul li.ativo a:link, #submenu ul li.ativo a:visited {background-color:#bd1135;color:#FFFFFF}

/* CONTEÚDO*/
#containerLogin {width:300px; margin:0 auto; margin-top:5%; border:1px solid #B0B0B0; padding:20px}
p {color:#333333; font-size:16px; text-align:justify; line-height:22px; margin-bottom:6px;}
p.legenda, p.fonte {font-size:11px; color:#999999; line-height:normal; margin-bottom:0;}
p.destaque {color:#bd1135; text-transform:uppercase; font-size:16px; font-weight:400}
p a:link, p a:visited {text-decoration:underline; color:#bd1135;}
p a:hover{text-decoration:underline; color:#cc6666;}
#containerContent {/*padding:0 50px;*/ position:relative;}
#content {border:1px solid #cccccc; border-top:0px; border-bottom:0; background-color:#FFF; padding:20px 30px 40px 30px;position:relative; min-height:350px;width:70%}
.content-dir {float:left; /*width:75%;*/}
.boxAviso {border:2px dashed #b72f46; background-color:#f9dee2; color:#b72f46; padding:10px;  width:60%; display:none}

/*LISTAS*/
#containerContent .ordenada ul {list-style:decimal; list-style-position:inside;}
#containerContent .ordenada ul li {margin-bottom:8px;}
	/*#funnumbers*/
	#funnumbers {background:url(../images/fotos/imagem5.jpg) no-repeat; background-position:center; height:250px; overflow:hidden; background-size:cover; color:#FFF;}
	#funnumbers #containerfun{margin:0 auto; width:250px; margin-top:20%}
	#funnumbers p {color:#FFF !important; display:inline-block; }
	#funnumbers .numero {font-size:45px; font-weight:600;padding:10px 0; display:inline-block}
	#funnumbers .legenda {font-size:14px;display:inline-block}
	/*CLINICA*/
	#mini-galeria .mask {height:130px; overflow:hidden;}
	/*VETERINARIOS */
	#equipevet {padding:25px 0 60px 0;}
	#containervet {margin:0 auto;}
	#containervet .mask{ background-color:#B85557; height:100px; width:100px; border-radius:50px; overflow:hidden; margin:0 auto}
	#containervet .medico {text-align:center; font-weight:800; font-size:14px; margin-top:5px}
	/* SERVIÇOS */
	table .impar {background-color:#f1dadb;}
	table .par {background-color:#e5e4e4;}
	table.servicos{border-collapse:separate; border-spacing:3; margin:0 auto; margin-top:-15px;}
	table.servicos td {padding:6px 15px}
	table.servicos tr.first-line td{font-size:12px; color:#666666}
	/* RESTRITO */
	table.lista-restrito td{padding:10px 5px; font-size:15px}
	table.lista-restrito tr {border-bottom:1px solid #CCCCCC}
	table.lista-restrito tr.first-line td{font-size:12px; color:#666666}
	
	/*NOTICIAS*/
	.noticias img {width:100%;}
	.noticias p.chamada{width:100%; font-size:18px; font-style:italic}
	/* ATALHOS */
	#containernoticias {}
	#containernoticias .span3 {margin-bottom:20px;}
	#containernoticias .categoria a:link, #containernoticias .categoria a:visited,
	#containernoticiasrecentes .categoria a:link, #containernoticiasrecentes .categoria a:visited {color:#bd1135;}
	#containernoticias .categoria a:hover, #containernoticiasrecentes .categoria a:hover {text-decoration:underline; color:#cc6666;}
	#containernoticias .mask {overflow:hidden; margin-bottom:6px; height:220px}
	#containernoticias .mask img {width:100%;}
	#containernoticias .mask:hover {text-decoration:underline;}
	#containernoticias h4 {text-align:center; font-weight:600}
	#containernoticiasrecentes h5 {font-weight:600; margin-bottom:10px;}
	#containernoticias h4 a:hover, #containernoticiasrecentes h5 a:hover {text-decoration:underline;}
	#containernoticias p, #containernoticiasrecentes p,  #containernoticiasrecentes h5 span {font-size:11px; text-align:center; margin:0; padding:0; line-height:normal;} #containernoticiasrecentes p {text-align:left; margin-bottom:6px;}
	
		/*PAGINAS*/
		#paginacao {margin:10px auto;}
		#paginacao a:link, #paginacao a:visited{color:#000;}
		#paginacao a:link, #paginacao a:visited, #paginacao strong {padding:2px 5px; font-size:13px;}
		#paginacao a:hover{ color:#FFF; font-weight:normal;background-color:#c75358;}
		#paginacao strong {background-color:#bd1135; color:#FFF}

/* HEADLINES */
.breadcrumbs {font-size:11px; color:#999999; text-align:center;}
h1 {font-size:28px; margin-bottom:30px;color:#cc6666; text-align:center; padding-bottom:5px}
h2 {font-size:22px; margin-top:20px; margin-top:20px;margin-bottom:15px;color:#cc6666;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}

/* FORMULÁRIOS */
	/*LABELS*/
	label {font-size:13px; color:#333; line-height:40px; display:inline-block; width:80px; vertical-align:top;}
	#noticiasFotos label {display:inline-block; width:100%}
	#alterarSenha label, #categoriasNoticias label, #novaNoticia label , #editaNoticia label, #novoMedico label, #editarMedico label, #novoConsulta label, #editarConsulta label {width:125px;}
	#categoriasNoticias p.legenda, #novaNoticia p.legenda, #editaNoticia p.legenda, #novoMedico p.legenda, #editarMedico p.legenda, #novoConsulta p.legenda, #editarConsulta p.legenda {margin-left:125px; margin-top:-12px; margin-bottom:8px;}
	/*INPUTS*/
	input, select, textarea {width:85%; height:40px; border:1px solid #ccc; margin-bottom:10px; padding-left:6px;}
	#containerLogin input {width:97%}
	/*TEXTAREAS*/
	textarea {height:120px;}
	#novaNoticia textarea , #editaNoticia textarea, #novoMedico textarea, #editarMedico textarea {height:300px; width:97%}
	
input[type=submit] {width:auto !important; cursor:pointer; border-radius:5px; background-color:#bd1135; padding:0 15px; font-size:15px; color:#FFF; float:right;line-height:40px; height:40px}
input[type=submit]:hover {background-color:#c75358; color:#FFFFFF !important}

/* VALIDAÇÃO */ 
.error {background-color:#f1d5d5 !important; border:1px solid #bd1135;}
.obrigatorio {color:#F00; font-size:10px}
.confirma {border:1px solid #090; background-color:#cff0cc; color:#000; font-size:11px; padding:3px; margin-bottom:6px}
.atencao {border:1px solid #d7b413; background-color:#f2e191; color:#000; font-size:11px; padding:3px; margin-bottom:6px; display:inline-block;}

/* RODAPÉ */
.rodape {background-color:#333333; padding:40px 0; color:#cccccc; position:relative; clear:both; font-size:14px}
.rodape p {color:#cccccc; text-align:center;}
.copyright {font-size:10px; display:inline-block; margin-top:10px }