html, body{
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	font-family: arial;
	
	scroll-behavior: smooth;
}

.titulo{
	font-size: 2.5em;
	font-weight: bolder;
	
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
	float: left;
}

.logo{
	padding: 20px;
	box-sizing: border-box;
}

	.logo img{
		width: 50%;
	}

.datosDeContacto{
	box-sizing: border-box;
	float: left;
	width: 50%;
	text-align: center;
	font-weight: bolder;
	color: #565;
	font-size: 1.5em;
}

.datosDeRegistro{
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font-weight: bolder;
	color: #565;
	font-size: 1.75em;
}

#lema{
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font-size: 24px;
    margin-top: 50px;
    float: left;
}

section{
	box-sizing: border-box;
	width:	50%;
  		height: 430px;
  		/*height: 33%;*/
	border: 2px solid #fff;
	padding: 5px;
	background: #4f82bb;
	color: #fff;
	text-align: center;
	float: left;
	transition: .2s;
}

	section:hover {
		background: #8dc6ff;
		transition: .2s;
	}

		#marketplace{
			width: 90%;
				margin: 5%;
			/*background: #82bbbb;*/
			box-sizing: border-box;
			background:  linear-gradient(135deg,  #f55 1%, #55f 99%);
			/*border: 25px solid #fff;*/
			transition: .2s;

		
		}

			#marketplace:hover {
				/*background: #44dddd;*/
				/*background: #a4cbbc;*/
				/*background:  linear-gradient(135deg,  #55f 1%, #f55 99%);*/
				/*background:  #585;*/
				background:  linear-gradient(135deg, #353, #585, #353 , #585, #353 );
				transition: .2s;
				/*border: 25px solid #533;*/
				/*box-shadow: 0 0 75px 13px #533;*/
				box-shadow: 25px 25px 5px 5px #533;
			}



		#suministros{
			width: 90%;
				margin: 5%;
			/*background: #82bbbb;*/
			box-sizing: border-box;
			background:  linear-gradient(135deg,  #f55 1%, #55f 99%);
			transition: .2s;
		}

			#suministros:hover {
				/*background: #44dddd;*/
				/*background: #a4cbbc;*/
				/*background:  linear-gradient(135deg, #353, #585, #353 , #585, #353 );*/
				background: rgb(0,156,189);
				transition: .2s;
				box-shadow: 25px 25px 5px 5px #533;
			}

.franjaRoja{
	box-sizing: border-box;
	/*background: #f00;*/
	    background: rgb(245,126,182);
	/*color: #fff;*/
	    color: rgb(0,78,189);
	padding: 5px;
	font-weight: bolder;
}

#presentacion{
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	background: #4f82bb;
	color: #fff;
	text-align: center;
	
	margin-top: 50px;
	margin-bottom: 50px;
	float: left;
}

ul{
	box-sizing: border-box;
	width: 50%;
	margin: 0 auto;
}

#cuadro{
	box-sizing: border-box;
	border: 1px solid #555;
	width: 50%;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
}

	#campos{
		background: blue;
		width: 100%;
	border-radius: 6px;
	box-shadow: 3px 3px 5px 1px #aaa;	
	}

form{
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #ccc;
	width: 50%;
	height: 100%;
	margin: 0 auto;
	border-radius: 6px;
	box-shadow: 3px 3px 5px 1px #aaa;
	float: left;
	margin-left: 25%;
}



	#campodedatos{
		box-sizing: border-box;
		padding: 5px 0 5px 0;
		width: 100%;
		height: auto;
		float: left;
	}

label{
	box-sizing: border-box;
	width: 100%;
	color: #555;
	font-size: 1em;
	font-style: italic;
	/*text-decoration: underline;*/
	float: left;
}

#servicio{
    box-sizing: border-box;
    width: 50%;
    float: left;
}

    .servicio{
        /*display: flex;*/
            /*justify-content: center;*/
            /*align-items: center;*/
        width: auto;
            /*width: 70%;*/
            height: auto;
        /*margin-left: 15px;*/
        padding: 12px 0 0 8px;
        font-size: 18px;
        float: left;
    }
 
     .otroServicio{
        width: auto;
        margin-left: 15px;
        padding: 12px 0 0 0;
        font-size: 18px;
        float: left;
    }

#profesion{
    box-sizing: border-box;
    width: 50%;
    float: left;
}

    .profesion{
        /*display: flex;*/
            /*justify-content: center;*/
            /*align-items: center;*/
        width: auto;
            /*width: 70%;*/
            height: auto;
        /*margin-left: 15px;*/
        padding: 12px 0 0 8px;
        font-size: 18px;
        float: left;
    }
 
     .otraProfesion{
        width: auto;
        margin-left: 15px;
        padding: 12px 0 0 0;
        font-size: 18px;
        float: left;
    }
    
    .cochage{
        width: auto;
            /*width: 10%;*/
        margin: 14px 15px 15px 20px;
        top: 0;
        float: left;
    }
    
    input[type=checkbox] {
        transform: scale(3);
    }
    
input{
	box-sizing: border-box;
	width: 100%;
	border: none;
	border-bottom: 1px solid #555;
	background: #eed;
	font-size: 24px;
	float: left;
	margin-bottom: 20px;
}

button{
	box-sizing: border-box;
	padding: 20px;
	font-size: 2em;
	text-align: center;
	width: 49%;
}

	 #reset{
		background: #faa;
	}

	 #submit{
		background: #afa;
	}

/* estilos 'footer' */

footer{
		position: absolute;
		box-sizing: border-box;
		width: 100%;
			height: auto;
		background: #123;
		color: #abc;
		/*bottom: 0;*/
			color: #abc;
		font-family: arial;
		font-size: .9em;
		float: left;
		
		padding-bottom: 40px;
	}

		footer a{
			text-decoration: none;
			color: #abc;
			transition-duration: .5s;
			
		}
	
		footer a:hover{
			background: #cba;
			color: #321;
			/*font-weight: bolder;*/
			/*letter-spacing: 1px;*/
			transition-duration: .3s;
		}

	#columna{
		box-sizing: border-box;
		width: 32%;
		margin-left: 1%;
		/*border: 1px solid #abc;*/
			color: #abc;
		float: left;
	}

	footer ul{
		box-sizing: border-box;
		width: 100%;
		/*border: 1px solid red;*/
			color: #abc;

		float: left;
	}