/* CSS Document */
.body {
	background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}

#Contenido {
	width:95%;
	text-align:justify;
	background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);
	position: relative;
	display:inline-block;
	line-height:1; 
	marging:0.5vw; 
	padding-right:0.5%; 
	padding-left:0.5%; 
	height:auto;
	box-shadow: 0.3vw 0.3vw grey;
    -webkit-box-shadow: 0.3vw 0.3vw grey;
   	-moz-box-shadow: 0.3vw 0.3vw grey;
	border-radius: 1vw;
	-webkit-border-radius: 1vw;
	-moz-border-radius: 1vw;
	z-index:99;
}

#menuGaleria ul li {
	position: relative;  
	display:inline-block;
	height:auto;
	width:2vw;
	border-radius: 1vw;
	-webkit-border-radius: 1vw;
	-moz-border-radius: 1vw;
	z-index:999;
}
	
.cajatexto { 
	background: -webkit-linear-gradient(80deg, yellow 10%, orange 90%);
	background: -moz-linear-gradient(80deg, yellow 10%, orange 90%);
	background: -ms-linear-gradient(80deg, yellow 10%, orange 90%);
	background: -o-linear-gradient(80deg, yellow 10%, orange 90%);
	background: linear-gradient(80deg, yellow 10%, orange 90%);
	position:relative;
	borde:1.5vw;
	padding:1.5vw;
    margin:0 auto;
	text-align:justify;
    box-shadow: 0.1vw 0.1vw  grey;
    -webkit-box-shadow: 0.1vw  0.1vw  grey;
   	-moz-box-shadow: 0.1vw  0.1vw  grey;
    border-radius: 1.5vw;
	-webkit-border-radius: 1.5vw;
   	-moz-border-radius: 1.5vw;
	z-index:1; 
}

.cajatexto a{ 
   	background-color:#CCCCCC;
	text-decoration:none;
	position:relative;
    margin:0px 8px 0px 8px;
	padding:2px;
	linear-gradient(135deg, #fefcea 0%,#f1da36 86%);
	box-shadow: 0px 1px 0px 1px grey;
   	-webkit-box-shadow: 0px 1px 0px 1px grey;
    -moz-box-shadow: 0px 1px 0px 1px grey;
    border-radius: 8px;
	-webkit-border-radius: 8px;
   	-moz-border-radius: 8px;
	font-style:italic;
	line-height:1.2vw;
	text-align:justify;
}

.cajatexto a:hover,.cajatexto a:active	{
	background: linear-gradient(135deg, #fefcea 0%,#f1da36 86%); 
	background: -moz-linear-gradient(-45deg, #fefcea 0%, #f1da36 86%); 
	background: -webkit-linear-gradient(-45deg, #fefcea 0%,#f1da36 86%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); 
	color : red;
}

.cajasombra{
	background: radial-gradient(circle, #22c1c3, #fdbb2d) 
   	position:relative;
	margin:0 auto;
	borde:20px;
	padding:15px;
	box-shadow: 6px 6px 6px 6px grey;
  	-webkit-box-shadow: 6px 6px 6px 6px grey;
   	-moz-box-shadow: 6px 6px 6px 6px grey;
  	 border-radius: 25px;
	-webkit-border-radius: 25px;
  	-moz-border-radius: 25px;
	z-index:999;
} 

.lateralIzq { 
	position:relative;
	margin:0 auto;
	float: left;
	padding: 0.5%;
	margin:0.5%;
	text-align:justify; 
	background: rgb(183, 235, 111);
	background: -moz-linear-gradient(36deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);
	background: -webkit-linear-gradient(36deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);
	background: -o-linear-gradient(36deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);
	background: -ms-linear-gradient(36deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);
	background: linear-gradient(126deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);  
 	box-shadow: 0.5vw 0.5vw grey;
   	-webkit-box-shadow: 0.5vw 0.5vw grey;
   	-moz-box-shadow: 0.5vw 0.5vw grey;
    border-radius: 2vw;
	-webkit-border-radius: 2vw;
   	-moz-border-radius: 2vw;
	z-index:999;
}
	
.lateralDer{
	position:relative; 
	margin:0 auto;
	float: right;
	padding:0.5%;
	margin:0.5%;
	text-align:center;
	background: -webkit-linear-gradient(80deg, yellow 10%, orange 90%);
	background: -moz-linear-gradient(80deg, yellow 10%, orange 90%);
	background: -ms-linear-gradient(80deg, yellow 10%, orange 90%);
	background: -o-linear-gradient(80deg, yellow 10%, orange 90%);
	background: linear-gradient(80deg, yellow 10%, orange 90%);
    box-shadow: 0.5vw 0.5vw grey;
   	-webkit-box-shadow: 0.5vw 0.5vw grey;
   	-moz-box-shadow: 0.5vw 0.5vw grey;
  	border-radius: 2vw;
	-webkit-border-radius: 2vw;
    -moz-border-radius: 2vw;
	z-index:999;
}	

.opcionGaleria {
	position:relative;
	z-index: 9999;
	font-family : arial;
	font-style : normal;
	font-size:2vw;
	line-height:2.2vw;
	color:black;
	border-radius : 0.2vw;
	display:inline;
	text-align:center;
	box-shadow: 0.14vw grey;
	-webkit-box-shadow:  0.14vw grey;
	-moz-box-shadow:  0.14vw grey;
	background: -moz-linear-gradient(-45deg, #fefcea 0%, #f1da36 86%); 
	background: -webkit-linear-gradient(-45deg, #fefcea 0%,#f1da36 86%); 
	background: linear-gradient(135deg, #fefcea 0%,#f1da36 86%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); 
}

.cuadromapa {
	width:90vw;
	height:65vw;
}

.cajanueva {
    width:98%;
	line-height: 2vw;
	font-size:1vw;    
	position:relative;
	margin:auto auto;
	text-align:center;
 	background-image: linear-gradient(white, green);
 	box-shadow: 0.4vw 0.4vw 0.4vw 0.4vw grey;
  	-webkit-box-shadow: 0.4vw 0.4vw 0.4vw 0.4vw grey;
   	-moz-box-shadow: 0.4vw 0.4vw 0.4vw 0.4vw grey;
    border-radius: 3vw;
	-webkit-border-radius: 3vw;
   	-moz-border-radius: 3vw;
	padding:15px;
	z-index:999;
}

/*Aquí se establece la modificación de aspecto cuando se sitúa el mouse sobre una de las etiquetas "a" del #menu o del #click_menu */ 
#menu li a:hover, #click_menu a:hover {
	position:relative;
	color : red;
	background: linear-gradient(135deg, #FFF70E 10%,#10DCFF 96%); 
	background: -moz-linear-gradient(-45deg, #FFF70E 10%, #10DCFF 96%); 
}

/* Aquí se establece que se muestren las opciones de cada lista cuando se sitúa el ratón sobre "ul"  */
#menu li:hover > ul {
	position: relative;
	display:block;
	z-index:999;
}

@media only screen and (max-width: 820px) {

* {
	font-family:sans-serif;
	font-size:2vw;
	line-height:2.4vw;
	list-style:none;
	text-decoration:none;
}

.vistaPC {
display:none;
}

/* Aquí se oculta el #menu en pantallas menores que 820px */
#menu {
	position: relative;
	display:none;
}

/* Se posiciona el #click_menu y se muestra en block en pantallas menores que 820px */
#click_menu {
position:relative;
float:left;
display:block;
}

/* Aquí se ocultan los submenus y se fija su  anchura en pantallas menores que 820px */
#menu li ul {
	position:relative;
	display:none;
	width:12vw;
	z-index: 999;
}


/* Aquí se fija el aspecto general de la etiqueta "a" de #click_menu y de #menu para pantallas menores que 820px */
#click_menu a, #menu a {
	position:relative;
	width:13vw;
	float:left;
	display:inline-block;
	font-family : arial;
	font-style : normal;
	font-size:2vw;
	color:black;
	margin:0.1vw;
	padding:0.5vw 0.5vw;
	border:0.2vw solid;
	border-radius:1vw;
	text-align:center;
	text-shadow: 0.5vw 0.5vw 0.5vw grey;
	text-decoration:none;
	box-shadow: 0.2vw 0.2vw 0.2vw grey;
	-webkit-box-shadow: 0.2vw 0.2vw 0.2vw grey;
	-moz-box-shadow: 0.2vw 0.2vw 0.2vw grey;
	background: -moz-linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); 
	/* FF3.6-15 */
	background: -webkit-linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); 
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); 
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); 
	/* IE6-9 fallback on horizontal gradient */
	z-index: 9999;
}

#menu ul li {
	position:relative;
	display:block;
	left:1vw;
	width:12vw;
	z-index: 999;
}

/* Aquí se establece que se muestren las opciones de cada lista cuando se sitúa el ratón sobre "ul" para pantallas de menos de 820px */
#menu li:hover > ul {
	position: relative;
	display:block;
	float:left;
	z-index:999;
}

.cajaindex {
   	 width:95%;
	line-height: 2vw;
	font-size:1vw;    
	position:relative;
	margin:0 auto;
	text-align:center;
	background: rgb(183, 235, 111);
	background: -moz-linear-gradient(36deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);
	background: -webkit-linear-gradient(36deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);
	background: -o-linear-gradient(36deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);
	background: -ms-linear-gradient(36deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);
	background: linear-gradient(126deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);  
 	box-shadow: 1vw 1vw 1vw 1vw grey;
    	-webkit-box-shadow: 1vw 1vw 1w 1vw grey;
   	 -moz-box-shadow: 1vw 1vw 1vw 1vw grey;
  	 border-radius: 3vw;
	-webkit-border-radius: 3vw;
    	-moz-border-radius: 3vw;
	z-index:999;
	padding:3%;
} 

.cajacambios{
   	width:95%;
	line-height: 2vw;
	font-size:1.5vw;    
	position:relative;
	margin:0 auto;
	text-align:center;
	padding:2%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#00FFFF;
	box-shadow: 0.14vw 0.14vw 0.14vw 0.14vw grey;
	-webkit-box-shadow: 0.14vw 0.14vw 0.14vw 0.14vw grey;
	-moz-box-shadow: 0.14vw 0.14vw 0.14vw 0.14vw grey;
	border-radius: 1vw;
	-webkit-border-radius: 1vw;
   	-moz-border-radius: 1vw;
	z-index:899;
}

.Estilo1 {
	font: bold Arial;
	color:
	#0000FF;
	font-size:2vw;
}

.Estilo2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:2vw;
	line-height: 2.2vw;
}

.Estilo3 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: blue;
	font-size: 2vw;
	line-height: 2.5vw;
}

.Estilo4 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color:blue;
	font-size: 1.5vw;
	line-height: 1.8vw;
}
}

@media only screen and (min-width: 821px) {
* {
	font-family:sans-serif;
	font-size:1.5vw;
	line-height:2vw;
	list-style:none;
	text-decoration:none;
}

.vistaMovil {
display:none;
}	

#click_menu {
	display:none;
	}

#menu {
		position:absolute;	
		display:inline-block;  
		height:auto;
		width:100%;
		float:center;
		border-radius: 1vw;
		-webkit-border-radius: 1vw;
		-moz-border-radius: 1vw;
		z-index:999;
}	

/* Aquí se ocultan los submenus y se fija su  anchura en pantallas mayores que 820px */
#menu li ul {
	position:relative;
	display:none;
	width:8vw;
	z-index: 999;
}

/* Aquí se fija el aspecto general de la etiqueta "a" de #menu para pantallas meayores que 820px */
#menu a {
	position:relative;
	font-family : arial;
	font-style:normal;
	font-size:1vw;
	font-weight:normal;
	color:black;
	display:block;
	border:0.1vw solid;
	padding:2px 1px;
	border-radius: 0.6vw;
	text-align:center;
	text-shadow: 0.5vw 0.5vw 0.5vw grey;
	text-decoration:none;
	box-shadow:0.2vw 0.2vw 0.2vw grey;
	-webkit-box-shadow:0.2vw 0.2vw 0.2vw grey;
	-moz-box-shadow:0.2vw 0.2vw 0.2vw grey;
	background:-moz-linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); 
	/* FF3.6-15 */
	background:-webkit-linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); 
	/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); 
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); 
	/* IE6-9 fallback on horizontal gradient */
	z-index: 9999;
}

#menu ul li {
	position:relative;
	display:inline-block;
	left:0.1vw;
	width:8vw;
	z-index: 999;
}

/* Aquí se establece que se muestren las opciones de cada lista cuando se sitúa el ratón sobre "ul" para pantallas de mas de 820px */
#menu li:hover > ul {
	position: relative;
	display:inline-block;
	float:left;
	z-index:999;
}

.cajaindex {
   	 width:95%;
	line-height: 2vw;
	font-size:1vw;    
	position:relative;
	margin:0 auto;
	text-align:center;
	background: rgb(183, 235, 111);
	background: -moz-linear-gradient(36deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);
	background: -webkit-linear-gradient(36deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);
	background: -o-linear-gradient(36deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);
	background: -ms-linear-gradient(36deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);
	background: linear-gradient(126deg, rgb(183, 235, 111) 21%, rgb(215, 162, 171) 84%);  
 	box-shadow: 0.5vw 0.5vw grey;
    -webkit-box-shadow: 0.5vw 0.5vw grey;
   	-moz-box-shadow: 0.5vw 0.5vw grey;
  	border-radius: 3vw;
	-webkit-border-radius: 3vw;
    	-moz-border-radius: 3vw;
	z-index:999;
	padding:3%;
} 

.cajacambios{
   	width:95%;
	line-height: 1.4vw;
	font-size:1vw;    
	position:relative;
	margin:0 auto;
	text-align:center;
	padding:0.5%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3vw;
	background-color:#00FFFF;
	box-shadow: 0.14vw 0.14vw 0.14vw 0.14vw grey;
	-webkit-box-shadow: 0.14vw 0.14vw 0.14vw 0.14vw grey;
	-moz-box-shadow: 0.14vw 0.14vw 0.14vw 0.14vw grey;
	border-radius: 1vw;
	-webkit-border-radius: 1vw;
   	-moz-border-radius: 1vw;
	z-index:899;
}

.Estilo1 {
	font: bold Arial;
	color: #000000;
	font-size:1vw;
}

.Estilo2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:1.1vw;
	line-height: 1.5vw;
}

.Estilo3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2vw;
	font-style: italic;
	color: blue;
	
}

.Estilo4 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color:#0000FF;
	font-size: 16px;
	line-height: 20px;
}
}