@charset "UTF-8";
html{
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
	}
	
body {
	background-image: url("galeria/fondo.jpg");
	background-color: #bbbcc8;
	font-family: 'Open Sans', sans-serif;
	background-attachment: fixed;
}

footer{ 
  background:transparent; 
  position:bottom; 
  bottom:0; 
  width:100%; 
  height:auto;
  text-align:center;
  color:black;
}

p{
	text-align: left;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	margin: 10px;
}
.bottom{
	float:  left;
	text-align: center;
	color: black;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	margin: 10px;
}

.barra{
	text-align: center;
	color: #1f2958;
	font-size: 12pt;
	font-family: 'Open Sans', sans-serif;
}
.barra-info{
	background-color: #1f2958;
	text-align: right;
	color: white;
	font-size: 12pt;	
	font-family: 'Open Sans', sans-serif;
}
.barra-info a{
	color: white;
	font-size: 12pt;	
	font-family: 'Open Sans', sans-serif;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700italic);

h1{
  color:#fff;
  text-align: left;
  font-size:18px;
  font-family: Helvetica, 'Open Sans', sans-serif;
  padding: 12 10px;
  border-radius: 5px;
  background-color:#1f2958;
  border: none;
}

h2{
  color:#fff;
  text-align: left;
  font-size:16px;
  font-family: Helvetica, 'Open Sans', sans-serif;
  padding: 12 10px;
  border-radius: 5px;
  background-color:#1f2958;
  border: none;
}

.mini-header{
  color:#fff;
  text-align: center;
  font-size:16px;
  font-family: 'Open Sans', sans-serif;
  padding: 5 10px;
  border-radius: 5px;
  background-color:#1f2958;
  border: none;
}

.mini-contacto{
  color:black;
  text-align: left;
  font-size:12px;
  font-family: 'Open Sans', sans-serif;
  padding: 0 5px;
  border: none;
}

button{
	color:#fff;
  text-align: center;
	padding: 0px;
}

a{
   text-decoration:none;
   color: #1f2958;
}

a:hover{
   color:#dbdbdb;
}

.sub-main{
  width: 100%;
  margin: 0px;
  float: left;
}

.button-two{
  text-align: center;
  cursor: pointer;
  font-size:16px;
  margin: 0px;
  border-radius: 5px;
  background-color:#1f2958;
  border: none;
  padding: 10px;
  width: 100%;
  transition: all 1s;
}

.button-two a{
	color: white;
}

.button-two span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button-two span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button-two:hover span {
  padding-right: 25px;
}

.button-two:hover span:after {
  opacity: 1;
  right: 0;
}