/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Tenor+Sans|Pontano+Sans|Roboto:300,400,500,700);

body{
	font-family: 'Roboto', sans-serif;
	margin:0;
	padding:0;
	}
	
body a{
	color:#000000;
	}
	
p{font-size:20px;font-weight:300;}
	
#granwrapper{
	min-width:560px;
	width:auto;
	}
	
#columna-principal-izquierda{
	position:fixed;
	float:left;
	width:50%;
	min-width:200px;
	}
#menu-titulo{
	width: 80%;
	font-size: 27px;
	font-weight: 300;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	margin: 18px;
	position: absolute;
	z-index: 500;
	}
#menu-titulo a{
	color:#fff;
	text-decoration:none;
}

#menu-titulo a img{
	opacity:1;
    -webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
    transition: 0.5s;
	}

#menu-titulo a img:hover{
	opacity:0.6;

	}


#menu-principal{
	width:50%;
	font-size:27px;
	font-weight:300;
	color:#fff;
	
	-webkit-font-smoothing: antialiased;
	
	margin:18px;
	margin-top:35px;
	position:relative;
	z-index:500;
	}

#menu-principal a{
	color:#999;
	text-decoration:none;
}

#menu-principal a:hover{
	color:#000;
}

#lista-menu-principal{
	color:#999;
	margin:0;
	padding:0;
	list-style-type:none;
	}


#lista-proyectos{float:right;width:600px; margin:18px;}
#lista-proyectos ul{margin:0; padding:0; list-style-type:none;}
#lista-proyectos ul li {clear:both; margin-bottom:40px;}
#lista-proyectos ul li a{display:block;}

#texto-lista{width:320px;float:left;}
#titulo-lista {font-size:27px; line-height:33px; color:#000; font-weight:300; text-decoration:none;}
#subtitulo-lista{font-size:19px;line-height:22px; color:#999; font-weight:300; margin-top:3px;}
#subtitulo-lista2{
	font-size: 16px;
	line-height: 20px;
	color: #999;
	font-weight: 300;
	margin-top: 20px;
}
/*#subtitulo-lista:hover{color:#000;}*/

#estudio-lista{width: 100%; text-align: justify;}
#estudio-lista p{font-size:16px;}

#texto-socios a{display:inline-block !important	;}
#imagen-socios{width:100%;}
#imagen-socios img{ width:100%; height:auto;}


#imagen-lista{width:265px; float:right;}
#imagen-lista a{display:block;}
#imagen-lista img{width:100%; height:auto;}


#galeria-proyecto img{width:100%;height:auto;margin-bottom:10px;}



@media only screen and (max-device-width: 780px), only screen and (max-width: 780px) {

.slides-navigation a.next{
	right: 15px !important;
	padding-top:37% !important;
}

.slides-navigation a.prev{
	left: 15px !important;
	padding-top:37% !important;
}

#columna-principal-izquierda{
	width:auto;
	position:relative;
	float:none;
}

#menu-titulo{
	margin:18px 5px;
	width:auto;
}

#menu-principal{
	width:auto;
	margin: 9px 5px;
	margin-top: 15px;
	display:none;
	}

#lista-proyectos{
	margin:9px auto;
	float:none;
	width:95%;
	}
}