/*THIS PART IS FOR THE NAVIGATION LINKS*/
.nav1 a:link, .nav1 a:visited, .nav2 a:link, .nav2 a:visited, .nav3 a:link, .nav3 a:visited, 
.nav4 a:link, .nav4 a:visited, .nav5 a:link, .nav5 a:visited{
	color: #4E4E4E;
	width: 80px;
	height: 20px;
	line-height: 20px;
	background: url(images/01_linkbg2.gif) top repeat-y;
	padding: 0;
	text-align:center;
	text-decoration: none;
	
}
.nav1 a:link, .nav1 a:visited{
	position: absolute;
	top: 2px;
	left: 14px;
}
.nav2 a:link, .nav2 a:visited{
	position: absolute;
	top: 2px;
	left: 96px;
}
.nav3 a:link, .nav3 a:visited{
	position: absolute;
	top: 2px;
	left: 178px;
}
.nav4 a:link, .nav4 a:visited{
        position: absolute;
        top: 2px;
        left: 260px;
}
.nav5 a:link, .nav5 a:visited{
        position: absolute;
        top: 2px;
        left: 342px;
}



/*HOVER EFFECTS*/
.nav1 a:hover, .nav1 a:active, .nav2 a:hover, .nav2 a:active, .nav3 a:hover, .nav3 a:active, .nav4 a:hover, .nav4 a:active, .nav5 a:hover, .nav5 a:active{
	background: url(images/01_linkbg1.gif) top repeat-y;
	margin: 1px 0 0 0;
}

/*THE FOLLOWING PART IS FOR THE FONT CONTROL*/
#fontcontrol{
	background: none;
	width: 66px;
	height: 18px;
	position: absolute;
	top: 18px;
	left: 615px;
}
#fontcontrol ul{
	background: none;
	list-style: none;
	padding: 0;
	margin: 0;
}
#fontcontrol li{
	background: none;
}
#fontcontrol i{
	display: block;
	visibility: hidden;
}
.font1 a:link, .font1 a:visited{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/01_font1.gif) no-repeat;
}
.font2 a:link, .font2 a:visited{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 22px;
	background: url(images/01_font2.gif) no-repeat;
}
.font3 a:link, .font3 a:visited{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 44px;
	background: url(images/01_font3.gif) no-repeat;
}
.font1 a:hover, .font1 a:active{
	background-position: 0 -18px;
}
.font2 a:hover, .font2 a:active{
	background-position: 0 -18px;
}
.font3 a:hover, .font3 a:active{
	background-position: 0 -18px;
}
.nav2 a:link, .nav2 a:visited{
	background: url(images/01_linkbg1.gif) top repeat-y;
}


/*Nice Titles*/
.nicetitle {
        font-weight: bold;
        color: #3C3C3C;
        text-align: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 25em;
        z-index: 20;
        max-width: 50%;
}
.nicetitle-content{
        overflow: hidden;
        background: white;
        border: 1px solid #333;
        padding: 5px;
        opacity: 0.9;
}
.nicetitle p{
        margin: 0;
        line-height: 120%;
}
.nicetitle p.destination {
        font-weight: normal;
        font-size: 10px;
        color: #5E7743;
}
div.nicetitle p span.accesskey {
        color: #FF7200;
}


/* Optional Code */

body {
        color: #000;
        background-color: #123454;
        text-align: justify;
        font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
        font-size: 12px;
        padding: 0px 0 20px 0;
}

a:link, a:visited{
        color: #23598C;
        text-decoration:none;
}

a:hover, a:active{
        color: black;
}

p
 { padding: 0.5em; margin: 0; font-size: 1em; }
h1 { padding: 0.5em; margin: 0; font-size: 1.3em; font-weight: normal; }
h2 { padding: 0.5em; margin: 0; font-size: 1em; font-weight: bold; }
ul { padding-right: 1em; text-align: left; margin-bottom: 1em; }
.right { font-style: normal; }
.normal { font-style: normal; }

/*This is used for hidden stuff, stuff that you don't want people to see with CSS enabled*/
/*Try disabling CSS and you'll see some messages that you don't see with CSS enabled*/
.hidden{
        display: none;
}
/*Use this to centerize any image/text*/
.centerize{
        text-align: center;
}

/*THE NAVIGATION - More detailed stuff in 01_navigation.css*/
#navigation{
        font-size: 11px;
        width: 694px;
        height: 22px;
        position: absolute;
        top: 155px;
        left: 3px;
}
#navigation ul{
        list-style: none;
        padding: 0;
        margin: 0;
}
#navigation li{
        background: none;
}
/*THE HEADERS (h2: Main titles, h3: Blog and Sidebar titles, h4: Comment names/userlinks)*/
h2{
        color: #1450B2;
        margin: 0 0 0 0px;
        font-size: 18px;
}

h2 img {
        position: relative;
        left: -5px;
        width: 10px;
        height: 10px;

}

h3{
        color: #3E565F;
        margin: 0 0 8px 0;
        font-size: 14px;
}
h4{
        font-size: 11px;
}


.wrapper { min-width: 400px; }
          /* Allways good to have on full width liquid CSS layouts,
             google "min-width IE" for JS solutions there */

.wrapper { border: 0px; margin: 0 -1px; }
          /* this is a border with marginal compensation to stop scroll bars */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
        width: 759px;               /* total width */
        margin-left: auto;
        margin-right: auto;
}

.outer {
        border-left-width: px;  /* left column width */
        border-left-color: #fcc;   /* left column colour */

        border-right-width: 200px; /* right column width */
        border-right-color: #EEEEEE;  /* right column colour */

        background-color: #fefefe; /* center column colour */
}

.left {
        width: 150px;              /* left column width */
        margin-left: -150px;       /* _negative_ left column width */
}

.right {
        width: 100px;              /* right column width */
        margin-right: -210px;      /* _negative_ right column width */
        padding-left: 10px;
}

.wide {
        background-color: #ffc;    /* header and footer colours */
}

#header {
        position: relative;
        width: 760px;
        height: 176px;
        clear: both;
        background: url(/skins/dia/images/header01.jpg) no-repeat;
        margin-left: auto;
        margin-right: auto;
}

#header h1{
        position: absolute;
        top: 6px;
        left: 14px;
        font-weight: bold;
        font-size: 20px;
/*      color: #3E565F;*/
        line-height: 20px;
        margin: 0;
}

a#banner {
                display:block;
                position:absolute;
                top: 8px;
                left: 8px;
                height: 85px;
        width: 470px;/*760px;*/
}
a#pucp {
                display:block;
                position:absolute;
                top: 8px;
                left: 481px;
                height: 90px;
        width: 260px;
}
#footer {
        width: 759x;
        margin-left: auto;
        margin-right: auto;
        padding: 20px 0 0 0;
        background: url(/skins/dia/images/01_footer.gif) top no-repeat;
}

#credits{
        font-size: 10px;
        text-align: center;
        color: #F7F7F7;
}
#credits a:link, #credits a:visited{
        color: #CFE6FD;
}
#credits a:hover, #credits a:active{
        color: white;
}


/* Main code */

.outer {
        width: auto;
        border-left-style: solid;
        border-right-style: solid;

}

.inner {
        width: 100%;

}
.left {
        float: left;
        position: relative;
        z-index: 10;
}

.right { float: left; position: relative; z-index: 11; }

.right h2 {
        font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
        font-size: 14px;
}



.center {
        margin: 3px, 3px, 3px, 3px;
        float: left;
        width: 100%;
        position: relative;
        z-index: 12;
        }

.center h2 {
        font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
        font-size: 16px;
    margin-left:4px;

   /* margin-left:15px;*/
}

.center h5 {
        font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
        font-size: 16px;
    margin-left:4px;
    margin-top:-4px;
    color:#1450B2;
   /* margin-left:15px;*/
}



/*modificado de center a right*/
.todos {
        text-align: right;
        margin-right: 10px;
        font-weight: bold;
        font-size: 16px;
    margin-top:-16px;
}

.todos a:link, .todos a:visited  {
        font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
        font-size: 13px;
        color: red;
        text-decoration: underline;

}


.wide { width: 100%; position: relative; z-index: 13; }

.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.center { margin: 0 -3px 0 -2px; }


/* misc */
.left ul {
        padding-left: 1.5em;
        margin-left: 0;
}

.left li {
        padding-left: 0em;
        margin-left: 0;
}

/* para pintar las tablas */

table {
        margin-left: auto;
        margin-right: auto;
        font: 80% Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #000;
        text-align: left;
        border-collapse: collapse;
/*      border: 1px solid #666666;
        border-top: none;
*/
        width: 93%;
}

table a {
        color:#333333;
        text-decoration: underline;
}

table {
/*      font:normal 76%/150% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
*/
        border-collapse:separate;
        border-spacing:0;
        margin:0 0 1em;
        color:#3f3e3e;
        }
table a {
        color:#1450B2;
        text-decoration:none;
        border-bottom:1px dotted;
        font-weight:bold;
        }
table a:visited {
        color:#7f7f7f;
        font-weight:bold;
        }
/*
table a:visited:after {
        content:"\00A0\221A";
        }
*/
table a:hover {
        border-bottom-style:solid;
        }
thead th,
thead td,
tfoot th,
tfoot td {
        border:1px solid #523A0B;
        border-width:1px 0;
        background:#1450B2;
        color: #FFFFFF;
        }
th {
        font-weight:bold;
        line-height:normal;
        padding:0.25em 0.5em;
        text-align:left;
        }
tbody th,
td {
        padding:0.25em 0.5em;
        text-align:left;
        vertical-align:top;
        }
tbody th {
        font-weight:normal;
        white-space:nowrap;
        }
tbody th a:link,
tbody th a:visited {
        font-weight:bold;
        }
tbody th+td {
        white-space:nowrap;
        }
tbody td,
tbody th {
        border:1px solid #fff;
        border-width:1px 0;
        }
tbody tr.odd th,
tbody tr.odd td {
        border-color:#D4DBE1;
        background:#D4DBE1;
        }
tbody tr:hover td,
tbody tr:hover th {
        background:#EAF2FD;
        border-color:#523A0B;
        }
caption {
        font-family:Georgia,Times,serif;
        font-weight:normal;
        font-size:1.4em;
        text-align:left;
        margin:0;
        padding:0.5em 0.25em;
        }

/* Inicio estilo para el banner derecho */


#banderecho {
  margin-left: 4px;
  background-image: url(/skins/dia/images/fon_crearblog.jpg);
  width: 180px;
  height: 390px;
}

#menu1 a {
  position: relative;
  width: 135px;
  height: 38px;
  text-decoration: none;
}

#menu1 a i { visibility: hidden; }

a#crearblog { display:block; position:relative; top:81px; left: 45px;}
a#crearblog:hover { background-image: url(/skins/dia/images/bot_crearblog_over.png);}
a#crearblog:hover { border: none; }


#menu2 a {
  position: relative;
  height: 73px;
  width: 180px;
  text-decoration: none;
}

#menu2 a i { visibility: hidden; }

a#queesblog { display:block; position:relative; top:271px; left: 0px; }
a#queesblog:hover { background-image: url(/skins/dia/images/bot_queesunblog_over.png);}
a#queesblog:hover { border: none; }



<!-- Para poner el logotipo dia -->
.footer-i
{
        padding:10px;
        margin: 0px;
}
.logopucp
{       float: left;
        margin-left: 10px;
        margin-top: 10px;

}
.footer-i p
{
        padding: 0;
        margin: 0;
}