.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;
}

.PostBody img {
	max-width:100% !important;
	height:auto !important;
}

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

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

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

/*
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 10px no-repeat;
	padding-left:30px;	
	margin-top:5px;
	padding-top:10px;
	border-top: 2px rgb(7, 137, 201) dotted;
	height:30px;
}

#ShareTwitter {
	float:left;
	width:100px;
	height:30px;
	margin-bottom:10px;
}

#ShareFacebook {
	float:left;
	width:100px;
	height:30px;
	margin-left:20px;
	margin-bottom:10px;
}

#ShareLinkedIn {
	float:left;
	width:100px;
	height:30px;
	margin-left:20px;
	margin-bottom:10px;
}

#ShareGPlus {
	float:left;
	width:100px;
	height:30px;
	margin-left:20px;
	margin-bottom:10px;
}

#SharePocket {
	float:left;
	width:100px;
	height:30px;
	margin-left:20px;
	margin-bottom:10px;
}

#ShareWhatsApp {
	background:url('../img/Whatsapp.png') left top no-repeat;
	float:left;
	width:100px;
	margin-left:20px;
	margin-bottom:10px;
	width: 67px;
	height:30px;
}

#ShareWhatsApp a {
	text-indent: -9999px;
	display:block;
}

.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;
}

/*
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%;
}

/* MEDIA QUERIES */
@media screen and (max-width:1024px) {
	.btn-nav {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:1;
	}
	
	.ImgPeek {
		display:none;
	}

	#searchbox input[type='text'] {
    width: 150px;
	}
}

@media screen and (max-width:550px) {

	#ShareFacebook {
		margin-left:0px;
	}

	#ShareLinkedIn {
		margin-left:0px;
	}

	#ShareGPlus {
		margin-left:0px;
	}
	
	#SharePocket {
		margin-left:0px;
	}

	#ShareWhatsApp {
		margin-left:0px;
	}
}

@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;
	}
}

/*
banners del lateral
*/ 
#side-banners-campusMVP {
	overflow: hidden;
	max-width:300px;
	margin:0 auto;
}

#side-banners-campusMVP a, #side-banners-campusMVP img {
	display: block;
	border:0px;
}


#side-banners-campusMVP a:hover img {
	opacity:0.7;
}
	
	
#Html-Css, #JsFundamentos {
	 float: left;
 }

#AspNet, #JsAvanzado {
	float: right;

}