/*!	BASED ON : armazon.css v0.3.1 - Lightweight and Supersimple CSS3 Boilerplate Micro Framework built on LESS
 	(c) 2016 Jorge Moreno ( @alterebro ) - MIT License - https://github.com/alterebro/armazon.css
*/

html,body{margin:0;padding:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:62.5%}
/* body{font-size:1.6em;line-height:1.5}*,*:before,*:after{box-sizing:inherit;-webkit-transition:all .25s ease-out;transition:all .25s ease-out} */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
a{background-color:transparent;text-decoration:none;border-bottom:solid transparent 1px}
a:active,a:hover{outline:0;}
b,strong{font-weight:bold}dfn{font-style:normal}small{font-size:80%}
img{border:0;display:block;margin:0 0 1.8rem 0;max-width:100%}
hr{height:0;margin:3.6rem 0;border:none;border-top:dotted #d3d3d3 1px}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}button,select{text-transform:none}
button,html input[type="button"],input[type="button"],input[type="reset"],input[type="submit"]{
	cursor:pointer;display:inline-block;text-transform:uppercase;font-size:1rem;font-weight:700;letter-spacing:.1rem;
	text-align:center;color:#fafbfc;border:none;white-space:nowrap;border-radius:3px;text-shadow:0 -1px 0 rgba(0,0,0,0.1);
	vertical-align:top;min-width:24rem;max-width:100%;padding:0;height:3.6rem;line-height:3.6rem}
button:hover,button:focus,html input[type="button"]:hover,
html input[type="button"]:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="reset"]:hover,input[type="reset"]:focus,
input[type="submit"]:hover,input[type="submit"]:focus{
	text-decoration:none;color:#fafbfc;border:none;outline:0
}
button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;padding:0}input{line-height:normal
}
input[type="checkbox"],input[type="radio"]{padding:0;display:inline}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
	-webkit-appearance:none}form{margin:0;padding:0
}
label{display:block}textarea{overflow:auto}
optgroup{font-weight:bold}
input[type="date"],input[type="time"],input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select{
	-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:solid #d3d3d3 1px;border-radius:none;display:inline-block;vertical-align:top;padding:.5rem .75rem;width:100%;max-width:30rem;height:3.6rem
}
select{
	border:none;outline:1px solid #d3d3d3;outline-offset:-1px;border-radius:0;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAPAQMAAAA1YcYVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkUxNzU1QTlBNzZDMTFFNUFFODhCOENCNDg0MUFBMjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkUxNzU1QUFBNzZDMTFFNUFFODhCOENCNDg0MUFBMjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RTE3NTVBN0E3NkMxMUU1QUU4OEI4Q0I0ODQxQUEyNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RTE3NTVBOEE3NkMxMUU1QUU4OEI4Q0I0ODQxQUEyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PszxATYAAAAGUExURczMzMzMzL4bSpkAAAABdFJOUwBA5thmAAAAPElEQVQI12MQYBBgsADCGiD8B4T1jH8Y7Jt/MMgf/8DA//4BA/v/AwzM/xsYGP8zMAClGYDKGIDKGYDaABK9EHmI0q4WAAAAAElFTkSuQmCC');
	background-repeat:no-repeat;background-size:12px 8px;background-position:right 8px top 50%
}
textarea{min-height:12rem}
input[type="date"]:focus,input[type="time"]:focus,input[type="email"]:focus,input[type="number"]:focus,
input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,
input[type="password"]:focus,textarea:focus,select:focus{border:solid #8d5ca6 1px;outline:0}select:focus{border:none;outline-offset:-1px;border-radius:0}
ol,ul{padding:0 0 0 1.8rem;margin:0 0 3.6rem 1.8rem}ol li,ul li{padding:.1rem 0}
ul ul,ul ol,ol ol,ol ul{margin:.5rem .9rem}
dl dd{margin:0;padding:0;color:#a0a0a0}
button,.button,input,textarea,select,fieldset{margin:0 0 5px 0}h1,h2,h3,h4,h5,h6,p,pre{margin:0 0 1.8rem 0}
blockquote,figure,table,dl{margin:0 0 3.6rem 0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}


header h1:after{content:'';display:inline-block;width:24px;height:24px;background-image:url(../icon.png);background-size:24px;margin:0 0 0 10px;vertical-align:middle}
footer{clear:both;padding:2rem 0}footer hr{display:none}footer p{border-top:dotted #df9692 1px;padding:20px 20px 0 20px;margin:0 0 5px 0;text-align:center}
footer ul.social-sharing{margin:0;padding:0;list-style:none;text-align:center}footer ul.social-sharing li{display:inline-block;margin:0 0 0 5px;font-weight:400}
footer ul.social-sharing li i{margin:0 5px 0 0}footer ul.social-sharing li:first-child{margin:0}section[role="main"]{margin:0 auto;overflow:auto}
section[role="main"] p.intro{padding:0 25px;margin:0 auto 10px auto;text-align:justify}

@media all and (min-width: 480px){
	section[role="main"] p.intro{text-align:left}
}
section[role="main"] dl{
	width:290px;margin:0 auto;padding:0}section[role="main"] dl dt{
	clear:both;border-bottom:dotted #8d5ca6 1px;line-height:30px;padding:5px 0 0 0
}

section[role="main"] dl dd{float:left;overflow:auto}
section[role="main"] dl dd span{display:block;float:left;padding:0 5px 0 0}
section[role="main"] dl dd span label{font-size:80%;line-height:20px;display:block;padding:.5rem 0 0 0}
section[role="main"] dl dd p{line-height:20px;margin:0;padding:5px 0 0 0;font-size:80%;white-space:nowrap;overflow:hidden;width:95px;visibility:hidden}
section[role="main"] dl dd input[type="button"],section[role="main"] dl dd button{width:95px;min-width:0;padding:0;display:block;float:left}
section[role="main"] dl dd.time-input span,section[role="main"] dl dd.pace-input span,section[role="main"] dl dd.distance-input span{width:65px}
section[role="main"] dl dd.distance-input span:nth-child(1){width:65px}
section[role="main"] dl dd.distance-input span:nth-child(2){width:130px}
section[role="main"] dl dd.distance-input div.separator-or{clear:both;font-size:75%;text-transform:uppercase;letter-spacing:.15rem;padding:0 0 .25rem 0}
section[role="main"] dl dd.distance-input div.event-input{margin:0 .5rem 0 0}

@media all and (min-width: 480px){
	section[role="main"] dl{font-size:1.5rem;width:420px}section[role="main"] dl dd p,section[role="main"] dl dd input[type="button"],section[role="main"] dl dd button{width:195px}
	section[role="main"] dl dd button:before{content:'calcular '}
	section[role="main"] dl dd.time-input span,section[role="main"] dl dd.pace-input span,section[role="main"] dl dd.distance-input span{width:75px}
	section[role="main"] dl dd.distance-input span:nth-child(1){width:75px}
	section[role="main"] dl dd.distance-input span:nth-child(2){width:150px}
}

#modal-window{position:fixed;top:200%;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0)}
#modal-window.open{top:0;background-color:rgba(0,0,0,0.35)}
#modal-window div[class^="modal"]{
	background:#fafbfc;width:280px;margin:0 auto;padding:3.6rem;position:relative;top:50%;-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);transform:translateY(-50%);box-shadow:0 0 0 1px rgba(0,0,0,0.2),0 0 0 4px rgba(0,0,0,0.1)
}
#modal-window div[class^="modal"] #modal-error{color:#6b2420;margin:0 0 2rem 0 !important}
#modal-window div[class^="modal"] dl{margin:0 0 1.8rem 0}
#modal-window div[class^="modal"] dl dt dfn{text-transform:uppercase;font-size:80%;font-weight:400;color:#a0a0a0}
#modal-window div[class^="modal"] dl dd{font-size:190%;font-weight:100;letter-spacing:-0.05rem;text-align:right}
#modal-window div[class^="modal"] p{margin:0}#modal-window div[class^="modal"] p button{width:100%;min-width:auto;margin:0}


/* --- NEW CSS --- */

button#btn_reset{
	height: auto;
    background-color: black;
    color: white;
    /*font-size: 1em;*/
	margin-bottom: 2em;
}

.reset_pace{
	text-align: center;
	margin-top: 1em;
}

input#convert-mph{
	width: 5em;
}

input#convert-sec, input#convert-min{
	width: 4em;
}

.dl_converter {
    display: grid;
	margin-bottom: 3.5em !important;
}

section[role="main"] dl dd.buttons-converter{
	float: none;
}

.buttons-converter button{
	margin: 0.5em;
}

dd.speed-converter span {
    margin: 0em 3em;
}

@media all and (min-width: 480px){
	section[role="main"] dl dd.buttons-converter button:before{
		content:none;
	}
}

button#calculate-time,
button#calculate-distance,
button#calculate-pace{
	margin-top: 1em;
}

.separador_calc{
	margin-top: 1em;
	margin-bottom: 1em;
}


@media all and (max-width: 480px){
	
	dd.speed-converter{
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	
	dd.speed-converter span {
		margin-right: 0;
		margin-left: 0;
	}
	
	section[role="main"] dl dd input[type="button"], section[role="main"] dl dd button{
		width: 100%;
	}
}