@font-face {
  font-family: "Daniel";
  src: url("https://diegocamposjuanatey.com/fonts/danielbd.eot"); /* IE9 Compat Modes */
  src: url("https://diegocamposjuanatey.gpburbia.com/fonts/danielbd.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://diegocamposjuanatey.com/fonts/danielbd.otf") format("opentype"), /* Open Type Font */
    url("https://diegocamposjuanatey.com/fonts/danielbd.svg") format("svg"), /* Legacy iOS */
    url("https://diegocamposjuanatey.com/fonts/danielbd.ttf") format("truetype"), /* Safari, Android, iOS */
    url("https://diegocamposjuanatey.com/fonts/danielbd.woff") format("woff"), /* Modern Browsers */
    url("https://diegocamposjuanatey.com/fonts/danielbd.woff2") format("woff2"); /* Modern Browsers */
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Daniel";
  src: url("https://diegocamposjuanatey.com/fonts/daniel.eot"); /* IE9 Compat Modes */
  src: url("https://diegocamposjuanatey.com/fonts/daniel.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://diegocamposjuanatey.com/fonts/daniel.otf") format("opentype"), /* Open Type Font */
    url("https://diegocamposjuanatey.com/fonts/daniel.svg") format("svg"), /* Legacy iOS */
    url("https://diegocamposjuanatey.com/fonts/daniel.ttf") format("truetype"), /* Safari, Android, iOS */
    url("https://diegocamposjuanatey.com/fonts/daniel.woff") format("woff"), /* Modern Browsers */
    url("https://diegocamposjuanatey.com/fonts/daniel.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
body{
	background-color:#000;
	color:#fff;
	font-family:Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	font-size:18px;
	text-align:center;
	height: -webkit-fill-available;
}
a{
	color:#fff;
	outline:0;
	text-decoration:none;
}
a:hover{
	outline:0;
	text-decoration:none;
}
.contenedor{
	padding:20px;
	max-width:260px;
	margin-left:auto;
	margin-right:auto;
}
h1,h2,p,div,ul,li,hr,a{padding:0;margin:0;}
/*home*/
#home{
	min-height:100vh;
	overflow:hidden;
}
#home #logo{
/*	text-align:center;*/
}
#home #logo img{
	max-width: 260px;
}
#home .subtitulo{
	text-align:center;
	width:100vw;
}
#home .subtitulo h2{
	font-family:Daniel;
	font-size: 50px;
	font-weight: normal;
    display: inline-block;
    letter-spacing: 0.4px;
}
#home .subtitulo hr{
    border: 1px solid #fff;
    box-shadow: none;
    margin-top: -39px;
    margin-bottom: 39px;
    margin-left: calc( (100% - 260px) / 2);
}
#home #contacto{
	width:100%;
    margin-top:calc( (100vh - 338px) / 2);
}
#home #contacto>div.contenedor{
	padding-bottom:2px;
	text-align:right;
}
#home #contacto>div.contenedor:nth-child(3){
	padding-top:2px;
}
#home #contacto .no_mv{
	display:none;
}
#home #contacto a{
	display:block;
	margin:5px 0;
}
#home #contacto hr{
	border: 1px solid #fff;
    box-shadow: none;
    margin-right: calc( (100% - 260px) / 2);	
}
/*info*/
#info{
	padding-top:50px;
}
#info div#h1{
	font-family:Daniel;
	font-size: 34px;
	font-weight:bold;
	/*display:flex;
	flex-wrap:wrap;
	justify-content:space-between;*/
}
#info div#h1>p:first-child{
	display:block;
	text-align:center;
}
#info div#h1>p{
}
#info div#h1 span.dest{
	font-size:70px;
	font-weight: bold;
}
#info .texto{
	text-align:center;
	margin:25px auto 50px auto;
	line-height: 150%;
	letter-spacing:1px;
}
#info nav{
	border-top:1px solid #fff;
}
#info nav ul{
	list-style-type:none;
}
#info nav ul li{}
#info nav ul li a{
	display:block;
	text-align:center;
	padding:3px 0px 3px 0px;
	margin:5px auto;
	position: relative;
	line-height: 31px;
}
#info nav ul li a:after {    
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
#info nav ul li a:hover:after { 
  width: 100%; 
  left: 0; 
}
#info .notas{
	font-size:14px;
	font-style: italic;
}
#info .notas div.hr{
	border-top:1px solid #fff;
}
@media(min-width:650px){
	.contenedor{
		max-width:610px;
	}
	#home #logo img{
		max-width:610px;
	}
	#home .subtitulo{
		text-align:right;
	}
	#home .subtitulo h2{
		font-size:35px;
		letter-spacing:0.1px;
		margin-right:calc( ( 100vw - 650px ) / 2);
	}
	#home .subtitulo hr{
		margin-top:-35px;
		margin-bottom:35px;
		margin-left:calc( ( (100% - 260px) / 2 ) + 253px);
	}
	#home #contacto{
		font-size:17px;
	}
	#home #contacto>div.contenedor{
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#home #contacto .no_mv{
		display:inline-block;
	}
	#home #contacto .mv{
		display:none;
	}
	#home #contacto hr{
		margin-right:calc( (100% - 610px) / 2);
	}
	#info .texto{
		text-align:justify;
	}
	#info div#h1{
		font-size:31px;
		text-align:justify;
	}
	#info div#h1>p:first-child,
	#info div#h1 p{
		display:inline-block;
	}
	#info div#h1 span.dest{
		font-size:56px;
	}
	#info nav ul{
		display:flex;
		flex-wrap:wrap;
		flex-flow:wrap;
		justify-content: space-between;
	}
}
/*ampliamos márgenes a 60px*/
@media(min-width:1200px){
	.contenedor{
		max-width:800px;
		padding-left:200px;
		padding-right:200px;
	}
	#home #logo img{
		max-width:800px;
	}
	#home .subtitulo h2{
		font-size:46px;
		margin-right:calc( ( 100vw - 1200px ) / 2);
	}
	#home .subtitulo hr{
		margin-left:calc( ( (100% - 181px) / 2 ) + 253px);
		margin-top:-39px;
		margin-bottom:39px;
	}
	#home #contacto{
		margin-top:calc( (100vh - 450px) / 2);
	}
	#home #contacto hr{
		margin-right:calc( (100% - 800px) / 2);
	}
	#home #contacto{
		font-size:20px;
	}
	#home #contacto .email{
		letter-spacing:1.1px;
	}
	#home #contacto .no_mv{
		letter-spacing:1.4px;
	}
	#info div#h1{
	    display: flex;
    	justify-content: space-between;
    	/*correción tipografía que se sale por la derecha*/
	    padding-right: 205px;
	    max-width: 795px;
	}
}
@media(min-height: 600px){
	#home #logo{
		margin-top:calc( (50vh - 235px) / 2);
	}
	#home #contacto{
		margin-top:calc( (100vh - 426px) / 2);
	}
}/*
.control,
.control2,
.control3{
	
	position:absolute;
	top:0;
	left:calc( ( 100% + 800px ) / 2);
	height:2000px;
	border-left:1px solid #fafafa;
	
}
.control2{
	left:calc( ( 100% - 800px ) / 2);
}
.control3{
	left:calc( ( 100% + 434px ) / 2);
}*/