#ad-1 #clouds li, #ad-1 #carrot-group li{
	list-style: none;
}

	.rio{
		width: 100%;
		height: 100%;
		background-image: url(../Banner/river.png);
		background-repeat: no-repeat;
		position: absolute;
		top: 78%;
		left: 900px;
}
	.conejo{
		width: 144px;
		height: 150px;
		background-image: url("../Banner/a.png");
		background-repeat: no-repeat;
		position: absolute;
		animation: rabbit 8s infinite; 
		top: 45%;
		left: 1400px;
	}
	.river{
		width: 100%;
		height: 215px;
		background-image: url("../Banner/rosa-espinas.png");
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		left: 20%;
	}
	.madriguera{
		width: 100%;
		height: 215px;
		background-image: url(../Banner/hollo.png);
		background-repeat: no-repeat;
		position: absolute;
		top: 55%;
		left: 80%;
	}
	.sun{
		width: 100%;
		height: 215px;
		background-image: url(../Banner/sun.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -10%;
		left: 80%;
   		 -webkit-animation: 5s rotate infinite;
   		 animation: 5s rotate  infinite;
   		 -webkit-transform-origin: 0% 0%;
   	 transform-origin: 0% 0%;

	}
	.ali{

			width: 100%;
			height: 200px;
			background-image: url(../Img/alicia.png);
			background-repeat: no-repeat;
			position: absolute;
			top:50%;
			left: 80%;
			animation: movealice 2s Infinite;
			-webkit-animation: movealice 8s Infinite;
			-o-animation: movealice 8s Infinite;
			-ms-animation: movealice 8s Infinite;	

		}
	.pasto{
			width: 100%;
			height: 100%;
			background-image: url(../Banner/pasto.png);
			position: absolute;
			top:90%;
			left: -500%;
				animation: past 4s Infinite;
			-webkit-animation: past 4s Infinite;
			-o-animation: past 4s Infinite;
			-ms-animation: past 4s Infinite;	
	
		}
			
#ad-1 {
	width: 100%;
	height: 300px;
	margin: 0px auto 0;
	background-image: url("../Banner/pasto1.png");
	background-position: center;
	
	overflow: hidden;
	position: relative;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}


/*
#ad-1 #content {
	width: 100%;
	height: 200px;
	float: right;
	margin-right: 50px;
	bottom: -18%;
	text-align: center;
	z-index: 2;
	position: absolute;
	overflow: visible;
	animation: movealice 8s Infinite;
	-webkit-animation: movealice 8s Infinite;
	-o-animation: movealice 8s Infinite;
	-ms-animation: movealice 8s Infinite;	
}
#ad-1 #content h2 {
		font-family: 'Chewy', cursive;
		color: #137dd5;
		line-height: 50px;
		text-shadow: 0px 0px 4px #fff;
		-webkit-animation: h2-animation 7s 1 ease-in-out;
		-moz-animation: h2-animation 7s 1 ease-in-out;
		-o-animation: h2-animation 7s 1 ease-in-out;
		-ms-animation: h2-animation 7s 1 ease-in-out;
		animation: h2-animation 7s 1 ease-in-out;
	}
	#ad-1 #content h3 {
		font-family: 'Gloria Hallelujah', cursive;
		color: #202224;
		line-height: 31px;
		text-shadow: 0px 0px 4px #fff;
		-webkit-animation: h3-animation 10s 1 ease-in-out;
		-moz-animation: h3-animation 10s 1 ease-in-out;
		-o-animation: h3-animation 10s 1 ease-in-out;
		-ms-animation: h3-animation 10s 1 ease-in-out;
		animation: h3-animation 10s 1 ease-in-out;*/
	}
	#ad-1 #clouds {
	position: absolute;
	top: 10px;
	z-index: 0;
}
#ad-1 #cloud-group-1 {
	width:1920px;
	position: absolute;
	left:0px;
	-webkit-animation: cloud-group-1-animation 30s infinite linear;
	-moz-animation: cloud-group-1-animation 30s infinite linear;
	-o-animation: cloud-group-1-animation 30s infinite linear;
	-ms-animation: cloud-group-1-animation 30s infinite linear;
	animation: cloud-group-1-animation 30s infinite linear;
}
#ad-1 #cloud-group-2 {
	width: 1920px;
	position: absolute;
	left: 1920px;
	-webkit-animation: cloud-group-2-animation 30s infinite linear;
	-moz-animation: cloud-group-2-animation 30s infinite linear;
	-o-animation: cloud-group-2-animation 30s infinite linear;
	-ms-animation: cloud-group-2-animation 30s infinite linear;
	animation: cloud-group-2-animation 30s infinite linear;
}
	#ad-1 .cloud-1 {
		width: 172px;
		height: 121px;
		background-image: url(../Img/cloud-1.png);
		background-repeat: no-repeat;
		position: absolute;
		top: 10px;
		animation: catman 3s infinite;
		left: 40px;
	}
	#ad-1 .cloud-2 {
		width: 131px;
		height: 79px;
		background-image: url(../Img/cloud-2.png);
 		background-repeat: no-repeat;
		position: absolute;
		animation: catman 8s infinite;
		top: -25px;
		left: 300px;
		.invert {-webkit-filter: invert(100%);filter: invert(100%);}
	}
	#ad-1 .cloud-3 {
		width: 144px;
		height: 87px;
		background-image: url(../Img/cloud-3.png);
		background-repeat: no-repeat;
		position: absolute;
		animation: catman 5s infinite; 
		top: -5px;
		left: 530px;
	}
	


	/*************************SAFARI***************************/
@-webkit-keyframes cloud-group-1-animation {
	0%       {left: 0px;}
	99.9999% {left: -720px; height: 0px;}
	100%     {left: 0px;}
}
@-webkit-keyframes cloud-group-2-animation {
	0%       {left: 720px;}
	99.9999%   {left: 0px; height: 1000PX;}
	100%     {left: 720px;}
}
@-webkit-keyframes movealice {
    0%   { left: -500px;}
    25%  { left: 0px;}
    50%  {left: 100px; }
    75%  { left: 300px;}
    100% {left: -500px;}
}
@-webkit-keyframes catman {
	0%       {opacity: : 0;}
	30% 	 {opacity: 0.1}
	88%     {opacity: 1;}
}
@-webkit-keyframes rabbit {
	0%   {top: 50%; left: 1400px;}
	30% {top: 50%; left: 1000px;}
	70%  {top: 44%; left: 740px;}
    80%  {top: 50%; left: 700px;}
    100%  {top: 50%; left: 400px;}

}
@-webkit-keyframes past {
    0%   { left: 0px;}
    25%  { left: 10px;}
    50%  {left: 0px; }
    75%  { left: 10px;}
    100% {left: 0px;}
}
	/***********************MOZILLA***************************/
@-moz-keyframes cloud-group-1-animation {
	0%       {left: 0px;}
	99.9999%   {left: -720px; height: 0px;}
	100%     {left: 0px;}
}
@-moz-keyframes cloud-group-2-animation {
	0%       {left: 720px;}
	99.9999%   {left: 0px;}
	100%     {left: 720px;}
}
@-moz-keyframes movealice {
    0%   { left: -500px;}
    25%  { left: 0px;}
    50%  {left: 100px; }
    75%  { left: 300px;}
    100% {left: -500px;}
}
@-moz-keyframes catman {
	0%       {opacity: : 0;}
	30% 	 {opacity: 0.1}
	88%     {opacity: 1;}
}
@-moz-keyframes rabbit {
	    0%   {top: 50%; left: 1400px;}
	    30% {top: 50%; left: 1000px;}
		70%  {top: 44%; left: 740px;}
    	80%  {top: 50%; left: 700px;}
    	100%  {top: 50%; left: 400px;}

}
@-moz-keyframes past {
    0%   { left: 0px;}
    25%  { left: 10px;}
    50%  {left: 0px; }
    75%  { left: 10px;}
    100% {left: 0px;}
}
	/***************************OPERA*************************/
@-o-keyframes cloud-group-1-animation {
	0%       {left: 0px;}
	99.9999%   {left: -720px;  height: 0px;}
	100%     {left: 0px;}
}
@-o-keyframes cloud-group-2-animation {
	0%       {left: 720px;}
	99.9999%   {left: 0px;}
	100%     {left: 720px;}
}
@-o-keyframes movealice {
    0%   { left: -500px;}
    25%  { left: 0px;}
    50%  {left: 100px; }
    75%  { left: 300px;}
    100% {left: -500px;}
}
@-o-keyframes catman {
	0%       {opacity: : 0;}
	30% 	 {opacity: 0.1}
	88%     {opacity: 1;}
}
@-o-keyframes rabbit {
	    0%   {top: 50%; left: 1400px;}
	    30% {top: 50%; left: 1000px;}
		70%  {top: 44%; left: 740px;}
    	80%  {top: 50%; left: 700px;}
    	100%  {top: 50%; left: 400px;}

}
@-o-keyframes past {
    0%   { left: 0px;}
    25%  { left: 10px;}
    50%  {left: 0px; }
    75%  { left: 10px;}
    100% {left: 0px;}
}
/***************************ALICE*************************/

@keyframes rotate {from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}}