
BODY {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt
}


h1 {
	font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;  color: #990000; text-decoration: none
}
.h1 , a.h1:visited , a.h1:link{ 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 14pt;  color: #990000; text-decoration: none; font-weight: bold
}
a.h1:hover { 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 14pt;  color: #990000; text-decoration: underline; font-weight: bold
}
.h2 , a.h2:visited , a.h2:link{ 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12pt;  color: #000099; text-decoration: none; font-weight: bold
}
a.h2:hover { 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12pt;  color: #000099; text-decoration: underline; font-weight: bold
}
p,b,a {
	FONT-SIZE: 9pt
}
.a , a:visited , a:link{ 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;  color: #000099; text-decoration: none; font-weight: bold
}

.leer , a.leer:visited , a.leer:link{ 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;  color: #990000; text-decoration: none; font-weight: bold; margin-top:5px
}
a:hover , a.leer:hover{ 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;  color: #990000; text-decoration: underline; font-weight: bold
}
.Ifblanco {
	color: #ffffff
}
b.Iform1 {
	color: #660000
}
b.Iform2 {
	color: #FF0000
}

.bottonForm {
	  color:#663300; background:#FFEBAD; text-transform: uppercase; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt
}
.inputtext {
	font: 9px Verdana, Arial, Helvetica, sans-serif; width: 100px
}
.espaciotablas {
	MARGIN-TOP: 10px
}



/* ------------------Articulos----------------------------*/
P.autor {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 7.5pt
}
.htit { 
	 font-family:  Arial, Helvetica, sans-serif; font-size: 12pt; color: #009900; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.mail:link { 
	 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000099; TEXT-DECORATION: none; FONT-WEIGHT: bold; text-decoration: underline
}
.mail:actived { 
	 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000099; TEXT-DECORATION: none; FONT-WEIGHT: bold; text-decoration: underline
}
.mail:visited { 
	 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000099; TEXT-DECORATION: none; FONT-WEIGHT: bold; text-decoration: underline
}
.mail:hover { 
	 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000099; TEXT-DECORATION: none; FONT-WEIGHT: bold; text-decoration: underline
}
ul {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt
}


/* ------------------BARRAS perrosS ----------------------------*/
/* ------------------fondos ----------------------------*/

.fondotit-tbperros {
	BACKGROUND-COLOR: #990000
}
.fondotex-tbperros {
	BACKGROUND-COLOR: #FFFFCC
}
.fondotex2-tbperros {
	BACKGROUND-COLOR: #FFffff
}
/* ------------------titulos ----------------------------*/

.btit-perros {
	BACKGROUND-COLOR: #990000; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.btit-perros2 {
	BACKGROUND-COLOR: #990000; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-DECORATION: none
}
P.perros { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #000000; text-decoration: none 
}

/* ------------------BARRAS gatosS ----------------------------*/
/* ------------------fondos ----------------------------*/

.fondotit-tbgatos {
	BACKGROUND-COLOR: #FFCC00
}
.fondotex-tbgatos {
	BACKGROUND-COLOR: #FFFFCC
}
.fondotex2-tbgatos {
	BACKGROUND-COLOR: #FFffff
}
/* ------------------titulos ----------------------------*/

.btit-gatos {
	BACKGROUND-COLOR: #FFCC00; COLOR: #990000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.btit-gatos2 {
	BACKGROUND-COLOR: #FFCC00; COLOR: #990000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-DECORATION: none
}
P.gatos { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #000000; text-decoration: none 
}
/* ------------------BARRAS reptilesES ----------------------------*/
/* ------------------fondos ----------------------------*/

.fondotit-tbreptiles {
	BACKGROUND-COLOR: #339966
}
.fondotex-tbreptiles {
	BACKGROUND-COLOR: #FFFFCC
}
.fondotex2-tbreptiles {
	BACKGROUND-COLOR: #FFffff
}
.btit-reptiles2 {
	BACKGROUND-COLOR: #339966; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-DECORATION: none
}

/* ------------------titulos ----------------------------*/

.btit-reptiles {
	BACKGROUND-COLOR: #339966; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-DECORATION: none
}
P.reptiles { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #000000; text-decoration: none 
}


/* ------------------BARRAS PECES ----------------------------*/
/* ------------------fondos ----------------------------*/

.fondotit-tbpeces {
	BACKGROUND-COLOR: #48B597
}
.fondotex-tbpeces {
	BACKGROUND-COLOR: #FFFFCC
}
.fondotex2-tbpeces {
	BACKGROUND-COLOR: #FFffff
}
/* ------------------titulos ----------------------------*/

.btit-peces {
	BACKGROUND-COLOR: #48B597; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-DECORATION: none
}
P.peces { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #000000; text-decoration: none 
}
.btit-peces2 {
	BACKGROUND-COLOR: #48B597; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-DECORATION: none
}

/* ------------------BARRAS AVES ----------------------------*/
/* ------------------fondos ----------------------------*/

.fondotit-tbaves {
	BACKGROUND-COLOR: #0099FF
}
.fondotex-tbaves {
	BACKGROUND-COLOR: #FFFFCC
}
.fondotex2-tbaves {
	BACKGROUND-COLOR: #FFffff
}

/* ------------------titulos ----------------------------*/

.btit-aves {
	BACKGROUND-COLOR: #0099FF; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-DECORATION: none
}
P.aves { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #000000; text-decoration: none 
}
.btit-aves2 {
	BACKGROUND-COLOR: #0099FF; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-DECORATION: none
}

/* ------------------BARRAS PEQUEÑO mamiferosFEROS ----------------------------*/
/* ------------------fondos ----------------------------*/

.fondotit-tbpmamiferos {
	BACKGROUND-COLOR: #6D8EA9
}
.fondotex-tbpmamiferos {
	BACKGROUND-COLOR: #FFFFCC
}
.fondotex2-tbpmamiferos {
	BACKGROUND-COLOR: #FFffff
}
.btit-pmamiferos2 {
	BACKGROUND-COLOR: #6D8EA9; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-DECORATION: none
}
/* ------------------titulos ----------------------------*/

.btit-pmamiferos {
	BACKGROUND-COLOR: #6D8EA9; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-DECORATION: none
}
P.pmamiferos { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #000000; text-decoration: none 
}


/* ------------------POSICION IMAGENES ----------------------------*/
.imag-right { 
	 float: right; position: relative; clip:  rect(   )
}
.imag-left { 
	 float: left; position: relative; clip:  rect(   )
}

.fondotex-tbgenerales {
	BACKGROUND-COLOR: #FFFFCC
}
.fondotit-tbgenerales {
	BACKGROUND-COLOR: #990000
}
.btit-generales2 {
	BACKGROUND-COLOR: #990000; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-DECORATION: none
}

#principal img { 
padding: 0 10px 0 0;
}
.right { 
float: right; 
}
.left { 
float: left; 
}
div#link h3 { 
 margin: 0pt; 
 padding: 2pt 5px 2pt 5px;
 background-color: rgb(255, 204, 51);
 color: black;
 font-size: 11px;
 font-weight: bold;
}
#contenido hr {
  margin-right: 5px;
  border: 1px solid #006600;
  background-color: #CCFF99;
  color: #CCFF99;
  height:5px;
}

div#cabecera h1 {
	margin: 0;
	padding: 0;
	width: 176px;
	float: left;
}

div#boton {
	padding: 0;
	border: 0;
	float: left;
}
	
div#banner {
	width: 468px;
	margin: 0 16px 0 16px;
	padding: 0;
	float: left;
}


body {
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 2px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;  color: #990000; text-decoration: none
}
.h1 , a.h1:visited , a.h1:link{ 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 14pt;  color: #990000; text-decoration: none; font-weight: bold
}
a.h1:hover { 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 14pt;  color: #990000; text-decoration: underline; font-weight: bold
}
.h2 , a.h2:visited , a.h2:link{ 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12pt;  color: #000099; text-decoration: none; font-weight: bold
}
a.h2:hover { 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12pt;  color: #000099; text-decoration: underline; font-weight: bold
}
p,b,a {
	FONT-SIZE: 9pt
}
.a , a:visited , a:link{ 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;  color: #000099; text-decoration: none; font-weight: bold
}
.leer , a.leer:visited , a.leer:link{ 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;  color: #990000; text-decoration: none; font-weight: bold; margin-top:5px
}
a:hover , a.leer:hover{ 
	 font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;  color: #990000; text-decoration: underline; font-weight: bold
}
#contenido hr {
  margin: 5px 0;
  border: 1px solid #006600;
  background-color: #CCFF99;
  color: #CCFF99;
  height:5px;
	width: 460px;
}

div#cabecera h1 {
	margin: 0;
	padding: 0;
	width: 176px;
	float: left;
}



div#menu {
	line-height: 16px;
	background-color: #fff;
	margin-left: 5px;
	width: 120px;
	float: left;
}
div#menu ul {

	padding: 2px 0 6px 0;
	margin: 0 0 5px 0;
	width: 120px;
}
div#menu ul li{
	border: 1px solid #000;
	margin: 0 0 5px 0;
	background-color: #EFEBEF;
	background-image: url(../../www.hola.com/pics/ico_boliche.png);
	background-repeat: no-repeat;
}
#fondo{
background-image: url(http://www.infomascota.com/imagenes/barras_nav/raya_barra.gif);
background-repeat: repeat;
}
div#menu ul li a {
	font-size: 11px;
	display: block;
	font-weight: bold;
	padding: 1px 0 1px 12px;
	text-decoration: none;
    	margin-left: -16px;
	width: 120px;
    	voice-family: "\"}\"";
   	 voice-family:inherit;
    	width: 108px;
    	margin-left: 0;

}

html>body div#menu ul li a {
width: 108px;
}

div#menu ul li a:hover {
	text-decoration: underline;
}

div#menu ul li a:link,
div#menu ul li a:visited {
	color: #736D6B;
}
div#menu ul li.activa {


	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	color: #faf0c6;
	width: 120px;
	margin: 0 0 5px 0;
	padding-left: 12px;
	margin-left: -16px;
	voice-family: "\"}\"";
    voice-family:inherit;
	width: 108px;
	margin-left: 0;
}


div#menu ul.submenu {
	padding: 0;
	margin: 0 0 0 -12px;
	background-color: #FFFBDE;
	margin-bottom: 0;

}

div#menu ul.submenu li.activa {
	border-bottom: 0;
	font-weight: normal;
	width: 106px;
	color: black;
}


div#menu ul.submenu li{
	border: 0;
	margin: 0 0 0 0;
	background-color: #FFFBDE;
}
div#menu ul.submenu li a {
	display: block;
	border-bottom: 0;
	width: 120px;
	text-decoration: underline;
	color: #736D8C;
    	voice-family: "\"}\"";
   	 voice-family:inherit;
    	width: 106px;
    	margin-left: 0;

}

html>body div#menu ul.submenu li a {
width: 106px;
}

div#menu ul.submenu a:hover {
	color: black;
}
div#menu ul.submenu a:visited {
	color: black;
}

div#cuerpo{   	
  position: relative;
  margin: 0;
  width: 770px;
  background-color: #dee;
}
div#contenido {
	width: 460px; 
	float:left;
	padding: 0 5px;
}

div#destacados {
background-color: #fff;
width: 230px; 
float: left;
}
#destacados img { 
padding: 0 10px 0 0;
}

div#anteriores {
	line-height: 16px;
	background-color: #DEFFE2;
	margin-left: 5px;
	width: 220px;
	border: 1px dotted #000;
	float: left;
}
div#anteriores ul {
	padding: 2px 2px 2px 0;
	margin: 2px 0 2px 0;
}
div#anteriores ul li{
	margin: 0 0 5px 5px;
	background-image: url(pics/ico_boliche.html);
	background-repeat: no-repeat;
	list-style-type: none;
}
div#principal {
	width: 460px;
} 
#principal img { 
padding: 0 10px 0 0;
}
.right { 
float: right; 
}
.left { 
float: left; 
}

div#cajabuscador, div#cajaresultados{
border: 1px solid #ffcc33;
background-color: #ffc;
float: left;
margin: 5px;
}
div#cajabuscador, div#cajaresultados {
width: 455px;
margin-left: 0px;

}


a.navegacion:link,a.navegacion:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF9900;
}
a.navegacion:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cc0000;
}
p.navegacion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
}

div#cajabuscador h3{
color: #fff;
margin: 0;
padding: 5px;
border-bottom: 1px solid #ffcc33;
font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: #ffcc33;
}
div#cajaresultados h3{
	color: #fff;
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #ffcc33;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #ffcc33;
}
div#newsletter h3{
	color: #fff;
	margin: 0;
	border-bottom: 1px solid #ffcc33;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #ffcc33;
}
div#cajabuscador input.texto{
	
	margin: 5px 10px;
	width: 150px;
	font-size: x-small;
	}
.inputtext{	
	margin: 5px 10px;
	width: 80px;
	font-size: x-small;
	}

#cajabuscador input.button	{
	margin: 5px 5px;
	color: #000;
	background: #FDF997;
	font-size: x-small;
	}

#newsletter input.button	{
	margin: 5px 5px;
	color: #000;
	background: #FDF997;
	font-size: x-small;
	}
html { 
	min-width: 742px;
	 }
body	{
	margin: 0;
	padding: 0;
	border: 0;	
	}
		
	/* Primary nav 	*/
div#separador 	{
	height: 20px;
	width: 100%;
	margin: -1px 0 5px 0;
	padding: 0;
	border: 0;
	border-top: 10px solid #ffcc33;
	background: #fff;
	}
h1	{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
h1 a:link, h1 a:visited	{
	display: block;	
	width: 176px;
	height: 56px;
	background: #fff url(http://www.infomascota.com/imagenes/logotipo_infomascota.gif) top left no-repeat;
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
	}
	
h1 a:hover	{
	background: #fff url(http://www.infomascota.com/imagenes/logotipo_infomascota.gif) top left no-repeat;
	}
div#globalnav	{
	height: 32px;
	width: 409px;
	margin: -30px 0 0 200px;
	padding: 0;
	border: 0;
	background: #fff;
	}

div#globalnav ul#menuprincipal	{
	height: 32px;
	width: 409px;
	background: transparent url(http://www.infomascota.com/imagenes/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#globalnav ul#menuprincipal li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menuprincipal a {
	height: 32px;
	display: block;
	}
	
div#globalnav ul#menuprincipal li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#revista	{left: 0; width: 80px;}
#comunidad	{left: 82px; width: 88px;}
#recursos	{left: 170px; width: 93px;}
#tienda {left: 263px; width: 144px;}

#revista a:hover {background: transparent url(http://www.infomascota.com/imagenes/nav.gif) 0 -32px no-repeat;}
#comunidad a:hover {background: transparent url(http://www.infomascota.com/imagenes/nav.gif) -82px -32px no-repeat;}
#recursos a:hover {background: transparent url(http://www.infomascota.com/imagenes/nav.gif) -170px -32px no-repeat;}
#tienda a:hover {background: transparent url(http://www.infomascota.com/imagenes/nav.gif) -263px -32px no-repeat;}

	/* You are here - main nav */
	
body#arearevista #revista {background: transparent url(http://www.infomascota.com/imagenes/nav.gif) 0 -32px no-repeat;}
body#bookhome #comunidad {background: transparent url(http://www.infomascota.com/imagenes/nav.gif) -82px -32px no-repeat;}
body#arearecursos #recursos {background: transparent url(http://www.infomascota.com/imagenes/nav.gif) -170px -32px no-repeat;}
body#whiskers #tienda {background: transparent url(http://www.infomascota.com/imagenes/nav.gif) -538px -32px no-repeat;}
div#buscador{
  background-color: #FFFFCC;
  width: 770px;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  height: 10px;
}
div#buscador form {
margin:0;
}
div#buscador input.texto{
	
	margin: 5px 10px;
	width: 150px;
	font-size: x-small;
	}
div#buscador input.button	{
	margin: 5px 5px;
	color: #000;
	background: #FDF997;
	font-size: x-small;
	}