/*
SETTINGS GENERALES
*/
@charset "utf-8";
/* CSS Document */
/*FORM RESET*/
label{
	text-align:left;
	margin:0 0 0 0;
	width: 96%;
	padding:10px 2% 0 2%;
	font-size: 1em;	
	display:block;
	position:relative;
	float:left;
}

input, textarea {
	padding: 5px 1%;
	font-size: 1em;
	margin: 0px 2% 5px 2%;
	border: 1% solid #ccc;
	width: 94%;
	float: left;
}

textarea {
	height: 120px;
}

textarea:focus, input:focus {
	border:  1% solid #900;	
}

input.submit-button {
	width: 100px;
}

input[type="button"]{
	background-color:#005996; color:#FFF; border:none; width:96%; padding: 10px 2%;
}

input[type="text"]{
	padding: 5px 1%;
	margin: 0px 2% 5px 2%;
}

select{
  -webkit-appearance: button;
  -webkit-user-select: none;
  background-image: url(../img/componentes/down.png), 
    -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #333;
  color: #555;
  font-size: inherit;
  margin: 0px 2% 5px 2%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display:block;
  width: calc(96% - 2px);
  height:30px;
  padding:0 1%;
  }

 input[type="radio"], input[type="checkbox"] {
 margin:0; padding:0; text-align:right;
}
 input[type="radio"]{
 width:20%;
}


  input[type="checkbox"] {
	  float:left;
	  margin:10px 2.5%;
	  width:15%;
	  }

.aceptoTerminos{width: 80%; float: left; padding: 10px 0 0 0!important;}

 .checkBoxLabel{width:80%; float:right; padding:0; margin:0;}
/*file input*/
 input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}
input[type="file"]::before {
  content: 'Agregar archivos';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
input[type="file"]:hover::before {
  border-color: black;
}
input[type="file"]:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
 /*--------------------------------------------------------------------------------------------*/

/*fileinputs*/

/*Custom input file upload V1.00*/ 
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
    font-size: 0.8em;
    font-weight: 400;
    color: black;
    background-color: rgba(255,255,255,0.6);
    display: inline-block;
    cursor: pointer;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    padding:10px 0;
    width: 100%;

}

.inputfile:focus + label, .inputfile + label:hover {
    background-color: rgba(255,255,255,1);
}
.inputfile:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
  pointer-events: none;
}
/*image Preview*/
.imgInput{ width: 27%; float: left; margin: 10px 0.5%; padding: 1.5%; }
.imgInput input, .imgInput label{float: none!important;}
.imgPreview{width: 100%;}


/*EXTRAS*/
.formContainer{width: 80%; max-width: 600px; padding: 20px 5%; margin: 50px auto;}

.formImg{ width:80%; max-width:500px; margin:0 auto;}
.mobileImg{width:80%; max-width:250px; margin:0 auto;}
.formImg img{ width:100%;}
.add_bnt{
	text-decoration: none;
	width:50px!important; 
	display:inline; 
	background:url(../img/iconos/add.png); 
	background-position:center; 
	padding:10px!important;
	height:38px;
	cursor:pointer;
}
	
.campo_add{
	width:420px!important;
	display:inline;
}
	
.anade_bnt{
	text-decoration: none;
	font-weight:400;
	line-height:100%;
	font-size:20pt;
	height:50px;
	color:#666;
	cursor:pointer;
	background-image:url(../img/formularios/anadir_btn.png);
	background-position:center;
	border:none;
}

/*Campos de referencia*/
.ref_number{
	width: 20% !important;
	max-width:39px !important;
}
.ref_name{
	width: 65% !important;
	max-width:420px !important;
}
#formularioBusqueda{ width:100%; overflow:hidden; padding:20px 0;}
.form-area{overflow-x: hidden;}

/* checkBox */
.checkBoxContainer{
	width:100%;
	padding:20px 0; 
}

.checkBox input[type=checkbox]{
	visibility: hidden;
}
.checkBox {
	float:left;
	width: 80px;
	height: 26px;
	background: #333;
	margin:0;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.checkBox:after {
	content: 'NO';
	font: 12px/26px Arial, sans-serif;
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.checkBox:before {
	content: 'SI';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.checkBox label {
	padding:0;
	display: block;
	width: 35px;
	overflow:hidden;
	height: 25px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.checkBox input[type=checkbox]:checked + label {
	left: 43px;
}

/*lightbox V1.00*/ 
#lightbox{
	display:none; background:#000000; opacity:0.9; filter:alpha(opacity=90); position:fixed; top:0px; left:0px; min-width:100%; z-index:200; height:100%;cursor:pointer;
}
#lightbox-panel{
	position:fixed;
	/*background:#FFF;*/
	z-index:220;
}
#lightbox-content{
	height:100%;
	overflow-y: auto;
}
#btnCerrar{ position:absolute; top:0; right:0; z-index:230;}
/*Imagenes en lightbox*/
#lightimg{
	width:900px;
	margin:0 auto;
	padding:0px;
	z-index:105;
}
#flecha_izq{
	position:absolute;
	top:50%;
	margin-top:-64px;
	left:0;
	background-image:url(../img/componentes/flecha_izq.png);
	z-index:120;
	width:88px;
	height:128px;
	cursor:pointer;
}
#flecha_der{
	position:absolute;
	top:50%;
	margin-top:-64px;
	right:0;
	background-image:url(../img/componentes/flecha_der.png);
	z-index:130;
	width:88px;
	height:128px;
	cursor:pointer;
}
		
#lightbox-searchbar{
	position:fixed;
	background:#FFF;
	z-index:130;
}
		
#lightbox-searchbar	input[type="text"]{ margin:0; width:100%;}

		
/*Responsive*/
/* SMALL SCREENS */
@media screen and (min-width: 961px) and (max-width: 1280px) {

}
/* TABLETS */
@media screen and (min-width: 721px) and (max-width: 960px) {

}
/* MOBILE Landscape*/
@media screen and (min-width: 500px) and (max-width: 720px) {

}
/* MOBILE portrait*/
@media screen and (min-width: 200px) and (max-width: 499px) {

}