/*MAIN.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: EXPOSE.*/
/* Version: 1.1 Updated Release*/
/* Build Date: 19th Nov 2014*/
/* Author: Designova.*/
/* Website: http://www.designova.net */
/* Copyright: (C) 2014 */
/*-------------------------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HEADER, INTRO & NAVIGATION */
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/* 04 - PAGES & SECTIONS SETUP*/
/* 05 - FOOTER*/


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/




.logos_clientes {
  margin-right:2.5em;
  opacity:0.7;
  margin-bottom:0.5em;
}


.software {
	max-width:100%;
	opacity:0.8;
}


.gris {
	color:#bbb;
	font-weight:700;
	font-size:11px;
}


.espacio_gral1 {
	width:100%; height:2em;
}

.espacio_gral2 {
	width:100%; height:50px;
}



.espacio_nosotros {
	width:100%; height:50px;
}


.herramientas {
	width:100%; height:auto; position:relative; margin-top:4em;
}


.bold {
	font-weight:700;
	}
	
	
.experiencia {
	background-color:#f2f2f2; padding-bottom:100px; padding-top:50px;
}



.subtitulo_inicio {
	font-weight:300;
	font-size:11px;
	letter-spacing:3px;
	
}



.logo_gf_footer {
	max-width:40px; margin-top:10px; 
	
}

.titulo_areas {
	font-size:14px;
	border:3px solid #000;
	padding:1em;
	text-align:center;
	font-weight:400;
}


.titulo_proyecto_nuevo {
	font-size:24px;
	line-height:30px;
	color:#000;
	font-weight:700;
}


.barra_titulo_color {
background: #9FE870;
width: 100%;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
color:#000;
font-size: 54px;
font-weight: 700;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}


.barra_titulo_color2 {
background: #DFF9CE;
width: 100%;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
color:#000;
font-size: 54px;
font-weight: 700;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}



.barra_titulo_color3 {
background: #602166;
width: 100%;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
color:#fff;
font-size: 54px;
font-weight: 700;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}



.barra_titulo_color4 {
background: #07B86B;
width: 100%;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
color:#fff;
font-size: 54px;
font-weight: 700;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}



.barra_titulo_color5 {
background: #6AD4A6;
width: 100%;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
color:#fff;
font-size: 54px;
font-weight: 700;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}




.fondo_gris_claro {
background: #f9f9f9;
padding-top: 40px;
}
	
	
	.datos_bottom {
		width:96%; height:auto; position:relative; padding-bottom:3em; padding-top:6em; padding-left:2%; padding-right:2%;
	}
	
	
	
	
	.imagen_principal {
		display:inherit;
	}
	
	
	.imagen_principal1 {
		display:none;
	}
	
	
	
	.imagen_principal_pic {
		max-width:100%;
	}
	
	
	.logoresponsive {
		display:none;
	width:30px; height:30px; position:absolute; 
	top:-41px; 
	left:2em; z-index:999;
	}
	
	
	.logos_experiencia {
		max-width: 70%;
	}

.linea_proyectos {
	width: 100%; height: 1px; background: #ddd;
	margin-top: 80px;
	margin-bottom: 80px;
}

.icono_derecho_proyectos {
	width: 100%; height: auto; position: relative;
}
	
	
	/*Notebooks and Small Laptops*/
@media (max-width: 1199px) {
	
		.logoresponsive {
		display:inherit;
	width:30px; height:30px; position:absolute; 
	top:10px; 
	left:2em; z-index:999;
	}
	
	
}
	
	
	
	@media (max-width: 990px) {
		
		.datos_bottom {
		width:100%; height:auto; position:relative; padding-bottom:3em; padding-top:6em; padding-left:0%; padding-right:0%;
	}
		
		
	}
	
	
	
	
	/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 768px) {
	

	
	.imagen_principal {
		display:none;
	}
	
	
	.imagen_principal1 {
		display:inherit;
	}
	
.logos_experiencia {
		max-width: 100%;
	}

	
}