@charset "UTF-8";

body{
	margin: 0px;
}

/* CSS Document */
.contanier{
	position: absolute;
	display: flex;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	overflow: hidden;
	justify-content: space-around;
}
.logo{
	position: absolute;
	align-self: center;
	width: 40%;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.hojas{
	position: absolute;

	width: 15%;
}
.textfield{
	border: solid 1px #18452c;
	border-radius: 5px;
	color: #5B5B5B;
	padding: 8px;
	font-size: 16pt;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	width: 100%;
	text-align: center;
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box;
}
.formbutton{
	background-color: #18452c;
	border-radius: 5px;
	width: 100%;
	padding: 8px;
	cursor: pointer;
    text-align: center;
	text-decoration: none;
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	border: none;
	color: white;
	font-size: 16pt;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box;
	
	
}

.products-table{
	width: 90%;
	border: solid #18452c 1px;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	color: #18452c;
	font-size: 10pt;
	border-collapse: collapse;
	margin: 30px 0px;
}
.products-table th{
	background-color: #18452c;
	color: white;
	font-weight: 500;
	padding: 3px 6px;
	text-align: center;
}
.products-table td{
	font-weight: 500;
	padding: 3px 6px;
	text-align: center;
}

.products-table tr:hover, .products-table tr:active{
	background-color: #18452c;
	color: white;
}

tr:nth-child(even){
background-color: #eeeeee;	
}

.contanierInfo{
	position: absolute;
	display: flex;
	flex-direction: column;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;

	overflow: hidden;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	text-align: center;
}
.spread_buttons{
	display: flex;
	width: 100%;
	justify-content: space-around;
	padding: 20px 0px;
}
.link-button{
	padding: 10px 15px;
	background-color: #18452c;
	color: white;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-size: 18pt;
	border-radius: 5px;
	text-decoration: none;
	
}
.link-button:hover{

cursor: pointer;
background-color: #20663F;	
	
}

.product-info{
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	color: #18452c;
	margin-bottom: 5px;
}
.formProduct{
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-size: 18pt;
	color: #18452c;
	width: 500px;
}

.babes-ig{
	position: absolute;
	bottom: 10px;
	z-index: 10;
	left: 10px;
	height: 20%;
	max-width: 30%;
	/*border: #00A6FE 1px solid;*/

}
.babes-cont{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 100%;
	height: 100%;
	/*border: 1px solid #f00;*/
}
.babes-foto{
	position: relative;
	max-width:100%;
	max-height:100%;
	/*border: 1px solid #0f0;*/
	justify-content: center;
}
.babes-logo{
	position: absolute;
	background-color: white;
	padding:5px 15px;
	border-radius: 15px;
	align-self: center;
	left: calc(50% - 165px);
	z-index: 15;
	top: 15px;
}
.babes-modelo{
	position: absolute;
	background-color: white;
	padding:5px 15px;
	border-radius: 15px;
	align-self: center;
	right: 20px;
	z-index: 15;
	bottom: 35px;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-size: 52pt;
	color: #18452c;
	text-align: right;
}