@charset "utf-8";
/* CSS Document */

/*
font-family: 'Open Sans', sans-serif;
*/

article, section, aside, footer, header, nav{
	display:block;
	}

body{
	margin:0px;
	padding:0px;
	background:#292929;
	}

#propuesta, #servicios, #contacto{
	position:relative;
	height:900px;
	}
	
*{
    font-family: 'Open Sans', sans-serif;
	}


.logo{
	position:absolute;
	top:70px;
	left:5%;
	width:100%;
	max-width:400px;
	height:177px;
	z-index:20;
	}
	.logo img{
		width:100%;
	}

.logo-min a:hover{
	opacity:0.6;
	}
	
header{
	display:none;
	position:relative;
	width:100%;
	height:230px;

	z-index:100;
	}

#header-home{
	display:none;
	position:absolute;
	width:100%;
	height:230px;
	z-index:100;
	}

/* INDEX HOME*/	
#slider{
	position:absolute;
	z-index:10;
	width:100%;


	}
	
nav {
	color:rgba(255,255,255,1.00);
	position:absolute;
	height:50px;
	
	/*background:rgba(146,95,96,0.49);*/
	text-align:right;
	right:5%;
	top:110px;
	z-index:30;
	}
	
/*------------------------------*/

.menu{
	/*display:none;*/
	}

.menu a{
	color:rgba(255,255,255,1.00);
	text-decoration:none;
	font-size:25px;
	margin-right:5px;
	margin-left:5px;
	
	opacity:1;
	transition:all 0.1s;
	-moz-transition:all 0.1s;
	-ms-transition:all 0.1s;
	-o-transition:all 0.1s;
	-webkit-transition:all 0.1s;
	}

.menu a:hover{
	opacity:0.4;
	}



/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/


.menu-res{
	color:rgba(255,255,255,1.00);
	position:absolute;
	height:20px;
	
	/*background:rgba(146,95,96,0.49);*/
	text-align:right;
	right:5%;
	top:88px;
	z-index:30;
	}
	
/*------------------------------*/

.menu-res{
	display:none;
	}

.menu-res a{
	opacity:1;
	transition:all 0.1s;
	-moz-transition:all 0.1s;
	-ms-transition:all 0.1s;
	-o-transition:all 0.1s;
	-webkit-transition:all 0.1s;
	}

.menu-res a:hover{
	opacity:0.4;
	}

/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/




.menu-2 {
	color:rgba(255,255,255,1.00);
	position:absolute;
	height:50px;
	

	 left:50%;
	    margin-left: -226px;
    width: 452px;
	top:120px;
	z-index:30;
	
	text-align:center;
	}

.menu-2{
	/*display:none;*/
	}

.menu-2 a{
	display:block;
	float:left;
	height:75px;
	
	font-weight:400;
	
	color:rgba(255,255,255,1.00);
	text-decoration:none;
	font-size:20px;
	margin-right:20px;
	margin-left:20px;
	
	opacity:1;
	transition:opacity 0.1s;
	-moz-transition:opacity 0.1s;
	-ms-transition:opacity 0.1s;
	-o-transition:opacity 0.1s;
	-webkit-transition:opacity 0.1s;
	}

.menu-2 a:hover{
	opacity:0.8;
	background:url(../images/selector.png) no-repeat;
	background-position:center;
	
	}
	
.selector{
	
	
	display:block;
	float:left;
	height:75px;
	
	font-weight: 700;
	
	color:rgba(255,255,255,1.00);
	text-decoration:none;
	font-size:20px;
	margin-right:20px;
	margin-left:20px;
	
	background:url(../images/selector.png) no-repeat;
	background-position:center;
	
	}

/*-----------------------------*/
	
.img-middle{
		vertical-align: middle;
	}
	

/* MENU */
.logo-min{
	/*display:none;*/
	position:absolute;
	top:80px;
	left:5%;
	width:115px;
	height:115px;
	z-index:20;
	}
.logo-min img{
	width:100%;
	}

#menu-circ{
	/*display:none;*/
	
	position:absolute;
	  left:50%; 
    margin-left: -470px;
	
	top:350px;
	width:925px;
	/*margin:auto;
	margin-top:400px;*/
	}
	

#menu-circ a{
text-decoration:none;
font-family: 'Open Sans', sans-serif;
font-weight:800;
font-size:25px;
font-weight:bold;
display:block;
float:left;

margin-left:25px;

}

#menu-circ a .circulo{
	border-radius:150px 150px 150px 150px;
	width:275px;
	height:275px;
	border:solid 3px #CF0A2C;
	line-height:275px;
	text-align:center;
	}


#menu-circ a .circulo{
	color:#CF0A2C;
	transition:all 0.1s;
	-moz-transition:all 0.1s;
	-ms-transition:all 0.1s;
	-o-transition:all 0.1s;
	-webkit-transition:all 0.1s;
	}

#menu-circ a .circulo:hover{
	color:#292929;
	background:#CF0A2C;
	}







/* SECCIONES */

#contenido{
	display:none;
	width:100%;
	}

#propuesta{
	background:#CF0A2C;
	
	}
	
.info{
	margin:auto;
	width:400px;
	
	font-size:19px;
	
	color:rgba(255,255,255,1.00);
}

#titulo{
	color:#292929;
	font-size:80px;
	
	position:absolute;
	left:5%;
	top:300px;
	font-weight: 300;

	/*
	margin:auto;
	width:400px;*/
	}

#titulo-2{
	color:#646469;
	font-size:80px;
	font-weight: 300;
	position:absolute;
	left:5%;
	top:300px;
	}
#titulo-2 p{
	font-size:20px;
	color:#646469;
}

/*Footer*/

footer {
	display:none;
	width: 100%;
	height:50px;
	/*height: 100px;*/
	position:absolute;
	bottom: 0;
	z-index:0;
}

#footer-contacto{
	display:none;
	width: 260px;
	height: 50px;
	position:absolute;
	bottom: 0;
	z-index:0;
	right:5%;
	}

#redes{
	margin:0px;
	padding:0px;
	
	position:absolute;
	right:10%;

	width:120px;
	height:40px;
	
	margin-top:20px;
	}
	
#redes a{
	opacity:1;
	
		transition:all 0.1s;
	-moz-transition:all 0.1s;
	-ms-transition:all 0.1s;
	-o-transition:all 0.1s;
	-webkit-transition:all 0.1s;
	}
	
#redes a:hover{
	opacity:0.5;
	}

#tel-footer{
	position:absolute;
	left:5%;

	width:330px;
	height:80px;
	
	background:url(../images/tel.png);
	cursor:pointer;
	}

#tel-footer:hover{
	background:url(../images/tel-2.png);
	}



/*--------SERVICIOS-----------*/
#servicios{
	background:rgba(255,255,255,1.00);


	
	}
	
	.info-2{
	margin:auto;
	width:100%;
	max-width:850px;
	font-size:20px;
	color:#292929;
	    margin-left: 37%;
}

	.info-2 p{
	width:100%;
	max-width:400px;
	    margin-left: 5%;
}
/*---------- menu -------------------*/

.menu-3 {
	color:#292929;
	position:absolute;
	height:50px;
	left:50%;
	    margin-left: -226px;
    width: 452px;
	top:120px;
	z-index:30;
	   
	text-align:center;
	}

.menu-3{
	/*display:none;*/
	}

.menu-3 a{
	display:block;
	float:left;
	height:75px;
	 font-weight: 400;
	color:#292929;
	text-decoration:none;
	font-size:20px;
	margin-right:20px;
	margin-left:20px;
	opacity:1;
	transition:opacity 0.1s;
	-moz-transition:opacity 0.1s;
	-ms-transition:opacity 0.1s;
	-o-transition:opacity 0.1s;
	-webkit-transition:opacity 0.1s;
	}

.menu-3 a:hover{
	opacity:0.8;
	background:url(../images/selector_black.png) no-repeat;
	background-position:center;
	}
	
.selector-black{
	display:block;
	float:left;
	height:75px;
	font-weight:bold;
	color:#292929;
	text-decoration:none;
	font-size:20px;
	margin-right:20px;
	margin-left:20px;
	background:url(../images/selector_black.png) no-repeat;
	background-position:center;
	}


/*SERVICIOS*/
#servicios-circulos{
	width:100%;
	margin-top:50px;
	}
	
.serv{
	position:relative;
	width:150px;
	height:150px;
	float:left;
	margin:5px;

	}
.serv img{
	width:100%;
	}


.serv-hover{
	position:absolute;
	opacity:0;
	z-index:100;
	
		transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	-ms-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	-webkit-transition:opacity 0.2s;
	
	cursor:pointer;
	
	}

.serv-hover:hover{
	opacity:1;

	}

.tel-2{
	display:none;
	}

.tel-contacto {
    width: 325px;
    display: block;
}
.tel-contacto img {
    width: 100%;
}