/* CSS Document 
Design by Yohan Alejandro Morales S.
yohanmorales@hotmail.com
Released for free under a Creative Commons Attribution 2.5 License
*/

body {

	background: #676D5E /*url(Imagenes/fondoy.jpg)*/;
	margin-left:50px;
	margin-right:50px;
	margin-top:50px;
	margin-bottom:100px;
	/*padding: 26px 26px 26px 26px;*/
	/*background: #FFFFFF url(Imagenes/bordePagina.png) repeat;*/
	font: normal 11px Calibri, "Tahoma", Arial, Helvetica, sans-serif;
}

form {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	font-family: Calibri, "Tahoma", Times, serif;
	font-weight:lighter;
	color: #333333;
}

p, blockquote, ol, ul {
	line-height: 160%;
}

a {
	color: #3A69BA;
}

a:hover {
	text-decoration: none;
}

/* Wrapper */

#wrapper {
    background: #FFFFFF;
	width: 800px;
	margin: 0 auto;
}

/*Top*/
#top{
	width: 800px;
	height: 162px;
}


/* Logo */

#logo {
	float: left;
	width: 200px;
	height: 200px;
	background: url(Imagenes/CBPDLogo.png);
}

/* Header */

#header {
	float: right;
	width: 470px;
	height: 200px;
	background: url(Imagenes/headerBg.png);
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
    padding-bottom:0px;
}

/* Space */
#space{
	float:none;
	width: 470px;
	height: 15px;
}

/* Separator */
#separator{
	float:right;
    background: url(Imagenes/separator.png) repeat-y;
}

/* Menu */

#menu {
	float:none;
	width: 460px;
	height:50px;
	/*background: url(Imagenes/sombraMenu.png);*/
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
}

/* Barra superior */
#barraSuperior
{
	float:none;
	width: 460px;
	height: 50px;
	margin-top:0px;
	padding: 0px 0px 0px 0px;
	display:block;
	background:#FFFFFF;
}

#barraSuperior a {
	background: url(Imagenes/bgBotonA.png) repeat-x;
	border-top-style:solid;
	border-right-style:solid;
	border-top-width:1px;
	border-right-width:1px;
	border-top-color:#7B7B3E;
	border-right-color:#7B7B3E;
	/*border-left-color:#666633;*/
	color: #FFFFFF;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
	font-stretch:ultra-condensed;
	padding: 9px 12px 9px 11px;
	text-decoration: none;
	/*width: 180px;*/
}
#barraSuperior a:link {
	background: url(Imagenes/bgBotonH.png) repeat-x;
}
#barraSuperior a:hover {
	background: url(Imagenes/bgBotonH.png) repeat-x;
}
#barraSuperior a.x:active {
	background: url(Imagenes/bgBotonH.png) repeat-x;
}
/* Banner */
#banner
{ 
	margin-top:10px;
	width: 460px;
	height: 120px;
	background:#CCCCCC;
}

/* Frame */

#frame {
    clear:both;
	padding-top:20px;
	background: #FFFFFF url(Imagenes/bgContent.png) no-repeat;
	width:800px;
}

/* Contenido*/

#contenido {
	float: right;
	width: 570px;
	padding-right: 0px;
	padding-left:0px;
	background: #FFFFFF;
	overflow:hidden;
}

/*IntFrame */
#intFrame {
	float: right;
	width: 570px;
	padding-right: 0px;
	padding-left:0px;
	background:#FFFFFF url(Imagenes/bgPost.png) repeat-y;
}


/*Web content*/
#webContent{
	margin-left:0px;
	margin-right:0px;
	overflow:scroll;
	/*float: right;*/
	width: 560px;
	min-height:750px;
	max-height:930px;
	padding-right: 0px;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
	background: #FFFFFF url(Imagenes/bgPost.png) repeat-y;
}

/*Forum*/
#forum{
	/*font-weight:bold;*/
	font-size:11px;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:10px;
}

/*Form*/
#form{
	/*font-weight:bold;*/
	font-size:11px;
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
	margin-top:0px;
	margin-bottom:10px;
}


/* Post */
#post{
	border: 2px solid #EEE;
	/*border-color: #EEE #EEE #DDD #EEE;*/
	border-color: #FFFFFF;
	clear: both;
	padding: 10px;
}

/* Banner sección */
#bannerSeccion
{
    width:450px;
	margin-left:5px;
	margin-bottom:10px;
	margin-top:10px;
	background: #FFFFFF;
}


/*Parrafo*/
#parrafo{
	/*font-weight:bold;*/
	font-size:11px;
	text-align:justify;
	margin-left:30px;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:0px;
}

/* Navegacion */
#navegacion{

clear:both;
	float: left;
	width: 230px;
	height:100%;
	padding-right: 0px;
	padding-left:0px;
	background:  url(Imagenes/fondoIzq.jpg) repeat-y;
}


/* Menu Izquierdo */
#menuIzq
{
    width:205px;
	margin-left:12.5px;
	margin-right:12.5px;
	margin-bottom:0px;
	margin-top:15px;
	background: #FFFFFF;
}

/* Logon */
#logon
{
	width:205px;
    text-align:center;
	margin-left:12.5px;
	margin-right:12.5px;
	margin-top:10px;
	margin-bottom:20px;
	background: #FFFFFF;
	font-weight: bold;
}

/* Busqueda */
#busqueda
{
	width:205px;
	margin-left:12.5px;
	margin-right:12.5px;
	margin-top:10px;
	margin-bottom:20px;
	background: #FFFFFF;
}

/* PDF */
#pdf
{
    width:205px;
	margin-left:12.5px;
	margin-right:12.5px;
	margin-top:10px;
	margin-bottom:20px;
	background: #FFFFFF;
}
/* Sirdec */
#sirdec
{
     width:205px;
	margin-left:12.5px;
	margin-right:12.5px;
	margin-top:10px;
	margin-bottom:20px;
	background: #FFFFFF;
}

/* Boton Mail */
#mail
{
     width:205px;
	margin-left:12.5px;
	margin-right:12.5px;
	margin-top:10px;
	margin-bottom:20px;
	background: #FFFFFF;
}
#contador
{
    
}


/* DownLinks*/
#downLinks{
    clear: both;
	width:800px;
	height:34px;
	background: #FFFFFF;
}

/* Footer */

#footer {
	
	width:800px;
	height:34px;
	font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
	color: #999999;
	/*background: #FFFFFF url(Imagenes/footer.png) no-repeat ;*/
}

/*Bottom*/
#bottom {
	
	width:800px;
	height:33px;
	/*background: #FFFFFF url(Imagenes/bgFondo.png) no-repeat ;*/
}

/* Links */
#links
{
	margin-left:0px;
	margin-right:10px;
	clear:both;
	width:560px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right:0px;
	/*padding-left: 10px;*/
	background: #FFFFFF url(Imagenes/bgContent.png) no-repeat ;
}
links a
{
    color: #FFFFFF;
	text-decoration: underline;
}