/* colores pasados a .js */

/* tamaños */


html, body 		{	margin: 0;	}
h4,h5,h6		{	margin: 0;	}


img.menu, .elMenu 	{ 	
					display:none;
					width:1.6em;
					margin: 0px 0px 0px 0px;
					float:right;						}

h1				{	margin:				0px					;
					padding: 			2px 16px			;			}	
/*
h2				{	padding: 			8px 0px 2px 16px	;
					margin:				0px					;			}
*/
/*
u           	{	text-decoration: 	none				;			}
*/

#info  			{	position:absolute;	
					bottom: 0;	
					right: 0;	}
#acordeon  		{	position:relative;	
					margin-top: -3em;	
					margin-bottom: 3em;	}

#acordeon article 	{	height:0px;
					width:90%;	
					overflow:hidden;
													}
#acordeon input 	{	display: none;				}
#acordeon input:checked + label 	{
					border-bottom-right-radius: 0;
					border-bottom-left-radius: 0;
					font-weight:bold;				}
/*
#acordeon input:checked ~ img.masMenos 	{				prueba para alternar mas menos debería ponerse como fondo....MIRAR
					border-bottom-right-radius: 0;
					border-bottom-left-radius: 0;
					font-weight:bold;
					margin-bottom: 10px;				}
*/
#acordeon input:checked ~ article {	
					height: auto;
					margin-bottom: 2px;				}
#acordeon label {	border-radius: 4px;
					cursor: pointer;
					display: block;
					margin-bottom: 2px;
					width:90%;						}
#acordeon label:hover  > img.masMenos,	
#acordeon label:hover  > img.elMenu	
				{	display:block;					}	
#acordeon label:hover {	font-weight:bold;			}	
#acordeon article p,
#acordeon article li {	padding: 4px 16px;
					margin:0px;
					float:left;				
						}	
#acordeon article:hover  > .elMenu	
				{	display:block;					}	

#acordeon article:hover 	
				{	background:rgba(0, 0, 0, 0.1);	}	

img.masMenos	{ 	display:none;
					width:30px;
/*
					margin: 0px 0px -10px -5px;
*/
					margin: 0px 0px 0px 0px;
					float:left;						}
img.hormiga		{ 	margin-top: 15%;
					position:fixed;	
					right: 20px;
					top: 30px;
					max-width:150px;
					z-index: -1;					}
img.cabeza		{ 	position:relative;	
					right: 0px;
					top: 0px;
					height : 30%;
					max-width: 100%;
					min-width: 100%;
					z-index: -1;					}
svg 			{	stroke:#8D8A69;
					fill:none;
					cursor: pointer;
					stroke-width:2;					}
svg:hover 		{	fill:#E5D82A;
					stroke:#E5D82A;					}
svg:hover + span {	display:inline;					}

.divSvg			{	width:50px;
					height : 50px;
					float:right;					}	
.divh1			{	float:left;						}	
svg.ayuda 		{	stroke-width:	2;										
					cursor: pointer;				}
svg.ayuda:hover {															
					fill:			#64EC4F;							
					stroke:			none;			}


footer p 		{	padding: 2px 16px;
					margin:0px;
					font-size: 80%;
					float:right;					}	


h2				{	clear: both;					}	

#acordeon h3	{	margin-top: 0px;
					border-radius: 4px;
					cursor: pointer;				}


/*pantalla normal_______________________________________________________________________*/
h1				{	font-size: 2em;					}	
h2				{	font-size: 1.5em;				}	
h3				{	font-size: 1.2em;				}	
article p		{	font-size: 1em;					}	
h1,h2,
#acordeon h3,
#acordeon article p,
#acordeon article li 
				{	margin: 0px 0px 0px 70px;
					padding: 4px 16px;				}	
#acordeon label {	height:2em;						}
/*pantalla pequeña_______________________________________________________________________*/
@media (max-width:900px){
h1				{	font-size: 2.5em;				}	
h2				{	font-size: 2em;					}	
h3				{	font-size: 1.7em;				}	
article p		{	font-size: 1.5em;				}	
h1,h2,
#acordeon h3,
#acordeon article p,
#acordeon article li  
				{	margin: 0px 0px 0px 30px;
					padding: 4px 10px;				}	
#acordeon label {	height:2.6em;					}
}

/*_______________________________________________________________________*/
@media print  {
html, body 	{	background:   none;		}	/* creo que sobra*/
h1			{	font-size: 130%;	
				margin-bottom: 30px;	}	
h2			{	font-size: 120%;	
				margin-bottom: 30px;	}	
article p	{	font-size: 70%;			}	
img 		{ 	width:250px;			}
 
#acordeon article {	background: none;
					height:auto;
					overflow:auto;
										}
#botonS 	{				display: none;	}
span 		{				display: none;		}
iframe 		{				display: none;				}

a:link, a:visited {
text-decoration: none;
color: black;
}
a:after {
  content: " (" attr(title) ") ";
}
div {page-break-inside:avoid;}
/*
div {page-break-after:avoid;}
.saltoPagina {page-break-before:always;}
*/
/*
article {page-break-inside:avoid;}
label {page-break-after:avoid;}
*/

label {	background: #aaa !important;
		border-radius: 4px;
		display: block;
		margin-bottom: 2px;
		padding: 4px 16px;
						}
}		/*_______________________________________________________________________*/

@page {
 }
.modalDialog 	{	position: fixed;
				font-family: Arial, sans-serif;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 99999;
				opacity:0;
				-webkit-transition: opacity 400ms ease-in;
				-moz-transition: opacity 400ms ease-in;
				transition: opacity 400ms ease-in;
				pointer-events: none;		/*aunque da error esto hace que funcionen los botones de la imagen slideshow*/
}
.modalDialog:target {
				opacity:1;
				pointer-events: auto;		/*aunque da error esto hace que funcionen los botones de la imagen slideshow*/
}

.modalDialog > div {
				width: 400px;
				position: relative;
				margin: 10% auto;
				padding: 5px 20px 13px 20px;
				border-radius: 10px;
}
.close {
				line-height: 25px;
				position: absolute;
				right: 5px;
				text-align: center;
/*
				top: -10px;
*/
				width: 24px;
				text-decoration: none;
				font-weight: bold;
				-webkit-border-radius: 12px;
				border-radius: 12px;
				-webkit-box-shadow: 1px 1px 3px #000;
				box-shadow: 1px 1px 3px #000;
}
.modalDialog 							{	background: 		rgba(0,0,0,0.8);		}
.modalDialog > div 						{	background: 		#FFFFFF;				}