@charset "utf-8";

/* CSS Document */



/*

noto sans regular para el contenido y subtitulos

font-family: 'Noto Sans';





roboto black para los titulos y roboto bold para subtitulos:

font-family: 'Roboto';



amarillo: #ffcb01

azul: #1e1866



*/



.portada{

	margin:0 auto;

	width:100%;	

	height:100%;

	position:relative; 

	background-image:url(../imgs/fondo.png);

	background-size:cover;

	background-position:center;

	background-repeat: no-repeat;

	

	

}



.pelicula{

	width:100%;

	height:100%;

	background:rgba(0,0,0,0.3);	

}





.logotitulo{

	position:absolute;

	left:20px;

	top:20px;

	/*width:180px;*/

	height:200px;

}





.logo{

	position:absolute;

	right:50px;

	bottom:20px;

	width:180px;

	height:auto;

	z-index: 100;

}

.logohaldus{

	height: 50px;
}

.cajalogo{

	width: 100%;

	height: 200px;



}





.caja{

	width:80%;

	height:96%;

	padding:1% 2%;

}



.pretitulo{

	font-family: 'Montserrat', sans-serif;

	font-size:46px;

	line-height:50px;

	text-align:left;

	color:#ffffff;

	font-weight:bolder;

}



.subtitulo{

	font-family: 'Montserrat', sans-serif;

	font-size:24px;

	line-height:60px;

	text-align:left;

	color:#000;

	font-weight:normal;

}



.titulo{

	font-family: 'Montserrat', sans-serif;

	font-size:70px;

	line-height:75px;

	text-align:left;

	color:#ffcb01;
	

	font-weight:bolder;

}



.contacto{

	font-family: 'Montserrat', sans-serif;

	font-size:18px;

	line-height:54px;

	text-align:left;

	color:#FFF;

	text-decoration: none;

	font-weight:normal;

	/*background-color:#1e1866;*/

	background:rgba(0,0,0,0.8);

	border-radius: 20px;

	padding:4px 10px;	

}



.amarillo{

	color:#ffcb01;

}



.formulario{

	position:relative;

	width:30%;

	padding:0 60px 0 0 ;

}



input[type=text],input[type=number],input[type=password], input[type=email], input[type=file], input[type=date],select {

    width: 100%;

    padding: 5px 10px;

    margin: 4px 0;

    display: inline-block;

    border: 1px solid #ccc;

    background-color: rgb(193,193,193);

    border-radius: 20px;

    box-sizing: border-box;

    -webkit-transition: 0.5s;

    transition: 0.5s;

	cursor: pointer;	

}



input[type=text]:hover, select:hover, textarea:hover, input[type=number]:hover, input[type=email]:hover, input[type=password]:hover, input[type=file]:hover, input[type=date]:hover {

    background-color:  #ebf6f9;

}





input[type=text]:focus, select:focus, textarea:focus, input[type=number]:focus, input[type=email]:focus, input[type=password]:focus, input[type=file]:hover, input[type=date]:hover {

    background-color: lightblue; /*#add8e6*/

}



textarea {

    width: 100%;

    height: 100px;

    padding: 5px 10px;

    box-sizing: border-box;

    border: 2px solid #ccc;

    border-radius: 20px;

    background-color: rgb(193,193,193);

    /*font-size: 16px;*/

    resize: none;

	margin: 4px 0;

}



input[type=button], input[type=submit] {

	font-family: 'Noto Sans', sans-serif;

	font-size:18px;

	line-height:18px;

	text-align:left;

	color:#FFF;

	text-decoration: none;

	font-weight:normal;

	background-color:#1e1866;

	border-radius: 20px;

	padding:4px 10px;	

	

	/*background-image:url(../imgs/enviar.png);

	width:40px;

	height:40px;

	background-repeat:no-repeat;

	background-size:cover;

	background-position:center;*/

	position:absolute;

	right:0;

	bottom:10px;

	border:0;

	cursor:pointer;

	margin:0;

	outline: none;

	box-shadow: none;

	overflow:hidden;

	

/*    width: 100%;

	background-color: #737373;

    border: none;

	border-radius: 4px;

    color: white;

    padding: 10px 15px;

    text-decoration: none;

    margin: 4px 2px;

    cursor: pointer;

    -webkit-transition: 0.5s;

    transition: 0.5s;

	font-weight:normal;	

*/}



input[type=button]:hover, input[type=submit]:hover {

   /* background-color: #85b501;*/

	/*font-weight:bolder;*/

}



.pie{

	/*max-width: 1024px;*/

	margin:0 auto;

	/*background-color:rgb(0,0,0);*/

	background:rgba(0,0,0,0.5);

	width:100%;

	height:150px;

	/*text-align: center;*/

    /*padding: 45px 0 0 0;*/

	color:#FFF;

	position:relative;

}

.cajapie{

	width:33%;

	height:100%;

	float:left;	

	padding: 25px 0 0 0;

	text-align:center;

	border-left-color:#FFF;

	border-left-width:medium;

}





.logopie{

    position:absolute;

    left:30px;

    top:80px;

    width:200px; 

	height:80px;	

}



.logopie img{

	width:100px;

}





button {

    /*background-color: rgb(156, 186, 59);*/ /*#4CAF50;*/

    background:rgba(0,0,0,0.5);

    color: white;

    padding: 14px 20px;

    margin: 8px 0;

    border: none;

    cursor: pointer;

    width: 100%;

	z-index:200;

	border-radius: 20px;

	

	 box-shadow: 0 0 9px 0px black;

}

/* Extra styles for the cancel button */



.shopbtn {

	position:fixed;

	right:100px;

	top:100px;

	/*bottom:20px;*/

	font-size:32px;

	width:auto;

}