body {
	 font-family: Verdana, arial;
	 hyphens: auto;
	 min-width: 1200px;
	 width:				100%;
}

h1  {
	color : MidnightBlue ; /*	#191970*/
	text-align: center;
	font : normal 900 3em  'Open Sans', sans-serif ;
	margin: 0px;
}
/*****************************************************************/
div#paginaweb {
	width:				95%;
	display:			flex;
	flex-direction: 	row;
 	flex-wrap:          nowrap;
 	justify-content: 	space-between; /*space-around;*/
 	align-content:		stretch; 
 	align-items:		flex-start;
}
/*****************************************************************/
div#bloque1 {
 	width:				3%;
 	display:			flex;
 	order:				1;
 	align-self: 		center;

	writing-mode: 		vertical-lr;
    transform: 			rotate(180deg);
    font-weight: 		700;
    text-align: 		center;
    margin: 			0px 5px 5px 15px;
    vertical-align: 	middle;
}
div#bloque2 {
	width:				33%;
	display:			flex;
	flex-direction:		column;
 	flex-wrap:          nowrap;	
	justify-content: 	space-between;
	align-content: 		stretch;	
 	order:				2;
}

div#bloque3 {
	width:				60%;
	display:			flex;
	flex-direction:		column;
 	flex-wrap:          nowrap;
 	order:				3;	
}

div.bloque4 {
	display:			flex;
	flex-direction:		column;
 	flex-wrap:          nowrap;
 	order:				4;
 	padding: 			30px;	
}

/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
div#cuadro1B2{
	background-color:	#00aae4;
	color: 				white;
	font : 				normal 600 1.25em  Times, Georgia, "Times New Roman";
	text-align: 		justify;
	padding: 			0px 5px 0px 8px;
	margin: 			10px 2px 15px;
}
div#cuadro1B2 p {
	margin: 			2px 0px;
}

/*******************************************************************/
/********************** lista desordenada *************************************/
div#listadesordenada {
	width: 				90%;
	border : 			4px SeaGreen solid;
	margin: 			0px 3px 0px;
} 

#listadesordenada p.fondoAzul {
	background-color: 	#00aae4;  
	color: 				white;	 
	border : 			2px SeaGreen solid;
	padding: 			5px 0px 5px;
	margin: 			0px;
}
 
#listadesordenada p.fondoAzul:before {
	content:  			'\025FE  '  ;  
}
#listadesordenada p.fondoBlanco {
	background-color:	white;
	color: 				darkblue;
	text-align: 		center;
	padding: 			2px 0px 4px;
	margin: 			4px 0px 15px;
	font-weight:		700;
	font-size: 			1.25em;
}

.grande {
	font-size: 			1.1em;
}
li.grande:before {
	content:			'';
}

/**********************************************************/
/********************** PAISAJE *****************/
div#paisaje {
	margin: 			10px 40px 15px 2px;
}
div#paisaje img {
	 width:   100%;
}
/***********************************************/

div#cuadro1B3 {
  background-color: #009933;
  color: #ffffff;
  width: 680px;
  transform: scaleY(2);
  margin-top: 48px;
  margin-bottom: 48px;
  padding-bottom: 8px;
  padding-top: 5px;
  text-align: center;
  font: 26px serif;
  font-weight: bold;
  
}

/***********************************************************/
div#cuadro2B3 {
	padding: 				20px;
	margin : 				10px 40px 5px 5px;
	background-color: 		black;
	color : 				white;
	 
	font : 					normal 700 1.7em Times, Georgia, "Times New Roman";
	text-align: 			center;
	word-spacing: 			0.55em;
	display: 				block;
 } 
/************************************************************/
div#mapa {
	 
	margin: 				0px 0px 0px 10px;
	font : 					normal 500 1.20em   Arial, Verdana, Helvetica, Tahoma, "sans serif";
	text-align: 			justify;
	padding: 				0px 40px 0px 5px;
}

/*****************************************************************/
 div#mapa img{
 	float: 					right;
 	margin : 				10px 0px 0px 5px;
 }
/*****************************************************************/


 #mapa {
 		display: 			block;
 } 
 /*********************************************************************/
 div.desayuno {
  color: #ffffff;
  background-color: #ff1a1a;
  border-radius: 15px;
  text-align: center;
  width: 680px;
	margin: 5px 0px 15px 5px;
  font-family: sans-serif;
}

h3.amarillo {
color: yellow;
}
 .recomendaciones {
  background-color: #ffe6cc;
  border: 1px solid blue; 
  border-radius: 20px;
  padding: 2px;
  width: 680px;
  text-align: justify;
  font: 17.2px arial;
}

.recomendaciones ul  {
 	margin:					0px 0px 0px 5px;
 	padding: 				0px 5px 0px 5px;
 }
.recomendaciones li {
 	margin: 				0px  ;
 	padding: 				0px ;
 }
  
 li.rojo {
 	color:red;
 	font-weight: 700;
 }
 li {
 	 display:   inline ;  
 	}
 li.grande {
 	font-weight: 700;
 }
 
  ul li:before {
 	content: ' \02022';
 }

/**********texto de abajo azul bloque 4*********/
 div.bloque4 p {
  color: #ffffff;
  background-color: #000066;
  float: left;
  margin: 5px 67px 0px 40px;
  padding: 8px;
  text-align: justify;
  font-size: 20px;

}

@media screen and (max-width: 800px) {
	body {
		min-width:	400px;
		max-width:	1000px;
		/*width:	25%;*/
		font-size :	60%;
				}
	div#paisaje img {
      	width:		100%;
        }
        div#mapa img{
       	width:		95%;
        }
                
}