html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
background:transparent;
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
}

a {outline:0;}

/* remember to define focus styles!
:focus { outline:0; }*/
ol,ul {
list-style:none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing:0;
}

caption,th,td {
font-weight:400;
text-align:left;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

blockquote,q {
quotes:"" "";
}

body {
background:url(../img/f.png) center top #455056 repeat-x;
color:#a0a6a8;
font-family:"Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
text-align:center;
}

/*<div class="sp"><hr /></div>*/
hr {
clear:both;
display:none;
height:1px;
width:100%;
}

.sp {
clear:both;
height:1px;
}

h2 {
color:#fff;
font-size:16px;
font-weight:700;
}

ul {
list-style-type:none;
margin:0;
padding:0 0 0 16px;
}

li {
background:url(../img/bullet.png) top left no-repeat;
color:#779038;
font-size:12px;
font-weight:700;
padding:0 0 10px 24px;
}

strong {
font-weight:700;
color:#fff;
}

/* imágenes o capas con alpha */
.transparent {
background:url(../img/header_mask8.png) left top no-repeat;
height:250px;
width:500px;
}

/*PPAL*/

.ppalHeader {
/*background-color:red;*/
clear:both;
margin:auto;
text-align:left;
width:768px;
height:86px;
background:url(../img/main_top_shadow.png) left top no-repeat;
}

.ppalMain {
/*background-color:#0F0;*/
clear:both;
margin:auto;
text-align:left;
width:768px;
/*height:533px;*/
}

.ppmSL {
float:left;
display:inline;
width:13px;
height:533px;
background:url(../img/main_left_shadow.png) top left no-repeat;
}

.ppmSR {
float:left;
display:inline;
width:16px;
height:533px;
background:url(../img/main_right_shadow.png) top left no-repeat;
}

.ppmCol01, .ppmCol02, .ppmCol03, .ppmCol04, .ppmCol05 {
float:left;
display:inline;
width:148px;
height:533px;
background:url(../img/main_col.png) top left no-repeat;
/*padding:2px;*/
}

.ppmCol05 {
width:143px;
}

.ppmColImg01, .ppmColImg02, .ppmColImg03, .ppmColImg04, .ppmColImg05 {
float:left;
display:inline;
margin:2px 0 0 2px;
height:497px;
width:139px;
background:url(../img/main_image.jpg) top left no-repeat; /*#00F*/
}

.ppmColImg02 { background-position: -148px 0;}
.ppmColImg03 { background-position: -296px 0;}
.ppmColImg04 { background-position: -444px 0;}
.ppmColImg05 { background-position: -592px 0;}

.ppmColBut {
float:left;
display:inline;
height:32px;
width:139px;
margin:0 0 0 2px;
}

.ppmColBut a, .ppmColBut a:visited, .ppmColBut a:link, .ppmColBut a:hover { position:relative; }

.ppFooter {
/*background-color:#00F;*/
background:url(../img/main_bottom_shadow.png) top left no-repeat; /*#00F*/
clear:both;
height:55px;
margin:auto;
text-align:left;
width:768px;
}

.ppFArriba {
float:right;
display:inline;
height:27px;
width:37px;
margin:3px 4px 0 0;
}

.ppFPie {
float:left;
display:inline;
height:27px;
width:670px;
margin: 16px 0 0 14px;
}

.ppFPie a, .ppFPie a:visited, .ppFPie a:link, .ppFPie a:hover { font-weight:normal; color:#7d8589; position:relative; }
.ppFPie a:hover   { color: #fff;}

/* ------------------------ */
/* Comienza la estructura */

.header {
background-color:red;
clear:both;
margin:auto;
text-align:left;
width:768px;
}

.main {
background-color:#0F0;
clear:both;
margin:auto;
text-align:left;
width:768px;
}

.leftCol {
display:inline;
float:left;
margin:0;
text-align:left;
width:100px;
}

.rightCol {
display:inline;
float:right;
margin:0;
text-align:left;
width:400px;
}

/* Footer */
.footer {
background-color:#00F;
clear:both;
height:100px;
margin:auto;
text-align:left;
width:768px;
}

.footer a, .footer a:visited, .footer a:link, .footer a:hover { color:#7d8589;position:relative; }
.footer a:hover   { color: #fff;}

a, a:visited, a:link, a:hover { font-weight:bold;color:#f4a514; }
a:hover   { color: #fff;}