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


#realizar{width:100%;
	background:url(images/naranja.png) no-repeat #ff931e;
	height:630px;
	position:relative;
	top:20px;}

#realizar h2{font-family: 'Ante', Helveltica, Sans-serif;
	font-size:64px;
	text-align:center;
	margin:15px 0;
	top:40px;
	position:relative;
	font-weight:normal;
	color:#4c575f;}
	
#realizar p{ width:348px;
	height: 117px;
	background:url(images/texto-fondo.png) no-repeat -60px 0;
	padding:15px;
	line-height:1.2;
	position:relative;
	top:110px;
	left:40px;}
		

#mundo{ width:513px;
		height:427px;
		background:url(images/mundo.png) 40px 60px no-repeat;
		position:absolute;
		z-index:1;
		top:120px;
		left:350px;}
.manoexportar{ width:267px;
		height:171px;
		position:absolute;}
#cexpor{ width:267px;
		height:171px;
		position:absolute;
		z-index:2;
		top:50px;
		left:15px;}	
.manotramitar{ width:269px;
		height:233px;
		position:absolute;}	
#ctrami{width:269px;
		height:233px;
		position:absolute;
		z-index:3;
		top:10px;
		left:230px;}					
.manoimportar{ width:327px;
	height:164px;
	position:absolute;}
#cimpor{ width:327px;
	height:164px;
	position:absolute;
	z-index:4;
	top:270px;
	left:10px;}	
	
.manotransportar{width:189px;
	height:146px;
	position:absolute;
	z-index:5;
	}
#ctrans{width:189px;
	height:146px;
	position:absolute;
	z-index:5;
	top:320px;
	left:340px;}

#topmenu{list-style:none;
	margin:0 0 0 -5px;
	position:relative;
	top:10px;
	left:0;}

#topmenu li{display:inline-block;
		margin:0 6px;
		font-weight:bold;}
#topmenu li a{text-decoration:none; color:#FFF;}
	
#piedatos {
	background: url(img/Acme_Monogram_Colour.png) no-repeat 0 center;
	/*height:100px;*/
	height: 140px;
	padding-left:70px;
}
	
	
@media only screen and (max-width: 64em) {
	#realizar{
	top:0;}

#realizar h2{
	top:10px;}
	
	#mundo{ 
		left:50%;
		margin-left:-257px !important;
		top:170px;}
		
	#realizar p{ width:348px;
	height: 117px;
	background:none;
	position:relative;
	text-align:center;
	top:-20px;
	left:50%;
	margin-left:-175px;}
		
	}
				

@-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(1) rotate(0deg); 
    }
    50% {
      -webkit-transform: scale(1.1) rotate(-5deg); 
    }
    100% {
      -webkit-transform: scale(1) rotate(0deg); 
    }
}
@-o-keyframes pulse {
    0% {
      -o-transform: scale(1) rotate(0deg); 
    }
    50% {
      -o-transform: scale(1.1) rotate(-5deg); 
    }
    100% {
      -o-transform: scale(1) rotate(0deg); 
    }
}
@-moz-keyframes pulse {
    0% {
      -moz-transform: scale(1) rotate(0deg); 
    }
    50% {
      -moz-transform: scale(1.1) rotate(-5deg); 
    }
    100% {
      -moz-transform: scale(1) rotate(0deg); 
    }
}
@keyframes pulse {
    0% {
      transform: scale(1) rotate(0deg); 
    }
    50% {
      transform: scale(1.1) rotate(-5deg); 
    }
    100% {
      transform: scale(1) rotate(0deg); 
    }
}

@-webkit-keyframes bump {
  0% {
      top: 0;
  }
  5% {
      top: 3%;
  }
  10% {
      top:0;
  }
  100% {
      top:0;
  }
}
@-o-keyframes bump {
  0% {
      top: 0;
  }
  5% {
      top: 3%;
  }
  10% {
      top:0;
  }
  100% {
      top:0;
  }
}
@-moz-keyframes bump {
  0% {
      top: 0;
  }
  5% {
      top: 3%;
  }
  10% {
      top:0;
  }
  100% {
      top:0;
  }
}
@keyframes bump {
  0% {
      top: 0;
  }
  5% {
      top: 3%;
  }
  10% {
      top:0;
  }
  100% {
      top:0;
  }
}
.ball { display:inherit;}

.ball:hover {
    -webkit-animation: pulse 1s ease 0s infinite normal;
    -o-animation: pulse 1s ease 0s infinite normal;
    -moz-animation: pulse 1s ease 0s infinite normal;
    animation: pulse 1s ease 0s infinite normal;
}


#menuBall1 {
  -webkit-animation: bump 6s linear 0s infinite normal;
}
#menuBall2 {
  -webkit-animation: bump 6s linear .5s infinite normal;
}
#menuBall3 {
  -webkit-animation: bump 6s linear 1s infinite normal;
}
#menuBall4 {
  -webkit-animation: bump 6s linear 1.5s infinite normal;
}

#menuBall1 {
  -moz-animation: bump 6s linear 0s infinite normal;
}
#menuBall2 {
  -moz-animation: bump 6s linear .5s infinite normal;
}
#menuBall3 {
  -moz-animation: bump 6s linear 1s infinite normal;
}
#menuBall4 {
  -moz-animation: bump 6s linear 1.5s infinite normal;
}

#menuBall1 {
  -o-animation: bump 6s linear 0s infinite normal;
}
#menuBall2 {
  -o-animation: bump 6s linear .5s infinite normal;
}
#menuBall3 {
  -o-animation: bump 6s linear 1s infinite normal;
}
#menuBall4 {
  -o-animation: bump 6s linear 1.5s infinite normal;
}

#menuBall1 {
  animation: bump 6s linear 0s infinite normal;
}
#menuBall2 {
  animation: bump 6s linear .5s infinite normal;
}
#menuBall3 {
  animation: bump 6s linear 1s infinite normal;
}
#menuBall4 {
  animation: bump 6s linear 1.5s infinite normal;
}


#infoprocesos{background:#FFF;
		width:100%;
		margin:0 auto;
		height:190px;
		position:relative;
		top:110px;
		}
#infowrapper{ width:85%;
		margin:0 auto;
		padding:10px 0 0 0;
		height:300px;
		position:relative;
		top:140px;}
			
#procesolistado{ background:#97B8C2;
				padding:1.3em;
				width:470px;
				position:relative;
				float:right;
				left:20px;
				top:-150px;
				height:85px;
				z-index:555;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
				-khtml-border-radius: 8px;
				border-radius: 8px;}
#procesolistado h3{ color:#fff; text-transform:uppercase;
				font-size:14px;
				float: left}				
#procesolistado ul{list-style:square;
				float:left;
				position:relative;
				margin:-1em 0 0 1.5em;
				}
#procesolistado li a{color:#4C5860;
		
		}						
		
#menuprocesos{display:block;
			width:100%;
			height:	27px;
			list-style:none;
			position:relative;
			top:-30px;}
#menuprocesos li a{ display:inline; float:left; width:25%;
					color: #fff; text-align:center;
					text-decoration:none;
					font-family:'Akro', Helveltica, Arial, sans-serif;
					font-size:14px;
					text-transform:uppercase;
					letter-spacing:0.2em;
					height:20px;
					padding-top:3px;}
					
#menuprocesos li a:hover{ text-decoration:underline !important}								
#menuprocesos .tramitar{ background:#00706B;}
#menuprocesos .transportar{ background:#268581;}
#menuprocesos .importar{ background:#6596A5;}
#menuprocesos .exportar{ background:#417D90;}

#descripcion{width:100%;
	margin:0 auto;
	color:#fff;
	position:relative;
	top:50px;
	padding:2em;}