body{margin:0px; padding:0px; color:#FFFFFF; font-family:tahoma,verdana,arial; font-size:8pt; height:100%; text-align: center;;}
a{color:#FFFF00; font-family:tahoma,verdana,arial; font-size:8pt; text-decoration:none;}
a:hover{text-decoration:underline;}
form{margin:0px;}

.input-text{color:#111144; font-family:arial,tahoma,verdana; font-size:8pt;  font-weight:bold; background:url(images/input_bg.gif) #FFFFFF; border:1px solid #A5ACB2;}
.input-button{color:#FFFFFF; font-family:arial,tahoma,verdana; font-size:8pt; background:url(images/button_bg.gif); border:1px solid #FF9900; font-weight:bold;}
.title_text{color:#CCCCCC; font-family:arial,tahoma,verdana,arial; font-size:12pt;}
.text{color:#FFFFFF; font-family:tahoma,verdana,arial; font-size:8pt; line-height:16px;}
.text2{color:#FFFFFF; font-family:tahoma,verdana,arial; font-size:10pt;}
.text3{color:#FFFFFF; font-family:tahoma,verdana,arial; font-size:8pt;}
.actual_page{color:#FFFFFF; font-family:tahoma,verdana,arial; font-size:10pt;}
.page_off{color:#FFFFFF; font-family:tahoma,verdana,arial; font-size:10pt;}

a.link{color:#FFFF00; font-family:tahoma,verdana,arial; font-size:7pt;  font-weight:bold; text-decoration:none;}
a.link:hover{text-decoration:underline;}
a.link2{color:#FFFF00; font-family:tahoma,verdana,arial; font-size:8pt;  font-weight:bold; text-decoration:none;}
a.link2:hover{text-decoration:underline;}
a.title_link{color:#FFCC00; font-family:arial,tahoma,verdana; font-size:12pt;  font-weight:bold; text-decoration:none;}
a.title_link:hover{text-decoration:underline;}
.thumb{border:1px solid #FFFFFF;}

.caja {     width: 968px;
    background-image: url("images/border_middle.png");
	background-position: center;
    background-repeat: repeat-y;
	margin-left: auto;
    margin-right: auto;
}

.cajaarriba {
    background-image: url("images/border_top.png");
    background-position: top center;
    background-repeat: no-repeat;
	margin-left: auto;
   margin-right: auto;
}

.cajaabajo {
    background-image: url("images/border_bottom.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 15px 15px 15px 15px;
	margin-left: auto;
   margin-right: auto;
} 

/* Comienzo del estilo con circleborder.png */
.t {background: url('images/punto.png'); background-repeat: repeat-x; width: 400px;}

.cornerBox { position: relative; background: #000099; width: 90%;}
.corner { position: absolute; width: 20px; height: 20px; background: url('images/circleborder.png') no-repeat; font-size: 0%; }
.cornerBoxInner { padding: 10px;}
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -20px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -20px; }
.BR { bottom: 0; right: 0; background-position: -20px -20px; }

.punto { top: 0; left: 0; width: 2px; height: 2px; background: url('images/punto.png') repeat-x; font-size: 0%; }


/* Fin de estilo */

.bl {background: url(images/bl.png) 0 100% no-repeat}
.br {background: url(images/br.png) 100% 100% no-repeat}
.tl {background: url(images/tl.png) 0 0 no-repeat}
.tr {background: url(images/tr.png) 100% 0 no-repeat; padding:10px}

.t {background: #000099 url(images/punto.png) 0 0 repeat-x; width:720px;}
.theader {background: #000099 url(images/punto.png) 0 0 repeat-x; width:960px; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
.tsidebar {background: #000099 url(images/punto.png) 0 0 repeat-x; width:230px; margin-bottom: 10px;}
.b {background: url(images/punto.png) 0 100% repeat-x}
.l {background: url(images/punto.png) 0 0 repeat-y}
.r {background: url(images/punto.png) 100% 0 repeat-y}

div.wrapper {
   width:960px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   }
   
div.wrapper2 {
   width:950px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   }   
/* width of div.wrapper is always 80% of viewport width */