@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(opensans_regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(opensans_bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(opensans_regular.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(opensans_bold.woff) format('woff');
}

body { background-color:#ccc; font-family:Open Sans; text-align:center; font-size:14px; margin:0px; overflow-y:scroll; }
input, textarea, select { 
	font-family:Open Sans; 
	margin:10px; 
	outline-width:0; 
	border: 2px solid #aaa; 
	padding:5px 10px;
	border-top: none;
    border-left: none;
    border-right: none;
	max-width: 500px;
}
textarea { background: linear-gradient(#fbfbfb 0%,#ffffff 75%);  }
input:hover, textarea:hover, select:hover { border-color:#673ab7; }
input[type=checkbox] {
    background-color: white;
    background-image: url(../../bolsa-empleo/content/img/checked.png);
    background-size: 0%;    
    height: 15px;
    width: 15px;
    border: 1px #9c9c9c solid;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    outline-width: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
	padding:0px;
	margin: 10px 5px -2px 5px;
}
input[type=checkbox]:checked {
    background-size: 90%;
}
h3 {
    font-size: 150%;
    background: linear-gradient(#f7f7f7 0%,#ffffff 75%);
    padding: 25px;
    box-shadow: #ccc 0px -2px 1px;
    margin-left: -20px;
    width: 846px;
}

#MAIN_CONTENT {
	text-align:center;
	background-color:white; 
	border: 2px solid #aaa;	
	padding: 20px;
	border-radius:0px 0px 10px 10px;
}
#navBar {
    width: 20px;
    height: 100%;
    position: fixed;
    background-color: #61269e;
    top: 0px;
    right: 0px;
    display: grid;
    padding: 0px 0px 0px 5px;
}
#lbl_fecha_actualizacion { float:right; padding-right: 40px; }
.CONTENT { 
	width:900px; 
	display:inline-block;	
	box-shadow:#adadad 0px 0px 20px; 
	margin-bottom:20px;
	margin-top:20px;
}
.INPUT_LABEL { font-weight:bold; color:#111; }
.INPUT_BUTTON {
	font-size:120%;
	background-color:#35156f;
	color:white;	
	padding:10px 30px;
	border-radius:25px;
	border: none;
}
.INPUT_BUTTON:hover {
	cursor: pointer; 
	background-color:#9357ff; 	
}
.CHECKBOX label { cursor:pointer; }
input[type=checkbox]:hover { cursor:pointer; border-color:#61269e; }
.estilo1 label { display:block; }
.estilo2 label { display:block; }
.estilo2 { margin-top:20px; }
.estiloboton { 
	width: 896px;
    background-color: #61269e;
    position: relative;
    margin: 20px -20px -20px;
    border-radius: 0px 0px 8px 7px;
	padding-top: 10px;
    padding-bottom: 10px;
}
.banner{
	width: 896px;
    height: 140px;
    background-color: #ccc;
    background-image: url(../img/empleo-banner.jpg);
    margin-left: -20px;
    position: relative;
    margin-bottom: -20px;
    margin-top: -20px;
}
.navTitle {
    width: 30px;
    background: none;
    color: white;
    height: 30px;
    padding: 0px;
    font-size: 100%;
    box-shadow: none;
    cursor: pointer;
    margin: 0px 0px 0px -23px;    
}
.navTitle label{
	background-color: #ccc;
    color: #61269e;
    font-size: 140%;
    cursor: pointer;
    border-radius: 20px;
    display: block;
}
.navTitleActive{
	background-color: #61269e !important;
    color: white !important;
}

.ui-datepicker select{
	padding:initial;
}
.ui-widget-header {
	background-color:#ddd !important;
	border:none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:none !important;
	background-color: #eee !important;
	text-align:center;
}