/*
Theme Name: maggblog
Description: Tema para el blog magarciaguerra.com
Author: Miguel Ángel García Guerra
Author URI: http://www.magarciaguerra.com/
Version: 0.1 BETA
*/
/* Reglas generales ----------------------------------------------------------*/
body{
	margin: 0;
	padding: 0;
    font-family: "Helvetica Neue", Helvetica, sans-serif, Arial;
	text-rendering: optimizeLegibility;
	}
a{
	color: #1982d1;
	text-decoration: none;
	}
a:hover{
	text-decoration: underline;
	}
/*------------------------------------end-------------------------------------*/	
	
/* Container -----------------------------------------------------------------*/
#container{
	/*background: #eee;*/
	margin: 0 auto;
	max-width: 980px;
	padding: 0;
	width: 96%;
	}
/*------------------------------------end-------------------------------------*/		
	
/* Header --------------------------------------------------------------------*/
#header {
	/*background-color: #e58a8a;*/
	border-bottom: 1px #000 solid;
	padding: 0 0 20px 0;
	text-align: center;
	}
	#header h1{
		margin: 32px 0 0 0;
		text-decoration: none;
		/*text-shadow: 3px 4px 1px #ccc;*/
		/*text-transform: uppercase;*/
		}
		#header h1  a{
			background: transparent url(http://www.magarciaguerra.com/files/theme/logo.png) no-repeat center top;
			color: inherit; /*borrar si se quiere que tenga color de enlace*/
			display: inline-block;
			padding-top: 128px;
			text-decoration: none;
			}
		#header h1 a:hover  {
			color: #1982d1;
		}
	#header h2{
		color: #000;
		font-weight: normal;
		font-family: arial;
		text-transform: uppercase;
		font-size: 60%;
		letter-spacing: 5px; 
		margin: 0;
		padding: 0;
		}
	#content h2 a{
	color: inherit;
	text-decoration: none;
	}
	
/*------------------------------------end-------------------------------------*/

#content {
	/*background-color: #cbffd2;*/
	padding: 1.2em 0px 3em 0;
	margin: 0 auto;
	max-width: 800px;
	}	
#content h2{
	font-size: 200%;
	margin: 0;
	padding: 0;
	color: #000;
	margin-top: 2Em;
	}
#content h2 a:hover {
	color: #1982d1;
	}
#content .post-meta{
	color: #808080;
	}
#content img{
	max-width: 100%;
	height: auto;
	}
#content p img.alignleft {
	float:left;
	}
#content p {
	line-height: 1.625Em;
}
#content ul, #content ol {
	margin: 0 0 1.625em 2.5em;
	line-height: 1.625Em;
	}

#content .post-more {
	text-align: right;
	margin-top: -1em;
	}	
#content #navigation {
	margin: 2Em 0;
	width: 100%;
	overflow: hidden;
}
#content #navigation #previous {
	width: 45%;
	text-align: right;
	float: left;
}
#content #navigation #next {
	width: 45%;
	float: right;
}
#content #socialshare {
	text-align: center;
	margin: 2Em 0;
	font-size: 95%;
}
#content #socialshare a {
	padding: 0 1Em;
	color: #808080;
}
#content blockquote {
	line-height: 1.625Em;
	background: #fff url(http://www.magarciaguerra.com/files/theme/cita.png) no-repeat  no-repeat 0 0;
	margin:0 5%;
	padding: 0.06Em 6.5%;
	color: #5a5a5a;
}
#content blockquote p:first-child {
	margin-top: 0;
}
.post-tags {
	text-transform: uppercase;
	font-size: 90%;
}
.page-tags {
	text-transform: uppercase;
	font-size: 90%;
}
	
/* Menu ----------------------------------------------------------------------*/	
#menu {
	/*background-color: #8c8585;*/
	border-top: 1px #000 solid;
	padding: 0.8Em 0;
	text-align: center;
	}
	#menu ul{
		list-style: none;
		margin: 0;
		padding: 0;
		}
		#menu ul li{
			color: #fff;
			display: inline-block;
			margin: 0 1Em 1Em 2Em;
			/* Antes de la sección de videojuegos, la línea anterior tenía: margin: 0 2Em 1Em 2Em;*/
			}
			#menu ul li a{
				background: #000;
				border-radius: 1Em;
				color: inherit;
				display: block;
				padding: 0 1Em;
				text-decoration: none;
				}
			#menu ul li a:hover{
				background: #808080;
				}
/*------------------------------------end-------------------------------------*/

/* Footer ----------------------------------------------------------------------*/
#footer {
	/*background-color: #7db4ff;*/
	padding: 4Em 0;
	text-align: center;
	}
	#footer .button-image{
		/*background: #faa;*/
		background-image: url(http://www.magarciaguerra.com/files/theme/botonerasocial.png);
		display: inline-block;
		height: 40px;
		margin: 0 1Em 1Em 1Em;
		overflow: hidden;
		text-indent: 48px;
		white-space:nowrap;
		width: 40px;
		}
	#footer .correo{background-position: 0 0;}
	#footer .correo:hover{background-position: 0px 40px;}			

	#footer .facebook{background-position: -80px 0;}
	#footer .facebook:hover{background-position: -80px 40px;}

	#footer .gplus{background-position: -160px 0;}
	#footer .gplus:hover{background-position: -160px 40px;}	

	#footer .linkedin{background-position: -120px 0;}
	#footer .linkedin:hover{background-position: -120px 40px;}	

	#footer .twitter{background-position: -40px 0;}
	#footer .twitter:hover{background-position: -40px 40px;}

	#footer .youtube{background-position: -200px 0;}
	#footer .youtube:hover{background-position: -200px 40px;}
	
	#footer .license{
		color: #808080;
		margin-top: 4Em;
		}
/*------------------------------------end-------------------------------------*/

/* Aviso Cookies--------------------------------------------------------------*/
#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:40px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}
 
.inner a.ok {
    padding:4px;
    color:#00ff2e;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}
/*------------------------------------end-------------------------------------*/