/* - - - - - - - - - - - - - - - 
CSS para pantallas medianas (Tablets)
Ultima modificación por: Natsumi Franco
Fecha: 22/10/2015
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

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

.titles { padding-top: 50px; }

main { width: 100%; }

/* [ ----- 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 #img_left { 
			margin-left: -227px;
			margin-top: 30px;
			display: block;
			float: left; 
			width: 70%;  
		}
	#fondo_index #img_right { display: none;}

#logo {
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		position: absolute;
		padding: 0px;
		margin: 0px;
		width: 40%;
		left: 50%;
	}
	
.slogan {
		position: absolute;
		font-size: 1.5em;
		bottom: 50px;
		right: 20px;
	}
	.slogan#first_slogan { bottom: 85px; }

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

#fondo_nomina { background-position: right -521px; }

/* Servicios 1 */ 
.col_b { 
		margin: 50px auto;
		display:block;
		width: 100%; 
	}

/* Servicios 2 */ 
		.fil_col h2 { font-size: 1.4em; }
			.fil_col p i {
					font-size: .8em;
					left: -30px;
					top: 2px;	
				}
	
/* Servicios 3 */ 	
	#block .logos {
			margin: 50px 10px;
    		width: 140px;	
		}
		
/* [ ----- N O S O T R O S ----- ] */

#nos_intro { margin: 0px auto; }

	.nos_col { 
			padding: 20px 0px;
			margin: 0px auto;
			display: block;
			width: 100%;
		}
		.nos_col p { padding: 0px 50px; }
		
/* [ ----- R H ----- ] */

#bk_rh { background-size: contain; }

.rh_service { width: 40%; }

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

#fondo_contacto #img_left { margin-top: 0px; width: 60%; }

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