
#ad-1 #clouds li, #ad-1 #carrot-group li{
	list-style: none;
}

	.ali{

			width: 100%;
			height: 200px;
			background-image: url(../Img/gus12.png);
			background-repeat: no-repeat;
			position: absolute;
			top:30%;
			left:100%;
			animation: movealice 4s Infinite;
			-webkit-animation: movealice 4s Infinite;
			-o-animation: movealice 4s Infinite;
			-ms-animation: movealice 4s Infinite;	

		}
				
#ad-1 {
	width: 100%;
	height: 300px;
	margin: 0px auto 0;
	background-image: url(..//Banner/fondo2.png);
	background-position: center;
	overflow: hidden;
	position: relative;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}



#ad-1 #content {
    width: 30%;
    top: 50%;
    float: right;
    margin-right: 50px; 
    bottom: -35%;
    text-align: center;
    z-index: 0;
    position: relative;
    overflow: visible;
}
@media (min-width:200px){#ad-1 #content{margin-right: 00px;}}
@media (min-width:340px){ #ad-1 #content{margin-right:0px;}}
@media (min-width:540px){ #ad-1 #content{margin-right: 140px;}}
@media (min-width:768px){#ad-1 #content{margin-right: 70px;}}
@media (min-width:885px){#ad-1 #content{margin-right: 50px;}}
@media (min-width:992px){#ad-1 #content{margin-right: 50px;}}
@media (min-width:1200px){#ad-1 #content{margin-right: -100px;}}



#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/ojo1.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/ojo2.png);
 		background-repeat: no-repeat;
		position: absolute;
		animation: catman 6s 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/ojo3.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 catman {
	0%       {opacity: : 0;}
	30% 	 {opacity: 0.1}
	88%     {opacity: 1;}
}
@-webkit-keyframes movealice {
    0%   { left: 0px;}
   
    50% {left:100px;}
       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; height: 1000PX;}
	100%     {left: 720px;}
}
@-moz-keyframes catman {
	0%       {opacity: : 0;}
	30% 	 {opacity: 0.1}
	88%     {opacity: 1;}
}
@-moz-keyframes movealice {
    0%   { left: 0px;}
   
    50% {left:100px;}
       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; height: 1000PX;}
	100%     {left: 720px;}
}
@-o-keyframes catman {
	0%       {opacity: : 0;}
	30% 	 {opacity: 0.1}
	88%     {opacity: 1;}
}
@-o-keyframes movealice {
    0%   { left: 0px;}
   
    50% {left:100px;}
       100% {left: 0px;}
}