#div-10 {
    float:left;
    height:120px;
    width: 20%;
    background-color:#FFCC99;
   	border: 1px solid #000000;
  	-moz-border-radius: 7px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 3px;
    padding: 3px;
    
}



#div-11 {

	float:left;
	
    background-color:#FFCC66;
    width:60%; 
    height:60px;
    float:  left;
   	border:1px solid #333333; /*decoracion*/ 
	color: #A00000;
	background: #EDF55D;
	font-weight: bold;
	font-size:  x-large;
 margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 3px;
    padding: 3px;
	-moz-border-radius: 15px;
    padding: 10px;
}




#flotanteizquierda{
   float: left;
   background: #fc3;
   width: 25%;
   padding: 5px;
}

#div_bor {
	border: 1px solid #000000;
  	-moz-border-radius: 7px;
  	padding: 10px;
  	width: 60;
  	height: 60;
}
	

.body {
    background-color: #f0f0f0;
    color: #cc45d1;
} 




a.button{
background:url(button.gif) no-repeat;
background-color:"blue";
display:block;
color:#FFFFFF;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:10px;
margin-top:2px;
margin-left: 4px;
text-decoration:none;
width:99%;
}

a:hover.button{
color:#0066CC;
}


.inicio{
background:url(ico_inicio.png) no-repeat;
text-indent:38px;
display:block;
}

.foro{
background:url(ico_foro.png ) no-repeat;
text-indent:38px;
display:block;
}


.contacto{
background:url(ico_carta.png) no-repeat ;
text-indent:38px;
display:block;
}


.descarga{
background:url(ico_descarga.png) no-repeat ;
text-indent:38px;
display:block;
}


.maintextcellinset {
	padding: 8;
	border-color: #550000;
	border-style: solid;
	border-width: 1px;
    font-size: small;
	text-align: center;
    -moz-border-radius: 15px;
	width: 100px; 
	height: 100px;
	

}



.contenido {
    width:700px; /*ancho total de la pagina*/ 
    background-color:#FFCC33;
    margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	}




.contenedor {
	
	position: relative;
	top: 100px;
    width:730px; /*ancho total de la pagina*/ 
    height: 100%;
    border:5px solid #333333; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#FFF8F0;
    margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	-moz-border-radius: 15px;
	padding-right: 5px;
    overflow:  hidden;
    padding-bottom: 1px;


}

#columna1{																																																																
	float:left;
    width:140px;
    height: 300px auto;
    background-color:#A00000;
	border:3px solid #333333; 
	margin-left: 5px;
	padding: 3px;
    padding-bottom: 2000px;
    margin-bottom: -2010px;
	-moz-border-radius: 15px;




}

#columna2{

	float:left;
    background-color:#FFCC66;
    width:70%; /*ancho total de la pagina*/ 
    height: 300px auto;
    border:5px solid #333333; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#F0F6F0;
	margin-left: 5px;
    margin-bottom: 5px;
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	-moz-border-radius: 15px;
    padding: 3px;
    min-height: 300px;






}

#pie {
     clear:both;
}

#encabezado {
	position: absolute;
	font: 240% Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
    margin:1px auto; /*para que no se pegue al borde*/ 
    padding:10px; /*algo de relleno*/
    width:400px; /*este ancho es para que cuadre con el texto*/ 
    height:70px; /*idem*/ 
    border:1px solid #333333; /*decoracion*/ 
    background-color:#CC6600; /*more*/ 
    float:left; /*lo flotamos a la izquierda*/ 
    display:inline; /*(*)*/ 
	
	color: white;
	
	-moz-border-radius: 15px;
	
}


#img_encabezado {
	
	position: relative;
	left:10px;
	top: -28px;
	
    margin:1px auto; /*para que no se pegue al borde*/ 
    padding:10px; /*algo de relleno*/
    width:100px; /*este ancho es para que cuadre con el texto*/ 
    height:100px; /*idem*/ 

    float:right; /*lo flotamos a la izquierda*/ 
    display:inline; /*(*)*/ 
	font-family: Georgia, "Times New Roman", Bold;
	color: white;
	font-weight: bold;
	font-size: 30px;

	
}


.titulo{

	position: absolute;
    margin:10px auto; /*para que no se pegue al borde*/ 
    padding:10px; /*algo de relleno*/
    width:224px; /*este ancho es para que cuadre con el texto*/ 
    height:50px; /*idem*/ 
    border:1px solid #333333; /*decoracion*/ 
    background-color:#111155; /*more*/ 
    display:inline; /*(*)*/ 
	font-family: Georgia, "Times New Roman", Bold;
	color: white;
	font-weight: bold;
	font-size: 30px;
	-moz-border-radius: 15px;




}

h1 {
	text-align: left;
	font: 200% Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: Olive;
	background: transparent;
}

h2 {
	border:1px solid #333333; /*decoracion*/ 
	color: #A00000;
	background: #EDF55D;
	font-weight: bold;
	margin-left: 1%;
	margin-right: 3%
	-moz-border-radius: 15px;

}

p{

}

.textoFAQ{

	color: #A0A000;
	font: 15px Verdana, Geneva, Arial, Helvetica, sans-serif;



}