html{
	height:100%;
	padding:0px;
	overflow:auto;
}
BODY {
	margin: 0px;
	padding:0px;
	background-color:#dadbdd;
	font-family: 'Merriweather Sans', sans-serif;
	color:#747675;
	min-width:1000px;
}
:focus {
	outline:0;
}
a img, iframe {
	border:none;
}
a{
	text-decoration:none;
	color:#4a4d4b;
	transition: all 0.5s;
}
a:hover{
	color:#ffd42d;
}
a:visited{

}
input, textarea, select, button {
	font-size:100%;
	font-family: inherit;
}
img {
	display:inline;
	border:none;
	margin:0px;
	padding:0px;
}
.clearfix:after {
	content: ".";
	display: block;
	height:0;
	clear:both;
	visibility:hidden;
}
form{
	margin:0px;
}
ul li{
	margin:10px 0px;
}
li,ul{
	margin-left:0px;
	padding-left:18px;
}
div{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
h1{
	font-weight:800;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:0px;
}
h2{
	margin-top:20px;
	font-family: 'Montserrat', sans-serif;
	font-weight:100;
	font-size:20px;
	text-transform:uppercase;
	padding:20px;
	padding-bottom:0px;
	margin-bottom:0px;
}
h3{
	font-weight:100;
	font-size:24px;
}
/*MENU NAVEGACION*/

.hamburger{
    position:fixed !important;
	display:none !important;
}
#main{
	width:800px;
	margin:auto;
	top:50px;
	position:relative;
}
#navegacion{
	float:left;
	width:200px;
}
#profile-img{
	height:200px;
	overflow:hidden;
	display: flex;
	align-items: center;
	justify-content: center;	
	position:relative;
}
#profile-background{
  width:120%;
  position:absolute;
}
#foto-oscar{
	position:absolute;
	top:35px;
	width:120px;
	border-radius: 70px;
	border: 10px solid rgba(166, 166, 166, .2);
}
#navegacion a{
	display:block;
	text-align:right;
	background-color:#2c373b;
	color:#d8dfe2;
	padding:25px 25px;
	vertical-align:middle;
}
#navegacion a:hover{
	background-color:#ffd42d;
	color:#2c373b;
}
#navegacion span{
	margin-left:10px;
	font-size:22px;
	vertical-align:middle;
}
#nav-arrows{
	position:absolute;
	top:12px;
	right:20px;
	font-size:40px;
	vertical-align:middle;
}
#nav-arrows span{
	font-size:10px;
	vertical-align:middle;
}
#nav-arrows a{	
	vertical-align:middle;
}
#contenido{
	background-color:#FFF;
	font-family: 'Montserrat', sans-serif;
	padding:20px;
	margin-left:200px;
}
.perfil li,.proyectos li{
	font-size:14px;
	line-height:30px;
}
.proyectos li:not(:last-child){
	margin-bottom:30px;
}
.proyectos li a{
	display:inline-block;
	background-color:#2C373B;
	color:#d8dfe2;
	margin-top:10px;
	padding:5px 10px;	
}
.proyectos li a:hover{
	background-color:#ffd42d;
	color:#2c373b;	
}
.proyectos li a span{
	font-size:20px;
	vertical-align:middle;
	margin-right:10px;
}
.encabezado-presentacion{
	font-family: 'Quicksand', sans-serif;
	font-size:1.5em;
	
}
.separador{
	display:inline-block;
	background-color:#ffd42d;
	width:100px;
	height:5px;
	margin:20px 0px;
}
.separador-2{
	height:1px;
	background-color:#dadbdd;
	margin:20px 0px;
}
#subtitulo-presentacion{
	line-height:30px;
}
.personal-data-line{
	margin:10px 0px;
	margin-bottom:20px;
}
.personal-data-label,.personal-data-data{
	font-size:14px;
}
.personal-data-label{
	display:inline-block;
	padding:3px 10px;
	border:1px solid #dadbdd;
	margin:0px;	
}
.personal-data-label:not(:first-child){
	margin-left:10px;
}
.personal-data-data{
	display:inline-block;
	padding:3px 10px;
	border:1px solid #dadbdd;
	margin-left:-5px;
	background-color:#f4f4f4;
}
#footer{
	background-color:#F1F1F1;
	padding:20px;
	margin-left:200px;	
	color:#2C373B;
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	text-align:center;
}
/*VISOR PROYECTOS*/
#contenido img{
	max-width:100%;
}
#contenido p{
	line-height:30px;
}
/*VISOR LISTADO NOTICIAS*/
.limpiador-float{
	clear:left;
}
#contenido .article-item{
	display:block;
	overflow:auto;
}
#contenido .article-item:not(:first-child){
	
}
#contenido .article-item:after{
	content:"";
	clear:both;
}
#contenido .article-item img{
	display:block;
	float:left;
	max-width:200px;
}
.item-titulo{
	margin-left:220px;
	font-weight:700;
}
.item-subtitulo{
	margin-left:220px;
	font-size:14px;
	margin-top:10px;
}
.separador-articles{
	margin:30px 0px;
}
/*CONTACTO*/
#contacto-contenedor{
	width:100%;
	margin:auto;
	margin:50px auto;
	position:relative;
}
.form-col{
	position:relative;
	margin-bottom:30px;
}
#form-contacto input[type=text],#form-contacto input[type=email],#form-contacto textarea{
	display:block;
	background-color:transparent;
	border:1px solid rgba(0, 0, 0, 1);
	padding:10px;
	width:calc(50% - 20px);
	color:#000;
	transition: all 0.3s;
}
#form-contacto input[type=text]:focus,#form-contacto input[type=email]:focus, #form-contacto textarea:focus{
	border:1px solid rgba(0, 0, 0, .2);
}
#form-contacto input[type=text]:not(:last-of-type){
	margin-bottom:20px;
}
#form-contacto textarea{
	position:absolute;
	right:0px;
	top:0px;
	height:calc(100%);
	resize:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box;	
}
.form-submit{
	text-align:center;
}
#form-contacto input[type=submit]{
	background-color:transparent;
	border:1px solid rgba(0, 0, 0, 1);
	padding:7px 40px;	
	background-color:#2C373B;
	color:#d8dfe2;
	transition:all 0.3s;
	cursor:pointer;
}
#form-contacto input[type=submit]:hover{
	background-color:#ffd42d;
	color:#2c373b;
}
#contacto-emails{
	width:200px;
	text-align:center;
	margin:auto;
}
#contacto-emails a{
	display:block;
	margin-bottom:20px;
}
#social-links-2{
	display:none;
}
#perfil-li-cont{
	width:330px;
	margin:auto;
}
/*COOKIES-BOX*/
#boxaceptarcondiciones{
	font-size:0.7em;
	color:red;
	margin-bottom:10px;
}
#cookiesbox{
	width:400px;
	position:fixed;
	z-index:1000000;
	background-color:#FFF;
	bottom:10px;
	right:10px;
	text-align:center;
	font-size:0.8em;
	padding:20px;
	border:1px solid grey;
	Z-INDEX:500;
	COLOR:#000;
}
#cookiesbox a{
	color:#666666;
}
#boton-cookie{
	display:inline-block;
	margin-top:10px;
	padding:10px;
	background-color:#FFF;
	border-radius: 10px;
	cursor:pointer;
	color:#FFF;
	border:1px solid grey;
	
}