@charset "utf-8";
 * {
		margin: 0;
		padding: 0;
	}
	
	body {
		overflow-x: hidden;
		width:100%;
		height:100%;
		font-family: Avenir Next;
		background:#FFFFFF;
	}
	
	#demo-top-bar {
		text-align: left;
		background: #222;
		position: relative;
		zoom: 1;
		width: 100% !important;
		z-index: 6000;
		padding: 20px 0 20px;
	}
	#demo-bar-inside {
		width: 960px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
	#demo-bar-buttons {
		padding-top: 10px;
		float: right;
	}
	#demo-bar-buttons a {
		font-size: 12px;
		margin-left: 20px;
		color: white;
		margin: 2px 0;
		text-decoration: none;
		font: 14px "Lucida Grande", Sans-Serif !important;
	}
	#demo-bar-buttons a:hover,
	#demo-bar-buttons a:focus {
		text-decoration: underline;
	}
	#demo-bar-badge {
		display: inline-block;
		width: 302px;
		padding: 0 !important;
		margin: 0 !important;
		background-color: transparent !important;
	}
	#demo-bar-badge a {
		display: block;
		width: 100%;
		height: 38px;
		border-radius: 0;
		bottom: auto;
		margin: 0;
		background: url(/images/examples-logo.png) no-repeat;
		background-size: 100%;
		overflow: hidden;
		text-indent: -9999px;
	}
	#demo-bar-badge:before, #demo-bar-badge:after {
		display: none !important;
	}

/* Estilos en Texto -------------------------- */

@font-face {
	font-family: "Avenir Next";
	src: url("fonts/AvenirNextLTPro-Regular.eot");
	src: url("fonts/AvenirNextLTPro-Regular.eot?#iefix") format("embedded-opentype"),
	     url("fonts/AvenirNextLTPro-Regular.woff") format("woff"),
	     url("fonts/AvenirNextLTPro-Regular.ttf") format("truetype"),
	     url("fonts/AvenirNextLTPro-Regular.svg#kimberley") format("svg");
}

/* -- DIV Contenido ------------------*/

.main{
	width:100%;
	float:left;
	box-sizing:border-box;
}

.main img{
	width:100%;
	height:auto;
	float:left;
	box-sizing:border-box;
}

/* -- DIV Caja Flotante ------------------*/

#caja-flotante {
	width: 45px;
	height: 45px;
	background: none;
	position: fixed;
	right: 4%;
	bottom: 2%;
}

#caja-flotante img {
	width:80%;
	height: auto;
}

/* -- DIV icono Deslizante ------------------*/

#icono-desplazar {
	position:fixed;
	width:100%;
	height: auto;
	
}

/* -- DIV Contenido / Razon Pasion -- */

.BkgRazonPasion {	
	width: 100%;
    height: 560px;
    background-image: url('../imagenes/quienes_somos_rtrevino.png');
	background-size: 100% 100%;
	float:left;
	box-sizing:border-box;
	
}

.ContRazonPasion {
	width:68%;
	height: auto;
	font-size:14px;
	text-align:justify;
	float:left;
	box-sizing:border-box;
	margin:70% 19.5%;
	letter-spacing:-1px;
	
}

/* -- DIV Contenido / Servicios -- */

.BkgServicios {	
	width: 100%;
    height: 560px;
    background-image: url('../imagenes/servicios_rtrevino.png');
	background-size: 100% 100%;
	float:left;
	box-sizing:border-box;
	
}

.ContServicios {
	width:40%;
	height: auto;
	font-size:11px;
	float:left;
	box-sizing:border-box;
	margin:60% 5%;
	color:#FFFFFF;
	
}

.ContServicios img{
	width:60%;
	
}

.TitServ {
	font-size:18px;
	font-weight:bold;
	line-height:15pt;
}

/* -- DIV Contenido / Proceso de Trabajo -- */

.BkgProcesos {	
	width: 100%;
    height: 560px;
    background-image: url('../imagenes/proceso_de_trabajo_rtrevino.png');
	background-size: 100% 100%;
	float:left;
	box-sizing:border-box;
	
}

.ContProcesos {
	width:95%;
	height: auto;
	font-size:11px;
	float:left;
	box-sizing:border-box;
	margin:44% 5%;
	color:#FFFFFF;
	
}

.ContProcesos img {
	width:95%;
	height: auto;
	
}

/* -- DIV Contenido / Lo + Nuevo -- */

.BkgLoNuevo {	
	width: 100%;
    height: 560px;
    background-image: url('../imagenes/lo_nuevo_de_rtrevino.png');
	background-size: 100% 100%;
	float:left;
	box-sizing:border-box;
	
}

.ContLoNuevo {
	width:78%;
	height:335px;
	font-size:11px;
	float:left;
	box-sizing:border-box;
	margin:37% 10%;
	
	overflow-x:auto;
    white-space:nowrap;

}

.ContLoNuevoIco {
	width:15%;
	height:auto;
	float:left;
	box-sizing:border-box;
	margin:-35% 43%;
}

.ContLoNuevoGaleria {
	width:1800px;
	float:left;
	box-sizing:border-box;
	
}

.ContLoNuevoFoto {
	width:14%;
	height:auto;
	float:left;
	box-sizing:border-box;
	
}

.ContLoNuevoGaleria img{
		width:100%;
		height:auto;

}


/* -- DIV Contenido / Contacto -- */

.BkgContacto {	
	width: 100%;
    height: 560px;
    background-image: url('../imagenes/contactanos_rtrevino.png');
	background-size: 100% 100%;
	float:left;
	box-sizing:border-box;
	
}

.ContContacto {
	width:70%;
	height: auto;
	font-size:11px;
	float:left;
	box-sizing:border-box;
	margin:75% 22%;
	
}

.ContContacto img {
	width:50%;
	height: auto;
	
}



/* Resolucion abajo de 1024px ------------------------------------------------------------------------- */
@media screen and (max-width: 1024px){
	
	
	/* - RazonPasion ---*/
	.BkgRazonPasion {
		height: 2077px;
	}
	
	.ContRazonPasion {
		margin:80% 19.5%;
		font-size:36px;
	
	}
	
	/* -- Servicios -- */
	.BkgServicios {
		height: 2077px;
	}
	
	.ContServicios {
		margin:75% 5%;
		font-size:35px;
	
	}
	
	.TitServ {
		font-size:45px;
		font-weight:bold;
		line-height:30pt;
	}
	
	
	/* -- Procesos -- */
	.BkgProcesos {
		height: 2077px;
	}
	
	/* -- Lo + Nuevo -- */
	.BkgLoNuevo {
		height: 2077px;
	}
	
	.ContLoNuevo {
		width:70%;
		height:900px;
		margin:37% 15%;

	}
	
	.ContLoNuevoIco {
		width:10%;
		margin:-30% 43%;
	}
	
	.ContLoNuevoGaleria {
		width:5040px; 
		height:auto;
	}

	.ContLoNuevoFoto {
		width:720px;
		height:auto;
	}

	.ContLoNuevoGaleria img{
		width:100%;
		height:auto;
	}
	
	/* -- Contacto -- */
	.BkgContacto  {
		height: 2077px;
	}
	
	

}



/* Resolucion abajo de 600px ------------------------------------------------------------------------- */
@media screen and (max-width: 600px){
	
	
	/* -- RazonPasion -- */
	.BkgRazonPasion {
		height: 1100px;
	}
	
	.ContRazonPasion {
		margin:75% 19.5%;
		font-size:20px;
	
	}
	
	/* -- Servicios -- */
	.BkgServicios {
		height: 1100px;
	}
	
	.ContServicios {
		margin:75% 5%;
		font-size:20px;
	
	}
	
	.TitServ {
		font-size:28px;
		font-weight:bold;
		line-height:15pt;
	}
	
	
	/* -- Procesos -- */
	.BkgProcesos {
		height: 1100px;
	}
	
	/* -- Lo + Nuevo -- */
	.BkgLoNuevo {
		height: 1100px;
	}
	
	.ContLoNuevo {
		width:78%;
		height:600px;
		margin:37% 10%;

	}
	
	.ContLoNuevoIco {
		width:10%;
		margin:-30% 43%;
	}
	
	.ContLoNuevoGaleria {
		width:3325px; 
		height:auto;
	}

	.ContLoNuevoFoto {
		width:475px;
		height:auto;
	}

	.ContLoNuevoGaleria img{
		width:100%;
		height:auto;
	}
	
	/* -- Contacto -- */
	.BkgContacto  {
		height: 1100px;
	}
	

}


	
/* Resolucion abajo de 460px ------------------------------------------------------------------------- */
@media screen and (max-width: 460px){
	
	
	/* -- DIV Contenido / Razon Pasion -- */

	.BkgRazonPasion {	
   		height: 560px;
	}

	.ContRazonPasion {
		margin:70% 19.5%;
		font-size:14px;
	}

	/* -- DIV Contenido / Servicios -- */

	.BkgServicios {	
		width: 100%;
    	height: 560px;
    	background-image: url('../imagenes/servicios_rtrevino.png');
		background-size: 100% 100%;
		float:left;
		box-sizing:border-box;
	
	}

	.ContServicios {
		width:40%;
		height: auto;
		font-size:11px;
		float:left;
		box-sizing:border-box;
		margin:60% 5%;
		color:#FFFFFF;
	
	}


	.TitServ {
		font-size:18px;
		font-weight:bold;
		line-height:15pt;
		
	}

/* -- DIV Contenido / Proceso de Trabajo -- */

	.BkgProcesos {	
		width: 100%;
    	height: 560px;
	
	}


/* -- DIV Contenido / Lo + Nuevo -- */

	.BkgLoNuevo {	
		width: 100%;
    	height: 560px;
	
	}

	.ContLoNuevo {
		width:78%;
		height:330px;
		margin:37% 10%;
	}

	.ContLoNuevoIco {
		width:15%;
		height:auto;
		margin:-35% 43%;
	}

	.ContLoNuevoGaleria {
		width:1750px;
	}

	.ContLoNuevoFoto {
		width:250px;
		height:auto;
	}

	.ContLoNuevoGaleria img{
		width:100%;
		height:auto;
	}


/* -- DIV Contenido / Contacto -- */

	.BkgContacto {	
		width: 100%;
   	 	height: 560px;
	}

	.ContContacto {
		width:70%;
		height: auto;
	}


	

}