@import url('montserrat.css');

* {
	margin: 0;
	padding: 0;
	font-family: Montserrat;
}

body {
		background: #F6F6F6 url(../../images/img01.jpg) repeat-x;
		font-size: 12px!important;
		color: #6B6B6B!important;
}
a:link {
		text-decoration: none;
		color: #FFFFFF;
}
a:visited {
		text-decoration: none;
		color: #FFFFFF;
}
a:hover {
		text-decoration: none;
		color: #FFFFFF;
}
a:active {
		text-decoration: none;
		color: #FFFFFF;
}
form {

}
input {
		padding: 2px 5px;
		border: 1px solid #EBEBEB;
		color: #6B6B6B;
}
textarea {
		padding: 2px 5px;
		border: 1px solid #EBEBEB;
		color: #6B6B6B;
		width: 44ch;
		min-height: 7em; 
		resize:vertical;
		max-height: 15em;      /* Optional: Caps maximum height */
  overflow-y: auto;      /* Restores scrollbar if max-height reached */
}
h1, h2, h3, h4 {
		margin: 0;
}
h2, h3, h4 {
		margin-bottom: 20px;
		padding-bottom: 9px;
		border-bottom: 1px solid #F2F2F2;
		letter-spacing: -0.035em;
		font-weight: normal;
		color: #37404C;
}
h2 {
		font-size: 28px;
}
h3 {
		font-size: 16px;
}
h4 {
		font-size: 14px;
}
p, ul, ol {
		margin-bottom: 1.5em;
		line-height: 170%;
		text-align: justify;
}
ul, ol {
		margin-left: 3em;
}
dl.list1 {
		margin: 0;
		padding: 0;
		list-style: none;
}
dl.list1 dt {
		float: left;
		width: 70px;
}
dl.list1 dd {
		margin-bottom: 0px;
}
ul.list2 {
		margin: 0;
		padding: 0;
		list-style: none;
		line-height: normal;
}
ul.list2 li {
		float: left;
		margin: 0 18px 18px 0;
}
ul.list2 li.nopad {
		margin-right: 0;
}
blockquote {
		margin-left: 3em;
		margin-right: 3em;
}
a {
		color: #FF5A00;
}
a:hover {
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}
a img {
		border: none;
}
img.left {
		float: left;
		margin: 5px 20px 0 0;
}
img.right {
		float: right;
		margin: 5px 0 0 20px;
}
/* Wrapper */
#wrapper {
		width: 960px;
		margin: 0 auto;
		background: url(../../images/img02.jpg) repeat-y;
}
#wrapper2 {
		background: url(../../images/img10.jpg) no-repeat left bottom;
		min-height:500px;
}
/* Header */
#header {
		height: 140px;
		background: #087FE7 url(../../images/img03.jpg) no-repeat;
}
/* Logo */
#logo {
		float: left;
}
#logo h1 {
		margin: 0;
		padding: 90px 0 0 78px;
		text-transform: lowercase;
		letter-spacing: -3px;
		font-size: 40px;
		color: #FFFFFF;
}
#logo h1 a {
		text-decoration: none;
		color: #FFFFFF;
}
/* Page */
#page {
		background: url(../../images/img04.png) no-repeat;
}
/* Content */
#content {
		float: left;
		width: 800px;
		padding: 0 0 0 76px;
}
.post {
		padding-top: 20px;
}
.post .title {

}
.post .title a {
		text-decoration: none;
		color: #37404C;
}
.post .title a:hover {
		text-decoration: underline;
}
.post .entry {

}
.post .meta {
		height: 16px;
		margin: 0;
		padding: 10px;
		background: url(../../images/img07.jpg) repeat-x left bottom;
		line-height: normal;
}
.post .meta .posted {
		display: block;
		float: left;
}
.post .meta .permalink {
		display: block;
		float: right;
		padding-left: 17px;
		background: url(../../images/img09.gif) no-repeat left center;
}
.post .meta .comments {
		display: block;
		float: right;
		padding: 0 15px 0 19px;
		background: url(../../images/img08.gif) no-repeat left center;
}
/* Sidebar */
#sidebar {
		float: right;
		width: 186px;
		padding: 67px 76px 0 0;
}
#sidebar ul {
		margin: 0;
		padding: 0;
		list-style: none;
}
#sidebar li {
		margin-bottom: 40px;
}
#sidebar li ul {

}
#sidebar li li {
		margin: 0;
}
/* Search */
#search {

}
#search br {
		display: none;
}
#search input {
		padding: 1px 5px;
		border-top: 1px solid #BAD300;
		border-left: 1px solid #A9C817;
		border-right: 1px solid #7DAB00;
		border-bottom: 1px solid #578900;
		background: #6E9D00 url(../../images/img18.gif) repeat-x;
		font-size: 11px;
		color: #FFFFFF;
}
#search #s {
		width: 130px;
		padding: 2px 5px;
		background: #FFFFFF;
		border: 1px solid #EBEBEB;
		color: #6B6B6B;
}
/* Widebar */
#widebar {
		margin: 0 3px;
		padding: 25px 28px 0 28px;
		background: #F2F2F2 url(../../images/img11.gif) repeat-x;
}
#widebar2 {
		margin: 0 3px;
		padding: 5px 28px 0 28px;
		background: #F2F2F2 url(../../images/img11.gif) repeat-x;
}
#widebar #colA {
		float: left;
		width: 750px;
}
/* Footer */
#footer {
		height: 108px;
		background: url(../../images/img05.jpg) no-repeat;
}
#footer p {
		margin: 0;
		padding-top: 45px;
		text-align: center;
		color: #8E8E8E;
}
ul {
	  font-size: 15px;
	  text-decoration:none;color:#4D4B4B;
	  margin: 0;
	  padding: 0;
	  list-style: none;
}
ul li {
	  display: block;
	  position: relative;
	  float: left;
}
li ul { display: none; }
ul li a {
		display: block;
		text-decoration: none;
		color: #ffffff;
		border-top: 1px solid #ffffff;
		padding: 5px 9px 5px 13px;
		background: #c29c46;
		margin-left: 1px;
		white-space: nowrap;
  }
ul li a:hover { background:#c29c46; }
li:hover ul {
	  display: block;
	  position: absolute;
}
li:hover li {
	  float: none;
	  font-size: 14px;
}
li:hover a { background: #4a4a48; }
li:hover li a:hover { background: #ddc04e; color:#FFFFFF !important;}
#menu{
	letter-spacing: -0.5px;
}
#menu li{
	background-color:#c29c46;
}
.styled2-select select {
	   background: #FFFFFF;
	   width: 400px;
	   padding: 5px;
	   font-size: 14px;
	   border: 1px solid #e6e6e6;
	   height: 30px;
}
.styled3-select select {
	   background: #FFFFFF;
	   width: 70px;
	   padding: 5px;
	   font-size: 14px;
	   border: 1px solid #e6e6e6;
	   height: 30px;
}
.styled4-select select {
	   background: #FFFFFF;
	   width: 110px;
	   padding: 5px;
	   font-size: 14px;
	   border: 1px solid #e6e6e6;
	   height: 30px;
}
.styled5-select select {
	   background: #FFFFFF;
	   width: 180px;
	   padding: 5px;
	   font-size: 14px;
	   border: 1px solid #e6e6e6;
	   height: 30px;
}
.campo { height: 23px;}
.classname {
		-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
		-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
		box-shadow:inset 0px 1px 0px 0px #fce2c1;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
		background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
		background-color:#ffc477;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #eeb44f;
		display:inline-block;
		color:#ffffff;
		font-size:15px;
		font-weight:bold;
		padding:4px 24px;
		text-decoration:none;
		text-shadow:1px 1px 0px #cc9f52;
}.classname:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
		background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
		background-color:#fb9e25;
}.classname:active {
		position:relative;
		top:1px;
}
.tblConEstilo{	border-collapse: collapse;}
.modal-open {
	  overflow: hidden;
}
.modal {
	  position: fixed;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  z-index: 1050;
	  display: none;
	  overflow: hidden;
	  -webkit-overflow-scrolling: touch;
	  outline: 0;
}
.modal.fade .modal-dialog {
	  -webkit-transition: -webkit-transform .3s ease-out;
	       -o-transition:      -o-transform .3s ease-out;
	          transition:         transform .3s ease-out;
	  -webkit-transform: translate(0, -25%);
	      -ms-transform: translate(0, -25%);
	       -o-transform: translate(0, -25%);
	          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
	  -webkit-transform: translate(0, 0);
	      -ms-transform: translate(0, 0);
	       -o-transform: translate(0, 0);
	          transform: translate(0, 0);
}
.modal-open .modal {
	  overflow-x: hidden;
	  overflow-y: auto;
}
.modal-dialog {
	  position: relative;
	  width: auto;
	  margin: 10px;
}
.modal-content {
	  position: relative;
	  background-color: #fff;
	  -webkit-background-clip: padding-box;
	          background-clip: padding-box;
	  border: 1px solid #999;
	  border: 1px solid rgba(0, 0, 0, .2);
	  border-radius: 6px;
	  outline: 0;
	  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
	  position: fixed;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  z-index: 1040;
	  background-color: #000;
}
.modal-backdrop.fade {
	  filter: alpha(opacity=0);
	  opacity: 0;
}
.modal-backdrop.in {
	  filter: alpha(opacity=50);
	  opacity: .5;
}
.modal-header {
	  padding: 15px;
	  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
	  margin-top: -2px;
}
.modal-title {
	  margin: 0;
	  line-height: 1.42857143;
}
.modal-body {
	  position: relative;
	  padding: 15px;
}
.modal-footer {
	  padding: 15px;
	  text-align: right;
	  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
	  margin-bottom: 0;
	  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
	  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
	  margin-left: 0;
}
.modal-scrollbar-measure {
	  position: absolute;
	  top: -9999px;
	  width: 50px;
	  height: 50px;
	  overflow: scroll;
}
@media (min-width: 768px) {
	  .modal-dialog {
	    width: 600px;
	    margin: 30px auto;
  }
  .modal-content {
	    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
	    width: 300px;
  }
}
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
	  display: table;
	  content: " ";
}
.modal-header:after,
.modal-footer:after {
	  clear: both;
}
	.modal-circle {
			width: 100px;
			height: 100px;
			/*-moz-border-radius: 50%;
			-webkit-border-radius: 50%;*/
			margin-top:70%;
			border-radius: 50%;
			background:   url(../images/62160.gif) no-repeat center;
			/*-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);*/
			/*opacity: 0.5;*/
			/*box-shadow: 0 5px 15px rgba(0, 0, 0, .5);*/
	}
	.popup.show {
		  visibility: visible;
		  -webkit-animation: fadeIn 1s;
		  animation: fadeIn 1s;
	}
	.popup{
		  position: relative;
		  display: inline-block;
		  cursor: pointer;
		  -webkit-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;
	}
	.popup .popuptext {
		  visibility: hidden;
		  width: 260px;
		  background-color: #555;
		  color: #fff;
		  text-align: center;
		  border-radius: 6px;
		  padding: 8px 0;
		  position: absolute;
		  z-index: 1;
		  bottom: 125%;
		  left: 50%;
		  margin-left: -80px;
	}
	.popup .popuptext::after {
		  content: "";
		  position: absolute;
		  top: 100%;
		  left: 30%;
		  margin-left: -5px;
		  border-width: 5px;
		  border-style: solid;
		  border-color: #555 transparent transparent transparent;
	}

	hr {
			border-style: solid;
			border: #c29c46;
			height: 3px;
			width: 100%;
			background-color: #c29c46;/* rgba(44, 102, 5, 0.767);*/
	  }
/*************************ESTILOS FUENTES Y TABLAS *******************************/

	.Estilo0  {		font-size: 20px; color: #c29c46; text-align: left;} /*topbar*/
	.Estilo1  {		font-size: 12px;}  
	.Estilo2  {		font-size: 12px; color: #c29c46;}	/**/
	.Estilo3  {		color: #0033CC;		font-size: 20px;		font-weight: bold;	}
	.Estilo5  {		color: #9f4c5f	}
	.Estilo6  {		color: #FF0000}
	.Estilo7  {		color: #0052a5	}
	.Estilo12 {		color: #FF0000}
	.Estilo14 { 	font-size: 18px;	color: #FF6600;}
	.Estilo15 {		color: #333333;	font-size: 13px;}
	.Estilo16 {		color: #E8B400;		font-size: 12px;		font-style: italic;		 font-weight: bold;	}
	.Estilo17 {		font-size: 13px;	color: #CC3333;}
	.Estilo18 {		color: #9f4c5f;		font-size: 11px;	}
	.Estilo19 {		color: #005093	}
	.Estilo20 {		color: #FFFFFF;		font-size: 8px;	}
	.Estilo22 {		font-size: 24px;		color: #FFFFFF;	}
	.Estilo31 {		font-size: 12px	}
	.Estilo32 {		color: #333333;		font-weight: bold;	}
	.Estilo34 {		color: #333333;		font-weight: bold;		font-size: 12px;	}
	.Estilo37 { 	font-size: 14px;	  color: #FF0000;	  font-weight: bold;	}
	.Estilo38 {		font-size: 14px;		color: #9f4c5f;		font-weight: bold;	}
	.Estilo39 {		color: #FF0000;		font-weight: bold; }
	.Estilo41 {		font-size: 13px;		color: #333333;	}/*Labels*/
	.Estilo43 {		font-size: 14px;		color: #663399;		font-weight: bold;	}
	.Estilo45 {		color: #333333; 	font-size: 14px; }
	.Estilo46 {		color: #FF0000;		font-size: 14px;	}
	.Estilo47 {		color: #9f4c5f; 	font-size: 18px; }


	.style0  {	color: #c29c46;} /*topbar*/
	.style1  {	color: #c29c46}
	.style2  {	color: #F3800C;	  font-weight: bold;	  font-size: 14px;	}
	/*.style3  {	color: #005093;	  font-weight: bold;	  font-size: 14px;	}*/
	.style3  {	color: #993399;	  font-weight: bold;	  font-size: 14px;	}
	.style4  {	color: #c29c46;	  font-weight: bold;	  font-size: 14px;	}
	.style5  {	color: #c29c46}
	.style6  {	font-size: 13px;		color: #333333;		font-weight: normal;	}
	.style7  {	color: #666666;		font-size: 12px;	}
	.style8  { 	font-size: 16px}
	.style9  { 	font-size: 16px;	color: #FF6600;} 
	.style10 {	font-size: 18px;	color: #c29c46;		font-weight: bold;	}
	.style11 {	color: #FF0000}
	.style12 {	font-size: 18px;	  color: #c29c46;	  font-weight: bold;	}
	.style13 {	color: #9f4c5f}
	.style14 {	color: #333333}
	.style15 {	color: #9f4c5f}
	.style16 {	color: #D9A800;		font-weight: bold;	}
	.style100 {	font-size: 18px;color: rgb(255, 136, 0);	font-weight: bold;}
	.tblConEstilo{	border-collapse: collapse;}
	.tblConEstilo2 {border-collapse: collapse;}
	.tblConEstilo3 {    	border-collapse: collapse;    font-weight: bold; }
	.link	{	cursor: pointer; color: #c29c46; font-style: 16px;	}
	.all-rounded {
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
	}
	.spacer {
			display: block;
	}
	#progress-bar {
			width: 790px;
			margin: 0 auto;
			background: #cccccc;
			border: 3px solid #f2f2f2;
	}
	#progress-bar-percentage {
					background: #f51010;
			padding: 5px 0px;
			color: #FFF;
			font-weight: bold;
			text-align: center;
	}

.alert {
    padding: 20px;
    background-color: #345687;
    color: white;
}
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}
	.alert,.thumbnail{margin-bottom:20px}.jumbotron>hr{border-top-color:transparent}.container .jumbotron,.container-fluid .jumbotron{border-radius:5px;padding-left:10px;padding-right:10px}.jumbotron .container{max-width:100%}@media screen and (min-width:769px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-left:60px;padding-right:60px}.jumbotron .h1,.jumbotron h1{font-size:33px}}.thumbnail{padding:3px;background-color:#fff;border:1px solid #ddd;border-radius:3px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#1E88E5}.thumbnail .caption{padding:20px;color:#333}
.alert{padding:15px;border:1px solid transparent;border-radius:3px}
.alert h4{margin-top:0;color:inherit}
.alert
.alert-link{font-weight:500}
.alert>p,.alert>ul{margin-bottom:0}
.alert>p+p{margin-top:5px}
.alert-dismissable,.alert-dismissible{padding-right:35px}
.alert-dismissable .close,
.alert-dismissible
.close{position:relative;top:-2px;right:-21px;color:inherit}.modal,.modal-backdrop{right:0;bottom:0;left:0}
.alert-success{background-color:#E8F5E9;border-color:#4CAF50;color:#43A047}
.alert-success hr{border-top-color:#449d48}
.alert-success
.alert-link{color:#347c37}
.alert-info{background-color:#E0F7FA;border-color:#00BCD4;color:#00838F}
.alert-info hr{border-top-color:#00a5bb}
.alert-info
.alert-link{color:#00545c}
.alert-warning{background-color:#FFF3E0;border-color:#FF9800;color:#EF6C00}
.alert-warning hr{border-top-color:#e68900}
.alert-warning
.alert-link{color:#bc5500}
.alert-danger{background-color:#FBE9E7;border-color:#FF5722;color:#D84315}
.alert-danger hr{border-top-color:#ff4408}
.alert-danger .alert-link{color:#aa3510}


.responsive {
  width: 50%;
  max-width: 400px;
  height: auto;
}
.botonapp{
	background-color:#c29c46;
	color:#fff
}

#myModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 300px; /* Could be more or less, depending on screen size */
}

/** Estilos de autocompletado jquery-ui*/
.ui-menu-item{
	width:100%;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{
	max-width: 440px;
}

.container2 {
	padding: 10px;
  }
  
  /* The message box is shown when the user clicks on the password field */
  #message {
	display:none;
	background: #f6f6f6;
	color: #000;
	position: relative;
	padding: 1px;
	margin-top: 10px;
	font-size: 12px;
  }
  
  #message p {
	font-size: 12px;
  }
  #message2 {
	display:none;
	background: #f6f6f6;
	color: #000;
	position: relative;
	padding: 1px;
	margin-top: 10px;
	font-size: 12px;
  }
  
  #message2 div {
	padding: 1px 3px;
	font-size: 12px;
  }
  /* Add a green text color and a checkmark when the requirements are right */
  .valid {
	color: green;
  }
  
  .valid:before {
	position: relative;
	left: -10px;
	content: "✔";
  }
  
  /* Add a red text color and an "x" when the requirements are wrong */
  .invalid {
	color: red;
  }
  
  .invalid:before {
	position: relative;
	left: -10;
	content: "✖";
  }

.tabla {
	width: 713px;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	background-color: #fff;
}
.tabla th,
.tabla td {
	border: 1px solid #fc9c04;
}
.tabla tr:first-child th{
	border: 1px solid;	
	border-color: #E5E5E5;
	border-bottom: none;
	background-color: #fff;
}
.tabla tr:first-child  { /* primera fila */
	border-top: none;
	background-color: #fff;
	vertical-align: middle;
}
.tabla tr:last-child td { /* ultima fila */
	/*border-bottom: none;*/
	border-color: #E5E5E5;
}
.tabla th:first-child,
.tabla td:first-child { /* primera columna */
	border-left: none;
	background-color: #f1e5d1;
}
.tabla th:last-child,
.tabla td:last-child { /* ultima columna */
	border-right: none;
}

.tablaLMS, .tablaLMS th, .tablaLMS td {
	width: 750px;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	background-color: #fff;
	margin-left:-5px;
	border: 1px solid #fc9c04;
}
.tablaLMS .title {
	border-left: none!important;
	background-color: #f1e5d1!important;
	text-align:center!important;
}
.tablaLMS .titleFijo {
	width: 30%!important;
	border-left: none!important;
	background-color: #f1e5d1!important;
	text-align:left!important;
}
.tablafiltros{
	width: 750px;
	border: 0px;
	border-spacing: 0px;
	padding: 0px;
	empty-cells: show;
}
.tablafiltros td:first-child { /* primera columna */
	border-left: none;
	text-align: right;
	font-size: 13px;		
	color: #333333;
}
.tablafiltros tr td:empty{
	height: 20px; 
}
.tablafiltros tr:last-child td { /* ultima fila */
	text-align: center;
	height: 60px; 
}
.registros{
	color: #666666;		
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	height: 25px;
}
.titulos{
	background-color: #FFE8E8;
	text-align: center;
	color: #333333;		
	font-weight: bold;		
	font-size: 12px;
	vertical-align: text-top;
	border: 1px solid;	
	border-color: #E5E5E5;
	height: 28px;
}
.tablaresultados {
	width: 750px;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	background-color: #fff;
	border: 1px solid;	
	border-color: #E5E5E5;
	font-size: 13px;
}
.tablaresultados td {
	border: 1px solid #E5E5E5;
}
.tablaresultados tr:first-child  { /* primera fila */
	height: 28px;
	vertical-align: middle;
}