@charset "utf-8";
/* CSS Document */
.letra_aj
	{
		font-size: 0.9vw !important;
	}
@media (max-width: 920px) {
	
.letra_aj
	{
		font-size:10px !important;
	}
}
.letra_aj2
	{
		font-size: 0.6vw !important;
	}
@media (max-width: 920px) {
	
.letra_aj2
	{
		font-size:10px !important;
	}
}
.cel-izq {
	padding-right:0;
}
.cel-der {
	padding-left:0;
}
.cam-tex {
	background-color:#FFF; 
	text-align:left; 
	border:1px solid #666; 
	box-sizing:border-box;
	height:100% !important;
}
.cam-inp {
	text-align:left; 
	border:1px solid #666; 
	box-sizing:border-box;
	height:100%;
}
.cam-inpbot {
	text-align:center; 
	box-sizing:border-box;
}
.cam-fotos {
	display:flex;
	font-size:23px;
	line-height:23px;
	background-color:#FFF; 
	text-align:center !important; 
	border:1px solid #666; 
	box-sizing:border-box;
	height:100%;
}
.centrar {
	text-align:center !important;
}

.cam-inp input[type=text],input[type=password]
	{
		background-color:#FFF;
		border:1px solid #333;
		border-radius:4px;
		padding-left:5px;
		width:80%;
	}
.cam-inp input[type=date]
	{
		background-color:#FFF;
		border:1px solid #333;
		border-radius:4px;
		width:auto;
	}
.cam-sel select
	{
	  	background-color:#FFF;
		border:1px solid #333;
		border-radius:4px;
		width:80%;
	}
.cam-tit {
	background-color:#FFF; 
	text-align:left; 
	border:1px solid #666; 
	box-sizing:border-box;
	padding-left:5px;
	font-weight:600;
	height:100%;
	
}	
.rowsintop
	{
		margin-top:0;
	}
/* Customize the label (the radioboton) */
.radioboton {
  display: block;
  position: relative;
  margin:0 auto;
  //padding-left: 35px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:20px;
  text-align:center;
}
/* Hide the browser's default radio button */
.radioboton input {
  position:relative;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
  border-radius: 50%;
  border:1px solid #666;
}

/* On mouse-over, add a grey background color */
.radioboton:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radioboton input:checked ~ .checkmark {
  background-color: #fe514c; 
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radioboton input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radioboton .checkmark:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.checkbox-css {
  display: block;
  position: relative;
  margin:5px 20px 5px 5px ;
  padding-left: 10px !important;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  width:5px;
  height:20px !important;
  user-select: none;
  text-align:center;
}
/* Hide the browser's default radio button */
.checkbox-css input {
  position:relative;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark-cb {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #eee;
  border-radius: 10%;
  border:1px solid #666;
}
/* On mouse-over, add a grey background color */
.checkbox-css:hover input ~ .checkmark-cb {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.checkbox-css input:checked ~ .checkmark-cb {
  background-color: #fe514c; 
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-cb:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkbox-css input:checked ~ .checkmark-cb:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.checkbox-css .checkmark-cb:after {
  top: 5px;
  left: 5px;
  width: 12px;
  height: 12px;
  border-radius: 5%;
  background: white;
}



.select-css {
 display: block;
 font-size: 16px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 400px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
 display: none;
}
.select-css:hover {
 border-color: #888;
}
.select-css:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
.select-css option {
 font-weight:normal;
}


.botoncss {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.botoncss:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
}
.botoncss:active {
	position:relative;
	top:1px;
}

.custom-file-input {
  color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Tomar imagen';
  color: black;
  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;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}

.custom-audio-input {
  color: transparent;
}
.custom-audio-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-audio-input::before {
  content: 'Grabar audio';
  color: black;
  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;
}
.custom-audio-input:hover::before {
  border-color: black;
}
.custom-audio-input:active {
  outline: 0;
}
.custom-audio-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}