body {
	margin: 0;
	padding:0;
	top: 0;
	background-color: #afc6e9;
}

h1, h2, h3, p, ul, li, a {
	padding: 0;
	margin: 0;
}

a {
	color: #7070ce;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: red;
	text-shadow: 1px 1px 2px #ffffff;
}

#header {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	left: 0;
	right: 0;
	top: 0;
	height: 90px;
	color: #0055d4;
	background: #afc6e9 url(../graphics/popurri.png) no-repeat 97% 50%;
	overflow: hidden;
}

#header h1{
	font-family: serif;
	size: 50px;
	padding: 30px 2em 20px 150px;
	text-shadow: 2px 2px 5px #555555, 5px 5px 6px #edd68b;
	opacity: 50%;
}

#tab_selected, #tab_selected_link, #tab_other, #tab_other_link {
	margin: 0;
	padding: 0;
	height: 38px;
}

#tab {
	margin: 0;
	padding: 0 0 0 200px;
	left: 0;
	right: 0;
	top: 0;
	height: 38px;
	background-color: #ffffff;
	overflow: hidden;
}

#tab a {
	color: white;
}

#tab a:hover {
	color: #222222;
}

#tab_selected, #tab_other {
	background-repeat: no-repeat;
	background-position: top left;
	display: inline-block;
	padding-right: 0.5em;
}

#tab_selected {
	background-image: url(../graphics/tab_seleccion_1.png);
}

#tab_selected_link {
	display: inline-block;
	background-image: url(../graphics/tab_seleccion_3.png);
	background-repeat: no-repeat;
	background-position: top right;	
}

#tab_selected_link a {
	text-decoration: none;
	background-image: url(../graphics/tab_seleccion_2.png);
	background-repeat: repeat-x;
	background-position: top left;	
	height: 38px;
	margin: 0 24px 0 8px;
	display: block;
	padding-top: 15px;
}

#tab_other {
	background-image: url(../graphics/tab_otro_1.png);
}

#tab_other_link {
	display: inline-block;
	background-image: url(../graphics/tab_otro_3.png);
	background-repeat: no-repeat;
	background-position: top right;	
}

#tab_other_link a {
	text-decoration: none;
	background-image: url(../graphics/tab_otro_2.png);
	background-repeat: repeat-x;
	background-position: top left;	
	height: 38px;
	margin: 0 24px 0 8px;
	display: block;
	padding-top: 15px;
}

#myface {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 120px;
	width: 90px;
	background-image: url(../graphics/marcos.png);
	background-repeat: no-repeat;
}

#panel {
	float: left;
	width: 200px;
	min-height: 450px;
	margin: 0;
}

#panel h1 {
	font-size: small;
	padding: 1em 0.3em 0.3em 0.3em;
}
#panel ul {
	font-weight: normal;
	color: #552200;
}

#panel ul li {
	list-style-type: none;
	padding-left: 0.4em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #b7b5b3;
}

#panel ul li a {
	color: #165016;
	text-decoration: none;
	display: block;
}

#panel ul li a:hover {
	background: #c0c8d5;
}

#principal {
	margin: 0 0 0 200px;
	min-height: 450px;
	background-color: white;
	border: 2px solid #cf6868;
	clear: right;
}

#principal img {
	clear: right;
	padding: .3em;
	margin: .3em;
	margin-right: 0;
	float: right;
	border: 1px dashed #444444;
}

.post {
	font-family: Times, serif;
	border: 1px solid black;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 2px 2px #ffffff;
	margin:.5em;
	padding: .3em;
	clear: right;
}

.post p, .post h2, .post h3 {
	font-size: medium;
	color: #555555;
	padding-bottom:0.6em;
	text-align: justify;
}

.post h1 {
	color: #444444;
	font-size: large;
	padding-bottom: 0.8em;
	font-style: oblique;
}

.post ul, .postcoment {
	clear: right;
	margin: 0.3em;
	padding: 0.3em;
	border: 1px solid #666666;
	color: #666666;
}

.post ul li {
	font-size: small;
	padding: 0 1.5em 0 0;
	list-style-type: none;
	display: inline-block;
	text-decoration: none;
}

#footer {
	clear: both;
	background-color: #ffffff;
	border: 2px solid #cf6868;
	left: 0;
	right: 0;
	margin-top: 2px;
}

#footer p {
	vertical-align: middle;
	text-align: center;
}