body 
{
background-image:url(../images/fondo.jpg) opacity: 0.5 ;

background-repeat: no-repeat;
background-attachment: fixed
}


.button {
   border-top: 1px solid #f7ed97;
   background: #d99415;
   background: -webkit-gradient(linear, left top, left bottom, from(#db9d29), to(#d99415));
   background: -webkit-linear-gradient(top, #db9d29, #d99415);
   background: -moz-linear-gradient(top, #db9d29, #d99415);
   background: -ms-linear-gradient(top, #db9d29, #d99415);
   background: -o-linear-gradient(top, #db9d29, #d99415);
   padding: 7px 14px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #f7f5d7;
   background: #f7f5d7;
   color: #ccc;
   }
.button:active {
   border-top-color: #40421e;
   background: #40421e;
   }
   
   
   
.css3button {
width:150px;
height:50;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff5f9;
	padding: 7px 15px;
	background: -moz-linear-gradient(
		top,
		#f0091d 0%,
		#7a2c2c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f0091d),
		to(#7a2c2c));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 10px;
	border: 2px solid #060108;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(189,179,189,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(189,179,189,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(189,179,189,1);
	text-shadow:
		1px 1px 3px rgba(000,000,000,0.9),
		0px 1px 0px rgba(207,203,207,0.3);


		}
.css3button:hover {
	background: -moz-linear-gradient(
		top,
		black 10%,
		red);
   border-top-color: white;
   color: #ccc;
   }
.css3button:active {
   border-color: white;
   background: black;
   }
#botones{
border-radius: 0px;
background-color:#FDC40C;
background-imge:url(../images/PERGAMINOS2.png);
margin-top:4px;
float: left;
text-align: center;
width: 300;
height: 600;
}

button{
  margin: 7px;

}
.ci{
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff5f9;
	padding: 10px 13px;
	background: -moz-linear-gradient(
		top,
		#f0091d 0%,
		#7a2c2c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f0091d),
		to(#7a2c2c));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 5px;
	border: 2px solid #060108;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(189,179,189,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(189,179,189,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(189,179,189,1);
	text-shadow:
		1px 1px 3px rgba(000,000,000,0.9),
		0px 1px 0px rgba(207,203,207,0.3);
}
.ci:hover {
	background: -moz-linear-gradient(
		top,
		black 10%,
		red);
   border-top-color: white;
   color: #ccc;
   }
.ci:active {
   border-color: white;
   background: black;
   }
   
 .textos{
text-align: rigth;
   }
 .botones_up{
 float:rigth;
text-align: center;
 }
 h2{
 text-align: center;
 }
  h1{
 text-align: center;
 }
  h3{
 text-align: center;
 }
tr {
 margin: 58px;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 div, ul, li, img{
  box-sizing: border-box;
}

  {
  background-image: url( images/fondo.jpg);
  }
.gallery
  { 
  width: 600px;
  overflow: hidden;
  border: 0px solid #aaa;
  margin: 20px auto;
  padding: 20px;
  text-align: center;

  }
.gallery-images
 { width: 2200px;
  text-align: left;
  position: relative;
  padding: 0;
  margin: 0;
  transition: left 0.5s;
  }
.gallery-item
  {display: inline;}
  
 .gallery img
  {  width: 350px;
    height: 250px;
    padding: 0;
    margin: 10px 0;
    border: 1px solid #aaa;
    cursor: pointer;
  }
  
  &:not(:first-child) img
    {
	margin-left: 10px;
	}
  
  &:first-child img
{    margin-left: 30px;
 } 

.gallery input
  {
  display: none;
  }
.gallery input + label
  {
  background-color: red;
 border-radius: 13px;
  height: 15px;
  width: 15px;
  display: inline-block;
  border: 1px solid #444;
  cursor: pointer;
  transition: all 0.5s;
  &:hover;
  box-shadow: 0 0 3px 0 #555;
  }  
  
.gallery input:checked + label
{
  background-color: black;
 
} 
.gallery #ind-1:checked ~ .gallery-images
 { left: 0;
  }
.gallery #ind-2:checked ~ .gallery-images
  {left: -310px;
  }
.gallery #ind-3:checked ~ .gallery-images
  {
  left: -620px;
  }
  
  .gallery #ind-4:checked ~ .gallery-images
  {
  left: -940px;
  }
  
   .gallery #ind-5:checked ~ .gallery-images
  {
  left: -1300px;
  }
  
     .gallery #ind-6:checked ~ .gallery-images
  {
  left: -1620px;
  }
  
#credit
  {
  font-family: 'Calibri';
  }
  
  .gallery a{
    color: #000;
	}
	
	#contenido
	{

  height: 1000px;
  width: 720px;
	}
	
	.invi{

	}
	
	.invi2{

	}
	

	.b1{
  height: 170px;
  width: 150px;
	margin:10;

	}
	img{

	}
	
	#f1{
  background-image: url(../images/fondos/leonardoacosta.jpg);
  background-size: 190px 200px;
	}
	
		#f0{
  background-image: url(../images/fondos/olgaportuondo.jpg);
  background-size: 175px 230px;

	}
	
	#f2{
  background-image: url(../images/fondos/banner-feria-internacional-libro2015.jpg);
  background-size: 175px 200px;
	}
	
		#f3{
  background-image: url(../images/fondos/taj-mahal-agra-india.jpg);
  background-size: 180px 220px;

	}
	
	#f4{
  background-image: url(../images/fondos/invitadosfondo.jpg);
  background-size: 220px 200px;
	}
	
		#f5{
  background-image: url(../images/fondos/la_habana_0.jpg);
  background-size: 170px 220px;

	}
	
	#f6{
  background-image: url(../images/fondos/historias_de_historias.jpg);
  background-size: 190px 200px;
	}
	
		#f7{
  background-image: url(../images/fondos/mapa.jpg);
  background-size: 170px 220px;

	}
	#f8{
  background-image: url(../images/provincias-1.jpg);
  background-size: 175px 190px;
	}
	
	#f9{
  background-image: url(../images/fondos/Libr3327.jpg);
  background-size: 210px 200px;
	}
	
	
	
	.b11{
  background-color: #105BAB;
		margin-bottom:70;
	margin-left:20;
	border:solid;
	border-color:#AB0505 ;
    height: 220px;
    width: 177px;
	}
	
	.subsedes{
			margin:8;

	  color: white;
	   border-top: 1px solid #f7ed97;
   background: -webkit-gradient(linear, left top, left bottom, from(#F7941C), to(#AE6B1B));
   background: -webkit-linear-gradient(top, #F7941C, #AE6B1B);
   background: -moz-linear-gradient(top, #F7941C, #AE6B1B);
   background: -ms-linear-gradient(top, #F7941C, #AE6B1B);
   background: -o-linear-gradient(top, #F7941C, #AE6B1B);
   padding: 1px 1px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,8,.4) 0 1px 0;
   font-size: 13px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
text-align: center;

	}
	
	
	.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:70px;
    display:none;
    text-indent:-9999px;
    background: url(../images/icon_top.png) no-repeat;
}

	.atras{
    width:60px;
    height:60px;
    opacity:0.3;
    position:fixed;
	bottom:20px;
    left:75px;
    text-indent:-9999px;
    background: url(../images/54906.png) no-repeat;
}




#contenido {
font-family: arial;
text-align: justify;
line-height:2;

}
.home{
float:left;
width:80;
height:80;
}