@charset "utf-8";
/* CSS Document */
/*--------------------------------ESTILOS DE INPUT TEXT--------------------------------------*/

.ittext400 {
    width: 400px;
    padding: 6px 20px;
    margin: 6px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
	font-family: 'Raleway', sans-serif;
}


.ittext250 {
    width: 250px;
    padding: 6px 20px;
    margin: 6px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
	font-family: 'Raleway', sans-serif;
	
}

.ittext200 {
    width: 200px;
    padding: 6px 20px;
    margin: 6px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
	font-family: 'Raleway', sans-serif;
	
}

.ittext150 {
    width: 150px;
    padding: 6px 12px;
    margin: 6px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
	font-family: 'Raleway', sans-serif;
}

.ittext120 {
    width: 120px;
    padding: 6px 9px;
    margin: 6px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
	font-family: 'Raleway', sans-serif;
}

.ittext90 {
    width: 90px;
    padding: 6px 10px;
    margin: 6px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
	font-family: 'Raleway', sans-serif;
}

.ittext75 {
    width: 75px;
    padding: 6px 10px;
    margin: 6px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
	font-family: 'Raleway', sans-serif;
}

.ittext60 {
    width: 60px;
    padding: 6px 10px;
    margin: 6px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
	font-family: 'Raleway', sans-serif;
}

input[type=textarea], textarea {
    width: 500px;
	height: 75px;
    padding: 6px 20px;
    margin: 6px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
}

/*------------------------------------ESTILO DE PLACEHOLDER------------------------------------------*/

::placeholder { 
	color:rgba(216,216,216,1.00);
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
}

/*-------------------------------------ESTILO DE IMPUT SUMIT Y BUTTON--------------------------------------*/

input[type=submit] {
    width:auto;
    background-color: rgba(1,30,74,1.00);
    color: white;
    padding: 10px 15px;
    margin: 5px 0 0;
    border: 2px solid rgba(255,255,255,1.00);
    border-radius: 10px;
    cursor: pointer;
	font-family: 'Raleway', sans-serif;
}
	
input[type=submit]:hover {
	transition: all .8s;
    background-color: #FFFFFF;
	color: black;
	border: 2px solid #00148A;	
}

input[type=button] {
    width:auto;
    background-color: rgba(1,30,74,1.00);
    color: white;
    padding: 10px 15px;
    margin: 5px 0 0;
    border: 2px solid rgba(255,255,255,1.00);
    border-radius: 10px;
    cursor: pointer;
	font-family: 'Poppins', sans-serif;
	font-weight: bolder;
}

input[type=button]:hover {
	transition: all .8s;
    background-color: rgba(140,140,140,1.00);
	color: rgba(0,0,0,1.00);
	border: 2px solid rgba(1,30,74,1.00);
}

#fichero{
  display: none;
}

.circle{
  	display: inline-block;
  	border-radius: 50%;
  	width: 100px;
  	height: 100px;
	cursor: pointer;
    
}