.Header {
    background: #EEE;
    border-bottom: 8px solid #d70606;
    margin-bottom: 25px;
    transition: all ease 0.3s;
}

.Nav-Header ul li a:hover {
    color: #d70606;
}

.Blog-Title {
	white-space:nowrap;
}

.Blog-Title h1 {
	margin:15px 0 5px 0;
}

.Blog-Title h1 a {
	font-size:28px;
}

.Blog-Title h2 {
    color: #d70606;
}

#JASoft {
	display:block;
	float:left;
	margin-top:12px;
	margin-left:20px;
}

#Logo {
	background:url("../img/logo.jpg") left top no-repeat;
	background-size:contain;
	width:100px;
	height:100px;
	border-radius:50px;
	border:1px solid white;
	float:left;
	margin-right:20px;
}

.Second-Line {
	padding-top:20px;
	padding-bottom:20px;
}

.post .PostTitle a {
    color: #d70606;
    font-size: 28px;
}

.post .PostBody h1, .post .PostBody h2, .post .PostBody h3, .post .PostBody h4, .post .PostBody h5, .post .PostBody h6 {
	color:#d70606;
}


a, a:hover, a:focus {
	color: #d70606;
}

a:hover, a:focus {
	border-bottom: 1px dashed #d70606;
}

.PostBody pre{
   background-color: #F5F5F5;
    border-left: 5px solid #5AD8FF;
    color: #222222;
    font-family: 'Courier New',monospace;
    margin: 1em 0 1.6em 1.6em;
    max-width: 690px;
    overflow: auto;
    padding: 1em;
    white-space: pre;
}

.PostBody p code {
    font-family: monospace,serif;
    font-size: 1em;
    padding: 3px 6px;
    background-color: rgba(95,131,65,.1);
    color: #444;
    border-radius: 3px;
}

/* Aumentar los márgenes por el estilo de Prism */
.PostBody :not(pre) > code[class*="language-"], pre[class*="language-"] {
    margin-top: 1.5em;
    margin-bottom: 2em;
}

/* Quitar borde izquierdo y ancho máximo en código de Prism */
.PostBody pre[class*="language-"] {
    border-left: 0;
    max-width: none;
}

/*
Los enlaces externos los indico con un icono (no los interiores)
*/
.post .PostBody a:not([href^="http://www.jasoft.org/"]){
  background: url(../img/external-link.gif) no-repeat right center;
  padding-right: 1em;
}
.post .PostBody a[href^="/Blog/"],
.post .PostBody a[href^="#"],
.post .PostBody a[href^="mailto:"]{
  background: none;
  padding-right: 0em;
}

.post .PostInfo a:hover, .post .PostInfo a:focus {
	border-bottom: 0px;
}

blockquote {
    border-left: 4px solid #d70606;
}

.post {
	border-bottom: none;
}
#relatedPosts {
	display:none;
}

.commentForm {
	margin-top:0px;
}

.FixedPos {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1;
}

.Second-Line {
	margin-top:55px;
}

.Footer .scrollup {
	background-color: #d70606;
	background-position: center;
	border-radius: 128px;
	border: 2px solid rgb(236, 236, 236);
	border-image: none;
	width: 48px;
	height: 48px;
	right: 25px;
	bottom: 25px;
	display: none;
	position: fixed;
	z-index: 250;
	cursor: pointer;
	background-image: url("../img/up.png");
	background-repeat: no-repeat;
	-moz-border-radius: 128px;
	-webkit-border-radius: 128px;
}

.ImgPeek {
	float:right;
	margin-left:10px;
	margin-right:10px;
	width:200px;
	height:200px;
	background: center top no-repeat;
	background-size:contain;
}

.AuthorName {
	font-weight:bold;
	text-decoration:underline;
}

.PostCategories {
	background:url('../img/categs.png') left top no-repeat;
	padding-left:30px;
	margin-bottom:5px;
}

.PostTags {
	background:url('../img/tags.png') left top no-repeat;
	padding-left:30px;
	margin-bottom:5px;
}

.AdminLine {
	height:25px;
}

.PostRating {
	float:left;
	width:80%;
}

.AdminLinks {
	float:right;
	width:20%;
}

.CommentCount {
	background:url('../img/comments.png') left top no-repeat;
	padding-left:30px;	
	margin-bottom:10px;
}

#Sharing {
	background:url('../img/sharing.png') left 20px no-repeat;
	padding-left:30px;	
	margin-top:5px;
	padding-top:10px;
	border-top: 2px #d70606 dotted;
	height:50px;
}

#ShareTwitter, #ShareFacebook, #ShareLinkedIn, #ShareGPlus, #SharePocket, #ShareWhatsApp {
	float:left;
	line-height:normal;
	margin-bottom:1em;
}

#ShareTwitter a, #ShareFacebook a, #ShareLinkedIn a, #ShareGPlus a, #SharePocket a, #ShareWhatsApp a {
	border-bottom:0;
}
	


.Publi img {
	display:block;
	margin: 20px auto 0px auto;
}

.comment .gravatar {
	height:50px;
	width:50px;
}

.gravatar img {
	border-radius:25px;
}

.comment .comment-contents {
	font-size: 16px;
}

.comment .comment-contents .DateTime{
	font-size: 13px;
}

/* CONTACT FORM y COMMENT FORM */
#contact label, .commentForm label {
	width: 20%;
	text-align:right;
	font-weight:bold;
	margin-right:10px;
}

#contact input, .commentForm input {
	width: 70%;
}

#contact textarea {
	display:inline;
	width: 70%;
	height:200px;
}

#contact input[type='submit'] {
    margin: 1px 7%  1px auto;
}

.Content-Wrapper input[type='submit'], .Content-Wrapper input[type='button'], #newsletterform input[type='submit']:hover, .Btn, .Content-Wrapper input[type='submit']:hover, .Content-Wrapper input[type='button']:hover, #newsletterform input[type='submit']:hover, .Btn:hover {
    background: #d70606;
    color: #fff !important;
}

#side-banners-campusMVP a {
	border-bottom: 0;
}

.authorInfo .photo {
	border-radius: 50%;
	float: left;
	margin-right: 15px;
	margin-top: 0.1em;
}
.Avatar-nombre-autor {
	margin-bottom: 1.5em;
	padding: 2%;
	overflow: hidden;
	clear: both;
	border: 2px dotted #00324B;
}

/*
Envuelve a los elementos iframe (normalmente de vídeo) para que conserven la relación de aspecto 16:9
*/
.videoWrapper {
	position:relative;
    width:100%;
    height:0;
    padding-bottom:56.25%;
}

.videoWrapper iframe {
	position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

/* Barras de scroll del código */
.PostBody {
    scrollbar-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0);
    scrollbar-width: thin;
}

.PostBody pre {
    max-height: 550px;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0);
    scrollbar-width: thin;
}

.PostBody pre > code::-webkit-scrollbar, .PostBody pre::-webkit-scrollbar {
    -webkit-appearance: none;
}

.PostBody pre > code::-webkit-scrollbar:vertical, .PostBody pre::-webkit-scrollbar:vertical {
    width: 12px;
}

.PostBody pre > code::-webkit-scrollbar:horizontal, .PostBody pre::-webkit-scrollbar:horizontal {
    height: 12px;
}

.PostBody pre > code::-webkit-scrollbar-thumb, .PostBody pre::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 3px solid #ffffff;
}

.PostBody pre > code::-webkit-scrollbar-track, .PostBody pre::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: transparent; 
}

/* MEDIA QUERIES */
@media screen and (max-width:1024px) {
	.btn-nav {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:1;
	}
	
	.ImgPeek {
		display:none;
	}
	
	/*#Sharing {
		display:none;
	}*/
	
	#searchbox input[type='text'] {
    width: 150px;
}
}

@media screen and (max-width:640px) {
	
	#Logo {
		background:url("../img/logo.jpg") left top no-repeat;
		background-size:contain;
		width:64px;
		height:64px;
		border-radius:32px;
		border:1px solid white;
		float:left;
		margin-right:10px;
	}
	
	.Nav-Header {
		margin-top:40px;
	}
	.Blog-Title {
		text-align:left;
		white-space: normal;
	}
	
	.Blog-Title h1 a {
		font-size:22px;
		margin:0 0 3px 0;
	}
	
	.Blog-Title h2 {
		font-size:10px;
		padding: 0 3px;
	}
	
	.Footer .scrollup {
		right: 5px;
		bottom: 5px;
	}
	
	.PostBody img {
		display:block !important;
		float:none !important;
		margin: 5px auto !important;
		max-width:100% !important;
		height:auto !important;
	}
	
	/* CONTACT FORM */
	#contact label {
		display:block;
		width: 98%;
		text-align:left;
		font-weight:bold;
	}

	#contact input {
		display:block;
		width: 98%;
	}

	#contact textarea {
		display:block;
		width: 98%;
		height:150px;
	}
}