* {
	margin: 			0;
	padding: 			0;
	border: 			0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;

    /*-webkit-appearance: none;*/
}

h1,h2,h3,h4,h5{
    font-weight: normal;
}


/*
*:not(html) {
    -webkit-transform: 	translate3d(0, 0, 0);
}
*/

::selection {
	background: 		#888888;
	color: #ffffff;
	}

::-moz-selection {
	background: 		#888888;
	color: #ffffff;
}

html {
	width:				100%;
	height: 			100%;
	overflow-y: 		scroll;
	font-family: 		Arial,Georgia,Courier;
	font-weight:		normal;
	background: 		#eeeeee;
}

body {
	width:				100%;
	height: 			100%;
	font-size:			14px;
	line-height:		18px;
	font-weight: 		normal;
	text-align:			left;
	color:				#000000;
}


.main{
	position:			relative;

	min-height: 		100%;
	height: 			auto !important;

	margin: 			0 auto -0px auto;

	width:				100%;

	display: flex;
	flex-direction: column;
	/*min-width: 		990px;*/
	/*max-width: 	 	800px;*/
}


.header{
	flex: 0;
	position: relative;
	width: 				100%;
	height: 			auto;
	font-size: 			14px;
	line-height:		20px;
	color: 				#222222;
	text-align: 		center;
	background: 		#ffffff;
	padding:			10px 10%;
}

.header > div{
	text-align: center;
	padding: 10px 0px;
}

.header > div img{
	max-height: 80px;
	opacity: 0.1;
}

.header a{
	text-decoration: none;
	color: #222222;
}

.header a:hover{
	color: #000000;
}

.header > div > div{
	position: absolute;
	right: 20px;
	top: 20px;
}


.footer{
	flex: 0;
	position: 			relative;
	font-size: 			14px;
	line-height:		20px;
	color: 				#222222;
	background: 		#ffffff;
	height: 			auto;
	text-align:			center;
	padding:			10px 10%;
}


.footer > div{
	text-align: left;
	padding: 10px 0px;
}


.middle{
	flex: 1;
	position: 			relative;
	width:				100%;
	margin: 			0px auto;
	padding:			20px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #ffffff;
}


.loginbox{
	flex: 0;
	text-align: center;
}

.loginbox > div{
	background: #2A7B9B;
	background: linear-gradient(-45deg, rgba(42, 123, 155, 0.5) 0%, rgba(87, 199, 133, 0.5) 50%, rgba(237, 221, 83, 0.5) 100%);
	border-bottom-color: #42bddb;
	padding: 40px 40px 30px 40px;
	border-radius: 8px;
}

.loginbox > footer{
	padding: 20px;
}

.loginbox input[type="text"],.loginbox input[type="password"]{
	width: 100%;
	line-height: 50px;
	border-radius: 4px;
	font-size: 16px;
	margin-bottom: 20px;
	background: #ffffff;
	color: #222222;
	padding: 0px 10px;
	outline: none; 
	font-family: Arial,Georgia,Courier;
	font-weight: normal;
}

.loginbox input[type="submit"]{
	margin: 0px auto;
	cursor: pointer;
	background: #2A7B9BB0;
	color: #f0f0f0;
	line-height: 50px;
	font-size: 16px;
	padding: 0px 20px;
	border-radius: 4px;
	font-family: Arial,Georgia,Courier;
	font-weight: bold;
}


.loginbox input[type="submit"]:hover{
	opacity: 0.7;
}

.welcome{
	position: relative;
	color: #000000;
	text-align: center;
	margin-bottom: 30px;
}

.welcome h1{
	position: relative;
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
	margin-bottom: 20px;
}

.welcome p{
	font-size: 26px;
	line-height: 32px;
	font-weight: bold;
}

.platforms{
	position: relative;
	flex: 0;
	padding: 20px 20px 20px 20px;
	text-align: center;
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.platforms .platform{
	position: relative;
	flex: 1;
	padding: 30px 0px;
	max-width: 300px;
	border-bottom: 20px solid black;
	color: #000000;
}

.platforms .platform:hover{
	opacity: 0.6;
}

.platforms .platform div{
	padding: 40px 20px;
}

.platforms .platform h1{
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.platforms .platform p{
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
}

.platforms .platform > a{
	display: block;
	text-decoration: none;
	color: inherit;
}


.platforms .platform img{
	position: relative;
	width: 100%;
}


.platforms .platform.home-link-heladerias{
	background: #FEFBF3;
	background: linear-gradient(45deg, rgba(254, 251, 243, 1) 0%, rgba(252, 218, 153, 1) 100%);
	border-bottom-color: #fab430;
}

.platforms .platform.home-link-carteles{
	background: #FDFAEE;
	background: linear-gradient(45deg, rgba(253, 250, 238, 1) 0%, rgba(232, 247, 250, 1) 100%);
	border-bottom-color: #42bddb;
}

.platforms .platform.home-link-visibilidad{
	background: #FDFAEE;
	background: linear-gradient(45deg, rgba(253, 250, 238, 1) 0%, rgba(233, 247, 251, 1) 100%);
	border-bottom-color: #42bddb;
}


.platforms .platform.home-link-cartas{
	background: #FDFAEE;
	background: linear-gradient(45deg, rgba(253, 250, 238, 1) 0%, rgba(234, 247, 251, 1) 100%);
	border-bottom-color: #c11347;
}


.admin-tools{
	position: relative;
	width: 100%;
	min-height: 100%;
	flex: 0;
	line-height: 24px;
}

.admin-tools > div{
	position: relative;
	display: flex;
	flex-direction: row;
}


.admin-tools h1{
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}

.admin-tools h2{
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
}

.admin-tools-tool{
	position: relative;
	padding: 20px;	
}


.admin-tools-tool > div{
	padding: 20px;
	border: 1px solid #eeeeee;
}

.admin-tools select{
	padding: 6px 10px;
	margin-bottom: 10px;
}

.admin-tools-options{
	flex: 1;
	width: 50%;
}

.admin-tools-results{
	flex: 1;
	width: 50%;
	border: 1px solid #eeeeee;
	margin: 20px;
	padding: 20px;
	background: #f0f0ff;
}

.admin-tools-opts{
	position: relative;
	text-align: right;
}

.admin-tools input[type="submit"]{
	padding: 8px 16px;
	cursor: pointer;
}

.admin-tools-tool[data-isresponse="1"] > div {
	background: #f0f0ff;
}

.admin-tools-results > h2{

	padding: 0px 0px 10px 20px;
}

.admin-tools-results > h3{

	padding: 20px 0px 10px 40px;
}

.admin-tools-results > p{

	padding: 0px 0px 0px 60px;
}

.admin-tools-results table{
	width: 100%;
	padding: 0px 0px 0px 60px;
}