body{margin:0px; padding:0px; background: url(images/bg1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover; 
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Open Sans', sans-serif;
  }
*{transition:ease-in all .3s; -moz-transition:ease-in all .3s; -ms-transition:ease-in all .3s; -o-transition:ease-in all .3s; -webkit-transition:ease-in all .3s;}  
.capa{max-width:1200px; width:100%;  margin:0 auto}

.logo{width:100%; max-width:900px; margin:10px auto 10px; background:url(images/logo.png) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover;   -o-background-size: cover; background-size: cover; height:160px;  text-indent:-999999px}


.capa p{text-align:justify; font-size:10px; color:#FFFFFF; font-weight:300; padding:0px 15px;}
.center{text-align:center !important}
a{text-align:center; background:#ff6600; padding:0px 0px; color:#FFFFFF; text-decoration:none; outline:rgba(255,255,255,0.2) solid 1px; outline-offset:5px; font-size:22px; font-weight:300; margin-top:10px; display:inline-block}
a:hover{background:rgba(255,255,255,0.3); outline:rgba(255,255,255,0.4) solid 1px; outline-offset:-5px}

.row{background:rgba(17,27,34,0.5); padding:20px 0px; width:100%; margin-top:50px; margin-bottom:25px}

.imagenes{list-style:none; margin:0px; padding:0px; width:100%; text-align:center}
.imagenes li{display:inline-block; width:19%; margin:2px;}
.imagenes img{width:95%; outline:rgba(255,255,255,0.2) solid 1px; outline-offset:2px;}
.imagenes img:hover{outline:rgba(0,0,0,0.4) solid 1px; outline-offset:-5px;}

@media(max-width:1024px){
	.imagenes li{width:30%}
}

@media(max-width:768px){
	.imagenes li{width:45%}	
}

@media(max-width:500px){
	.logo{width:100%; max-width:400px;}
}