@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, blockquote, hr, p, form{
	margin: 0;
	padding: 0;
}

body{
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: url(../images/blogin6.png);
	color: #fff;
}

h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 16px;
}

a{ text-decoration: none; }
a:hover{
	text-decoration: underline;
	color: #105cb6;
}

a img{ border:1px #8dab3b dashed; }

p{ padding: 10px 0 0; }

blockquote{
	margin: 10px 10px 5px 10px;
	background: #f5f4f4 url(../images/bg_blockquote.png) no-repeat 5px 7px;
	color: #0077fe;
}

blockquote p{
	padding: 10px 10px 10px 30px;
}

#container, #header, #menu, #menu ul li, #menu ul li a, #pagetitle, h1, .pagewrapper, .page, .wrapper, .narrowcolumnwrapper, .narrowcolumn, .content, .post, .entry, .browse, sidebar{
	text-align: left;
	vertical-align: top;
}

#container{
	margin: 0 auto;
	width: 904px;
	padding: 10px 0 0;
}

#header{
	margin: 0 0 10px;
	float: left;
	width: 904px;
	height: 190px;
	background: url(../images/banner.png) no-repeat left bottom;
	color: #333;
}

#positionmenu{
	margin:150px 0 0 0;
}

.pagewrapper{
	margin: 0 0 10px;
	float: left;
	width: 904px;
	background: #fff url(../images/bg_page_bottom.gif) no-repeat left bottom;
	color: #333;
}

.page{
	float: left;
	padding: 0 5px 5px;
	background: url(../images/bg_page_top.gif) no-repeat;
}

.wrapper{ /* Usamos esta clase cuando queremos que la pagina aparezca sola, es decir sin columnas a la izquierda o derecha */
	float: left;
	width: 500px;
}

.narrowcolumnwrapper{
	margin: 5px 0 0;
	float: left;
	width: 500px;
	background: #fff url(../images/bg_narrowcol.gif) repeat-y;
}

.narrowcolumn{
	float: left;
	width: 500px;
	background: url(../images/bg_narrowcol_bottom.gif) no-repeat left bottom;
}

.content{
	float: left;
	width: 500px;
	background: url(../images/bg_narrowcol_top.gif) no-repeat left top;
}

.post{
	padding: 9px 16px 15px;
	line-height: 18px;
}

.post h2{
	padding: 0 0 2px;
	font-size: 16px;
	font-weight: bold;
	line-height: 27px;
	color: #105cb6;
}

.post img{
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
}

.post img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
}

.post img.alignright{
	float: right;
	margin: 0 0 0 10px;
}


.entry a{ text-decoration:none; color: #8dab3b; }
.entry a:hover{ text-decoration:underline; color: #8dab3b; }

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	padding: 9px 0 0;
}

.entry { text-align:justify; }

.entry h1{ font-size: 20px; line-height: 30px; }

.entry h2{ line-height: 18px; }

.entry h3{ font-size: 14px; }

.entry h4{ font-size: 12px; }

.entry h5{ font-size: 11px; }

.entry h6{ font-size: 10px; }

.entry ul li
{
	list-style: none;
	background:url(../images/navli.gif) no-repeat 0 5px;
	padding: 0 10px 0 13px;
}

.thead{
	border:1px solid #000000;
	text-align:center;
	font-weight:bold;
}

.tcontent{
	border:1px dashed #000000;
	text-align:center;
}

.postinfo{
	font-size: 11px;
	color: #999;
}

.postinfo a{
	color: #578cca;
}

.postdate{ color: #a12a2a; }

.browse{
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px #FFFFFF solid;
	border-right:1px #FFFFFF solid;
	padding: 2px 16px;
	line-height: 18px;
}

.sidebar, .obar{
	margin: 0 0 0 5px;
	float: right;
	width: 192px;
	line-height: 18px;
}

.obar{
	margin: 0 5px 0 0;
	float: left;
}

.sidebar ul, .obar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar ul li, .obar ul li{
	margin: 5px 0 0;
	padding: 9px 16px 15px;
	background: url(../images/bg_ul_li.gif) no-repeat left top;
}

.sidebar ul li, .obar ul li{
	padding: 15px 16px;
}

.sidebar ul li h2, .obar ul li h2{
	font-size: 12px;
	font-weight: bold;
	line-height: 27px;
	color: #8dab3b;
}

.obar ul ul li, .sidebar ul ul li{
	margin: 0;
	padding: 6px 0 3px;
	background: none;
	text-align:center;
}

.sidebar ul ul ul, .obar ul ul ul{ padding: 3px 0 0; }

.sidebar ul ul ul li, .obar ul ul ul li{
	padding: 11px 0px 3px 15px;
	background: url(../images/bullet.gif) no-repeat 0px 15px;
}

.sidebar ul ul ul ul li, .obar ul ul ul li{
	background: url(../images/bg_arrow_right_2.gif) no-repeat 0px 8px;
}
.certificado{
	text-align:center;
}

/*--------------------------   menu Principal   ------------------------------------------------- */
#menu {list-style-type:none; margin:0px auto; padding:0; width:850px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:120px; height:5px; z-index:100;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:11px;}
#menu dl {width: 120px; margin: 0; padding: 0; background: transparent;}
#menu dt {margin:0; padding: 0;}

#menu dd {margin:0; padding:0; color: #fff; font-size:11px; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; font-size:11px; color: #038; text-align:center; border:1px solid #08c; border-width:0 1px 1px 1px; background:#d4d4d4; padding:0.25em 0 0.75em 0;}

#menu li:hover dt a, #menu a:hover dt a {color:#006; background:#ddd; border:1px solid #08c; border-width:0 1px 1px 1px;}

#menu dd a, #menu dd a:visited {background:#08c; color:#fff; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid #08c; border-right:1px solid #08c;}

#menu dd a:hover {background: #ddd; color:#000; border-left:1px solid #08c; border-right:1px solid #08c;}

#menu b {display:block; overflow:hidden; height:1px;}

#menu b.p1 {background:#08c; margin:0 5px;}
#menu b.p2 {background:#d4d4d4; border:2px solid #08c; border-width:0 2px; margin:0 3px;}
#menu b.p3 {background:#d4d4d4; margin:0 2px; border:1px solid #08c; border-width:0 1px;}
#menu b.p4 {height:2px; background:#d4d4d4; margin:0 1px; border:1px solid #08c; border-width:0 1px;}
#menu b.p5 {background:#08c; margin:0 5px;}
#menu b.p6 {background:#08c; margin:0 3px;}
#menu b.p7 {background:#08c; margin:0 2px;}
#menu b.p8 {height:2px; background:#08c; margin:0 1px;}

#menu li:hover b.p2, #menu a:hover b.p2 {background:#fff;}
#menu li:hover b.p3, #menu a:hover b.p3 {background:#f0f0f0;}
#menu li:hover b.p4, #menu a:hover b.p4 {background:#e8e8e8;}