body, html {
	margin:0px !important;
	border:0px !important;
	font-family: 'Fira Sans', sans-serif !important;
	font-size:14px;
	background:#F8F8F8 !important;
}

.wrapper { width:100%; }
@media (min-width:900px) {
	.wrapper {
		width:900px;
		margin:auto;
	}
}

#graph-back {
	position:absolute;
	height:130px;
	bottom:-10px;
	right:0px;
}

.site-header {
	background:url(../res/back.png);
	font-family: 'Fira Sans', sans-serif !important;
	font-size:14px;
	font-weight:200;
}

.site-header > .wrapper {
	height:200px;
	position:relative;
}

.site-header .logo-wrapper {
	display:block;
	position:absolute;
	top:48px;
}
.site-header .logo-wrapper i {
	display:block;
	color:#666;
	padding-left:85px;
}

body.no-tagline .site-header{
	height: 140px;
}
body.no-tagline .site-header .tagline{
	display: none;
}

body.no-tagline #general-state-internet{
	display: none;
}

.site-header .site-nav {
	height:60px;
	line-height:60px;
	position:absolute;
	top:0px;
	right:0px;
}

.site-header .site-nav > a,
.site-header .site-nav > div {
	float:right;
	position:relative;
}
.site-header .site-nav > a,
.site-header .site-nav > div > a {
	padding:0 20px;
	text-shadow:#000 0px 1px 3px;
	display:block;
}

.site-header .site-nav > a:link,
.site-header .site-nav > div > a:link,
.site-header .site-nav > a:visited,
.site-header .site-nav > div > a:visited,
.site-header .site-nav > a:active,
.site-header .site-nav > div > a:active {
	color:#FFF;
	text-decoration:none;
}

.site-header .site-nav > a:hover,
.site-header .site-nav > div:hover {
	text-decoration:none;
	background:rgba(255,255,255,.05);
}

.site-header .site-nav > div .dropdown-menu {
	right:0px;
	left:auto;
}

#general-state-internet {
	line-height:23px;
	font-size:13px;
	position:absolute;
	text-align:right;
	bottom:-23px;
	right:60px;
	color:#FFF;
}
#general-state-internet b {
	color:#000;
	font-size:15px;
	display:block;
}
#general-state-internet div {
	position:absolute;
	height:50px;
	width:50px;
	margin-top:-25px;
	top:50%;
	right:-60px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	box-shadow:0px 0px 20px rgba(0,0,0,0.1),
				0px 3px 5px rgba(0,0,0,0.1);
}

#general-state-internet.normal b:before { content:"Grave"; }
#general-state-internet.normal div      { background:#00B54C; }
#general-state-internet.regular b:before { content:"Regular"; }
#general-state-internet.regular div      { background:#FF7F07; }
#general-state-internet.grave b:before { content:"Grave"; }
#general-state-internet.grave div      { background:red; }

.page-content > .wrapper > div {
	background:#FFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	padding:40px;
}
.page-content > .post-header > h1 {
	padding:30px 0;
	margin:0;
}
.page-content > div.wrapper:first-child {
	margin-top:60px;
}

article.post-content img{
	max-width: 100%;
}

article.post-content p{
	font-size: 1.2em;
	margin-bottom: 30px:
}
article.post-content p.cover{
	margin: -40px;
	margin-bottom: 30px;
}




article.post-content h1, article.post-content  h2, article.post-content h3, article.post-content h4, article.post-content h5, article.post-content h6, article.post-content .h1, article.post-content .h2, article.post-content .h3, article.post-content .h4, article.post-content .h5, article.post-content .h6{
	margin-top: 2ch;
	margin-bottom: 0.7ch;
}

.site-footer > .wrapper {
	padding:30px 0;
}
.site-footer .logo-cs {
	display:block;
	height:60px;
	width:134px;
	background:url(../res/conexion-segura.png);
}



/* POST LOOP */

article span.byline{
	margin-left: 25px;
	color: #777;
	font-style: italic;
	font-weight: lighter;

}



/* SITE list */

ul.link-list{
	font-weight: bold;
	background-color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	box-shadow: 0 1px 4px rgba(0,0,0,.065);
	border: 1px solid #e5e5e5;
}


ul.link-list li a{
	border-bottom: 1px solid #e5e5e5;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin: 0;

}

ul.link-list li a i.action{
	float: right;
	margin-top: 2px;
	margin-right: -6px;
	opacity: .25;
}

/* BLOCKED TABLE */

table.blocklist tr:nth-child(even){background-color: #f2f2f2;}

table.blocklist tbody tr:hover {background-color: #ddd;}

table.blocklist th {
  padding: 3%;
  text-align: center;
  background-color: #4E5255;
  color: white;
	font-weight: 500;
}
table.blocklist td {
  text-align: center;
  padding: 2%
}

table.blocklist .accesible , .block , .partial, .http-dns, .orange{
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  font-weight: 500;
	color: #1A1C1F;
}

table.blocklist .accesible {
	  background-color: #64DC84;
}

table.blocklist .block {
  background-color: #EC4040;
}

table.blocklist .partial {
	background-color: #FCD56A;
}

table.blocklist .http-dns {
	background-color: #F77E4A;
}

table.blocklist .orange {
	background-color: #F77E4A;
}

table.blocklist tfoot {
  padding: 5%;
  background-color: #1A1C1F;
}

table.blocklist tfoot img {
    height: 35px;
}
table.blocklist tfoot .social {
  color: silver;
  font-size: 13px;
	font-weight: 200;
}