/* Global */

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #FFF;
	background-color:#ffffff;
	display:none;
}
img {
	max-width: 100%;
}
a:link {
	color: #f68f67;
	text-decoration: none;
}
a:hover {
	color: #bde2df;
	text-decoration: none;
}
a:visited {
	color: #f68f67;
	text-decoration: none;
}

/*****ESTILOS DEL BOTON DE IR ARRIBA***/
a#top {
	border-top-left-radius:20px;
	border-top-right-radius:20px;
    border: 3px solid rgba(204, 34, 41, 0.8);	    
    color:rgba(255, 255, 255, 0.8);
	background-color:rgba(0, 0, 0, 0.8);
    display: none;
    font-size: 18px;
    font-weight: 400;
    position:fixed;
    right: 10px;
	bottom: 0px;
    z-index:10;
	padding:5px;
	text-decoration:none;
	outline:none;
}

a#top:hover {
	color: rgba(204, 34, 41, 1);
	-webkit-transition: color 0.4s ease-in-out;
   -moz-transition: color 0.4s ease-in-out;
   -o-transition: color 0.4s ease-in-out;
   -ms-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
}

/******************************HEAD**********************/
#logo {
	text-align: center;
	margin: 10px 0;
}

#rsociales {
	text-align: right;
	margin: 30px 10px 0;
	color:#FFF;
	font-size:14px;
}

/****************** CONTENEDOR LOGO REDES SOCIALES Y MENU SUPERIOR *********************/
.menu {
	position:fixed;
	top:0px;
	width:100%; 
	height:auto; 
	background-color:#000;
	z-index:100;
}

/******************MENU SUPERIOR********************/
#nav_sup {
	text-align: right;
	margin: 30px 0 0 10px;
	color:#FFF;
	font-size:14px;
}

#nav_sup h2, #nav h2 {
	display:none;
}

/****************** CONTENEDOR MENU INFERIOR *********************/
.menu_inferior {
	width:100%; 
	height:auto; 
	background-color:#cc2229;
	float:left;
}

/******************MENU INFERIOR********************/
#nav {
	text-align: right;
	margin: 0;
	font-size:14px;
}
.navigation{
	float: left;
	list-style: none;
	margin: 0;
}
.navigation li{
	float: left;
	padding:10px 5px;
}
.navigation li:hover{
	cursor:pointer;
	color: #FFF;
	-webkit-transition: color 0.4s ease-in-out;
   -moz-transition: color 0.4s ease-in-out;
   -o-transition: color 0.4s ease-in-out;
   -ms-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
}

.navigation .active{
	cursor:pointer;
	color:#000;
	font-weight:400;
	-webkit-transition: color 0.4s ease-in-out;
   -moz-transition: color 0.4s ease-in-out;
   -o-transition: color 0.4s ease-in-out;
   -ms-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
}

/**************** General Slides ***********************/ 
.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:152px 0;
}

/* Slide 1 - QUIENES SOMOS HOME */
#slide1{
	height:auto;
	font-weight: 300;
}

#slide1 h1 {
	font-size: 49px;
	letter-spacing: -3px;
	height:72px;
	padding-top:60px;
	color:#585858;
	text-align:center;
	text-transform:uppercase;
	background:url(../../img/fondo_titulo_qsomos.png) center center no-repeat;
	font-weight: 300;
}

#slide1 span {
	color:#cc2229;
}

#slide1 .resumen_qsomos {
	font-size: 16px;
	color: #4b4b4b;
	float:left;
	margin-top:30px;
	text-align:center;
}

/*********************QUIENES SOMOS EN EL HOME*****************/
#qsomos_home {
	text-align:center;
	position:relative;
	margin:30px 43px;
	height:237px;
}

#qsomos_home img {
	width:100%;
	max-width:264px;
	max-height:100%;
	border-radius:100%;
}

#qsomos_home img:hover {
	opacity:0.9;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.titulo_qsomos {
	position:absolute;
	bottom:-20px;
	left:0px;
	background-color:rgba(75,75,75,1);
	border-radius:100%;
	opacity:0;
	transition: bottom 0.2s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
}

.titulo_qsomos img {
	width:100%;
	max-width:264px;
	max-height:100%;
}

.titulo_qsomos:hover {
	bottom:0px;
	left:0px;
	opacity:1;
}

#tit_mision {
	text-align:center;
	position:absolute;
	width:233px;
	top:38px;
	left:0px;
	font-size:42px;
	text-transform:uppercase;
}

#texto_mision {
	text-align:center;
	position:absolute;
	top:90px;
	left:0px;
	font-size:14px;
}

#bot_vermas_qsomos_home {
	width:80px;
	text-align:center;
	position:absolute;
	bottom:20px;
	left:75px;
	font-size:17px;
	background-color:#cc2229;
	text-transform:uppercase;
	z-index:100;
	border-radius:3px;
	outline:none;
}

#bot_vermas_qsomos_home:hover {	
	background-color:#ff000b;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

/***********Slide 2 - TODOS LOS SERVICIOS CUADROS DE COLORES**********************/
#slide2{
	color:#ffffff;
}

#slide2 #contenido_servicios_home {
	margin-top:107px;
	text-align:center;
	height:470px;
}


/********************MENU CREDITOS*********************/
#menu_creditos {
	height:auto;
	background-color:#e0e0e0;
}

.fondo_sombra_menu_creditos {
	width:auto;
	height:auto;
	background:none;
}

/************INFORMACIÓN - DESTACADOS - RECOMENDADOS************/
#informacion {
	margin-top:25px;
	height:150px;
	margin-right:10px;
}

#informacion h3 {
	font-size:20px;
	text-align:left;
	color:#cc2229;
}

.thumbs_informacion_mcreditos {
	width:235px;
	margin-bottom:3px;
	float:left;
	font-size:12px;
	color:#000;
}

.thumbs_informacion_mcreditos a {
	text-decoration:none;
	color:#000;
}

.thumbs_informacion_mcreditos a:hover {
	color:#cc2229;
	-webkit-transition: color 0.4s ease-in-out;
   -moz-transition: color 0.4s ease-in-out;
   -o-transition: color 0.4s ease-in-out;
   -ms-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
}

/******************CONTENEDOR FOOTER - CREDITOS**************/
.creditos {
	width:100%; 
	height:auto; 
	background-color:#000;
	border-top:2px solid #bf0411;
}

#copy {
	text-align:justify;
	font-size:13px;
	margin-bottom:0;
	padding:75px 0 10px 0;
	color:#e0e0e0;
}

#copy a {
	text-decoration:none;
	color:#ff0000;
}

#copy a:hover {
	text-decoration:none;
	color:#FFF;
	-webkit-transition: color 0.4s ease-in-out;
   -moz-transition: color 0.4s ease-in-out;
   -o-transition: color 0.4s ease-in-out;
   -ms-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
}

#logo_creditos {
	text-align: center;
	margin: 0 0;
}


/***************************MEDIA QUERIES - DISPOSITIVOS MOVILES*****************/
/* Tablet */
@media screen and (max-width: 1024px) {

	#logo {
		width: 100%;
		text-align: center;
	}
	
	#nav {
		width:100%;
		text-align:center;
		margin:10px 0;
	}
	
	.navigation{
		width: 100%;
		float: center;
		list-style: none;
		margin: 0;
		padding:0;
	}
	
	.navigation li{
		float: left;
		width:25%;
		padding:0;
	}
	
	.slide{
		background-attachment: fixed;
		width:100%;
		position: relative;
		padding:150px 0;		
	}
	
	#decorative {
		display:none;
	}
	
	#content {
		text-align:center;
		width:100%;
	}
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) tableta mas grande 748*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/****************** CONTENEDOR LOGO REDES SOCIALES Y MENU SUPERIOR *********************/
	.menu {
		position:static;
		top:0px;
		left:0px;
		width:100%; 
		height:228px; 
		background-color:#000;
		z-index:0;
	}

	/*******HEAD**************/
	#logo {
		width: 100%;
		text-align: center;
	}
	
	#rsociales {
		text-align:left;
		margin: 30px 10px 0;
		color:#FFF;		
	}
	
	/******************MENU SUPERIOR********************/
	#nav_sup {
		text-align: right;
		margin: 30px 0 0 10px;
		color:#FFF;
		width:auto;
	}
	
	/***MENU PARALLAX***/
	#nav {
		width:100%;
		margin:5px 0;
	}
	
	.navigation{
		width: 100%;
		float: left;
		list-style: none;
		margin: 0;
		padding:0;
	}
	
	.navigation li{
		float: left;
		width:25%;
	}
	
	/****************** CONTENEDOR MENU INFERIOR *********************/
	.menu_inferior {
		width:100%; 
		height:auto; 
		background-color:#F33;
		float:left;
	}
	
	/* Slide FIJADO */
	.slide{
		background-attachment: fixed;
		width:100%;
		position: relative;
		padding:30px 0;
	}
	
	/* Slide 1 - QUIENES SOMOS HOME */
	#slide1 h1 {
		font-size: 49px;
		letter-spacing: -3px;
		height:67px;
		margin-bottom:10px;
		margin-top:0px;
		padding-top:65px;
		color:#585858;
		text-align:center;
		text-transform:uppercase;
		background:url(../../img/fondo_titulo_qsomos.png) center center no-repeat;
		font-weight: 300;
	}

	/*********************QUIENES SOMOS EN EL HOME*****************/
	#qsomos_home {
		text-align:center;
		position:relative;
		margin:30px 20px 0px;
		height:23.5%;
	}
	
	#qsomos_home img {
		width:100%;
		max-width:264px;
		max-height:100%;
		border-radius:100%;
	}
	
	#qsomos_home img:hover {
		opacity:0.9;
		-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	   -o-transition: all 0.4s ease-in-out;
	   -ms-transition: all 0.4s ease-in-out;
	   transition: all 0.4s ease-in-out;
	}
	
	.titulo_qsomos {
		position:absolute;
		bottom:-20px;
		left:0px;
		background-color:rgba(75,75,75,0.9);
		border-radius:100%;
		opacity:0;
		transition: bottom 0.2s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
	}
	
	#tit_mision {
		text-align:center;
		position:absolute;
		width:175px;
		top:38px;
		left:0px;
		font-size:32px;
		text-transform:uppercase;
	}
	
	#texto_mision {
		text-align:center;
		position:absolute;
		top:80px;
		left:0px;
		font-size:11px;
		display:none;
	}
	
	#bot_vermas_qsomos_home {
		width:90px;
		text-align:center;
		position:absolute;
		bottom:20px;
		left:42px;
		font-size:17px;
		background-color:#cc2229;
		text-transform:uppercase;
		z-index:100;
	}
	
	#bot_vermas_qsomos_home:hover {	
		background-color:#ff000b;
		-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	   -o-transition: all 0.4s ease-in-out;
	   -ms-transition: all 0.4s ease-in-out;
	   transition: all 0.4s ease-in-out;
	}
	
	.titulo_qsomos img {
		width:100%;
		max-width:264px;
		max-height:100%;
	}
	
	.titulo_qsomos:hover {
		bottom:0px;
		left:0px;
		opacity:1;
	}
	
	/********************MENU CREDITOS*********************/
	.thumbs_informacion_mcreditos {
		width:175px;
		margin-bottom:3px;
		float:left;
		font-size:12px;
		color:#000;
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) 420*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		/****************** CONTENEDOR LOGO REDES SOCIALES Y MENU SUPERIOR *********************/
		.menu {
			position:static;
			top:0px;
			width:100%; 
			height:auto; 
			background-color:#000;
			z-index:100;
		}
		
		/*******HEAD**************/
		#logo {
			width: 100%;
			text-align: center;
		}
		
		/******************MENU SUPERIOR********************/
		#nav_sup {
			text-align: center;
			margin: 30px 0 0 0;
			color:#FFF;
			width:100%;
		}
		
		#rsociales {
			text-align: center;
			margin: 30px 0 0;
			color:#FFF;
			width:100%;
		}
		
		#nav {
			width:100%;
			margin:5px 0;
		}
		
		.navigation{
			width: 100%;
			float: left;
			list-style: none;
			margin: 0;
			padding:0;
		}
		
		.navigation li{
			float: left;
			width:25%;
		}
		
		/****************** CONTENEDOR MENU INFERIOR *********************/
		.menu_inferior {
			width:100%; 
			height:auto; 
			background-color:#F33;
			float:left;
			display:none;
		}
		
		/************MENU VERTICAL************/	
		.menuh > li a {
			text-align:center;
			width:420px !important;
			z-index: 2000;
		}
		
		.menuh > li > ul {
			width:420px !important;	
		}
	
			
		.menuh > li > ul {
			width:420px !important;
			z-index: 2000;	
		}		
		a, a:visited {
			outline: 0 none;
		}
		
		/* Slide FIJADO */
		.slide{
			background-attachment: fixed;
			width:100%;
			position: relative;
			padding:20px 0;
		}
		
		/* Slide 1 - QUIENES SOMOS HOME */
		#slide1 h1 {
			font-size: 49px;
			letter-spacing: -3px;
			height:auto;
			margin-bottom:10px;
			/*margin-top:270px;*/
			margin-top:0px;
			padding-top:0px;
			color:#585858;
			text-align:center;
			text-transform:uppercase;
			background:none;
			font-weight: 300;
		}
		
		/*********************QUIENES SOMOS EN EL HOME*****************/
		#qsomos_home {
			text-align:center;
			position:relative;
			margin:30px 20px 0px;
			height:23.5%;
		}
		
		#qsomos_home img {
			width:100%;
			max-width:235px;
			max-height:100%;
			border-radius:100%;
		}
		
		.titulo_qsomos {
			position:absolute;
			bottom:-10px;
			left:0px;
			background-color:rgba(75,75,75,0.9);
			border-radius:100%;
			opacity:0;
			transition: bottom 0.2s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
		}
		
		#tit_mision {
			text-align:center;
			position:absolute;
			width:102px;
			top:15px;
			left:0px;
			font-size:16px;
			text-transform:uppercase;
		}
		
		#texto_mision {
			text-align:center;
			position:absolute;
			top:90px;
			left:0px;
			font-size:14px;
			display:none;
		}
		
		#bot_vermas_qsomos_home {
			width:60px;
			text-align:center;
			position:absolute;
			bottom:20px;
			left:20px;
			font-size:14px;
			background-color:#cc2229;
			text-transform:uppercase;
			z-index:100;
		}
		
		#bot_vermas_qsomos_home:hover {	
			background-color:#ff000b;
			-webkit-transition: all 0.4s ease-in-out;
		   -moz-transition: all 0.4s ease-in-out;
		   -o-transition: all 0.4s ease-in-out;
		   -ms-transition: all 0.4s ease-in-out;
		   transition: all 0.4s ease-in-out;
		}
		
		.titulo_qsomos img {
			width:100%;
			max-width:264px;
			max-height:100%;
		}
		
		.titulo_qsomos:hover {
			bottom:0px;
			left:0px;
			opacity:1;
		}
		
		/***********Slide 2 - TODOS LOS SERVICIOS CUADROS DE COLORES**********************/
		#slide2{
			color:#ffffff;
			display:none;
		}
		
		/********************MENU CREDITOS*********************/
		#menu_creditos {
			height:auto;
			background-color:#e0e0e0;
			display:none;
		}
		
}


/* Mobile 300px ancho */
@media screen and (max-width: 480px) {
	
	/****************** CONTENEDOR LOGO REDES SOCIALES Y MENU SUPERIOR *********************/
	.menu {
		position:static;
		top:0px;
		width:100%; 
		height:auto; 
		background-color:#000;
		z-index:100;
	}
	
	/*******HEAD**************/
	#rsociales {
		text-align: center;
		margin: 30px 0 0;
		color:#FFF;
	}

	#logo {
		width: 100%;
		text-align: center;
	}
	
	#nav {
		width:100%;
		margin:5px 0;
	}
	
	.navigation{
		width: 100%;
		float: left;
		list-style: none;
		margin: 0;
		padding:0;
	}
	
	.navigation li{
		float: left;
		width:25%;
	}
	
	/******************MENU SUPERIOR********************/
	#nav_sup {
		text-align: right;
		margin: 30px 0 0 0;
		color:#FFF;
		font-size:14px;
	}
	
	/****************** CONTENEDOR MENU INFERIOR *********************/
	.menu_inferior {
		width:100%; 
		height:auto; 
		background-color:#F33;
		float:left;
		display:none;
	}
	
	/************MENU VERTICAL************/	
	.menuh > li a {
		text-align:center;
		width:280px !important;
		z-index: 2000;
	}
	
	.menuh > li > ul {
		width:280px !important;	
	}

		
	.menuh > li > ul {
		width:280px !important;
		z-index: 2000;	
	}		
	a, a:visited {
		outline: 0 none;
	}
	
	/* Slide FIJADO */
	.slide{
		background-attachment: fixed;
		width:100%;
		position: relative;
		padding:20px 0;
	}
	
	/* Slide 1 - QUIENES SOMOS HOME */
	#slide1 h1 {
		font-size: 49px;
		letter-spacing: -3px;
		height:125px;
		margin-bottom:10px;
		/*margin-top:270px;*/
		margin-top:0px;
		padding-top:0px;
		color:#585858;
		text-align:center;
		text-transform:uppercase;
		background:none;
		font-weight: 300;
	}
	
	/*********************QUIENES SOMOS EN EL HOME*****************/
	#qsomos_home {
		text-align:center;
		position:relative;
		margin:10px 0px;
		height:237px;
		margin-top:30px;
	}
	
	#qsomos_home img {
		width:100%;
		max-width:235px;
		max-height:100%;
		border-radius:100%;
	}
	
	.titulo_qsomos {
		position:absolute;
		bottom:-20px;
		left:28px;
		background-color:rgba(75,75,75,0.9);
		border-radius:100%;
		opacity:0;
		transition: bottom 0.2s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
	}
	
	#tit_mision {
		text-align:center;
		position:absolute;
		width:233px;
		top:38px;
		left:0px;
		font-size:42px;
		text-transform:uppercase;
	}
	
	.titulo_qsomos img {
		width:100%;
		max-width:264px;
		max-height:100%;
	}
	
	.titulo_qsomos:hover {
		bottom:0px;
		left:28px;
		opacity:1;
	}
	
	/***********Slide 2 - TODOS LOS SERVICIOS CUADROS DE COLORES**********************/
	#slide2{
		color:#ffffff;
		display:none;
	}
	
	/********************MENU CREDITOS*********************/
	#menu_creditos {
		height:auto;
		background-color:#e0e0e0;
		display:none;
	}	

}