@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,900;1,400;1,900&display=swap');



.cotizar-form input#nombre,input#telefono,input#empresa,input#email{
	height: 35px;
    width: 100%;
	padding:0.5em;margin-top: 0.5em;
    font-size: 16px;
	font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    background-color: rgba(91, 117, 168, 0.98);
	border: #797d8c 1px solid;
	box-shadow:#797d8c 1px 1px 3px;
	border-radius:5px;
}
.cotizar-form textarea#mensaje {
	height: 95px;
    width: 100%;
	padding:0.5em;margin-top: 0.5em;
    font-size: 16px;
	font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    background-color: rgba(151, 202, 227, 0.98);
	border: #797d8c 1px solid;
	box-shadow:#797d8c 1px 1px 3px;
	border-radius:5px;
}

.cotizar-form  ::placeholder { color: white; }

.cotizar-form  ::placeholder textarea{
	font-weight:300;
	color:#000;
}



.enviar-cotizacion{
    font-size: 25px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	color:#fff;
    padding: 1px 50px;
    background-color:#ae4f87;
	border: #FFFFFF 2px solid;
	margin-top:0.7em;
    font-weight: 400;
	text-shadow: #000 1px 1px 1px;
	text-decoration: none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	outline:none;
	border:none;
	box-shadow:#000 2px 2px 2px;
}
.enviar-cotizacion:hover {
	background-color:#97cae3; 
	color: #FFFFFF;
}





.select-css {
	display: block;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%; /* useful when width is set to anything other than 100% */
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #7f4c87;
}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
	display: none;
}
/* Hover style */
.select-css:hover {
	border-color: #ae4f87;
}
/* Focus style */
.select-css:focus {
	border-color: #aaa;
	/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
	box-shadow: 0 0 1px 3px rgba(151, 202, 227, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #97cae3; 
	outline: none;
	background-color:  rgba(187,26,240,0.70);
}

/* Set options to normal weight */
.select-css option {
	font-weight:normal;
	margin-top: 4em;
}


/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
	color: #ae4f87;

}

.select-css:disabled:hover, .select-css[aria-disabled=true] {
	border-color: #aaa;	
	color: #ae4f87;
}