@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Laila:400,500,600,700');

/* general pantalla registro */
*{
   
    box-sizing: border-box;
    
}

#pagina {
    width: 400px;
   
}

html {
    font-size:12px;
    font-family:'Roboto';
    font-weight: 400;
}

body {
    background-color: snow;
    font-size:1.6rem;

}



/* pagina principal menú */

width: 400px;s

img { 
    width: 100%;
    }





.blueberry { max-width: 400px; }



/* pie de página */

.pie{
    font-size: 1rem;
    text-align:center;
    margin: 5rem 1rem 2rem 1rem;
    border-top: 1px solid #a39a9a;
    font-family:'Roboto';
    padding:7px;
}


/* blueberry */

.blueberry { margin: 0 auto; }
.blueberry .slides {
	display: block;
	position: relative;
	overflow: hidden;
}
.blueberry .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.blueberry .slides li img {
	display: block;
	width: 100%;
	max-width: none;
}
.blueberry .slides li.active { display: block; position: relative; }
.blueberry .crop li img { width: auto; }

.blueberry .pager {
	height: 40px;
	text-align: center;
}
.blueberry .pager li { display: inline-block; }
.blueberry .pager li a,
.blueberry .pager li a span {
	display: block;
	height: 4px;
	width: 4px;
}
.blueberry .pager li a {
	padding: 18px 8px;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
	border-radius: 6px;
}
.blueberry .pager li a span {
	overflow: hidden;
	background: #c0c0c0;
	text-indent: -9999px;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
	border-radius: 2px;
}
.blueberry .pager li.active a span { background: #404040; }