*{
	margin:0;
	padding: 0;
}


footer{
	background: #6b4613;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
}

article{
	margin-top: 5px;
	margin-bottom: 5px;
}


/*Imagenes  */
#main_img{
	height: auto;
	width: 100%;
	max-width: 280px;
}

#banner_inicio{
	height: auto;
	width: 100%;

}

#inicio_aside{
	height: auto;
	max-height: 350px;
	width: 100%;
	}

#grupojemago_nosotros_banner{
	height: auto;
	width: 100%;
}

#nosotros_logos{
	height: auto;
	width: 100%;
	max-height: 165px;
	max-width: 500px;
	display: block;
	margin: auto; 
	/* Bordes por si cambiamos las imagenes 
border-radius: 14px 14px 14px 14px;
-moz-border-radius: 14px 14px 14px 14px;
-webkit-border-radius: 14px 14px 14px 14px;
border: 0px solid #000000;
	*/

}

#contacto_mapa{
	display: block;
	margin: auto;
	width: 100%;
	max-height: 400px;
}



#cominagro_nosotros_1{
	float: right;
	clear:left;
	clear:right;

}


/* Root/index*/
.orbit_0 {
	position: absolute;
	top:45%;
	left: 45%;
	margin: -20px;
}


@keyframes rot_1 {
	from {
		transform: rotate(0deg)
		           translate(-250px)
		           rotate(0deg);
	}
	to {
		transform: rotate(360deg)
		           translate(-250px) 
		           rotate(-360deg);
	}
}

@keyframes rot_2 {
	from {
		transform: rotate(0deg)
		           translate(-250px)
		           rotate(0deg);
	}
	to {
		transform: rotate(300deg)
		           translate(-250px) 
		           rotate(-300deg);
	}

}

@keyframes rot_3 {
	from {
		transform: rotate(0deg)
		           translate(-250px)
		           rotate(0deg);
	}
	to {
		transform: rotate(240deg)
		           translate(-250px) 
		           rotate(-240deg);
	}
}

@keyframes rot_4 {
	from {
		transform: rotate(0deg)
		           translate(-250px)
		           rotate(0deg);
	}
	to {
		transform: rotate(180deg)
		           translate(-250px) 
		           rotate(-180deg);
	}
}

@keyframes rot_5 {
	from {
		transform: rotate(0deg)
		           translate(-200px)
		           rotate(0deg);
	}
	to {
		transform: rotate(90deg)
		           translate(-200px) 
		           rotate(-90deg);
	}
}


.orbit_1 {
	position: absolute;
	top:45%;
	left: 45%;
	margin: -20px;
	animation: rot_1 5s linear;
	animation-fill-mode: forwards;
}


.orbit_2{
	position: absolute;
	top:45%;
	left: 45%;
	margin: -20px;
	animation: rot_2 4s linear;
 	animation-delay: 1s;
 	animation-fill-mode: forwards;

	}

.orbit_3{
	position: absolute;
	top:45%;
	left: 45%;
	margin: -20px;
	animation: rot_3 3s  linear;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

.orbit_4{
	position: absolute;
	top:45%;
	left: 45%;
	margin: -20px;
	animation: rot_4 2s  linear;
	animation-delay: 3s;
	animation-fill-mode: forwards;
}


.orbit_5{
	position: absolute;
	top:45%;
	left: 45%;
	margin: -20px;
	animation: rot_5 1s  linear;
	animation-delay: 4s;
	animation-fill-mode: forwards;
}

.logos_root{
	width: 200px;
	height: 100px;
	border: 3px solid;
	border-color: black;
	
}



#logos_mobil{
	display: block;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	width: 70%;
	
	border: 3px solid;
	border-color: black;
	margin-top: 10px;
}





/*Navbar bootstrap */
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(0, 0, 0, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(255, 255, 255, 1);
    border-width: 0px;
    border-radius: 10px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(119, 119, 119, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(231, 231, 231, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}