@charset "utf-8";
/* CSS Document */

body{
	background-color: #323C4B!important;
	background-image: url(../images/contactaencontacto.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
.help-block, .error-help-block{
	color:red;
font-size: 1em;
font-weight: 400;}
form{
	padding:8em 0 2em;
}
h1{font-size:1.5em!important;}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    background-color:transparent;
    border-color: #CDD0D2;
    border: 1px solid #CDD0D2;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;color:#fff;
}
.form-control:focus {
    color: #fff;
    background-color:transparent;
    border-color: #CDD0D2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255,255,255,.25);
}
label{color:#CDD0D2}
#formulariocontacto {
    min-height: 80vh;
}
#formulariocontacto a, #formularioconfig a{color:#CDD0D2}
h2{color:#000!important;font-size:1em!important;}
p.coco{color:#fff!important;font-weight: 400!important;}
.blanco{color:#fff;font-weight: 600;}

#formulariocontacto .social{
    max-width:280px;
    display: flex;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
    font-size: 22px;
}

::placeholder{
	color:#fff!important;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color:transparent!important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

/*480*/
@media only screen and (min-width:480px) {
	
body{
	background-color: #323C4B!important;
	background-image: url(../images/contacta768.jpg);
}
form{
	padding:10em 0 10em;
}
	.help-block, .error-help-block{
font-size: 16px;}
}/*480*/


@media only screen and (min-width:768px) {
h1{font-size:2.5em!important;}
h2{font-size:1.5em!important;}	
.form-control {font-size:1.5em!important;}
label{font-size:1.5em!important;}	
body{
	background-image: url(../images/contactofull.jpg);
}
form{
	padding:23em 0 5em;
}
	
	
}/*768*/