* {
	box-sizing: border-box;
}

body {
	margin:0px;
	padding:0px;
	background-color:#333;
	font-family:'leto',Tahoma;
}

a {
	text-decoration:none;
	color:#333;
}

a:hover {
	color:#09f;
}

div.logo {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding:15px;
background-color:#fff;
margin:0px auto;
margin-top:15px;
max-width:400px;
}

div.ppal {
	background-color:#FFF;
	padding:15px 0px;
	max-width:1080px;
	margin:0px auto;
	margin-bottom:15px;
	text-align:center;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
h1 {
	color:#111;
}

h2 {
	color:#666;
	font-size:12px;
	margin-bottom:25px;
}

h3 {
	margin:0px;
	font-size:14px;
	display:block;
	width:100%;
	background-color:#666;
	color:#fff;
	padding:8px 0px;
	margin-bottom:15px;
}
ul.webs {
	list-style:none;
	margin:0px;
	padding:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	margin-bottom:15px;
}

ul.webs li {
	display:inline-block;
	padding:12px;
	width:25%;
}

ul.webs li img {
	width:100%;
	z-index:10;
	border:1px solid #CCC;
}

ul.webs li img:hover {

	border:1px solid #09f;
}

ul.webs li span.descrip {
	font-size:12px;
	display:block;
	padding:12px 0px;
	color:#666;
}

ul.webs li span.url {
	font-size:10px;
	color:#333;
	font-weight:bold;
	display:block;
}

div.pie {
	border-top:3px solid #666;
	padding-top:15px;
	margin-top:20px;
}

div.pie div.enlaces-pie {
	margin-top:15px;
	font-size:12px;
}

img.trans {
	opacity: 0.3;
}

span.etiq {
	z-index:11;
	position:absolute;
	width:auto;
	padding: 0px 4px;
	height:18px;
	line-height:18px;
	font-weight:bold;
	font-size:11px;
}

span.etiq.trasp, span.etiq.cens {
	color:#fff;
	background-color:#C00;
}

span.etiq.mant {
	color:#fff;
	background-color:#999;
}

span.etiq.prox {
	color:#fff;
	background-color:#f90;
}

span.etiq.nuevo {
	color:#fff;
	background-color:#0C0;
}

/* PIE EWN */

#webs-ewn {
	margin-top:10px;
	list-style:none;
	padding:0px;
	font-size:12px;
}

#webs-ewn li {
	display:inline-block;
	margin:0px 6px;
}

#webs-ewn li a {
	color:#999;
	text-decoration:none;	
}

#webs-ewn li a:hover {
	color:#0099ff;
}


/****************** MOVIL ********************/
@media (max-width:640px) {

	ul.webs li {
		padding:5px;
		width:50%;
	}

}