/* - - - - - - - - - - - - - - - 
CSS para pantallas pequeñas (Móviles)
Ultima modificación por: Natsumi Franco
Fecha: 22/10/2015
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

/* [ ----- G E N E R A L ----- ] */

.titles { padding-top: 50px; }

/* [ ----- M E N U ----- ] */

header { position: initial; text-align: right; }

/* [ ----- I N I C I O ----- ] */

#menu_index #btn_menu p { border-color: #ed7338; }
#menu_index nav a { color: #ed7338; }

#fondo_index { position: initial; }
	#fondo_index #img_right { display: none; } 

#logo {
		margin: -50px 0px;
		padding: 0px;
		width: 200px;
	}
	
.slogan { 
			margin-left: 0px !important;
			text-align: center; 
			font-size: 1.2em;
			margin-top: 0px;
		}
	
#footer_index { display: block; }

/* [ ----- N O M I N A  ----- ] */

#fondo_nomina {
		background-position: right -400px;
		height: 100px;
		width: 160px;
	}
	
/* Servicios 1 */ 
.col_b { 
		margin: 50px auto;
		display:block;
		width: 100%; 
	}

/* Servicios 2 */ 
	.fil_col {
			margin: 0px auto;
			display: block;
			width: 90%;	
		}
		.fil_col h2 { text-align: center; width: 100%; }
			.fil_col p i {
					font-size: .7em;
					left: -20px;
					top: 5px;	
				}
		
	
/* Servicios 3 */ 

#block { margin: 50px auto; }
	
	#block #nomina_logo { margin: -50px auto; }
	
		#block p { 
			margin: 30px auto;
			text-align: left;
			display: block;
			width: 90%;
		}

	#block .logos { 
			margin: 50px auto;
			display: block;
		}
		
/* [ ----- N O S O T R O S ----- ] */

#bk_nous { display: none; }

#nos_intro { margin: 0px auto; }

#nos_cotent { width: 100%; }
	.nos_col { 
			padding: 20px 0px;
			margin: 0px auto;
			display: block;
			width: 100%;
		}
		.nos_col p { padding: 0px 20px; }
		
		.nos_col section {
				margin: 10px auto !important;
				text-align: left !important;
				display: block !important;
				float: none !important;
				width: 87% !important;	
			}

/* [ ----- R H ----- ] */

#bk_rh { height: 150px; width: 200px; }

#rh_title { padding-top: 50px; }
#rh_logo { width: 300px; }

.rh_service {
		margin: 100px auto;
		display: block;
		width: 80%;
	}

/* [ ----- C O N T A C T O ----- ] */	

		#labels { display: none; }
		#inputs { width: 100%; }

#fondo_contacto #img_left { display: none; }

#contacto_img { height: 150px; width: 200px; }

/* [ ----- F O O T E R ----- ] */

	footer a {
			border: none !important;
			margin-top: 10px;
			display: block;
		}