/*-----------------afecta a todos los form -----------------*/
.contact_form{ margin-top:0; margin-bottom:25px; font-size:0.9em; }
.contact_form div{ margin-left:auto; margin-right:auto;}
.contact_form div label{ display: inline-block; } 

/*-----------------afecta al form de la page de cursos-----------------*/

 #zona_formu{ margin-left: auto; margin-right:auto; width: 40%; padding: auto; }

 .form_cursos{ margin-bottom:25px;  margin-top:0; font-size:0.9em; background-color: #e8e2d6 ; border:1px solid #d3cec4 ; padding: 1.25em; }
 .form_cursos div.nosconociste, #lopdmasinfo,#cont-lopd{ /*font-size:100%; color: #4C4C4C; width:90%;*/  width:300px; margin-left:auto; margin-right:auto; padding-left:6px; }
  .form_cursos div.nosconociste .titulo_nosconociste{ margin-top:15px; clear:both; display:block; }
 .form_cursos div{ width:270px; margin-left:auto; margin-right:auto; }
 /*.form_cursos div > label{}*/
 .label_formu{ width:65px; display: inline-block;  }
 .label_nosconociste{ width: auto; cursor:hand; cursor:pointer; /*float:none; margin-right:5px; */}
  
#lopdmasinfo{ font-size: 76%;}
 
/* este es solo para ocultar/mostrar en page cursos movil*/
 #wrap_formulario_movil{ display:none; }


 .form_cursos input{ margin-bottom:6px;}
 .form_cursos input, .form_cursos select{
	-webkit-border-radius: 4px;	
	 -moz-border-radius: 4px; 
	 border-radius: 4px; 
	/*  border:1px solid #aaa;*/
	 padding:6px;
	 width:100px; /* ESTE ESYILO ANTES NO ESTABA */

	 }
 	.form_cursos input[name="cod_postal"]{ width:88px; }
	.form_cursos input[type=radio] { border:none; width:auto; padding-left:10px; vertical-align:middle;background-color:#FFF }
	#celular_form{float:none;clear:none}
 .form_cursos input[type=checkbox]{ border:none; width:auto; padding-left:10px; vertical-align:middle;
    padding-right:5px; 
    color:#FFF;
   white-space: nowrap;
    overflow:hidden;

    width:18px;
    height:19px;}
 .form_cursos label[name="celular"], .form_cursos label[name="fijo"]{float:none}
 
/*-----------------afecta al form de empresas y page contacto-----------------*/
.form_empresas{ padding:15px; }
.form_empresas > div{  margin-left:auto; margin-right:auto; width:76%; margin-bottom:8px;  }
.contact_form div label.label_ancho{ width:160px;}
.contact_form div label.label_corto{ width:58px;}
.contact_form input, .contact_form select  { width:145px; 	}
.contact_form input, .contact_form select  {
		/*margin-left:0px;*/
	margin-bottom:8px;
	 -webkit-border-radius: 4px;	
	 -moz-border-radius: 4px; 
	 border-radius: 4px; 
	 border:1px solid #aaa;
	 padding:6px;
	}

.contact_form input[name="anyo"], .contact_form input[name="cod_postal"] { width:88px; }
.contact_form input[type=radio], .contact_form input[type=checkbox]{ border:none; width:auto; padding-left:10px; vertical-align:middle; }
.contact_form textarea { padding:8px; /*width:300px;*/ }

.required{
	background:none;
	background: #fff url(http://www.centroccc.com.co/images/red_asterisk.png) no-repeat 98% center;
}

.espacio_avisolegal {}
#aceptolopdmasinfo{background:#FFF}
.acepto_check {width:50px;display:block;float:left;background:none;background: url(http://www.centroccc.com.co/images/red_asterisk.png) no-repeat 98% center;}
.campo_valido{
	background-image:none;
	background:#FFF url(http://www.centroccc.com.co/images/valid.png) no-repeat 98% center;
	
}
.campo_erroneo{
		background-image:none;
	background:#FFF url(http://www.centroccc.com.co/images/invalid.png) no-repeat 98% center;
}

input#enviar, input#enviar_empresa {

	
background-color: #d14000;
    border: 1px solid #d14000;
    border-radius: 4px;
    box-shadow: 4px 4px 9px 1px rgba(117, 115, 117, 1);
	font-family: "Roboto",sans-serif;
	font-size: 1.3em;
	font-weight:300;
    color: #fff;
    cursor: pointer;
    display: block;
    float: none;
    margin: 10px auto;
    opacity: 1.1;
    padding: 0.5em;
    transition: opacity 1s ease 0s;
    width: 100%;
	-webkit-appearance: none;

}
.label_formu {
  display:inline-block;
  width:65px;
}

input#enviar:hover, input#enviar:hover { opacity: 0.8; /*border:2px solid #980201;	 background-color: #980201; border:1px solid #CB0201; */}

.enlace_aviso_legal { text-decoration:underline; cursor:hand; cursor:pointer}

/*para el test AB*/
#color-placeholder ::-webkit-input-placeholder{ color:#FFFFFF; }
#color-placeholder :-moz-placeholder{ color:#FFFFFF; }
#color-placeholder ::-moz-placeholder{ color:#FFFFFF; }
#color-placeholder :-ms-input-placeholder{ color:#FFFFFF; }

#color-placeholder2 > ::-webkit-input-placeholder{ color: #5F6066; }
#color-placeholder2 > :-moz-placeholder{ color: #5F6066; }
#color-placeholder2 > ::-moz-placeholder{ color: #5F6066; }
#color-placeholder2 > :-ms-input-placeholder{ color: #5F6066; }


#wrap_formulario_movil #color-placeholder > ::-webkit-input-placeholder{ color: #5F6066; }
#wrap_formulario_movil #color-placeholder > :-moz-placeholder{ color: #5F6066; }
#wrap_formulario_movil #color-placeholder > ::-moz-placeholder{ color: #5F6066; }
#wrap_formulario_movil #color-placeholder > :-ms-input-placeholder{ color: #5F6066; }


/*

#contacto input[name="anyo"]::-webkit-input-placeholder {color:#FFF; }
#contacto input[name="anyo"]:-moz-placeholder  {color:#FFF; }
#contacto input[name="anyo"]::-moz-placeholder {color:#FFF; }
#contacto input[name="anyo"]:-ms-input-placeholder {color:#FFF; }
*/
@media only screen and (max-width: 819px) { 
	#zona_formu{ margin-left: auto; margin-right:auto; width: 100%; padding-left:2%; }
	#wrap_formulario_movil{ display:block; }
	
	/*.label_formu { display:none; }*/
	.bt_solicita_informacion { display:none; }
	
	.label_nosconociste{ display:inline; }
	
	::-webkit-input-placeholder { /* WebKit browsers */
	color:#000; }
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#000;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#000;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#000;
	}
/*	
#contacto input[name="anyo"]::-webkit-input-placeholder {color:#000; }
#contacto input[name="anyo"]:-moz-placeholder  {color:#000; }
#contacto input[name="anyo"]::-moz-placeholder {color:#000; }
#contacto input[name="anyo"]:-ms-input-placeholder {color:#000; }
*/
}

 @media only screen and (max-width: 480px)  {
	/*.solo_movil{ display:inherit; }*/
	
	#wrap_formulario_movil{ display:block;}
 }