@charset "UTF-8";
/* CSS Document */


body {
/*background:url(background.jpg) no-repeat center center fixed;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin:0;
}



h1 {
	color: #F90;
	font-size: 20px;
font-weight: bold;
}
a:link {
	color: #FF9;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF9;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #FC3;
}
h2 {
	color: #FF6;
}
a {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 19px;
}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
}
#bg {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
}

#burbuja {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 60%;
}

.Bienvenido {
	
	top:10px;
	float:left;
	position:relative;
	
	/*background-color:#ccc;*/
	
}

.titulo {
	
	top:5px;
	left:5px;
	float:left;
	position:relative;
	
	/*background-color:#ccc;*/
	
}

.Menu  div {
	
	/*position:absolute;
	float:left;*/
	
}


.copyr
{
	 
	padding:23 20 10 30;
	vertical-align:bottom; 
	bottom: 0px; 
	position:fixed; 
	font-size:10px; 
	color:#ffffff; 
	right:0px; 
	width:100%; 
	text-align:center; 
	background-color:#069; 
	filter: Alpha(opacity=80); 
	opacity: 0.7;
	display: block;
	
	}

.boton{
	left:650px;
	top:77px;
	width:195px; 
	z-index:2;
	height:196px;
 	display: block;
	position: absolute;
	}

.boton a{
	display: block;
	position: absolute;
	width:202px;
	height:196px;
	background-image:url(images/mascotas1.png);
	
	}

.boton a:hover {
	background-image:url(images/mascotas2.png);
	

	}

.boton2{
	left:1px;
	top:300px;
	width:210px; 
	z-index:2;
	height:204px;
	float:left;
	display: block;
	position: absolute;
	}

.boton2 a{
	position: absolute;
	display:block;
	width:210px;
	height:204px;
	background-image:url(images/higiene1.png);
	}

.boton2 a:hover {
	background-image:url(images/higiene2.png);
	}


.boton3{
	top:300px;
	left:215px;
	width:204px; 
	z-index:2;
	height:247px;
	display: block;
	position: absolute;
	}

.boton3 a{
	display: block;
	position: absolute;
	width:210px;
	height:204px;
	background-image:url(images/vacuna1.png);
	
	}

.boton3 a:hover {
	background-image:url(images/vacuna2.png);
	

	}

.boton4{
	width:210px;
	left:430px;
	top:300px;
	z-index:3;
	height:204px;
	display: block;
	position: absolute;
	}

.boton4 a{
	display: block;
	position: absolute;
	width:210px;
	height:204px;
	background-image:url(images/nutricion1.png);
	}

.boton4 a:hover {
	background-image:url(images/nutricion2.png);
	}

.boton5{
	width:210px; 
	left:645px;
	top:300px;
	z-index:2;
	height:204px;
	display: block;
	position: absolute;
	}

.boton5 a{
	display: block;
	position: absolute;
	width:210px;
	height:204px;
	background-image:url(images/derechos1.png);
	}

.boton5 a:hover {
	background-image:url(images/derechos2.png);
	}

.cuerpo
{
	width:900px;
	position: absolute;
	top: 30px;
	left: 9%;
	height: 600px;
	z-index:1002;
	filter: Alpha(opacity=90); 
	opacity: 0.9;
	color:#FFF;
	
	}
	
	
	
.secciones
{
	width:900px;
	position: absolute;
	top: 160px;
	height: 400px;
	z-index:1002;
	background-color:#FFF;
	color:#666;
	font-size:13px;
	overflow: auto;
	
	display:block;
	left:2px;
	

	}	
	
	

	
.submenu
{
	float:right;
	top: 30px; 
	padding:10 20 0 0; 
	font-size:4em; 
	color:#FF9; 
	font-weight:bold; 
	text-align:right;
	position: relative;
	}
	
	.cuerpo .submenu
{
	float:right;
	top: 10px; 
	padding:0 20 0 0; 
	font-size:4em; 
	color:#FF9; 
	font-weight:bold; 
	text-align:right;
	position: absolute;
	
	}


/*estilo menu mascotas*/

.botonhig{
	left:170px;
	top:90px;
	width:137px; 
	z-index:2;
	height:50px;
	float:left;
	display: block;
	position: absolute;
	}

.botonhig a{
	position: absolute;
	display:block;
	width:137px;
	height:50px;
	background-image:url(images/higiene.png);
	}

.botonhig a:hover {
	background-image:url(images/higiene-a.png);
	}

.botonmas{
	left:15px;
	top:90px;
	width:137px; 
	z-index:2;
	height:50px;
	float:left;
	display: block;
	position: absolute;
	}

.botonmas a{
	position: absolute;
	display:block;
	width:137px;
	height:50px;
	background-image:url(images/mascotas.png);
	}

.botonmas a:hover {
	background-image:url(images/mascotas-a.png);
	}



.botonvac{
	top:90px;
	left:330px;
	width:144px; 
	z-index:2;
	height:50px;
	display: block;
	position: absolute;
	}

.botonvac a{
	display: block;
	position: absolute;
	width:144px;
	height:50px;
	background-image:url(images/vacuna.png);
	
	}

.botonvac a:hover {
	background-image:url(images/vacuna-a.png);
	

	}

.botonnut{
	width:163px;
	left:490px;
	top:90px;
	z-index:3;
	height:50px;
	display: block;
	position: absolute;
	}

.botonnut a{
	display: block;
	position: absolute;
	width:163px;
	height:50px;
	background-image:url(images/nutricion.png);
	}

.botonnut a:hover {
	background-image:url(images/nutricion-a.png);
	}

.botonder{
	width:206px; 
	left:670px;
	top:90px;
	z-index:2;
	height:50px;
	display: block;
	position: absolute;
	}

.botonder a{
	display: block;
	position: absolute;
	width:206px;
	height:50px;
	background-image:url(images/derecho.png);
	}

.botonder a:hover {
	background-image:url(images/derecho-a.png);
	}
	
.mascota{
	left:20px;
	top:20px;
	width:840px; 
	z-index:2;
	height:320px;
 	display: block;
	float:left;
	padding:20 20 20 20px;
	font-size:16px;	
	position: absolute;
	}
	
.sonido{
	left:1px;
	top:1px;
	width:50px; 
	z-index:60;
	height:50px;
	float:left;
	display: block;
	position: absolute;
	}
	
.burbujas{
	left:124px;
	top:40px;
	width:850px; 
	z-index:61;
	height:600px;
	float:left;
	display: block;
	position: absolute;
	}
	label {
		color: #F90;
	}