@charset "utf-8";
/* CSS Document */
.highlight
	{
		::-webkit-scrollbar 
   width: 30px;

scrollbar-arrow-color: #000066;


scrollbar-base-color: #000033;


scrollbar-dark-shadow-color: #336699;


scrollbar-track-color: #336699;


scrollbar-face-color: #5e9ace;


scrollbar-shadow-color: #DDDDDD;


scrollbar-highlight-color: #CCCCCC;	
	}
.frm { display:block; margin:0px;

	
}
body {font-family: "Arial", Gadget, sans-serif ; background-color:#293E6A;}
.frm h4, .frm label { font-family:"Arial", Gadget, sans-serif ; color:#FEF9E7; font-size: 15px}
.form_hint, .required_notification {font-size: 11px; color:#ccc; }

:-moz-placeholder {
    color: #707E92;
}
 
::-webkit-input-placeholder {
    color: #707E92;
}
.placeholder { 
    color: #707E92;
}
.input:focus {
	outline: #6F9;
    background-color:#293E6A; 
	}

.frm ul { border-style:solid;
    border-color:#4C5D77; border-radius:7px;
	background-color: #293E6A;
    width:350px;
	height:305px;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;

}

.frm li{
    padding:11px;
	padding-left:30px; 
  border-bottom:1px solid #3b517f;
    position:relative;
	
}
.frm li:first-child, {
    border-bottom:1px solid #AEB6BF;
}
.frm li:last-child {
	border-bottom-style:none;

}

.frm h4 { padding-top: 0;
	color:#F4D03F; 
   /* margin:0 50px;*/
    display: inline;
	text-align:center;	
    /*padding:25px; en duda para dispositivos*/
	
}
.required_notification {
    color:#ccc; 
    margin:0px 0 0 0; 
    display:inline;
    float:right;
	padding-top:30px;
	
	

}
.frm label {
    width:100px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px;
	color:#FFF;
}
.frm input[text] {
    height:24px; 
    width:180px; 
    padding:5px 8px;
    background-color:#293E6A;
	color:#FFF;
	font-size:12px;
}
.frm input { 
color:#707E92;
 height:27px;

	
}
frm textarea {
	padding:8px; 
	width:200px; 
	resize:horizontal; 
    max-width: 240px;
	max-height:100px;	
	color:#FFF;	
	}

.frm button {
	margin-left:10px;
}
.frm input, .frm textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 1px 2px #5D6D7E inset;/* cajas de texto*/
    border-radius:2px;
	background-color:#293E6A;
	color:#FAFAFA;
	padding-left:10px;
		
}
.frm input:focus, .frm textarea:focus {
    background: #293E6A; 
    border:1px solid #1f7a1f; 
    box-shadow: 3px 3px 3px #455f95; 
}
.frm textarea:focus {
    resize:horizontal; 
    max-width: 290px;
	max-height:1500px;
	font-size:14px;	
	
}
/* Button Style */
button.submit {
    background-color: #6696F5;
    background: -webkit-gradient(linear, left top, left bottom, from(#3b517f), to(#607BAD));
    background: -webkit-linear-gradient( top, #3b517f, #607BAD, #3b517f);
    background: -moz-linear-gradient( top, #3b517f, #607BAD, #3b517f);
    background: -ms-linear-gradient( top, #3b517f, #607BAD, #3b517f);
    background: -o-linear-gradient( top, #3b517f, #607BAD, #3b517f);
    background: linear-gradient( top, #3b517f, #607BAD, #3b517f);
    border: 1px solid #506997;
    border-bottom: 2px solid #3B517F;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    box-shadow: inset 0 1px 2px 0 #293E6A;
    -webkit-box-shadow: 0 1px 2px 0 #293E6A inset ;
    -moz-box-shadow: 0 1px 2px 0 #293E6A inset;
    -ms-box-shadow: 0 1px 2px 0 #293E6A inset;
    -o-box-shadow: 0 1px 2px 0 #293E6A inset;
    color: #F1C40F;
    font-weight: bold;
    padding: 7px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #EFE4B6;
}
button.submit:hover {
    opacity:.70;
    cursor: pointer;
	color:#FFF;	 
}
button.submit:active {
    border: 1px solid #08245f;
    box-shadow: 0 0 10px 2px #80a8f4 inset; 
    -webkit-box-shadow:0 0 10px 2px #80a8f4 inset ;
    -moz-box-shadow: 0 0 10px 2px #80a8f4 inset;
    -ms-box-shadow: 0 0 10px 2px #80a8f4 inset;
    -o-box-shadow: 0 0 10px 2px #80a8f4 inset;
     
}
.frm input:focus, .frm textarea:focus { /* add this to the already existing style */
    padding-right:60px;
	background-color:#293E6A;
	color:#AEB6BF;  /* añadido por mi */
}

.frm input, .frm textarea { /* add this to the already existing style */
    -moz-transition: padding .45s; 
    -webkit-transition: padding .45s; 
    -o-transition: padding .45s;
    transition: padding .45s;
}
.frm input:focus:invalid, .frm textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #293E6A url(../images/invalid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535;
	
}
.frm input:required:valid, .frm textarea:required:valid { /* when a field is considered valid by the browser */
    background: #293E6A url(../images/valid.png) no-repeat 90% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #90fc03;
	color: #fff; /*añadido por mi*/
}

.form_hint {
	font-family: "Courier New", Courier, monospace;
    background: #d45252;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    margin-left:8px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
    display: none;
}
.form_hint::before {
    content: "\25C0"; /* left point triangle in escaped unicode */
    color:#d45252;
    position: absolute;
    top:1px;
    left:-6px;
}
.frm input:focus + .form_hint {display: inline;}
.frm input:required:valid + .form_hint {background: #28921f;} /* change form hint color when valid */
.frm input:required:valid + .form_hint::before {color:#28921f;} /* change form hint arrow color when valid */