/* This is the main layout */
body {font: normal 83% sans-serif;BACKGROUND = "fondo.gif"}
a {color: #0000ff;}
h3 {margin: 0; margin-bottom: 8px;}

#outside {margin: auto; width: 800px; border: solid 1px #cccccc;}

#permlink {margin: 0; padding: 2px; text-align: right; border: solid 1px #ffffff;}
#permlink a {margin-left: 5px; margin-right: 5px;}

#header {margin: 0; padding: 0; border: solid 1px #ffffff;}
#header h1 {margin: 0; padding: 10px;}

#topnav {margin: 0; margin-bottom: 10px; padding: 5px; border: solid 1px #ffffff;}
#topnav a {padding: 3px;}

#left {float: left; width: 160px; border: solid 1px #ffffff;}

#middle {margin-left: 162px; margin-right: 186px; border: solid 1px #ffffff;}
#middle2 {margin-left: 162px; margin-right: 0px; border: solid 1px #ffffff;}

#right {float: right; width: 184px; border: solid 1px #ffffff;}

#footer {clear: both; margin: 0; text-align: left; border: solid 1px #ffffff;}
#footer h5 {margin: 0;}

.box {width: 92%; margin: auto; margin-bottom: 10px; padding: 5px; border: solid 1px #666666;}
.box2 {width: 92%; margin: auto; margin-bottom: 0px; padding: 5px; border: solid 1px #666666;}


/* These are used to colorize the page */
/*body {background-color: #d1d1d1;*/
body {BACKGROUND = "fondo.gif"}
h3 {color: #5a6156; padding-bottom: 3px; border-bottom: solid 2px #cccccc; background: #8196ED}
h5 {padding-left: 5px; color: #5a6156;}

#outside{background-color: #d5ddcd; border: solid 1px #aaaaaa;}

#permlink{border: solid 1px #30392c; background-color: #30392c;}
#permlink a {text-decoration: none; color: #d5ddcd;}
#permlink a:hover {text-decoration: underline;}

#header{border: solid 1px #781000; background-color: #0000FF;}
#header h1 {color: #d5ddcd;}

#topnav {border: solid 1px #5a6156; background-color: #5a6156;}
#topnav a {border: solid 1px #5a6156; text-decoration: none; background-color: #5a6156; color: #d5ddcd;}
#topnav a:hover {border: solid 1px #d5ddcd; background-color: #d5ddcd; color: #781000;}

#left {border: solid 1px #d5ddcd;}

#middle {border: solid 1px #d5ddcd;}
#middle2 {border: solid 1px #d5ddcd;}

#right {border: solid 1px #d5ddcd;}

#footer {border: solid 1px #d5ddcd;}

.box {background-color: #ffffff; border: solid 1px #cccccc;}
.box a {text-decoration: none; color: #781000;}
.box a:hover {text-decoration: underline;}
.box ul {margin: 0; padding-left: 15px; list-style: circle;}

.box2 {background-color: #ffffff; border: solid 1px #cccccc;}
.box2 a {text-decoration: none; color: #781000;}
.box2 a:hover {text-decoration: underline;}
.box2 ul {margin: 0; padding-left: 15px; list-style: circle;}
/* Content > Sidebar > Menu */

#menu {
	padding: 10px 0;
	list-style-image:url(images/listatipo1.gif);
}
ul {
	margin: 0;
	list-style-image:url(images/listatipo1.gif);
	/*list-style: none;*/
}
#menu ul {
	margin: 0;
	list-style-image:url(images/listatipo1.gif);
	/*list-style: none;*/
}

#menu li {
	display: inline;
	list-style-image:url(images/listatipo1.gif);
}

#menu a {
	display: block;
	padding: 10px 10px;
	border-top: 1px solid #EEEEEE;
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}

#menu a:hover {
	background: #8196ED;
	color: #000066;
}

#menu .active a {
	background: #D1F0A6;
	color: #000000;
}

#menu .first a {
	border: none;
}
#cat {
    list-style-image:url(images/listatipo1.gif);
}
#post {
    list-style-image:url(images/listatipo2.gif);
}
#enlaces {
    list-style-image:url(images/listatipo3.gif);
}
/*p:first-letter {
   font-size: 300%;
   font-weight: bold;
} */