/* ==========================================================================
   PlentyBits
============================================================================= */

@charset "utf-8";


::-webkit-input-placeholder {
   color: #c60e3b;
}

:-moz-placeholder { /* Firefox 18- */
   color: #c60e3b;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #c60e3b;  
}

:-ms-input-placeholder {  
   color: #c60e3b;  
}

#ctFormContacto {
	width: 100%;
	margin:auto;
	max-width: 1100px;
	padding: 50px 0;
}
	#ctFormContacto>p{
		font-size: 35px;
		color:#333;
		text-align: center;
		width: 90%;
		margin: auto;
	}

#formContacto{
	padding: 50px 0 0 0;
	text-align: center;
}
	#formContacto [type=submit]{
		width: 250px;
		padding: 10px;
		border: 1px solid #bbbbbb;
		font-size: 20px;
		background-color: #FFF;
		color:#c60e3b;
	}

	#formContacto [type=submit]:hover{
		background-color: #c60e3b;
		border: 1px solid #c60e3b;
		cursor: pointer;
		color: #FFF;
	}

#formContacto article{
	margin-bottom:30px;
}

.formRows {
	
}
	.formRows input{
		width: 90%;
		margin: auto;
		padding: 5px 0 5px 5px;
		border: 0;
		border-bottom: 1px solid #bbbbbb;
		text-transform: uppercase;
		color:#c60e3b;
		font-size: 20px;
		
	}

	.formRows textarea{
		width: 90%;
		margin: auto;
		padding: 5px 0 5px 5px;
		border: 1px solid #bbbbbb;
		text-transform: uppercase;
		color:#c60e3b;
		font-size: 20px;
		height: 200px;
		
	}

	.formRows p{
		width: 90%;
		margin: auto;
		padding: 0;
		text-align: left;
		color:#666666;
		margin-top: 3px;
	}	

	#error,#error2,#error3{
		text-align: center;
		color: #c60e3b;
		font-size: 22px;
		display: none;
	}
	
	/* style 4 */

	.inputfile-4 + label {
	    color: #DF7401;
	}

	.inputfile-4:focus + label,
	.inputfile-4.has-focus + label,
	.inputfile-4 + label:hover {
	    color: #B45F04;
	}

	.inputfile-4 + label figure {
	    width: 100px;
	    height: 100px;
	    border-radius: 50%;
	    background-color: #DF7401;
	    display: block;
	    padding: 20px;
	    margin: 0 auto 10px;
	}

	.inputfile-4:focus + label figure,
	.inputfile-4.has-focus + label figure,
	.inputfile-4 + label:hover figure {
	    background-color: #B45F04;
	    cursor: pointer;
	}

	.inputfile-4 + label svg {
	    width: 100%;
	    height: 100%;
	    fill: #fff;
	}

	#ctContaDataSup{width: 80%;margin:auto;text-align: center;}
	#ctContaDataSup>article{display:inline-block;width: 47%;margin:1%; vertical-align: top;}


/* FIN ESTILOS*/
@media screen and (max-width: 640px){
	#ctFormContacto>p{
		font-size: 30px;
	}
}

@media screen and (min-width: 640px) and (max-width: 980px){
	
}

@media screen and (min-width: 981px){
	
}