html {background-color:#f1f1f1;min-height:1100px}

body#formPruebas {background-color:#f1f1f1}
body#formPruebas .fondo{
	background-image: url(../img/fondo2.jpg);
	background-position:right top;
	background-repeat: no-repeat;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
}

.contenidoPrincipal h1{    margin-top: 46px;}

#formPruebas .contenidoPrincipal{
    	z-index: 3;
    	border-radius: 0;
}

	#formPruebas h2{padding-left:0}
	.gris{color:#000!important}
	hr{
    border-top:1px solid #eee;
    margin:14px auto 26px;
  }
	#formPruebas form{margin:10px;}
	#formPruebas input, #formPruebas select{
		border:none;
		background-color:#eaeaea;
		height: 39px;
		padding: 0 0 0 10px;
		  margin-bottom: 15px;
  }
  #formPruebas input.select2-search__field{margin: 7px 0}

	#formPruebas input value{color:#ccc}

  #formPruebas select, #formPruebas .zelect{
		-webkit-appearance: none;
	   	-moz-appearance: none;
	  	appearance: none;
	   	background: url(../img/flecha-linea.png) no-repeat 98% center transparent;
	}
	#formPruebas select::-ms-expand { /* for IE 11 */
   	 display: none;
	}
	#formPruebas select option:hover{background:#ccc;}

	#formPruebas input#enviar{
		background: #c2002f;
	    width: 250px;
	    height: 47px;
	    font: 300 23px ArialMTPro, arial, sans-serif;
	    float: right;
	    margin-right: 37px;
	    border: 0;
	    border-radius: 50px;
	    padding-bottom: 6px;
	    box-shadow: 0 -7px 0 rgba(0,0,0,0.1) inset;
	}

	#formPruebas input#enviar:hover{box-shadow: 0 -3px 0 rgba(0,0,0,0.3) inset, 0 7px 0 rgba(0,0,0,0.2);}


	.line{line-height:1.8}
	#formularioPruebas p{margin:0;padding:0}
	#formularioPruebas p.note{
		padding: 10px 0px;
		border-color: #e9e9e9;
		width: 92%;
	}

input[type="checkbox"] + label{	  max-width: 69%;}

#formPruebas  input[type="checkbox"] {
    padding-left:5px;
    padding-right:5px;
    border-radius:15px;
    -webkit-appearance:button;
    border: double 2px #ddd;
    background-color:#ddd;
    color:#FFF;
    white-space: nowrap;
    overflow:hidden;
    width:15px;
    height:15px;
	 vertical-align: top;
	margin-top: 2px;
}

#formPruebas  input[type="checkbox"]:checked {
    background-color:#333;
    border-left-color:#ddd;
    border-right-color:#ddd;
}

#formPruebas  input[type="checkbox"]:hover {
    box-shadow:0px 0px 10px #fff;
}

#formPruebas .datos input.validation_alert{border:1px solid #c2002f}
#aviso_legal{  margin-right: 11px;vertical-align:middle!important;    margin-top: 13px!important;}

 #formPruebas .pildoras{margin:0 0 50px  0}

.validation-alert {
		border: 1px solid #8E1C1C !important;
	}
	#validation-alert{
		display:none;
		float: right;
		padding-bottom: 10px;
		margin-top: 10px;
		color: #8E1C1C;
	}

.noGrado{display: none!important}



/*NUEVOS ESTILOS VALIDACION*/

* {
  box-sizing: border-box;
}

#formPruebas form  input.error, #formPruebas form label.error, #formPruebas form select.error, .zelect.error, .zelect.error,
.select2-selection.select2-selection--single.error
{
	color: #c2002f!important;
	border-color: #c2002f;
}
.select2-container--default .select2-selection--single .select2-selection__rendered.error{color: #c2002f;}
.zelect.error div.dropdown{
  color: #000!important
}

#formPruebas form label.error{text-align: right;}

#tooltips input, #tooltips select, #tooltips textarea, .zelect,
body div .select2-container--default .select2-selection--single{
	border: 1px solid #ccc;
	height: 45px;
	margin-bottom: 25px;
	box-shadow: none;
	background-color: transparent;
	padding: 8px 12px 8px 31px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	outline: 0;
	box-shadow: 20px 0 0 #eee inset;
	font-size: 15px;
	border-radius: 13px;
}

body div .select2-container .select2-selection--single .select2-selection__rendered{
  padding-top: 8px;
  height: 44px;
  width: 100%;
  margin-top: -8px;
  color: #aaa;
}

.select2-container--open .select2-dropdown--below{
  margin-top: -25px;
}
body .select2-container--default .select2-results>.select2-results__options{
  max-height: 300px;
}

#tooltips input.valid, #tooltips select.valid, #tooltips textarea.valid, #tooltips span.valid{
	/*background-image:  url(../img/tick.png)!important;
	background-repeat: no-repeat;
    background-position: 92% 23%;*/
    box-shadow: none;
    color: #000;
    font-weight: 700;
}
#tooltips span.select2-selection.valid{padding-left: 7px}

body .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 16px;
}

.zelect.valid{ box-shadow: none;}

#tooltips input.error, #tooltips select.error, #tooltips textarea.error, .zelect.error{
	box-shadow: 5px 0 0 #c2002f inset;
}
form div.datos {
  position: relative;
  overflow: hidden;
  font-size: 14px;
}
form div.datos.select{overflow: visible;}

/*#tooltips input:required:valid, #tooltips textarea:required:valid {
  background: white;
}*/
#tooltips input.error, #tooltips textarea.error, #tooltips select.error {
  background: none;
}
form #tooltips input:focus, form #tooltips textarea:focus, form #tooltips select:focus {
  border-color: #888;
  box-shadow: none;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset!important;
}
 form #tooltips  input:focus + label, form #tooltips textarea:focus + label,
 form #tooltips  input:focus + label + label, form #tooltips textarea:focus + label + label {

  color: #666666;
  padding: 0px 6px;
  z-index: 2;
  text-align: right;
  	border-left: 1px solid #ddd;
}
form #tooltips div input + label.error + label { display: none;}
form #tooltips div input:focus + label.error + label { display: block;}

form #tooltips div input.error + label.error, form #tooltips div select.error + label.error {
	display: block;
    font-size: 13px;
    right: 1px;
    left: auto;
    padding-left: 18px;
    padding-right: 18px;
    border-left: 1px solid;
    background: #fff;
    z-index: 2;
    border-radius: 13px;
}


#tooltips select, #tooltips label {color: #aaa;}
#tooltips select.valid{
	color: rgba(0,0,0,0.75);
	padding-left:10px;
}
#tooltips label {
	font-weight: 300;
	transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
	position: absolute;
	top: 5%;
	font-size: 15px;
	padding: 7px 6px 7px 38px;
	left: 0;
}
#tooltips .valid+label, #tooltips .valid + label.error + label {display: none;}
#tooltips textarea {
  display: block;
  resize: vertical;
}

#tooltips.label-abajo input, #tooltips.label-abajo textarea{
  padding: 14px 12px 14px 20px;
}

#tooltips.label-abajo select{
  padding: 0px 12px 0px 20px;
  color: rgba(0,0,0,0.75);
}

#tooltips .label-abajo label {
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
#tooltips.label-abajo input:focus, #tooltips.label-abajo textarea:focus {
  padding: 8px 6px 13px 17px;
}
#tooltips.label-abajo input:focus + label, #tooltips.label-abajo textarea:focus + label,
#tooltips.label-abajo input:focus + label + label, #tooltips.label-abajo textarea:focus + label + label{
  top: 100%;
  margin-top: -35px;
  margin-left: 11px;
  background: #a1a1a1;
  padding: 1px 13px;
  font-size: 11px;
  line-height: 1.7;
  color: #fff;
  border: 0;
}

#tooltips.label-derecha label {
  top: 1px;
  right: 100%;
  width: 70%;
  margin-right: -100%;
  bottom: 6px;
  padding-top: 8px;
  background: #eee;
  padding-left: 10px;
  padding-right: 10px;
}
#tooltips.label-derecha input:focus + label, #tooltips.label-derecha textarea:focus + label, #tooltips.label-derecha textarea:focus + label + label, #tooltips.label-derecha input:focus + label + label {
	right: 0;
    margin-right: 0;
    width: auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.2;
    text-align: center;
}
#tooltips.label-derecha input[type="number"]:focus + label, #tooltips.label-derecha textarea:focus + label, #tooltips.label-derecha textarea:focus + label + label, #tooltips.label-derecha input[type="number"]:focus + label + label {
	right: 36px;
}

#formPruebas input.btnBuscador{
	background-color:#aaa;
	width: 6%;
	height: 47px;
	background-position: -44px 10px;
	    min-width: 45px;
}
#formPruebas #search.barraBuscador{
    width: 82%;
    height: 47px;
    background: #ffffff;
    border: 1px solid #aaa;
    position: relative;
}
label#AceptarCondiciones-error+a{display: none;}
input.valid+label#AceptarCondiciones-error+a{display: inline-block;}
#formPruebas form label#AceptarCondiciones-error{
	font-weight: bold;
    background: #fff;
    position: absolute;
    left: 23px;
    float: left;
    text-align: left;
    top: 10px;
}

/* CAMPO TITULACION ZELECT */

.zelect {
	font-size:15px;
	line-height: 1.2;
	font-weight: 300;
}

body form  .zelect {
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
  line-height: 1.3;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 0;
  height: auto;
}
body form  .zelect.open {z-index: 9999999999}

body form  .zelected{color:rgba(0, 0, 0, 0.75);}

body form  .zelected.placeholder {
  color: #aaaaaa;
  font-weight: 300;
}

body form  .zelected{
	padding: 8px  0 8px 38px;;
    overflow: hidden;
    line-height: 1.7;
    color: #000;
}

body form  .valid .zelected{
  padding-left: 25px;
  font-weight: 700;
}

body form  .zelected.error{
  font-weight: 300;
}

body form  .zelected:hover {
  border-color: #cccccc;
  box-shadow: inset 0px 5px 8px -6px #dddddd;
}

body form  .zelect.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

body form .hover .dropdown {z-index: 999999999999!important;}

body form  .dropdown {
  background-color: white;
  border-radius: 12px;
  border: 1px solid #888;
  border-top: none;
  position: absolute;
  left:-1px;
  right:-1px;
  top: 1px;
  padding: 8px;
  z-index: 999999999999;
  background-color: #fff;
  box-shadow: 0px 20px 50px rgba(0,0,0,0.2);
}

body .select2-dropdown{
   margin-top: 0;
}

body form  .dropdown ol{float: left;}

.dropdown ol li{
  margin:0;
}

body form  .dropdown input {
  font-family: sans-serif;
  outline: none;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  width: 100%;
  padding: 7px 0 7px 10px;
}
body form  .dropdown ol {
  padding: 0;
  margin: 3px 0 0 0;
  list-style-type: none;
  max-height: 330px;
  width: 100%;
  overflow-y: scroll;
}
body form  .dropdown li {
  padding-left: 10px;
}
body form  .dropdown ol li:first-child.current {
  background: transparent;
  cursor: text;
}
body form  .dropdown li.current {
  background-color: #eeeeee;
}
body form  .dropdown .no-results {
  margin-left: 10px;
}
ol li{
  line-height: 1.3;
  padding: 10px;
}

form #tooltips .zearch-container input:focus{padding-top: 15px}


/*zelect */

.zelected.placeholder.error {
    color: #c2002f!important;
    border-color: #c2002f;
  }
  .zelected.error{
    color: #c2002f!important;
    border-color: #c2002f;
  }
 /* form option.presencial{display: none!important;}*/

.dropdown .zearch-container input.zearch{margin-bottom: 0!important}


/* optgroups select2*/

.select2.select2-container.select2-container--default{min-width: 100%}

#pruebasAdmision .optgroups-true ol li.curso,
#grado .optgroups-true ol li.curso,
#pruebasAdmision .optgroups-true ol li.master,
#globalCampus .optgroups-true ol li.presencial,
#grado .optgroups-true ol li.master,
#master .optgroups-true ol li.grado,
#NBS .optgroups-true ol li.grado,
#NBS .optgroups-true ol li.master,
#NBS .optgroups-true ol li.curso,
#NBS .optgroups-true ol li.doctorado
{
    visibility: hidden!important;
    height: 0;
    padding: 0;
    margin: 0;
}

body.PA li.select2-results__option.curso,
body.PA li.select2-results__group.curso,
body.grado li.select2-results__option.curso,
body.grado li.select2-results__group.curso,
body.PA li.select2-results__option.master,
body.PA li.select2-results__group.master,
body.globalCampus li.select2-results__option.presencial,
body.globalCampus li.select2-results__group.presencial,
body.grado li.select2-results__option.master,
body.grado li.select2-results__group.master,
body.master li.select2-results__option.grado,
body.master li.select2-results__group.grado,
#globalCampus .optgroups-true ol li.salud,
#globalCampus .optgroups-true ol li.doctorado,
body.globalCampus .select2-container li.salud,
body.globalCampus .select2-results__group.presencial,
body.globalCampus .select2-container li.doctorado,
body.NBS .select2-container li.grado,
body.NBS .select2-container li.master,
body.NBS .select2-container li.curso,
body.NBS .select2-container li.doctorado
{display: none}

#pruebasAdmision .optgroups-true ol li.master.first,
#globalCampus .optgroups-true ol li.presencial.first,
#grado .optgroups-true ol li.curso.first,
#grado .optgroups-true ol li.master.first,
#master .optgroups-true ol li.grado.first,
#NBS .optgroups-true ol li.grado.first,
#NBS .optgroups-true ol li.master.first,
#NBS .optgroups-true ol li.curso.first,
#NBS .optgroups-true ol li.doctorado.first,

body.PA .select2-container li.master.first,
body.globalCampus .select2-container li.presencial.first,
body.grado .select2-container li.curso.first,
body.grado .select2-container li.master.first,
body.master .select2-container li.grado.first,
body.NBS .select2-container li.grado.first,
body.NBS .select2-container li.master.first,
body.NBS .select2-container li.curso.first,
body.NBS .select2-container li.doctorado.first
{
    height: 0px;
    cursor: text;
    margin: 0 0 30px 0;
}

#pruebasAdmision .master,
body.PA .master,
body.PA .doctorado,
body.PA .area,
#pruebasAdmision .curso,
body.PA .curso,
#globalCampus .salud,
body.globalCampus .salud,
#globalCampus .idiomas,
body.globalCampus .idiomas,
#grado .idiomas,
body.grado .idiomas,
#pruebasAdmision .idiomas,
body.PA .idiomas,
#grado .master,
body.grado .master,
body.grado .doctorado,
body.grado .area,
#grado .curso,
body.grado .curso,
#master .grado,
body.master .grado,
body.NBS .grado,
body.NBS .curso,
body.NBS .doctorado,
body.NBS .master,
body.NBS .area
{display: none!important;}

body.NBS .area.NBS,
body.NBS .master.NBS
{display: block!important;}

body.NBS .area.NBS.en,
body.NBS .master.NBS.en
{display: none!important;}

body.NBS.contenedorEng  .area.NBS,
body.NBS.contenedorEng  .master.NBS
{display: none!important;}

body.NBS.contenedorEng  .area.NBS.en,
body.NBS.contenedorEng  .master.NBS.en
{display: block!important;}


body.NBS .NBS,
body.NBS .select2-container li.master.NBS
{display: block;}

#dv_ccsalud,
.pruebasAdmision{display: none}

#pruebasAdmision
.pruebasAdmision{display: block;}

.english{
  z-index:999;
  margin-left:-18%;
  padding: 6px 9px;
}

/* RESPONSIVE */


@media only screen and (max-width: 765px) {

	#formPruebas input#enviar{width:93%;margin-top:20px;}
}
@media only screen and (max-width: 550px) {
	#formPruebas .contenidoPrincipal {
		padding-left: 4%;
		width: 91.5%;
		left:0;
	}
	#formPruebas h1{margin-left:-4%;padding-left:6%}
	body#formPruebas .fondo{display:none}
}
/*** ESTILO PARA EL PREFIJO FIJO EN FORMULARIOS ***/

/*
form div.datos.telefono{
    border-bottom: 1px solid #ddd;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
form div.datos.telefono input{
    float:left!important;
    /*border-bottom: 0!important;*/
/*
width: 100%!important;
        padding-left: 30px!important;
}

form div.datos.telefono.focus:before, form div.datos.telefono.error:before{
    padding-top: 1rem;
}

form div.datos[data-prefijo]:before{
    content: attr(data-prefijo);
    font-weight: 700;
    color: #000!important;
    font-size: 17px;
    transition: 0.4s;
    -webkit-transition: 0.45s;
    -moz-transition: 0.45s;
    float:left;
        position: absolute;
    height: 45px;
    font-size: 15px;
}

form div.datos.telefono.error:before{
    color: #4e748b!important;
    font-weight: normal;
}

*/