body{background:#0d0a1a}
table{width:100%; height:100%; border:0px;}
td{vertical-align:middle; padding:0 0 0 0px;}
#pagina {position:relative; width:900px; left:50%; margin-left:-450px; height:560px;}
#pagina #contenido{width:700px; height:560px; float:right}
#pagina #tarifas{
background:#8484FF;
width:195px; 
height:425px; 
float:left; 
padding:0 0 0 0px; 
margin:50 0 0 0px;
}
#pagina #tarifas img {
text-align:center;
margin:22 22 0 22px;
}
#pagina #tarifas p {
font-family:arial;
font-size:10px;
font-weight:bold;
text-align:left;
padding: 0 0 0 0px;
margin: 5 22 0 22px;
}
#pagina #tarifas h1 {
font-family:arial;
font-size:11px;
font-weight:bold;
text-decoration:underline;
text-align:center;
padding: 20 0 0 0px;
margin: 0 0 0 0px;
}
#pagina #tarifas h2 {
font-family:arial;
font-size:11px;
font-weight:bold;
text-decoration:underline;
text-align:center;
padding: 0 0 0 0px;
margin: 5 0 0 0px;
}
#pagina #contenido #permanente {width:500px; height:560px; float:left;}
#pagina #contenido #permanente #frontal {
background:url(imag/front1.jpg) no-repeat;
width:500px; 
height:100px;
}
#pagina #contenido #permanente #frontal a{
background:url(imag/front1.jpg) no-repeat; 
display:block;
text-decoration:none;
}
#pagina #contenido #permanente #frontal a:hover{
background:url(imag/front2.jpg) no-repeat;
display:block;
text-decoration:none;
}
#pagina #contenido #permanente #frontal h1{
font-family:arial; color:black;
font-size:35px; 
text-align:center; 
font-style:italic; text-decoration:underline; 
padding:0 0 0 0px; 
margin:0 0 0 0px
}
#pagina #contenido #permanente #frontal h2{
font-family:arial; color:black; 
font-size:50px; 
text-align:center; 
padding:0 0 0 0px; 
margin:0 0 0 0px;
}
#pagina #contenido #permanente #servicios{
background:url(imag/vela.jpg) no-repeat; 
width:500px; 
height:430px; 
color:#f0db86;
}
#pagina #contenido #permanente #servicios.cartas2{
background:url(imag/cartas2.jpg) no-repeat;
}
#pagina #contenido #permanente #servicios.cartas3{
background:url(imag/cartas3.jpg) no-repeat;
}
#pagina #contenido #permanente #servicios h1{
font-family:arial;
font-size:23px;
font-weight:bold;
text-align:center;
text-decoration:underline;
padding: 20 0 0 0px;
margin: 0 0 0 0px;
}
#pagina #contenido #permanente #servicios .calidad{
position:relative;
width:450px;
font-family:arial;
font-size:21px;
font-weight:bold;
text-align:center;
padding: 0 0 0 0px;
margin: 20 0 0 0px;
left:50%; 
margin-left:-225px
}
#pagina #contenido #permanente #servicios #targeta{
width:270px;
height:auto;
position:relative;
font-family:arial;
font-size:18px;
font-weight:normal;
text-align:center;
padding: 5 0 5 0px;
margin: 30 0 0 15px;
border:solid 1px;
}
#pagina #contenido #permanente #servicios #targeta .numero{
font-family:arial;
font-size:40px;
font-weight:bold;
text-decoration:none
text-align:center;
padding: 0 0 0 0px;
margin: 0 0 0 0px;
}
#pagina #contenido #permanente #servicios .msn{
width:180px;
position:relative;
font-family:arial;
font-size:20px;
font-weight:bold;
text-align:center;
padding: 5 0 5 0px;
margin: 20 0 0 60px;
border:solid 1px;
}
#pagina #contenido #permanente #pie{
background:#9B9BFF;
color:#000035; 
width:500px; 
height:14px;
font-family:arial;
font-size:10px;
font-weight:bold;
text-align:left;
padding:0 0 0 0px;
margin:0 0 0 0px;
}
#pagina #contenido #permanente #pie img{
position:relative;
float:right;
margin:3 10 0 0px;
}
#pagina #contenido #temas {
background:url(imag/der1.jpg) no-repeat; /* #9B9BFF */ 
width:195px; 
height:480px; 
float:right; 
margin:50 0 0 0px;
padding:0 0 0 0px;
}
#pagina #contenido #temas h1 {
font-family: arial;
font-size: 15px; 
font-weight: bold;
text-decoration: underline;
text-align:center;
margin:18 0 10 0px; 
}
#pagina #contenido #temas #presenta{
width:195px;
background:;
padding:0 0 0 0px;
margin:0 0 0 0px;
}
#pagina #contenido #temas #presenta p{
width:171px;
background:#8484FF;
font-family:arial;
font-size:12px;
padding: 10 0 10 0px;
margin:22 12 22 12px;
text-align:center;
}
#pagina #contenido #temas ul{
margin:0 0 0 0px;
padding:0 0 0 0px;
list-style-type:none;
}
#pagina #contenido #temas ul li{
margin:2 0 0 0px;
padding:0 0 0 0px;
list-style-type:none;
}
#pagina #contenido #temas ul a{
position:relative;
display:block;
width:162px;
height:20px;
line-height:20px;
font-family:arial;
font-size:13px;
color:black;
text-align:center;
background-color:#8484FF;
text-decoration:none;
left:50%; 
margin-left:-81px
}
#pagina #contenido #temas a:hover, .selected a{
background-color:#CACAFF;
font-weight: bold;
}
#pagina #contenido #temas .actual a{
background-color:#CACAFF;
font-weight: bold;
cursor:default;
}








#pagina #contenido #temas #inform{
width:195px;
height:220px;
overflow:auto;
padding:0 0 0 0px;
margin:15 0 15 0px;
scrollbar-face-color:#CACAFF;
scrollbar-arrow-color:#8484FF;
scrollbar-shadow-color:#6464FF;
scrollbar-highlight-color:#6464FF;
SCROLLBAR-TRACK-COLor:#CACAFF;
SCROLLBAR-3DLIGHT-COLOR:#8484FF;
SCROLLBAR-DARKSHADOW-COLOR:#8484FF;
}
#pagina #contenido #temas #inform #caso{
width:158px;
height:auto;
background:#CACAFF;
padding:0 0 0 0px;
margin:0 0 2 16px;
}
#pagina #contenido #temas #inform #caso #color{
width:12px;
height:67px;
float:left;
padding:0 0 0 0px;
margin:4 4 0 4px;
}
#pagina #contenido #temas #inform #caso #numero{
width:30px;
height:40px;
float:left;
background:#8484FF;
font-family:arial;
font-size:33px;
font-weight:bold;
text-align:center;
color:#000035;
padding:0 0 0 0px;
margin:4 4 0 4px;
}
#pagina #contenido #temas #inform #caso h1{
font-family:arial;
font-size:11px;
font-weight:bold;
text-align:left;
padding:0 0 0 0px;
margin: 2 0 3 0px;
}
#pagina #contenido #temas #inform #caso h2{
font-family:arial;
font-size:11px;
font-weight:bold;
text-align:center;
text-decoration:underline;
padding:0 0 0 0px;
margin: 2 0 3 0px;
}
#pagina #contenido #temas #inform #caso p{
font-family:arial;
font-size:10px;
text-align:justify;;
padding:0 0 0 0px;
margin: 0 4 4 4px;
}