﻿body {
background-color: #f8f8f8;
background-image:url(fondo.gif);
background-repeat:repeat-x;
background-position:top;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

a {color: #DB7093;text-decoration: none;}
a:visited {color:#DB7093;text-decoration: none;}
a:hover {color: #564b47;text-decoration: underline;}
a:active { color:#000000;text-decoration: none;}

h1 {
font-size: 15px;
text-align: center;
text-transform:uppercase;
background-color: #fcfcf0;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h4 {
font-size:13px;
color: #fff;
font-weight: bold;
background-color: #B53159;
padding: 5px 15px;
border-bottom:1px solid #564b47;
border-top:1px solid #564b47;
margin:0px;}

#img.download {vertical-align:middle;}

/* ----------container to center the layout-------- */
#container {
width: 1000px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: center;
padding-bottom:10px;
margin-right:23px;
margin-top:-10px;
}

#banner img {padding:10px 0px;} 

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 200px #CFCFCF; /* color of the left column  */ 
border-right: solid 350px #CFCFCF; /* color of the right column  */ 
border-bottom: solid 10px #CFCFCF; /* color of the right column  */ 
background-color: #fff;  /* color of the content column */
height: 1100px;
clear: none;
} 

#inner{margin:0;
width:100%;
} /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
 width:198px; 
 background-color: #CFCFCF;
 border:1px solid #564b47;
 float:left; 
 position:relative; 
 margin-left:-201px;
 margin-right:1px;
 height: 1100px;
 }
 
#right {
width:348px;
background-color: #CFCFCF; 
border:1px solid #564b47;
float:right; 
position:relative; 
margin-right:-352px; 
margin-left:1px;
height: 1100px;
}

/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px 0px 10px 0px; 
border:1px solid #564b47;
height: 1100px;
}

p {
padding: 1px 5px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */
#footer {
clear:center;
padding:0px;
margin:20px;
text-align: right; }

/*  ----------------extra---------------------- */
#borde {
border:1px solid #564b47;
}

#trades {
text-align: center;
}

#trades img{
border:1px solid #333;
margin:10px 8px 5px 1px;
}

#left img, #right img {
border:1px solid #333;
margin:1px;
}

#video {
width: 400px;
height: 350px;
margin:2px 10px 10px 25px;
background: #ffffff;
vertical-align: middle;
text-align:center;
}

#videos-pie {
border-top: dashed 1px #EFEFD6;
border-bottom: dashed 1px #EFEFD6;
font-size: 10px;
color: #000;
vertical-align: top;
padding-top: 5px;
padding-left: 5px;
margin:2px 10px 2px 2px;
height: 120px;
}

#videos-pie img {
border:1px solid #333;
float: left;
margin-right: 5px;

}

#videos-pie a img {
border:2px solid #DB7093;
}


#laterales p {
padding: 1px 5px;
font-size: 13px;
margin:0px; }

#top p {
padding: 1px 5px;
font-weight: bold;
font-size: 15px;
margin:0px; }

#centrar {
text-align:center; }
