

body{
background: #FFFFFF url(img/fondo.jpg) repeat;
font: 10pt  Geneva,Verdana, Arial, Helvetica, sans-serif, ;
	color: #ffffff; 
}

.cabecera{
width:925px;
margin:0px 30px 10px 30px;
height:100px;
background: #6d91bc;
border-color: #ffffff;
border-style: solid;
border-width: 5px;
}

.menu{
width:925px;
margin:0px 30px 30px 30px;
height:75px;
background: #6d91bc;
border-color: #ffffff;
border-style: solid;
border-width: 5px;
}
.content{

width:925px;

margin:30px 30px 30px 30px;

}


.cuadrados{
  float:right;/*esto hace que el primer div se aliniea a la izquierda lo mas arriba posible*/
  width:200px; /*importante el tamaņo, si no ponemos nada coge el tamaņo de la pantalla*/
  height:600px;
  background: #6d91bc;
  border-color: #ffffff;
  border-style: solid;
  border-width: 5px;
}
.general{
  float:left;/*aqui puedes poner float left o float right, si pones left te lo pega a la izquierda del primer bloque, si pones right lo pega a la derecha de la pantalla*/
  width:700px; /*lo mismo que antes*/

 }
 
.web{
width:660px;

padding: 10px 20px 10px 20px;
background: #6d91bc;
border-color: #ffffff;
border-style: solid;
border-width: 5px;

}

.pie{
width:925px;
height:20px;
margin:0px 30px 10px 30px;
background: #6d91bc;
border-color: #ffffff;
border-style: solid;
border-width: 5px;

}
  


.clear{
  clear:both;
}

h1{

color: #ffb400;
text-align:center;
font-size: 36px;
font-style:oblique;
}

h2{

color: #901297;
text-align:center;
font-size: 24px;
font-style:oblique;
}
.content a{
	font: 12pt Geneva, Verdana;
	color:  #ffffff;
	text-decoration: none;
}
.content a:visited {
	
	text-decoration:none; 
}

