@charset "utf-8";
/* CSS Document */

html,body{
	width:100%;
	margin:0px;
}

.boton-portafolio {
    width:25%;
	font-family: 'Oxygen', sans-serif;
	font-size: 1.5vw;
	color: #DDD;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(255,255,255,0.15);
	margin-left: 8%;
	font-weight: normal;
    cursor:pointer;
}

.boton-portafolio:hover {
	color: #FFF;
	background-color: rgba(255,255,255,0.25);
	padding: 1%;
	font-weight: bold;
}

.boton1 {
    margin-top:25%
}

.campo {
    text-align:center;
    font-size:2vw;
	border: thin solid #E8E8E8;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #999;
	outline: 0;
	padding-top: 0.5%;
	padding-right: 1%;
	padding-bottom: 0.5%;
	padding-left: 1%;
	width: 100%;
}

.tabla-precios{
    width:100%;
	color:#fff;
}

.contenedor-logo-derecha{
    position:absolute;
    margin:1%;
    width:20%;
    right:1%;
}

.contenedor-logo-izquierda{
    position:absolute;
    margin:1%;
    width:20%;
}

.contenedor-opciones{
    padding: 15% 0% 0% 5%;
}

.footer {
    position:absolute;
    bottom:1%;
    text-align:left;
    width:100%;
    font-size:1vw;
    padding-left:20px;
}

.titulo {
    font-family: 'Oxygen', sans-serif;
    font-size:2vw;
    color:rgb(200,255,255);
    padding: 1%;
    margin-left:5%;
    font-weight:bold;
}

.to-top{
	color:white;
	padding-top:1.8em;
	display:inline-block;/* or block */
	position:relative;
	border-color:white;
	text-decoration:none;
	transition:all .3s ease-out;
}
.to-top:before{
	content:'↑';
	font-size:.9em;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-.7em;
	border:solid .13em white;
	border-radius:10em;
	width:1.4em;
	height:1.4em;
	line-height:1.3em;
	border-color:inherit;
	transition:transform .5s ease-in;
}
.to-top:hover{
	color:pink;
	border-color:pink;
}
.to-top:hover:before{
	transform: rotate(360deg);
}

.to-down{
	color:white;
	padding-top:1.8em;
	display:inline-block;/* or block */
	position:relative;
	border-color:white;
	text-decoration:none;
	transition:all .3s ease-out;
}
.to-down:before{
	content:'↓';
	font-size:.9em;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-.7em;
	border:solid .13em white;
	border-radius:10em;
	width:1.4em;
	height:1.4em;
	line-height:1.3em;
	border-color:inherit;
	transition:transform .5s ease-in;
}
.to-down:hover{
	color:pink;
	border-color:pink;
}
.to-down:hover:before{
	transform: rotate(360deg);
}