@font-face {
  font-family: "Work Sans";
  src: url("css/WorkSans-Regular.ttf");
}
@font-face {
  font-family: "Work Sans Bold";
  src: url("css/WorkSans-Bold.ttf");
}
@font-face {
  font-family: "Work Sans SemiBold";
  src: url("css/WorkSans-SemiBold.ttf");
}

body {
	margin-top: -20px;
}

li{
	list-style-type: none;
}

.locadalt {font-family: 'Work Sans SemiBold', Arial, Helvetica, sans-serif; font-size: 20px; color: #ffffff; text-align: center; padding: 20px; background-color: #fc4921;}
.locadalt a {font-size: 16px;}
.locadalt A:Link{COLOR:#fc4921;TEXT-DECORATION:none}
.locadalt A:Hover{COLOR:#666666;TEXT-DECORATION:none}
.locadalt A:Active{COLOR:#666666;TEXT-DECORATION:none}
.locadalt A:Visited{COLOR:#fc4921;TEXT-DECORATION:none}
table table table table table table table table table .locadalt {font-family: 'Work Sans'; text-align: right; padding: 0; background-color: #fff; color: #000;}

table.tabla_ppal .locadalt {
	text-align: left;
	background-color: #ffffff;
	color: #303030;
}

table.tabla_ppal .locadalt + .locadalt {
	text-align: right;
}

.listados {font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 14px; color: #303030; background-color: #fff;}
.listados A:Link{COLOR:#fc4921;TEXT-DECORATION:none}
.listados A:Hover{COLOR:#666666;TEXT-DECORATION:none}
.listados A:Active{COLOR:#666666;TEXT-DECORATION:none}
.listados A:Visited{COLOR:#fc4921;TEXT-DECORATION:none}
table.tabla_ppal table.listados td {padding-top: 5px; padding-bottom: 5px;}
table.tabla_ppal table.listados > tbody > tr {background-color: #fff;}
table.tabla_ppal table.listados > tbody > tr > .titulmed {border-bottom: 2px solid #444;}
table.tabla_ppal table.listados > tbody > tr + tr + tr > .titulmed {border-bottom: 2px solid #fff;}

.cajatexto2 {  background-color: #DBDBDB; height: 14px; border: 1px #E9EFF4 solid; font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
.cajatexto {  background-color: #DBDBDB; height: 14px; border: 1px #E9EFF4 solid; font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; width: 100px;}
.cajaprint {  background-color: #FFFFFF; height: 14px; border: 1px #000000 solid;  font-family: 'Work Sans',Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; width: 30px; text-align:center}

.cajaprintgran {  background-color: #FFFFFF; height: 14px; border: 1px #000000 solid;  font-family: 'Work Sans',Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; width: 60px; text-align:center}

body{
 scrollbar-face-color: #B4B5B5;
 scrollbar-shadow-color: #DBDBDB;
 scrollbar-highlight-color: #DBDBDB;
 scrollbar-3dlight-color: #DBDBDB;
 scrollbar-darkshadow-color: #DBDBDB;
 scrollbar-track-color: #DBDBDB;
 scrollbar-arrow-color: #DBDBDB;
 font-family: 'Work sans', Arial, Helvetica, sans-serif!important;
}
.selstyle {  font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; height: 9px; background-color: #FFFFFF; border: 1px #FFFFFF none; color: #666666}
.intpiso_tit { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: bold}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

.intpiso_tit_paginacion { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 12px; color: #333333}
.intpiso_tit_paginacion a:link {color: #333333;text-decoration: none;}
.intpiso_tit_paginacion a:visited {color: #333333;text-decoration: none;}
.intpiso_tit_paginacion a:hover {color: #333333;text-decoration: none;}
.intpiso_tit_paginacion a:active {color: #333333;text-decoration: none;}

.intpiso_tit_azul { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; color: #000D72; font-weight: bold}
.intpiso_cajatexto {font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 20px; color: #333; border: 1px solid #a1a1a1; padding: 3px; border-radius: 2px;}
.intpiso_selstyle { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; height: 9px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 75px; clip:   rect(   )}
.intpiso_check {  border: 0px #CCCCCC solid}
.intpiso_cajatexto_varlines { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; border: 1px #CCCCCC solid; height: 90px; width: 300px}
.intpiso_tit_pek { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #333333}
.intpiso_selstyle_gran { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; height: 9px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 135px; clip: rect( ) }
.intpiso_selstyle_modelo { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; height: 9px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 290px; clip: rect( ) }

.intpiso_selstyle_gran2 { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; height: 9px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 135px; clip: rect( ) }
.intpiso_selstyle_gran5 { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; height: 9px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 130px; clip: rect( ) }
.titulon {  font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bolder; color: #333333}
.titulon3 {  font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bolder; color: #666666}
.titulmed { font-family: 'Work Sans SemiBold', Arial, Helvetica, sans-serif; font-size: 14px; color: #444; padding: 10px 2px!important;}
.titulmed div {text-align: left!important;}
.titulon2 { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #333333 }
.intpiso_selstyle_gran_mult { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 135px; clip: rect( ) }
.cajatextoSede { background-color: #DBDBDB; height: 14px; border: 1px #E9EFF4 solid; font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
.titulon1 { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333 }
.listados_pek { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; color: #666666 }
.listados_pek A:Link{COLOR:#FF6600;TEXT-DECORATION:none}
.listados_pek A:Hover{COLOR:#666666;TEXT-DECORATION:none}
.listados_pek A:Active{COLOR:#666666;TEXT-DECORATION:none}
.listados_pek A:Visited{COLOR:#FF6600;TEXT-DECORATION:none}

.titulmed_baiximg { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; color: #FFFFFF; background-repeat:  repeat-x; background-position: left bottom}
.listados_med { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 11px; color: #000D72}
.listados_rojo { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 11px; /*color:#FF0000;*/color: #fc4921}
.cajatexto3 { background-color: #DBDBDB; height: 14px; border: 1px #E9EFF4 solid; font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
.listados_nor { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; color: #666666 ; font-weight: normal}
.bordefinotab {  border: 1px #CCCCCC solid}
.bordefinorow {  border-bottom: 1px #CCCCCC solid; font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; color: #666666 ; font-weight: normal}
.nominter {  font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333}
.intpiso_selstyleESTADO { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; height: 9px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 60px; clip: rect( ) }
.intpiso_cajatexto_varlines_observ { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; border: 1px #CCCCCC solid; height: 100px; width: 350px}
.intpiso_tit_line { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: bold ; border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.desc_imp {  font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
.intpiso_selstyle_gran3 { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; height: 9px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 135px; clip: rect( ) }
.intpiso_selstyle_gran4 { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; height: 9px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 300px; clip: rect( ) }
.intpiso_cajatexto_varlines2 { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; border: 1px #CCCCCC solid; height: 110px; width: 270px; clip:   rect(   )}
.intpiso_cajatexto_varlines3 { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; border: 1px #CCCCCC solid; height: 70px; width: 130px; clip:   rect(   )}
.intpiso_cajatexto_varlines4 { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; border: 1px #CCCCCC solid; height: 50px; width: 300px}
.intpiso_cajatexto_varlines5 { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; border: 1px #CCCCCC solid; height: 70px; width: 250px}
.intpiso_tit_pek { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #333333}
.intpiso_selstyle_gran_mult2 { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 260px; clip: rect( ) }
.intpiso_selstyle_gran_mult3 { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 175px; clip: rect( ) }
.bajotab {  background-repeat:  repeat-x; background-position: left bottom}
.intpiso_cajatexto10 { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; height: 14px }
.intpiso_selstyle_medio { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; height: 9px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 100px; clip: rect( ) }
.intpiso_selstyle_med { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; height: 9px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 150px; clip: rect( ) }
.intpiso_selstyle_peq { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 10px; height: 9px; background-color: #FFFFFF; border: 1px #FFFFFF solid; color: #666666 ; width: 40; clip: rect( ) }

#imgpie{ position:absolute; top:1130px; left:500px; width:308px; height:39px;}


table{
	width:100%;
}
.tabla_ppal table td{
	padding: 2px;
	margin-top: 20px;
}

@media only screen and (min-width: 769px) {
	#tablemenu, .tabla_ppal{
		margin: 0 auto;
		max-width: 2000px;
	}
	#tablemenu{
		margin-top: 113px;
	}
	table#tablemenu:before {
	    content: url(header_left.svg);
		max-width: 350px;
    	width: 100%;
	    position: absolute;
	    z-index: 1000;
	    top: 0;
	}
	table#tablemenu:after {
	    content: url(header_right.svg);
		width: 100%;
    	max-width: 180px;
	    position: absolute;
	    z-index: 10000;
	    top: 0;
	    right: 0;
	}
	.divmenu.fa-menu{
		/*
		position: relative!important;
		top: -385px!important;
		*/
		left: 0px!important;
		max-width: 2000px;
		margin: 0 auto;
		display: flex;
	}
}

div.divmenu {
	background-color: #fc4921;
}

div.menuitem {
	padding: 7px;
	background: inherit!important;
}

@media only screen and (max-width: 768px) {
	#tablemenu{
		margin-top:80px;
	}
	#tablemenu td{
		height: 40px;
	}
	table#tablemenu td:before{
		/*content: 'INTRANET';
		color: #fff;
		margin-left: 30px;
		font-size: 1.1em;*/

		content: "";
	    position: absolute;
	    z-index: 1000;
	    top: 0;
	    height: 75px;
	    width: 100%;
	    background-image: url(header_right.svg);
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: right;
	}

	table#tablemenu:before {
	    content: "";
	    position: absolute;
	    z-index: 1000;
	    top: 0;
	    height: 80px;
	    width: 100%;
	    background-image: url(header_left.svg);
	    background-size: contain;
	    background-repeat: no-repeat;
	}
	/*table#tablemenu:after {	EN VISTA MOVIL NO FUNCIONA EL AFTER
	    content: "";
	    position: absolute;
	    z-index: 1000;
	    top: 0;
	    height: 85px;
	    width: 100%;
	    background-image: url(header_right.jpg);
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: right;
	}*/

	table#tablemenu:after {
		content: none;
	}
	div.divmenu{
		left: 0px !important;
		/*top: 12px !important;*/
		top: 92px !important ;
		width: 100%;
	}
	div.divmenu:before {
    	content: '\f0c9';
    	color: #fff;
    	margin-left: 11px;
	}
	div.menuitem {
		display: none;
	    position: relative !important;
	    left: auto !important;
	    padding: 20px 0px 12px 10px;
	    width: 100% !important;
	    top: 11px !important;
	}
	li{
		display: block;
		margin-left: 3px;
	}

	.itemText{
		font-size: 0.9em !important;
	}
	body, .listados, .titulmed{
		font-size: .8em;
	}
	.listados{
		/* display: inline-block; */
		width: 95vw;
		overflow: auto;
	}
}