/****************************************
Mascotas Disfrazadas
URL: www.mascotasdisfrazadas.com
URL: www.disguisedpets.com

Author: José Zanni, Liliana Gilli
URL: info@josezanni.com

Colores:
Verde barra lateral: #739445
Verde barra lateral claro: #9CBD71
Bordó titulo: #75002A

*****************************************/

html, body {
	width: 100%;
	text-align: center;
	background-color: #EFEFE7;

	background-image: url(./images/entorno/background.png);
	background-repeat: repeat;
	background-attachment: fixed;
	
	color: #998066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

* {
  	padding: 0px;
  	margin: 0px;
	background-repeat: no-repeat;
	border: none;
}
img {
}
ul {
	/* list-style-type: none; */
}
li {
}
p {
}
strong {
	color: #669999;
	font-weight: bold;
}
em {
	color: #669999;
}

a, a:link, a:active, a:visited {
	/*padding: 0 4px 0 4px;*/
	text-decoration: underline;
	color: #669999;
}
a:visited {
/*	text-decoration: none;*/
}
a:hover {
	color: #998066;
	text-decoration: none;
}
/*******************************/
#contenido {
	width: 682px;

	margin: 0 auto;

	text-align: left;

	background-image: url(./images/entorno/body.png);
	background-repeat: repeat-y;
}

/*******************************/
#encabezado {
	width: 682px;
  	height: 262px; /*175px;*/

	clear: both;
}
h1 {
	width: 682px;
  	height: 51px;

	background-image: url(./images/entorno/head.png);
	background-repeat: no-repeat;

	font-weight: bold;
	font-size: 22px;
  	text-indent: 20px;
	color: #fff;

	padding: 0 0 0 60px;
}
h2 {
	width: 515px;
	display: block;
	float: left;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  	text-indent: 30px;
	color: #996699; /*#998066; /* #999966;*/
	border-bottom: 1px solid #999966;
	padding: 16px 0 0 0;
	margin: 0 0 16px 0;

	/*background-image: url(./images/entorno/h2.png);
	background-repeat: none;
	background-position: left;*/
}
#encabezado .foto {
	width: 682px;
  	height: 262px; /*164px;*/

	background-image: url(./images/entorno/head-bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	
	float: left;
}

/*************************************/
#mainNav {
	width: 164px;

	padding: 14px 1px 0 1px;
	float: left;
	text-align: left;
}
#mainNav ul {
	padding: 0 0 20px 0;
}
#mainNav li {
	display: block;
	line-height: 0;
}
#mainNav a {
	color: #998066;
	background-color: transparent;
}
#mainNav a:link, #mainNav a:visited, #mainNav a:active {
	display: block;
	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-indent: 7px;
	line-height: 26px;
}
#mainNav a:hover {
	background-color: #DCDCC9;
}
#mainNav .activo {
	color: #669999;
}

#mainNav .banner
{
	margin-left: 10px;
}



/***************************************/
.separador {
	clear: both;
	padding: 0;
	margin: 0 0 24px 0;
}

/* subtitulos caja chica*/

/********************************************/
form .forms {
	width: 426px;
	\width: 430;
	w\idth: 426;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #998066;

	background-color: #E9E9DC;
	/*border: 4px solid #739445;*/
	margin: 0 0 2px 0;
	padding: 2px 4px 2px 4px;
	/*border-bottom: 2px solid #739445;*/
	border: 1px solid #998066;
}
form .boton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	margin: 2px 10px 2px 0;
	padding: 2px 10px 2px 10px;
	color: #998066;
	background-color: #E9E9DC; /*ACAAF;*/
	border: 1px solid #998066;
}
/***********************************/
#cuerpo {
	width: 682px;

	display: inline;
	float: left;

	text-align: left;
}
#datos {
	width: 515px;

	float: left;
	text-align: left;

	padding: 0 0 10px 0;
}
/*************************************/
#datos .adsense {
    width: 480px;
	float: left;
	padding: 16px 0 16px 0;
	text-align: center;
	background-color: #fff;
}
/*************************************/
#datos .adsenseVertical {
    width: 130px;
    height: 100%;
	float: right;
	padding: 5px 0px 5px 0px;
	text-align: center;
	background-color: #ffffff;
}
/*************************************/
#datos .submenu {
	float: left;
	display: block;
			
	text-align: left;	
	padding: 0 0 12px 0;
}
#datos .submenu li {
	height: 22px;
	padding: 0 5px 0 0px;
	float: left;
	display: inline;
}

#datos .submenu li a {
	border-bottom: 15px solid #666666;
	text-decoration:  none;
	display: block;
	color: #fff;
	background-color: #999999;
}
#datos .submenu li a:link, .submenu li a:visited, .submenu li a:active {
}
#datos .submenu li a:hover {
	border-bottom: 15px solid #fff;
	color: #fff;	
	background-color: #E92D00;
}
#datos .submenu .activo {
	color: #fff;
	background-color: #E92D00;
}

/***********************************/
#datos .enlaceImg img {
}
#datos .enlaceImg a {
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
	padding: 0;
	float: left;
	text-decoration: none;
}
#datos .enlaceImg a:visited, .enlaceImg a:active, .enlaceImg a:link {
}
#datos .enlaceImg a:hover {
	border-bottom: 1px solid #B9D0EA;
}
/********************************/
#datos p {
	margin: 0px 0px 8px 0px;
	line-height: 16px;
	text-align: left;
	/* text-align: justify; */
	display: block;
}
#datos em {
	/*background-color: #76012A;
	padding: 0 4px 0 4px;
	color: #f00;
	font-style: normal;*/
}
#datos strong {
	/*color: #76012A;
	font-weight: bold;*/
}
#datos ul {
}
#datos li {
}
#datos img {
}
#datos .fotoIzq {
	float: left;
}
#datos .fotoDer {
	float: right;
}

/*****************************/
#datos .cajaGrande {
	width: 455px;
	text-align: left;
	float: left;
	padding: 0 0 10px 30px;
	/*background-color: #ff0;*/
}
#datos .cajaAdSense468 {
	width: 468px;
	text-align: left;
	float: left;
	padding: 10px 0 10px 24px;
	/*background-color: #ff0;*/
}
#datos .nota {
	width: 420px;

  	padding: 12px 20px 12px 20px;
	margin: 20px 0px 20px 0px;
	float: left;
	display: block;
	border: 1px solid #B5CD94;
	background-color: #fbfbf6;

	text-align: left;
}
#datos .nota .foto {
	width: 420px;
}
/*****************************/

#albumList ul {
	float: left;
	text-align: left;
	list-style-type: none;
}
#albumList li {
	float: left;
	margin: 0 0 10px 0;
	text-align: center;
}
#albumList li a {
	padding: 10px;
	width: 125px;
	height: 90px;
	display: block;
	float: left;
	text-align: center;
    background-color: #E9E9DC;
}
#albumList .separadorvertical {
	width: 10px;
	height: 30px;
	display: block;
	float: left;
}
#albumList a .foto {
	display: block;
}
#albumList li a:hover {
	background-color: #CACAAF;
}
#albumList img {
	width: 125px;
	height: 90px;
}
#albumList h6 {
	background-color: #9CBD71;
	font-size: 10px;
	line-height: 16px;
}
#albumList .score {
	background-color: #9CBD71;
	font-size: 10px;
	line-height: 16px;
	display: block;
}
/******************/
#ficha {
	display: block;
	float: left;
}
#ficha .fotomarco
{
	width: 445px;
	padding: 10px;
	display: block;
	float: left;

	text-align: left;

    background-color: #E9E9DC;
}
#ficha .fotomarco img
{
	width: 445px;
}
#ficha h3 {
	font-size: 12px;
	line-height: 16px;
    color: #998066;
    margin: 0px 0 8px 0;
    padding: 4px 0 4px 0;

    background-color: #E0E0CD;
}
#ficha p {
	font-size: 11px;
	line-height: 16px;
    color: #998066;
    
    margin: 0 0 12px 0;
}

/*******************/
#portada {
	width: 430px;
	float: left;
	padding: 21px 0 0 0;
	margin: 0 0 50px 0;
	/*background-image: url(images/entorno/home-photo-top.gif);
	background-position: left top;
	/*background-color: #76002A;*/
}
#portada h4 {
	font-family: Arial, Helvetica, sans-serif;
	/*padding: 0 10px 5px 10px;*/
	font-size: 11px;
	font-weight: bold;
	color: #666699;
	/*background-color: #CACAAF; /*#76002A;*/
}
#portada p {
	font-size: 11px;
  	padding: 4px 10px 12px 10px;
  	color:#fff;
}
/*#portada .foto {*/
.fotoPortada img {
	width: 426px;
	display: block;
	border: none;
}

#portada .fotoPie {
/*	height: 20px;*/
	width: 100%;
	float: left;
	display: inline;
	/*background-image: url(images/entorno/home-photo-down.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
}
#portada ul {
	width: 97%;
  	padding: 2px 0 8px 0;
	float: left;
}
#portada li {
	height: 50px;
	/*padding: 0 4px 0 4px;*/
	margin: 0px 4px 0 4px;
	/*border: none;*/
	float: right;
	/*background-image: url(images/entorno/botonA.gif);
	background-repeat: repeat-x;
	background-position: bottom;
*/
}
#portada .ficha {
	width: 100%;
	height: 200px;

	background-color: #fff;
	
	display: none;
}
#portada li a, #portada li a:link, #portada li a:visited, #portada li a:active {
	padding: 0px 9px 4px 5px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	background-color: #9CBD71; /*#739445;*/
}
#portada li a:hover {
	color: #000;
	text-decoration: underline;
}
a.fotoLink, a.fotoLink:link, a.fotoLink:visited {
/*#portada .fotoLink a, .fotoLink a:link, .fotoLink a:active, .fotoLink a:visited, .fotoLink a:hover {*/

	float: left;
	border-left:  2px solid #76002A;
  	border-right:  2px solid #76002A;
}
a.fotoLink:hover {
	border-left:  2px solid #739445;
  	border-right:  2px solid #739445;
}

/*
 * MAPA - ubicacion google maps
 */
.ubicacionGoogleMaps
{
	width: 445px;
	height: 400px;
} 

ul.mapaListado
{
	margin-top: 10px;
	width: 100%;
	display: block;
	float: left;
	list-item: none;
	list-style-type: none;
}
ul.mapaListado li
{
	float: left;
	margin-right: 12px;
}

/***** styles for the star rater *****/
/*
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	background: url(images/alt_star.gif) top left repeat-x;
	
	/ *position: relative;* /
	float: left;
}
.star-rating li{
	padding:0px;
	margin:0px;
	float: left;
}
.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(images/alt_star.gif) left bottom;
	z-index: 2;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:25px;
}
.star-rating a.two-stars{
	left:25px;
}
.star-rating a.two-stars:hover{
	width: 50px;
}
.star-rating a.three-stars{
	left: 50px;
}
.star-rating a.three-stars:hover{
	width: 75px;
}
.star-rating a.four-stars{
	left: 75px;
}
.star-rating a.four-stars:hover{
	width: 100px;
}
.star-rating a.five-stars{
	left: 100px;
}
.star-rating a.five-stars:hover{
	width: 125px;
}
.star-rating li.current-rating{
	background: url(images/alt_star.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
/*******************************/
#pie {
	width: 682px;
	/*height: 82px;*/

	text-align: center;

	clear: both;

	padding: 10px 0 0 0;

	font-size: 10px;
	color: #000;

	background-image: url(images/entorno/footer.png);
	background-repeat: no-repeat;
}
#pie p {
	height: 20px;
	display: block;
}
#pie .enlaces {
	margin: 0;
	padding: 0px 0px 0 0px;
	text-align: center;
}
#pie .enlaces li {
    width: 97px;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	font-size: 0;
	display: block;
	float: left;
}
#pie .enlaces img {
	padding: 0 1px 0 1px;
	border: 0;
	margin: 0;
}
#pie .enlaces a, .enlaces a:link, .enlaces a:visited, .enlaces a:active {
	color: #fff;
	font-size: 9px;
    line-height: 9px;
    background-color: transparent;
}
#pie .enlaces a:hover {
	text-decoration: none;
}
/******* - TOOLTIP - **************************/
#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;

	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

#dhtmlpointer {
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}
/***************************************/
/*
#Efecto_Hover ul {
  list-style-type: none;
  width: 350px;
  margin:0px;
  padding:0px;
}

#Efecto_Hover li {
  border: 1px solid #999;
  border-width: 1px 0;
  margin: 5px 0px;
}

#Efecto_Hover li a {
color: #900;
display: block;
font: bold 16px Arial, Helvetica, sans-serif;
padding: 2px;
text-decoration: none;
}

* html #Efecto_Hover li a {
width: 350px;
}

#Efecto_Hover li a:hover {
background: #F4F4F4;
}

#Efecto_Hover a .descripcion {
color: #333;
display: block;
font: normal 10px Verdana, Helvetica, sans-serif;
line-height: 125%;
}

#Efecto_Hover a .categoria {
color: #409209;
font: normal 9px Verdana, Helvetica, sans-serif;
line-height: 150%;
}*/