html {margin: 0;padding: 0;}
body {padding:0;margin:0;margin-left: auto;margin-right: auto;font-family: verdana, sans-serif;
font-size: small;text-align: center;background-color: #232323;
}
ul{ list-style-type: none; font-size: small; padding: 10px;}
li{ list-style-type: none; font-size: small;}
a{color: #008add;text-decoration: none;}
a:hover {color: #018dd8;text-decoration: none;}
h2{font-family: verdana, sans-serif;font-size: 14px;}
p{padding: 5px;font-family: verdana, sans-serif;font-size: 10px;}
span{padding: 5px;font-family: verdana, sans-serif;font-size: 10px;}
.strong{font-weight: bold;color: Black;}

#menu{margin: 0;background: #232323;height:105px;font-family: verdana, sans-serif;font-size: 70%;
font-weight: bold;text-align: right;padding: 5px;}
#menu a {color: white;text-decoration: none;border: 0;}
#menu a:hover {color: #018dd8;text-decoration: none;}
#menu #imagen{float: left;top: 0px;}

#flashcontainer{margin-top: 0;margin-left: 0;margin-right: 0;width: 700px;max-width: 700px;background: #232323;}

#container{
margin-left: auto;
margin-right: auto;
width: 700px;
max-width: 700px;
text-align: left;
background: #ffffff;
margin-bottom: 0px;
position: relative;
overflow: auto;
}

#middlebox {
margin-left: auto;
margin-right: auto;
position: relative;
background: #ffffff;
width: 698px;
max-width: 698px;
}
/* Windows IE ignores the following */
html>body #middlebox div{
height: auto;
}

#leftContainer{
width: 470px;
float: left;
margin-left: 5px;
margin-top: 10px;
background: transparent;
}

#left-box{
width: 460px;
text-align: left;
padding: 5px;	
}
#left-box a{
text-decoration: none;
color: #12537D;
}
#left-box a:hover{
color: #018dd8;
text-decoration: none;
}


#rightContainer{
width: 200px;
float: right;
margin-right: 5px;
margin-top: 10px;
}

#right-box{
width: 199px;
background: transparent;
float: none;
font-size: 80%;
}
#right-box a{
text-decoration: none;
color: #008add;
}
#right-box a:hover{
color: #f39c21;
font-weight: bold;
text-decoration: underline;
}

#blogContainer{
width: 470px;
left: 0;
margin: 10px;
}

.clear{
clear: both;
overflow: hidden;	
}




#footer {
	width: 100%;
	color: #fff;background: #303030;
	height: 400px;
	margin-top: 0px; border-top: 1px solid white;
	display: block; bootom:0px;
	min-width: 700px;
	}
#footer .footer-text {width: 960px;margin: 0 auto;font-size: 10px;text-align: left; padding-top: 20px;}
#footer .footer-text a {color: #0193e1;}
#footer .footer-text span {	float: left;width: 600px;}
#footer .footer-text em {float: left;width: 360px;text-align: right;}


/*Border Redondeados Titulos, Midle*/
.bordes{ background: #f5da00; width:180 px; height: 20px;
-moz-border-radius: 10px;-webkit-border-radius: 10px; text-align: center; padding-top: 5px;}

.canvas{
background: #eeeeee;
width: 470px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: left;
padding: 5px;	
}


.post-info {
	background: #018dd8;
	float: left;
	margin: 5px 0 10px 0;
	padding: 0 10px 0 10px;
}

.post-info a{
	color: #fff;	
}

.post-info a:hover{
	text-decoration: none;
}