@charset "utf-8";
/* CSS Document */
* {
/* With these codes padding and border does not increase it's width.Gives intuitive style. */
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

form{
width:99%;
margin:0;
font-family: Arial,Helvetica, sans-serif;
font-size:14px;
}
required {
	border: 1px solid #F03;}
/* Makes responsive fields.Sets size and field alignment. */

.inputtext{
	clear:both;
	float:left;
margin-left:15px;
margin-bottom:10px;
margin-top:3px;
width:87%;
padding:10px;
font-family:Arial,Helvetica, sans-serif;
font-size:1em;
border-radius:3px;
border:1px solid #ccc;
}
.inputtext:required{
	background: #FFF;
	border: 1px solid #F00;
}
.inputtextbusca{
	clear:both;
	float:left;
margin-left:5px;
margin-bottom:5px;
margin-top:3px;
width:70%;
padding:6px;
font-family:Arial,Helvetica, sans-serif;
font-size:1em;
border-radius:3px;
border:1px solid #ccc;
}
.input{
	float: right;
	clear:both;
	display:block;
	margin: 20px 6px 10px 6px;
width:auto;
padding:12px;
border-radius:5px;
border:2px solid #004D85;
font-family:Arial,Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color: #004D85;
cursor:pointer;
background-color:#FFF;
-moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.input:hover{
	border:2px solid #F00 ;
	color: #F00;
}
.input2{
	float: left;
	clear:both;
	display:block;
	margin: 20px 6px 10px 6px;
width:auto;
padding:12px;
border-radius:5px;
border:2px solid #004D85;
font-family:Arial,Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color: #004D85;
cursor:pointer;
background-color:#FFF;
-moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.input2:hover{
	border:2px solid #F00 ;
	color: #F00;
}
.inputbusca{
	float: left;
	clear:none;
	display:block;
	margin: 3px 3px 5px 6px;
width:auto;
padding:5px;
border-radius:4px;
border:2px solid #ccc;
font-family:Arial,Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color: #1D1D1D;
cursor:pointer;
background-color:#FFF;
-moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.inputbusca:hover{
	border:2px solid #F00 ;
	color: #F00;
}
.textarea {
	
	float:left;
	font-family:Arial,Helvetica, sans-serif;
font-size:1em;
width:87%;
padding:8px;
margin-top:3px;
margin-left:15px;
border:1px solid #ccc;
border-radius:3px;
margin-bottom:15px;
min-height:80px;
}
.inputtext:focus, .textarea:focus{
border-color:#F00;
}
@media screen and (min-device-width: 481px){
* {
/* With these codes padding and border does not increase it's width.Gives intuitive style. */
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

form{
width:99%;
margin:2px 0 0 0;
}
/* Makes responsive fields.Sets size and field alignment. */

.inputtext{
	clear:none;
	margin-left:25px;
margin-bottom:10px;
margin-top:3px;
width:40%;

}
.inputtextbusca{
	float:left;
width:40%;
}
.inputbusca{
	float: left;
	
}
.input{
	float:right;
	
}
.textarea{
width:40%;
padding:8px;
margin-left:15px;
margin-top:3px;
margin-bottom:20px;
resize:none;
}

}
@media only screen and (min-width: 769px) {
	.inputtextbusca{
	float:left;
width:60%;
}
.inputbusca{
	float: left;
	
}
}
@media screen and (min-device-width: 1025px){
* {
/* With these codes padding and border does not increase it's width. Gives intuitive style. */
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
form{
width:99%;
margin:0 auto;
}

/* Makes responsive fields. Sets size and field alignment. */


.inputtext{
font-family:Arial,Helvetica, sans-serif;

margin-bottom:10px;
margin-top:3px;
margin-left:30px;
width:30%;
border-radius:3px;
}
.inputtextbusca{
	float:left;
width:70%;
}
.inputbusca{
	float: left;
	
}
/* Makes responsive fields. Sets size and field alignment. */



.input{
	float: right;
	clear:none;
	display:block;
}


.textarea{
width:30%;
padding:6px;
margin-top:3px;
margin-left:30px;
border-radius:5px;
margin-bottom:20px;
resize:none;
font-family:Arial,Helvetica, sans-serif;

}
.inputtext:focus, .textarea:focus{
border-color:#333;
}

}
