/* Generales para el cms_v4 lo demas no afecta en anda */

.clear {
  clear: both;
}
/* FORMULARIO DE BUSQUEDA */
table.lista-uno tr.titles td {
  background-color: #455f6e;
  border: 1px solid silver;
  color: #FFFFFF;
  font-size: 12px;
  padding: 6px;
  text-align: left;
}

table.lista-uno {
  background-color: #DCDFE3;
  border-collapse: collapse;
  margin-top: 15px;
  width: 100%;
}

table.lista-uno tr td.title-cabecera{
    
  background-color: #455f6e;
  color: #FFFFFF;
  font-size: 15px;
  padding: 6px;
  border: 1px solid silver;

}

table.lista-uno tr td.valor-cabecera{

  background-color: silver;
  color: #455f6e;
  font-size: 15px;
  border: 1px solid silver;
  text-align:left;

}

table.lista-uno tr.datos td {
  background-color: #FFFFFF;
  border: 1px solid silver;
  color: #000000;
  font-size: 10px;
  padding: 6px;
  text-align: left;
}
.box  {
  padding:6px;
  margin-bottom: 10px;
  /*background-color:#f6f6f6;*/
  background-color:#fff;
  color:#505050;
  line-height:1.5em;
  /*border: 1px solid #e4e4e4;*/
  border: 0px solid #e4e4e4;
}
.tabular p {
  clear: left;
  height: 1%;
  margin: 0;
  padding: 0px 0 8px 165px;
  font-size: 9pt;
}
.tabular label {
  float: left;
  font-weight: bold;
  margin-left: -180px;
  text-align: right;
  width: 175px;
}
input, select {
  margin-bottom: 1px;
  margin-top: 11px;
  vertical-align: middle;
}

fieldset.form-buscar{
  color: #000;
  border: 1px solid #0e1f47;
  font-size:10px;
}
fieldset.form-buscar label { 
  float:left;
  width: 110px;
  padding: 5px;
  color: #0e1f47;
  margin-top: 5px;
}
fieldset.form-buscar div.column{
  margin-right:10px;
  float:left;
  width: 30%;
}
fieldset.form-buscar input[type='text'], fieldset.form-buscar select, #form_busqueda_documento_descripcion { 
  float:left;
  width: 200px;
  padding: 5px;
  color: #000;
  margin-top: 5px;
  border: 1px solid #0e1f47;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright:7px;
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  -webkit-border-top-left-radius:7px;
  -webkit-border-top-right-radius:7px;
  -webkit-border-bottom-left-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;  
  font-size: 10px;
}

fieldset.form-buscar input[type="checkbox"], fieldset.form-buscar img{
  margin-top:10px;
}

fieldset.form-buscar input[type="submit"] {
  width: 70px;
  background-color: #0e1f47;
  color: #fff;
  padding: 5px;
  border:solid 2px #c3d1e3;
  border:solid 2px #c3d1e3;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright:7px;
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  -webkit-border-top-left-radius:7px;
  -webkit-border-top-right-radius:7px;
  -webkit-border-bottom-left-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;  
}
fieldset.form-buscar br {
  clear:both;
}

/* ****************** */





/* maps */
.icon {
background-position: 0% 40%;
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 2px;
padding-bottom: 3px;
}

.icon-maps { 
background-image: url('map.png');
}




/* galeria de noticias */
.link_centro_noticias {
  padding-left: 20px;
  float:left;
  color:#fff;
  font-size:9pt;
  margin-top:3px;
  text-decoration: none;
}
.link_centro_noticias:hover {
  color:#000;
  text-decoration: underline;
}
.lista-noticias {
  width: 213px;
  height: 294px; 
  background-color: #dcdcdc;
  float: right;
}
#banner-slide-noticias p.bjqs-caption {
  font-size: 12pt;
  color: #fff;
  background: none repeat scroll 0 0 rgba(89, 116, 131, 0.75);
  display: block;
  width: 36%;
  height: 294px;
  margin: 0;
  padding: 2%;
  position: absolute;
  bottom: -21px;
}
#banner-slide-noticias ol.bjqs-markers {
  float: right;
  left: 360px;
  top: 257px;
}
#banner-slide-noticias ol.bjqs-markers li a {
  background: none repeat scroll 0 0 #8b0504;
  border: 1px solid #fff;
  color: #FFFFFF;
  display: inline-block;
  font-size: 8pt;
  font-weight: bold;
  margin: 2px;
  padding: 5px 9px;
  text-decoration: none;
}
#banner-slide-noticias ol.bjqs-markers li.active-marker a,
#banner-slide-noticias ol.bjqs-markers li a:hover{
  background: #661f21;
  border: 1px solid #4b1617;
  color: #dedede;
}
.titulo_centro {
  background: url("titulo_centro.png") no-repeat left center;
  border-top: 4px solid #8b0504;
  line-height: 16px;
  padding-top: 5px;
  padding-left: 25px;
  font-size: 14pt;
  color: #333;
}
.noticia_cont {
  width:530px;
  float:left;
  border:1px solid #8b0504;
  margin-bottom:10px;
  padding-left: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-top: 5px;
}
.link_titulo {
  color: #333333;
  text-decoration: none;
  font-size: 12pt;
}
.link_titulo:hover {
  color: #000;
  text-decoration: underline;
}
.extracto_noticia {
  text-align: justify;
  width: 530px;
  font-size: 9pt;
}
/* canal de youtube */
.titulo_canal_educ {
  background: none repeat scroll 0 0 #8b0504;
  height: 30px;
}
.titulo_canal_educ h2 {
  font-family: 'Trebuchet MS';
  color: #FFFFFF;
  font-size: 13pt;
  font-weight:bold;
  padding: 4px 11px 8px;
}
.barra_contenido_youtube {
  background: none repeat scroll 0 0 #5F7984;
  height: 26px;
  margin-top: -4px;
}
/* fin del canal de youtube */

/* desde el aula galeria */

.titulo_aulas {
  background: none repeat scroll 0 0 #4FBBA9;
  height: 30px;
  border-radius:14px 0px 0px ;
}
.titulo_aulas h2 {
  clear: both;
  color: #FFFFFF;
  font-size: 13pt;
  font-family: 'Trebuchet MS';
  font-weight:bold;
  padding: 4px 11px 8px;
}
.barra_contenido_home {
  background: none repeat scroll 0 0 #4FBBA9;
  height: 19px;
}
.unoSlider ul, .unoSlider .sliderView {
  min-height: 215px;
  width:316px;
  left: 10px;
  list-style: none;
}
.unoSlider ul {
  position: relative;
}
.unoSliderNav {
  position: relative;
  bottom: 32px;
  left: 238px;
}
.unoSliderNav span {
  cursor: pointer;
  display: block;
  color: #fff;
  padding: 2px 5px;
  margin: 6px 0 0 3px;
  float: left;
  font-size: 11px;
  line-height: 14px;
  border:1px solid #EFEFEF;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.unoSliderNav span:hover, .unoSliderNav span:active, .unoSliderNav .current {
  color: #000;
  background: #fff;
}
.unoSlider h2 {
  font-size: 14pt;
  width:200px;
  height: 95px;
  overflow: hidden;
  text-align:center;
  float: right;
  margin-top:25px;
  margin-right: -15px;
}
.unoSlider p {
  width:335px;
  text-align:justify;
  margin-top:3px;
  font-size: 10pt;
}
.unoSlider img {
  width:120px;
  height:140px;
}
.unoSlider .sliderView {
  left: 1000px;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.unoSlider .current {
  left: 0px;
  opacity: 1;
  z-index: 10;
}
/* fin desde el aula galeria */

/* post de noticias y content */
.titulo_noticias {
  background: none repeat scroll 0 0 #597483;
  height: 30px;
  border-radius:14px 0px 0px;
}
.titulo_noticias h2 {
  clear: both;
  color: #FFFFFF;
  font-size: 13pt;
  font-family: 'Trebuchet MS';
  font-weight:bold;
  margin: 0;
  padding: 3px 11px 8px;
}
#content {
  float: left;
  padding: 0px;
  width:596px;
}
#content .post_1 {
  background:#4FBBA9;
  margin-right: 9px;
  width:360px;
  display: inline-table;
  cursor:pointer;
}.columns {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		margin: 5px 0;
	  }

	  .column {
		  flex: 1;
		  border: 1px solid gray;
		  margin: 2px;
		  padding: 10px;
		  &:first-child { margin-left: 0; }
		  &:last-child { margin-right: 0; }

	  }

		  @media screen and (max-width: 980px) {
			.columns .column {
				  margin-bottom: 5px;
			  flex-basis: 40%;
				  &:nth-last-child(2) {
					  margin-right: 0;
				  }
				  &:last-child {
					  flex-basis: 100%;
					  margin: 0;
				  }
			  }
		  }

		  @media screen and (max-width: 680px) {
			  .columns .column {
				  flex-basis: 100%;
				  margin: 0 0 5px 0;
			  }
		  }
	
#content .post_1 .detalles_post_1 {
  float: left;
  padding-right: 1px;
  padding-top:6px;
  width: 181px;
  min-height: 229px;
  max-height: 229px;
}
#content .post_2 {
  background:#5cb0ff;
  width:360px;
  display: inline-table;
  cursor:pointer;
}
#content .post_2 .detalles_post_2 {
  float: left;
  padding-right: 1px;
  padding-top:6px;
  width: 181px;
  min-height: 229px;
  max-height: 229px;
}
#content p.titulo_noticia {
  font-size: 11pt;
  font-weight: bold;
  margin-left:10px;
  color: #fff;
  line-height: 15px;.columns {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		margin: 5px 0;
	  }

	  .column {
		  flex: 1;
		  border: 1px solid gray;
		  margin: 2px;
		  padding: 10px;
		  &:first-child { margin-left: 0; }
		  &:last-child { margin-right: 0; }

	  }

		  @media screen and (max-width: 980px) {
			.columns .column {
				  margin-bottom: 5px;
			  flex-basis: 40%;
				  &:nth-last-child(2) {
					  margin-right: 0;
				  }
				  &:last-child {
					  flex-basis: 100%;
					  margin: 0;
				  }
			  }
		  }

		  @media screen and (max-width: 680px) {
			  .columns .column {
				  flex-basis: 100%;
				  margin: 0 0 5px 0;
			  }
		  }
	
  width: 163px;
  text-align: left;
}
#content p.detalle_noticia {
  text-align: left;
  line-height: 15px;
  font-size:9pt;
  color:#fff;
  margin-left:10px;
  width:163px;
}
#content h3 {
  color: #FFFFFF;
  font-size: 7pt;
  margin-left: 10px;
  width:164px;
}
#content .post_imagen img {
  width:178px;
  /*height: 235px;*/
}
/* fin post de las noticias */

/* galeria de noticias */
ul.bjqs-controls.v-centered li a{
  display:block;
  padding:10px;
  background:#fff;
  color:#000;
  text-decoration: none;
}
ul.bjqs-controls.v-centered li a:hover{
  background:#000;
  color:#fff;
}
ol.bjqs-markers li a{
  background: none repeat scroll 0 0 #5F7984;
  border: 1px solid #EFEFEF;
  color: #fff;
  display: inline-block;
  font-size: 11pt;
  font-weight: bold;
  margin: 2px;
  padding: 6px 10px;
  text-decoration: none;
}
ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
  background: #FFFFFF;
  color: #B6C1C6;
}
p.bjqs-caption{
  font-size: 15pt;
  font-weight: bold;
  line-height: 20px;
  padding: 10px;
  color: #151924;id="form_busqueda_institucion"
  background: rgba(255,255,255,0.5);
}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
/* fin galeria de noticias */

/* portada */
.areaPortada {
  display:inline-block;
  padding:5px;
  vertical-align:top;
  float:left
}
#crportada {
  background-position:400px top;
  position:relative;
  padding: 7px 1px;
  width:auto; 
  height:auto;
}
.conjuntoPortada {
  padding:0px;
  margin:0;
  border-radius:30px 0 0;
  float:left;
  clear:both;
  width:733px;
  /*height:290px;*/
  height: 340px;
  position:relative; 
  overflow:hidden;
}
/*fin de portada */

/* container y contenido_home */
#container {
  width:82%;
  float: left;
  /*padding:0px 0 0 2px;*/
  overflow:hidden;
  /*margin-left: 26px;*/
  margin-top:10px;
}
.top_box {
  font-family: 'Trebuchet MS';
  float: left;
  height: 75px;
  width: 141px;
}
.top_box a {
  color: #fff;
  display: block;
  font-size: 12pt;
  text-align: center;
  text-decoration: none;
  line-height:17px;
}
.top_box_top {
  background: none repeat scroll 0 0 #8597A0;
  height: 14px;
  width: 141px;
}
.top_box_bottom {
  background: none repeat scroll 0 0 #6E868D;
  height: 11px;
  width: 141px;
}
.top_box_content {
  background-color: #617B83;
  height: 36px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 11px;
  padding-right: 11px;
  width: auto;
}
/* fin container y contenido_home */

/* redes box y side box*/
.redes_box {
  width:153px;
  padding:3px  0;
  height:41px;
  margin:0 auto;
}
#sidebar {
  width:282px;
  float:left;
}
#respo_sidebar {
  width:282px;
  float:left;
}
.boton_box {
  margin: 0;
  padding: 0;
  width: 239px;
}
.img_sidebar_box {
  width:229px;
  padding:0px 0 7px;
  margin:0 auto;
  cursor:pointer;
  text-align:right;
}
/* fin de redes box y side box */

/* side menu */
.sidebarmenu {
  margin: 0 0 20px;
  padding:0;
  width:100%;
  text-align:right;
}
.sidebarmenu a.menuitem{
  background: url('farriba.png') no-repeat scroll right center #fff;
  border-top: 1px #ccc solid;
  color: #92A0A6;
  display: block;
  font-size: 10pt;
  height: 24px;
  line-height: 26px;
  padding-right: 25px;
  position: relative;
  text-align: right;
  text-decoration: none;
  width: 205px;
  font-weight: bold;
  text-transform:uppercase;
}
.sidebarmenu a.menuitem:hover{
  background-color: #eee;
}
.sidebarmenu a.menuitem .statusicon{
  position: absolute;
  border: medium none;
  right: 5px;
  padding-top: 7px;
}
.sidebarmenu div.submenu{
  background: white;
  width: 240px;
}
.sidebarmenu div.submenu ul{
  list-style-type: none;
  margin: 0;
  padding: 0 0 5px 0;
}
.sidebarmenu div.submenu ul li{
  padding-right: 4px;
}
.sidebarmenu div.submenu ul li a{
  color: #777;
  display: block;
  text-decoration: none;
  text-align: right;
  padding:5px 0px 0px 0px;
  margin-right: 10px;
  font-size: 10px;
}
.sidebarmenu div.submenu ul li a:hover {
  font-weight: bold;
}
.sidebarmenu a.menuitem_inicio {
  background-color: #FFFFFF;
  color: #92A0A6;
  display: block;
  font-size: 9pt;
  font-weight: bold;
  height: 25px;
  line-height: 26px;
  padding: 0 24px 0 0;
  position: relative;
  text-align: right;
  text-decoration: none;
  width: 217px;
}
/* fin de side menu*/

/* enlaces e iconos de la barra top2*/
.iconoBuscar {  
  width: 4%; 
  height: 26px;
  float:left;
  border: none; 
  border-radius: 7px 6px 6px; 
  margin: 10px 9px 9px;
  background-image: url('../respo_image/busqueda.png'); 
  background-position: -1px 0px;
  background-repeat: no-repeat;
  background-color:#e2e2e2;
}
.iconoBuscar:hover {
  background-image: url('../respo_image/busqueda.png');
  background-color:#bcbcbc;
}

.enlace-menu-header {
  background-position:center left;
  border-right: 2px solid #fff;
  border-radius: 2px;
  color: #FFFFFF;
  margin-left: 10px;
  padding: 2px 20px;
  text-decoration: none; 
}


.enlace-sistema-intramec {
  background-position:center left;
  border-right: 2px solid #fff;
  border-radius: 2px;
  color: #FFFFFF;
  margin-left: 10px;
  padding: 2px 20px;
  text-decoration: none; 
}
.enlace-sistema-webmail {
  background-position:center left;
  border: 0px solid;
  border-radius: 2px;
  color: #FFFFFF;
  margin-left: 10px;
  padding: 2px 20px;
  text-decoration: none; 
}
.enlace-sistema-intramec:hover {
  /*background-color: #8b0504;*/
  background-color: #6e7991;
  color: #FFF;
  text-decoration: none;
}
.enlace-sistema-webmail:hover {
  background-color: #8b0504;
  color: #FFF;
  text-decoration: none;
}
/* fin enlaces de la barra top2*/

/* generales */
body {
  background:#fff;
  font-family:Helvetica;destacados-img_v2 img {
    height: 318px;
    height: 22em;
    width: 630px;
    position: absolute;
    width: 100%;
    position: relativa;
    top: 0px;
}
  padding:15px;
  font-size:11pt;
  margin:0 auto;
  color: #000;
}
#main_container {
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0 0 15px #000000;
  margin: 0 auto;
  padding: 0px;
  /*padding: 16px;*/
  width: 98%;
  max-width:1200px;
}
.header{
  width:900px;
  height:100px;
}
#main_content{
  margin:0 auto;
  width:100%;
  height:auto;
  padding:0px 0 20px 0;
  //overflow:hidden;
  margin-top:2px;
}
#header_v2 {
  width:100%;
  font-size: 12pt;
  /*margin-bottom:25px;*/
  padding: 8px;
}
#top1 {
  width:100%;
  margin:0 auto;
  text-align:center;
}

#top2{

  width:100%;
  height:35px;
  background-color:#8B0504;
  border-radius:0px 0px 16px 16px;
  

}
.logo1{
  float:left;
  padding:7px 0 0 0;
}
.logo2{
  float: right;
  padding:7px 0 0 0;
}
.contenido_arriba {
  color:#000;
  background-color: #fff;
  height: auto;
  width: 596px;
  margin-top: 25px;
  padding-right: 10px;
  padding-left: 0px;
}
.contenido_arriba h1 {
  font-size: 13pt;
  font-weight: normal;
}
.contenido_arriba p {
  font-size: 10pt;
}
.mask {
  width:360px;
  height:235px;
  background-color:rgba(255,255,255,0.5);
  position:absolute;
  z-index:1;
  top:592px;
}
.mask_video {
  width:360px;
  height:268px;
  background-color:rgba(255,255,255,0.5);
  position:absolute;
  z-index:1;
  top:935px;
}
#banner-slide {
  background: -webkit-linear-gradient(left, white , silver); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, white , silver); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, white , silver); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, white , silver); /* Standard syntax */
}
#slide {
  background: -webkit-linear-gradient(left, white , silver); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, white , silver); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, white , silver); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, white , silver); /* Standard syntax */
}
.unoSlider {
  color: #0e4354;
}
.loader {
  width:100%;
  margin-top:70px;
  text-align:center;
}
.inicio_link {
  background: url("gohome.png") right center no-repeat;
  font-size: 11pt;
  font-weight: bold;
  color: #92A0A6;
  text-decoration: none;
  text-align:right;
  margin-right: 4px;
  padding-right: 25px;
  
}
/* fin de generales */

/* niveles educativos */
.sub_menu li {
  margin: 0 1px;
  font-size: 11px;
  display: block;
  float: left;
  line-height: 22px;
  list-style: none;
  background-color: #8b0504;
  width: 79px;
}
.sub_menu li a {
  text-align: center;
  display: block;
  color: #fff;
  text-decoration: none;
}
/* niveles educativos */

/* formulario de busqueda */
#busqueda-avanzada {
  background-color: #9eaab1;
  background-position: bottom;
  border-top: 10px solid #6E868D;
  padding: 10px;
  display: block;
  width:947px;
  float:left;
  margin-bottom: 15px;
  display: none;
  border-bottom: 10px solid #6E868D;
  border-radius: 0 0 10px 10px;
}
#busqueda-avanzada fieldset {
  padding: 5px;
  margin-bottom: 15px;
}
div.advtable div.advtable-row {
  clear: both;
}
div.advtable div.cell-label {
  color: #222222;
  display: inline-block;
  float: left;
  font-size: 13px;
  height: 42px;
  line-height: 16px;
  min-width: 120px;
  vertical-align: middle;
  width: 210px;
}
div.advtable div.cell-input {
  display: inline-block;
  float: left;
  min-height: 41px;
  min-width: 167px;
  vertical-align: middle;
  width: 250px;
}
div.advtable div.cell-example {
  color: #555555;
  display: inline-block;
  float: left;
  font-size: 11px;
  margin: 0 0 8px 1%;
  min-width: 160px;
  padding-left: 5px;
  position: relative;
  vertical-align: middle;
  width: 32%;
}
.resul_titulo {
  padding-top: 5px;
  padding-left: 8px;
  background-color: #DDDDDD;
  border-top-right-radius: 10px;
  width: 95%;
}
/* fin formulario de busqueda */

/* estilo para will_paginate*/

.pagination {
  background: white;
  cursor: default;
  width: 380px;
  margin: 0 auto;
  margin-bottom: 5px;
  font-size: 10pt !important;
}
.pagination a, .pagination span, .pagination em {
  padding: 0.2em 0.5em;
  display: block;
  float: left;
  margin-right: 1px; 
}
.pagination .disabled {
  color: #999999;
  border: 1px solid #dddddd; }
.pagination .current {
  font-style: normal;
  font-weight: bold;
  background: #0e1f47;
  color: white;
  /*border: 1px solid #8b0504; */
}
.pagination a {
  text-decoration: none;
  color: #617B83;
  border: 1px solid #617B83; 
}
.pagination a:hover, .pagination a:focus {
  background: #6e7991;
  color: white;
  border: 1px solid #8b0504;
}
.pagination .page_info {
  background: #8b0504;
  color: white;
  padding: 0.4em 0.6em;
  width: 22em;
  margin-bottom: 0.3em;
  text-align: center; 
}
.pagination .page_info b {
  color: #000033;
  background: #6aa6ed;
  padding: 0.1em 0.25em; }
.pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
  * html .pagination {
    height: 1%; }
  *:first-child + html .pagination {
    overflow: hidden; }
/* fin estilo para will_paginate*/

.clear {
  clear: both;
}

/* video galeria */
.video_categoria {
  color: #8b0504;
  border-bottom: 4px solid #617B83;
  padding-bottom: 5px;
  padding-left: 22px;
  background: url('category-icon.png') no-repeat top left;
}
.left p, h3 {
  margin: 3px;
}
.left h3 {
  color: #999999;
}
.left a {
  color: #8b0504;
  text-decoration: none;
  font-weight: bold;
}
.left a:hover {
  color: #999999;
  text-decoration: underline;
}
.left {
  background-color: #eee;
  padding: 10px;
  display: inline-table;
  width:330px;
  height: 180px;
}
.right {
  display: inline-table;
  width:350px;
  float: right;
}
/* fin video galeria */

.icon {
background-position: 0% 40%;
background-repeat: no-repeat;
padding-left: 17px;
padding-top: 2px;
padding-bottom: 3px;
}

.icon-limpiar { 
background-image: url('limpiar16x16.png');
}
.icon-canastas-detalles { background-image: url("../package_green.png"); }
.icon-true { background-image: url(icon_notification_success.png); }
.icon-false { background-image: url(icon_notification_error.png); }


.tit_bus {
  padding-top: 5px;
  padding-left: 8px;
  background-color: #fff;
  border-top-right-radius: 10px;
  width: 95%;
  color: #1E424E
}
.contenido_arriba .tit_bus h1{
  font-size: 19pt;
}

#enca_top1_v2 {
   /*background: url("../respo_image/enca_top.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);*/
   height: 37px;
   /*margin: -16px 0px 2px;
   width: 100%;*/
   max-width: 1200px;
   width: 100%;
   background-color: #3E4C6C;
}
.mh-preheader{
background: #3E4C6C;
height: 38px;
}
#menu_top{
	margin-top:8px;
	float:left;
	margin-right:15px;
	text-align:right;
	font-size: 15px;
}

.cbue-banner{

  -moz-box-shadow: 1px 2px 5px #000000;
  -webkit-box-shadow: 1px 2px 5px #000000;
  box-shadow: 1px 2px 5px #000000;
  margin-bottom: 35px;
  margin-top: 35px;
}

table.t-referencia{

  border-collapse: collapse;
  width:100%;

}

table.t-referencia tr.tr-title td{

  background-color: #8b0504;
  color: #fff;
  font-weight: bold;
  border: 1px solid silver;

}

table.t-referencia tr.tr-referencias td{

  background-color: #fff;
  color: #8b0504;
  border: 1px solid #C3D1E3;

}

.msg-ayuda {
  background: #e9e9e9; 
  padding: 10px; 
  color: navy; 
  font-size:11px; 
  color:gray; 
  margin-bottom:15px;
  font-family: Helvetica !important;
  border:solid 0px #000000;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}

.pagination { width: 100%; text-align:center;}

.columns {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		margin: 5px 0;
	  }

	  .column {
		  flex: 1;
		  border: 0px solid gray;
		  margin: 2px;
		  padding: 10px;
		  &:first-child { margin-left: 0; }
		  &:last-child { margin-right: 0; }

	  }
	  #top1 .img_responsive img{
		  
		max-width:100%  
	  }

		  @media screen and (max-width: 980px) {
			.columns .column {
				  margin-bottom: 5px;
			  flex-basis: 40%;
				  &:nth-last-child(2) {
					  margin-right: 0;
				  }
				  &:last-child {
					  flex-basis: 100%;
					  margin: 0;
				  }
			  }
			  
			  
			  .contenido_izquierda {
				font-size: 11pt;
				/*width: 435px;*/
				max-width: 680px;
				width: 68%;
				float:left;
			   }	
				.contenido_derecha {
				 font-size: 11pt;
				 width: 30%;
				 float:right;
				}
		  }

		  @media screen and (max-width: 680px) {
			  .columns .column {
				  flex-basis: 100%;
				  margin: 0 0 5px 0;
			  }
		  }
		  
		  @media only screen and (max-width: 1024px) {
			  .enlace-sistema-intramec{
				  
				  padding: 0px 9px;
			  }
			  #superior{
				  display:none;
				  
			  }
				
					
			}
			@media only screen and (max-width: 1024px) {
			  .enlace-sistema-intramec{
				  
				  padding: 0px 9px;
			  }
			  #superior{
				  display:none;
				  
			  }
				
					
			}
			
			
		
			
		
		
			
		@media only screen and (max-width: 800px) {
			  
			  #busc{
				  display:none;
				  
			  }
			  #superior{
				  display:inline;
				  width: 100%;
				  margin: 18px 4px 21px;
				  
			  }
			  #resp_boton{
				  display:inline;
				  
			  }
			  #ocultar_sidebar{
				  display:none;
				  
			  }
			  
			  #mostrar_sidebar{
				  display:inline;
				  
			  }
			  .sidebarmenu {
				
				width: 100%;
				
			}
			#cssmenu {
					width: 100%;
				}
			#cssmenu ul ul a{
					width: 94%;
				}
			#sidebar {
				width: 100%;
				
			}
			
			
					
			}
		@media only screen and (min-width: 800px) {
			  
			  #superior{
				  display:none;
				  
			  }
			  
			  #resp_boton{
				  display:none;
				  
			  }
			  
			  
			}
			
		@media only screen and (max-width: 820px) and (min-width: 621px) {  
				#superior{
								display:inline;
								width: 100%;
								margin: 18px 4px 21px;

							}
							
				#resp_boton{
				  display:inline;
				  
			  }
			  #mostrar_sidebar{
				  display:inline;
				  
			  }
			  
			  }
			  
		/*@media screen and  (min-width:320px) and (max-width: 480px) { 
			#container {
				 
			    margin: 1% 16% 1%;;
				}
			}*/
			
		/*@media screen and  (min-width:320px) and (max-width: 640px) { 
			#container {
				 
			    margin: 1% 16% 1%;;
				}
			}*/
		@media screen and  (min-width:320px) and (max-width: 800px) { 
			#container {
				 width: 84%;
			    /*margin: 1% 16% 1%;;*/
				}
				
				.contenido_izquierda {
					
					width: 97%;
					
				}

				.contenido_derecha {
					
					width: 98%;
				
				}
			}
			
		
			  
		@media screen and  (min-width:320px) and (max-width: 480px) { 
				section.portfolio .col {
				  width:300px; 
				  /*border:solid red;*/

					}
					#menu_top{
						display:none;
					}

					.w3-sidebar{

						width: 67%;
					}

					.sidebarmenu {
						margin: 0 0 20px;
						padding: 0;
						width: 100%;
						text-align: right;
					}

					#cssmenu {
							width: 100%;
						}

					#cssmenu ul ul a {
							text-transform: lowercase;
							background: #6a90a9;
							margin-left: 25px;
							margin-bottom: 0px;
							line-height: 29px;
							height: 29px;
							width: 86%;
							display: block;
							color: #fff;
							font-weight: normal;
							-moz-border-bottom-left-radius: 23px;
							-webkit-border-bottom-left-radius: 23px;
							-khtml-border-bottom-left-radius: 23px;
							border-bottom-left-radius: 23px;
							margin-bottom: 4px;
						}
						
						
			}
			
			@media only screen and (max-width: 1280px) {
			  
			  #container {
				 /*width: 73%;*/
			    
				}
			
			}
			@media screen and  (min-width:1366px) and (max-width: 1366px)
			 { 
			#container {
    width: 75%;
			}
			.contenido_izquierda {
				font-size: 11pt;
				/*width: 435px;*/
				max-width: 680px;
				width: 68%;
				float:left;
			   }	
				.contenido_derecha {
				 font-size: 11pt;
				 width: 30%;
				 float:right;
				}
			}
			
@media screen and (min-width: 1200px) {
			#container {
				width: 73%;
			}
			
			.destacados-titulo_v2 {
    
				/*height: 50px;
				top: 479px;*/
				}
			.contenido_izquierda {
				font-size: 11pt;
				/*width: 435px;*/
				max-width: 680px;
				width: 68%;
				float:left;
			   }	
				.contenido_derecha {
				 font-size: 11pt;
				 width: 30%;
				 float:right;
				}

}

			*  { 
      box-sizing:border-box;
       }

     .containerlogo {
      width:100%;
        }

      section.portfolio {
      background:
        }

      section.portfolio .col {
      background:;
      width:33.3%; 
      /*padding:10px;
      margin: 5%;*/
      display:inline-block;
      vertical-align:top;
        }

      section.portfolio .col img {
      display:inline-block;
      vertical-align:top;
        }

      img {
      max-width:100%;
      height: auto;
      width: auto;
        }

		



/* css menu responsive pruebas*/

.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;/*padding:8px 16px;*/vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:25px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important;margin: 2px 9px 2px;}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;/*background-color:#009688!important*/}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}

		.wrapper{position:relative}.sidebar-left{background-color:#222d32;margin:0;border:none;border-radius:0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu a{color:#b8c7ce;text-decoration:none}.sidebar-menu > li{position:relative;margin:0;padding:0}.sidebar-menu > li > a{padding:12px 5px 12px 15px;display:block;border-left:3px solid transparent}.sidebar-menu > li > a > .fa{width:20px}.sidebar-menu > li:hover > a,.sidebar-menu > li.active > a{color:#fff;background:#1e282c;border-left-color:#3c8dbc}.sidebar-menu > li > .treeview-menu{margin:0 1px;background:#2c3b41}.sidebar-menu > li .label,.sidebar-menu > li .badge{margin-top:3px;margin-right:5px}.sidebar-menu li.header{padding:10px 25px 10px 15px;font-size:12px;color:#4b646f;background:#1a2226}.sidebar-menu li > a > .fa-angle-left{width:auto;height:auto;padding:0;margin-right:10px;margin-top:3px}.sidebar-menu li.active > a > .fa-angle-left{transform:rotate(-90deg)}.sidebar-menu li.active > .treeview-menu{display:block}.sidebar-menu .treeview-menu{display:none;list-style:none;padding:0;margin:0;padding-left:5px}.sidebar-menu .treeview-menu .treeview-menu{padding-left:20px}.sidebar-menu .treeview-menu > li{margin:0}.sidebar-menu .treeview-menu > li > a{padding:5px 5px 5px 15px;display:block;font-size:14px;color:#8aa4af}.sidebar-menu .treeview-menu > li > a > .fa{width:20px}.sidebar-menu .treeview-menu > li > a > .fa-angle-left,.sidebar-menu .treeview-menu > li > a > .fa-angle-down{width:auto}.sidebar-menu .treeview-menu > li.active > a,.sidebar-menu .treeview-menu > li > a:hover{color:#fff}
@media (min-width:768px){.sidebar-left{position:absolute;top:0;left:0;bottom:0;width:200px;height:100%;z-index:2016}.sidebar-left .navbar-header{float:none}.sidebar-left .navbar-collapse{padding:0}.content{position:relative;margin-left:200px;height:100%;min-height:100%}}







/* menu top*/



.topnav {
  overflow: hidden;
  background-color: #333;
  border-radius: 0px 0px 16px 16px;
  /*background-color: #8B0504;*/
  background-color: #0e1f47;
  
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  /*padding: 16px 16px;*/
  text-decoration: none;
  font-size: 15px;
  
  padding: 3px 16px 2px;
  margin-top: 1%;
  margin: 1% 1% 1%;
}
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav-right {
  float: right;
}

.toggle{ display: block; }
#nav_btn{ display: none; float: right; padding: 20px; cursor: pointer; }
#nav_btn span, #nav_btn span:before, #nav_btn span:after{ 
width: 28px; 
height: 4px; 
float: left; 
display: block; 
background: #000; 
position: relative; 
text-indent: -9000px; 
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
#nav_btn span{ margin: 8px 0; }
#nav_btn span:before, #nav_btn span:after{ content: ''; position: absolute; }
#nav_btn span:before{ top: -8px; }
#nav_btn span:after{ bottom: -8px; }
#nav_btn.active span{ background-color: transparent; }
#nav_btn.active span:before, #nav_btn.active span:after{ top: 0; }
#nav_btn.active span:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#nav_btn.active span:after{ transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); top: 10px; }

@media only screen and (max-width: 800px){
.toggle{ display: none; }
#nav_btn{ display: block; }
}