/* CSS Document */

body { 
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
	font-weight: normal;
	color: #CC3300;
    background-color: white}
	
ul.columnas {
  Float: middle;
  clear: both;
  width: 100%; /*Este ancho será el total que ocupen muestras columnas */
  padding: 10px;
  list-style-type: none; /*Eliminamos las viñetas */
  }

/*Definimos las propiedades para <li> a partir de las otorgadas a <ul>*/

  ul.columnas li{
  display:inline; /*Se declara que las propiedades serán otorgadas a cada linea*/
  float: left;
  margin-bottom: 20px;
  width:33%;} /*Al definir el ancho definimos también el número de columnas, siendo 25% para 4 columnas, 33% para 3, 50% para 2 y asi para la cantidad de columnas que deseemos */

	
h1 {font-size:10pt;
    font-weight:normal;
	margin-top: 0;
	margin-bottom: 0; 
	padding-bottom: 0;}

h2 {font-size:9pt;
    font-weight:normal;
	margin-top: 0;
	margin-bottom: 0; 
	padding-bottom: 0;}

h3 {font-size:9pt;
    font-weight:normal;
	margin-top: 0;
	margin-bottom: 0; 
	padding-bottom: 0;}

h4 {font-size:9pt;
    font-weight:normal;
	margin-top: 0;
	margin-bottom: 0; 
	padding-bottom: 0;}
	
p {margin: 0;} 

a {color: #FF6600;}
a:hover {color: #0087D6;}

	
/* --------------------Centrado de la página-------------------- */	
#wrap { margin:0 auto 0 auto;
width:650px; text-align:left; }


/* ----------Cabecera-------------- */
#banner {
background-color: #FFFFFF;
text-align: center;
padding: 0px;
margin: 0px;
}
#banner_img {padding:0px 0px;} 


/* --------------Columna Izquierda------------- */
#left {
float: left;
width: 270px;
margin: 0px;
padding: 40px 0px 0px 0px;
font-size: 8pt}

/* --------------Columna Derecha------------- */
#right {
float: right;
width: 380px;
margin: 0px;
padding: 0px;
}
/* -----------Pie de Pagina--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 5px;
text-align: center;
font-size: 8pt;
color: #FF6600;}