body{
   background: url(concierto2.jpg) no-repeat center center fixed ; 
   
   -webkit-background-size: cover;
        -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   opacity: 1;
}


	h1{
		
		color:red;
	}
	h3{
	color:black;
	font-size:40px;}
	h2{
	color:black;}
	#text:first-letter{
		display:block;
		float:left;
		margin:3px;
		color:#f00;
		font-size:500%;
		font-style:oblique;
			}
	#text{text-shadow:0.5em 0.5em 0.14em grey;    
	text-align:justify;
	 width: 1500px;
 padding: 5px;
  
 font: normal 13px arial, helvetica, sans-serif;
    font-size: 20px;
	line-height:1000px;
	}
	p#preline  {
  white-space: pre-line;
  }

  #presentacion{
	 
text-shadow:0.5em 0.5em 0.14em grey; 
text-indent: 1.5em;   
	text-align:justify;
	 width: 1050px;
 
 padding: 5px;
 
 font: italic 13px arial, helvetica, sans-serif;
    font-size: 20px;
	line-height:36px;
	} 
	.marco{ 
border: silver 20px solid;
  border-image-source: url("marco-200.png");
  border-image-slice: 21;

  padding: 10px;       /* ancho del borde - grosor - color */ 
  transition:all 0.8sease; 
  -moz-transition:all 0.8s ease; 
  -webkit-transition:all 0.8s ease; 
}  
.marco:hover{
	-webkit-transform: scale(1.8);
	-moz-transform: scale(1.8);
	-o-transform: scale(1.8);
	-ms-transform: scale(1.8);
	transform: scale(1.8);
	
		}
	
#thumbnail:hover{
	-webkit-transform: scale(1.8);
	-moz-transform: scale(1.8);
	-o-transform: scale(1.8);
	-ms-transform: scale(1.8);
	transform: scale(1.8);
	
		}
		
	#thumbnail {
		
  transition:all 0.8sease; 
  -moz-transition:all 0.8s ease; 
  -webkit-transition:all 0.8s ease; 
}
*/
.lista :hover {
	background:green;
	
}
.contenedor {overflow:auto;
}
.conenedor:hover {
background:green;}

#aviso-cookies {
position: absolute;
top: 0;
z-index: 999;
width: 100%;
padding: 15px;
box-sizing: border-box;
background: rgba( 220, 220, 220, 0.8);
}
@import '../../shared/mixins',
        '../../shared/reset',
        '../../shared/about-dark';
		}





.progress {
  overflow: hidden;
  margin: 100px auto;
  padding: 0 15px;
  width: 220px;
  height: 34px;
  background: #d3d5d9;
  border-radius: 17px;
  @include linear-gradient(top, #ebecef, #bfc3c7);
  @include box-shadow(inset 0 1px rgba(white, .8),
                      0 2px 4px rgba(black, .35),
                      0 0 0 1px rgba(black, .1),
                      0 0 0 6px #b6babe,
                      0 7px rgba(white, .1));
}

.progress-val {
  float: right;
  margin-left: 15px;
  font: bold 15px/34px Helvetica, Arial, sans-serif;
  color: #333;
  text-shadow: 0 1px rgba(white, .6);
}

.progress-bar {
  display: block;
  overflow: hidden;
  height: 8px;
  margin: 13px 0;
  background: #b8b8b8;
  border-radius: 4px;
  @include linear-gradient(top, rgba(black, .2), transparent 60%);
  @include box-shadow(inset 0 1px 2px rgba(black, .2), 0 1px rgba(white, .6));
}

.progress-in {
  display: block;
  min-width: 8px;
  height: 8px;
  background: #1997e6;
  background-image: -webkit-linear-gradient(top, rgba(white, .3), rgba(white, 0) 60%, rgba(black, 0) 61%, rgba(black, .2)),
                    -webkit-linear-gradient(left, #147cd6, #24c1fc);
  background-image:    -moz-linear-gradient(top, rgba(white, .3), rgba(white, 0) 60%, rgba(black, 0) 61%, rgba(black, .2)),
                       -moz-linear-gradient(left, #147cd6, #24c1fc);
  background-image:      -o-linear-gradient(top, rgba(white, .3), rgba(white, 0) 60%, rgba(black, 0) 61%, rgba(black, .2)),
                         -o-linear-gradient(left, #147cd6, #24c1fc);
  background-image:         linear-gradient(to bottom, rgba(white, .3), rgba(white, 0) 60%, rgba(black, 0) 61%, rgba(black, .2)),
                            linear-gradient(to right, #147cd6, #24c1fc);
  border-radius: 4px;
  @include box-shadow(inset 0 1px rgba(black, .2), inset 0 0 0 1px rgba(black, .2));
}
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    background:url(check_radio_sheet.png) left top no-repeat;
}