/* VUCEnators:: Moved to taglibs.jsp --> * {font-family:Lato, 'Font Awesome 5 Free', Arial !important;} */

html,body,div,iframe,object,h1,h2,h3,h4,h5,h6,p,pre,code,img,span,a,em,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;outline:0;}
body{color:#333;font-family:Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:normal}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
table,td,th{vertical-align:middle}
a{text-decoration:none}
a:hover{text-decoration:underline}
a img{border:none}

body{background:#494949 url(bpt.gif) repeat scroll 0 0;font-size:11px;text-align:center}

::-webkit-input-placeholder {font-style: italic; font-size: 11px;}
:-moz-placeholder { font-style: italic;  font-size: 11px;}
::-moz-placeholder {font-style: italic;  font-size: 11px;}
:-ms-input-placeholder {font-style: italic; font-size: 11px;}

/* ------------- */
#body{width:98%;margin:0 auto;}
#head{width:100%;height:100px;background:transparent url(pva_n10.gif) repeat-x scroll 0 17px;top: 0px;} /*todo el cuadro de la cabecera*/
#contp{background:#fff; min-height: 60%; height:auto; overflow:hidden; }
#cont{width:98%;margin:0 auto; padding:12px 0 32px 0; min-height: 60%; height:auto; }
#foot{padding:10px 0 24px 0}

/* ------------- */
#head div{width:100%;height:100%;background:transparent url(mia_n13.gif) no-repeat scroll right -199px;} /*doblez del logo + mensaje + lateral izq*/
#head div div{position:relative;background-position:left 7px}

#head h3{position:absolute;left:19px;top:17px} /*logo de la vuce*/
#head h3 a{display:block}
#head h3 a img{display:block;border:none}

#head p{position:absolute;right:16px;top:40px;} /*usuario salir*/
#head p a{padding:10px 20px;padding-left:12px; padding-right:12px; text-decoration:none;color:black; background-color:silver; opacity: 0.8;font-size: 13px;}
#head p a:hover{background-color:gray; color:white}

#head #menu{display:none}
#cont #idOpcionesMenuVertical{display:none} /*menu vertical*/
#head ul{display:block;position:absolute;z-index: 10;left:200px;top:68px;height:31px;padding-left:2px;background:transparent url(mia_n9.gif) no-repeat scroll left -490px} /*menu*/
#head ul li{display:block;list-style-type:none;float:left;padding-right:2px;background:transparent url(mia_n9.gif) no-repeat scroll right -490px}
#head ul li a{display:block;font-size:12px;line-height:31px;padding:0 10px;color:#4a4a4a;text-decoration:none;}
#head ul li a.active{background:transparent url(pva.gif) repeat-x scroll left -170px;color:#fff}
#head ul li a:hover{border-bottom: 4px solid #991212;}

.menuImg{cursor: hand;vertical-align:middle;padding-bottom: 3px;}
	
/* ------------- */

.pageTitle{font-size:18px !important;}

#pageTitle{padding:16px 10px 8px 8px; display: block; position:relative;}
#pageTitle h1{color:#ae2922;font-size:16px;overflow:hidden} * html #pageTitle{height:0}
#pageTitle strong{display:block;padding-right:5px;text-shadow:#999 0 0 4px;float:left;text-align:left;}
#pageTitle button{float:left}
#pageTitle h2 {display:block;padding-right:5px;float:left;text-align:left;color:#000000;font-size:12px;overflow:hidden;} * html #pageTitle{height:0}
#pageTitle h3 {display:block;padding-right:5px;float:left;text-align:left;color:#000000;font-size:14px;overflow:hidden; padding-top: 10px; color: #3c3c3c} * html #pageTitle{height:0}

button.button{display:block;width:130px;height:32px;background:transparent url(btn.gif) no-repeat scroll 0 0;border:none;cursor:pointer}
button.button span{display:none}
button.volver{background-position:0 0}
button.modificar{background-position:0 -40px}
button.paso2{background-position:0 -80px}
button.paso3{background-position:0 -120px}
button.paso4{background-position:0 -160px}
button.transmitir{background-position:0 -200px}
button.crear{background-position:0 -240px}

/* ------------- */
.block{width:100%;background:transparent url(pva.gif) repeat-x scroll left -521px}
.block .blocka{width:100%;}
.block .blockb{padding:12px 24px;/*background:transparent url(mia.gif) no-repeat scroll right -720px;*/text-align:left}
.btabs{background-position:left -488px; margin-top:12px;}
.btabs .blocka{background-position:left -552px}
.btabs .blockb{padding-top:0;background-position:right -692px}
.btable .blockb{width:100%;padding-left:0;padding-right:0;text-align:center}

/* ------------- */
.tabs{height:auto;overflow:auto;}
.tabs li{display:block;height:32px;list-style-type:none;float:left;background:transparent url(tab.gif) repeat-x scroll 0 -50px}
.tabs li a{display:block;padding-left:32px;background:transparent url(tab.gif) no-repeat scroll left -200px;color:#fff;}
.tabs li a span{display:block;font-size:11px;line-height:12px;padding:15px 32px 6px 0;background:transparent url(tab.gif) no-repeat scroll right -250px}
.tabs li.selected{background-position:0 0}
.tabs li.selected a{background-position:left -100px;color:#444}
.tabs li.selected a span{background-position:right -150px}
.btable .tabs{padding:0 12px 1px}

/* ------------- */
.tablea{margin:0 auto; width:96%; font-size:11px}
.tablea thead tr{background:transparent url(pva.gif) repeat-x scroll left -217px}
.tablea thead th{height:40px;color:#a52a25;font-size:13px;font-weight:bold}
.tablea thead th span{display:block;height:40px;padding:0 12px;color:#a52a25;font-size:13px;line-height:40px;font-weight:bold;overflow:hidden}
.tablea thead th span img{_position:absolute}
.tablea thead th span.left{background:transparent url(mia.gif) no-repeat scroll left -397px}
.tablea thead th span.right{background:transparent url(mia.gif) no-repeat scroll right -447px}
.tablea tbody tr{background-color:#ffffff}
.tablea tbody tr:hover{background-color:#f9dedd}
.tablea thead th span.right input{margin-top:12px; z-index:10;}
.tablea tbody tr.impar{background-color:#eee}
.tablea tbody tr.impar:hover{background-color:#f7cdcc}
.tablea tbody td{padding:8px 12px;border-left:1px solid #9e9e9e}
.tablea tbody td.first{border:none}
.tablea tbody td.required{width:80px;text-align:center}
.tablea tbody td a{text-decoration:underline;color:#b13732}

/* ------------- */
.tablefa{margin:0 auto; width:96%; font-size:11px}
.tablefa_row th{background:transparent url(pva.gif) repeat-x scroll left -217px;height:40px;color:#a52a25;font-size:12px;font-weight:bold}
.tablefa_row th span{display:block;height:40px;padding:0 12px;color:#a52a25;font-size:12px;line-height:40px;font-weight:bold;overflow:hidden}
.tablefa_row th span img{_position:absolute}
.tablefa_row th span.left{background:transparent url(mia.gif) no-repeat scroll left -397px}
.tablefa_row th span.right{background:transparent url(mia.gif) no-repeat scroll right -447px}
.tablefa tbody tr:hover{background-color:#f9dedd}
.tablefa thead th span.right input{margin-top:12px;}
.tablefa tbody tr.impar{background-color:#eee}
.tablefa tbody tr.impar:hover{background-color:#f7cdcc}
.tablefa tbody td{padding:8px 12px;border-left:1px solid #9e9e9e}
.tablefa tbody td.first{border:none}
.tablefa tbody td.required{width:80px;text-align:center}
.tablefa tbody td a{text-decoration:underline;color:#b13732}

/* ------------- */
.bienvenido{padding:24px 0 16px 0;font-size:12px}
.welcome{width:484px;margin:0 auto;background:transparent url(bla.gif) repeat-y scroll -484px 0}
.welcome div{background:transparent url(bla.gif) no-repeat scroll left top}
.welcome div div{padding:18px 12px;background-position:right bottom;text-align:left}
.welcome h3{line-height:26px;padding-left:24px;font-size:11px;font-weight:bold;background:transparent url(bla.gif) no-repeat scroll -980px -5px;color:#a52923}
.welcome p{padding:6px 0 6px 24px;color:#4c4c4c;font-size:11px}
.welcome p a{color:#a52923}

/* ------------- */
.navigationBarClass{padding:0 24px 4px 0;color:#000;overflow:hidden} * html .navigationBarClass{height:0}
.navigationBarClass,.navigationBarClass input{font:11px Verdana}
.navigationBarClass input{width:40px;text-align:center;border:1px solid #999}
.navigationBarClass strong,.navigationBarClass input{font-weight:bold}
.navigationBarClass span{display:block;float:right}
.navigationBarClass span.fpnl{height:16px}

.navigationBarClass span b{display:block;width:20px;height:16px;background:transparent url(pag.gif) no-repeat scroll 0 0;float:left;cursor:pointer}
.navigationBarClass span b.first{background-position:0 0}
.navigationBarClass span b.previous{background-position:-20px 0}
.navigationBarClass span b.next{background-position:-40px 0}
.navigationBarClass span b.last{background-position:-60px 0}

.navigationBarClass span b.first_disabled{background-position:0 -20px;cursor:default}
.navigationBarClass span b.previous_disabled{background-position:-20px -20px;cursor:default}
.navigationBarClass span b.next_disabled{background-position:-40px -20px;cursor:default}
.navigationBarClass span b.last_disabled{background-position:-60px -20px;cursor:default}

/* ------------- */
#foot p{height:56px;background-color:#333}
#foot p span{display:block;height:100%}
#foot p span b{display:none}
#foot p span.mincetur{width:256px;background:transparent url(pie.gif) no-repeat scroll left top;float:left}
#foot p.copyright{height:auto;padding:6px 0;background:none;text-align:left;color:#ccc}

/* ------------- */
.subtitle{margin-bottom:6px;background:transparent url(pva.gif) repeat-x scroll left -220px;text-align:left;color:#a52a25}
.subtitle span{display:block;background:transparent url(mia.gif) no-repeat scroll left -400px}
.subtitle b{display:block;padding:0 16px;background:transparent url(mia.gif) no-repeat scroll right -450px;font-size:12px;font-weight:bold;line-height:33px}

.subtitlea{padding:4px 0 8px 16px;font-size:16px;font-weight:bold;color:#ad2a24;text-align:left}

table.datos{margin:6px 0 16px 16px}
table.datos th{padding:3px 10px 3px 8px;font-weight:bold;font-size:11px}
table.datos td{padding:3px 0;font-size:12px}
table.datos tr.impar {background-color:#eee}

table.form{margin:0 auto; width:96%} * html table.form{width:96%; margin:0px;}
table.form th{padding:3px 10px 3px 8px;width:200px;font-weight:bold;font-size:11px}
table.form td{padding:3px 0}
table.form tr.impar{background-color:#eee}

.topFieldset{padding:0 0 8px 0;text-align:left}
.topFieldset p{padding:8px 12px}
.topFieldset input{text-align:center}

.fbuttons{padding:12px 0 0 16px}
.fbuttons p{overflow:hidden} * html .fbuttons p{height:0}
.fbuttons .button{float:left}

.searchBar{font-size:12px;padding:0 0 0 24px;text-align:left;float:left;color:#525252}
.searchBar input{width:172px;height:21px;background:transparent url(src.gif) no-repeat scroll 0 0;border:none;color:#999}

.selentidad{text-align:left;height:54px;background:transparent url(entidad.gif) no-repeat scroll 0 0}
.selentidad strong{position:absolute;margin:14px 0 0 16px;font-weight:bold}
.selentidad span{display:block;padding:13px 0 0 160px}
.selentidad select{width:140px}

.adjunto h4{font-size:13px;font-weight:bold;border-bottom:1px solid #ccc;color:#a52a25}
.adjunto p{padding:3px 0;font-size:12px;overflow:hidden} * html .adjunto p{height:0}
.adjunto p em{font-style:normal;cursor:pointer;text-decoration:underline}
.adjunto p strong{display:block;width:400px;float:left}
.adjunto p.doc:hover{background-color:#ffff80}
.adjunto p.more span{text-decoration:underline;color:blue;cursor:pointer}

#contModal{background:#fff; margin:0 auto; padding:4px;text-align:left}
.ptitle{margin-top:18px;font:bold 16px Arial;color:#ab0000;padding:4px 14px;text-transform:uppercase;}
.psubtitle{margin-top:16px;font:bold 14px Arial;color:#ab0000;padding:4px 14px;text-transform:uppercase;border-bottom:1px solid #a6a3a3}
.psubtitletable{margin-top:16px;font:bold 16px Arial;color:#ab0000;text-transform:uppercase;}
.tableb{width:100%} * html .tableb{width:94%}
.tableb tr.impar{background-color:#e5e5e5}
.tableb tr td{padding:5px 14px;font-size:12px;color:#5a5a5a}
.tabuttons{padding:10px 14px}
.tabuttons button{height:30px;padding:0 20px;background:#484443 url(bta.gif) repeat-x scroll 0 0;border:none}
.tabuttons button span{color:#fff}
.subtitleb{margin-top:16px;}
.subtitleb b{color:#3d3d3d}



    #data_search_box{
    	min-width:100%;
    	box-sizing: border-box;
    	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    border-radius: 3px;
	   -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	    background-color:#eee;
	    padding:5px;
	    margin:0px;
	    position:relative;
    	display: table;
    	border:1px solid #D3D3D3;
    }
    
    .search_group{
    	float: left;
    	padding:5px;
        padding-top:20px;
     }
     
    .search_group input[type=text]{
        width:150px;
        font-size: 12px;
        border: 1px solid #808080;
        height: 28;
        text-align: center;
        color:#565B5E;
    }

    .search_group select{
        width:200px;
        font-size: 12px;
        border: 1px solid #808080;
        height: 28;
        color:#565B5E;
        min-width:150px;
    }

    .search_group label{
        text-decoration: none;
        color:#36393a;
		font-weight: bold;
		position: absolute;
		transform: translate(5px, -17px);
		font-size: 11px;
		display:block;
    } 
    
    
    .search_group submit{
	    background-color: #008000;
	    border: none;
	    color: white;
	    text-decoration: none;
	    cursor: pointer;
	    background-image: none;
	    height:34;
	    text-align: center;
	    width:120px;
    }
    
    .search_group_btn button:hover{
	  background: #006400;
	}
	
	
	.separador{clear:both;}
	
	 .form_box_g{  
	    	min-width:100%;
	    	box-sizing: border-box;
	    	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    background:transparent url(gray_right.png) no-repeat left;
		    background-position:top left;
		    padding-top:5px;
		    padding-left: 28px;
		    margin-left:20px;
		    position:relative;
	    	display: table;
	    	border-top:1px solid #D3D3D3;
	    }
    	    
	    .op_freq_div{
	    	width: 100%;
	    }
	
  
    	.op_freq{
    		float:left;
    		min-width:150px;
    		text-align: center;
    		border: 1px solid silver; 
    		padding:5px;
    		margin-right: 16px;
    		background:#CFCAC6;/*#C3B9B9;*/
    		border-radius: 8px;
		   -webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		    cursor:pointer;
		    box-shadow:inset 0 3px 5px #D3D3D3;
		    transition: transform 0.2s;
		    color:#063317;
	    	font-size:12px;
    	}
    	
    	.op_freq:hover{
    		transform: scale(1.15);
    		background:#9D0010;/*#b2c0c8;*/
    		border: 0px; 
    		box-shadow: none;
    		color:#fff;
    	}
    	
    	.disabledOption{
			 pointer-events: none;
		
		}
	
	
	
	@media screen and (max-width: 1400px) {
		#head p a{font-size:11px;}
		#head ul li a{font-size:11px;}
	}
	
	@media screen and (max-width: 1000px) {
		#head p a{font-size:10px;}
		#head ul li a{font-size:10px;}
		.hhide {display: none;}
		
	}
	
	@media screen and (max-width: 600px) {
	    
	    #head{position:relative;} /*todo el cuadro de la cabecera*/
		#contp{position:relative;}
	    
	    #head p a span {display: none;}
	    
	    .hhide {display: none;}
	    
	    #head #menu{display:block}
	    	    
	    #head ul{display:none} /*menu horizontal*/
	    #cont #idOpcionesMenuVertical{display:block;position:relative;left:10px; height:31px;padding-left:0px;z-index: 10;} /*menu*/
		#cont #idOpcionesMenuVertical li{display:block;list-style-type:none;float:left;padding-right:0px;width:97%;background-color: #ebebeb;border-bottom:1px solid silver; text-align: left;}
		#cont #idOpcionesMenuVertical li a{display:block;font-weight:bold;font-size:12px;line-height:31px;padding:0 10px;color:#4a4a4a;text-decoration:none;}
		#cont #idOpcionesMenuVertical li a.active{background:transparent url(pva.gif) repeat-x scroll left -170px;color:#fff}
		#cont #idOpcionesMenuVertical li a:hover{background-color: gray; color:white }
		
		/* ------------- */
		#pageTitle{padding:16px 10px 20px 8px; display:block; position:relative;}
		#pageTitle h1{color:#ae2922;;font-size:16px;} 
		#pageTitle strong{display:block;padding-right:5px;text-shadow:#999 0 0 4px;float:left;text-align:left;}
		 
		
		#cont #idOpcionesMenuVertical li a img{display: none;}  
	    	    
	    .welcome{width:92%}
	    	    
	    #data_search_box .search_group{ min-width:98%;}
	    #data_search_box .search_group input[type=text] {width:98%;}
	    #data_search_box .search_group select{width:98%;}
	    #data_search_box .search_group_btn submit{width:98%;}

	    
	}
		
/*   DGS-006-2017-AZEVALLOS-07/06/2019 - Se considera a partir de la Version "V" */
.note {
	font-size: 10px !important; 
	color: red !important;	
}

.etiqueta_NNNN{
	padding: 4px 0 5px 0 !important;
}

.etiqueta_YYYY_Ejemplo_AREA{
	padding: 0 0 5px 0 !important;
}

.Subetiqueta_NNNN{
	padding-left:20px !important;
	margin-top:5px !important;
}

.Subetiqueta_YYYY_AREA{
	padding-left:20px !important;
}

.Subetiqueta_AREA{
	padding-left:27.5% !important;
}

.Subetiqueta_Ejemplo{
	padding-left:20% !important;
}

/*   DGS-006-2017-AZEVALLOS-07/06/2019 - Se considera a partir de la Version "V" */

/*   NCASTILLO-10/06/2019 - Progresividad */
#progreso{
	float: right;
/*     padding-bottom: 10% !important; */
    position: relative;
}

#progreso img{
    float: right;
/*     padding-right: 3.9% !important; */
}
/*   NCASTILLO-10/06/2019 - NOTIFICACION - SUBSANACION */


.t_notificacion{
	border: 1px solid #008080;
	width: 96%;
	margin:2%;
}

.t_notificacion th {
  	background-color: #3260a9;
  	font-weight: bold;
  	font-size: 12px;
  	color:#ffffff;
  	padding: 3px;
}

.t_notificacion .th_respuesta {
  	background-color: #b9cbea;
  	font-weight: bold;
  	font-size: 12px;
  	color:#ffffff;
  	padding: 3px;
}

.t_notificacion td {
  	padding: 3px;
}

.t_notificacion tbody {
  	background-color: #f2f6fb;
  	font-size: 12px;
}

.t_notificacion .estado{
	border:1px solid #32a97b; 
	text-align: center; 
	background-color: #60a932;
	padding-top:3px;
	padding-bottom:3px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.t_notificacion .respuesta{
	border:1px solid #9D0010; 
	text-align: center; 
	background-color: #9D0010;
	padding-top:3px;
	padding-bottom:3px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.t_notificacion .adjuntos{
	text-align: right;
}




.checkBoxList span{
	float: left;
	padding-left: 15px;
	min-width: 300px;
}

.left{
	float: left;
	padding-left: 5px;
}


.datalist-container{
	outline: none; 
	border:none;
	font-size: 11px;	
	padding-right: 2px;
}

/*   DGS-006-2017-AZEVALLOS-07/06/2019 - Se considera a partir de la Version "V" */

#progreso{
	float: right;
/*     padding-bottom: 10% !important; */
    position: relative;
}

#progreso img{
    float: right;
/*     padding-right: 3.9% !important; */
}

/* DGS-2019-002 Adecuaciones Par�metros t�cnicos MAP(rotulado) - AZEVALLOS - 21/06/2019 */
.th_tipo_clasificacion{
	width:20% !important;
	padding: 3% 0 !important;
}
.td_tipo_clasificacion{
	width: 100%;
	padding:2% 0 !important;
}

.td_descripcion{
	width:35% !important;
	font-size:10px !important;
	text-align:center !important;
	padding:2% 0 !important;
	text-transform:uppercase;
}
.td_check{
	width:5% !important;
	text-align:center !important;
	padding:2% 0 !important;
}
.td_valor{
	width:100% !important;
	padding:2% 0 !important;
}
.td_width_octogono{
	width: 25% !important;
	text-align:center !important;
}
.td_font-size_12px{
	font-size:12px !important;
}
.font_result_octo{
	color:red;
	font-size:12px;
	margin-left:10px;
}
.size_img_octogono{
	height: 100px; 
	vertical-align: middle;
	font-size: 11px !important;
	margin-left:5px !important;	
}
.style_img_info{
	height: 24px; 
	vertical-align: middle;
	font-size: 11px !important;
	margin-left:15px !important;
}
.div_cuadro{
	font-size: 11px;
	text-align: justify;
	width: 350px;
	max-width: 350px;
	float:left !important;
	vertical-align: middle;
	margin-left:10px;
}


.octoAZC{
	border:1px solid #000000;color:white;width:63px;height:12px;padding:5px;background:red;
}

.fullscreen-container {
	  display: none;
	  position: fixed;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: rgba(90, 90, 90, 0.5);
	  z-index: 9999;
	  font-size:10px;
	}
	.fullscreen-container2 {
	  display: none;
	  position: fixed;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: rgba(90, 90, 90, 0.5);
	  z-index: 9999;
	  font-size:10px;
	}
	#pop  {
	   position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    background:#f9f8f8;
	    height:200px;
	    width:330px;
	    border-radius:7px;
	    border:1px solid #000000;  
	    font-size:10px;
	}
	#cerrar {
	   float:right;
	   margin-right:5px;
	   cursor:pointer;
	   font:Verdana, Arial, Helvetica, sans-serif;
	   font-size:12px;
	   font-weight:bold;
	   color:#FFFFFF;
	   background-color:#666666;
	   width:12px;
	   position:relative;
	   margin-top:-1px;
	   text-align:center;
	}
	#pop2  {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    background:#f9f8f8;
	    height:200px;
	    width:330px;
	    border-radius:7px;
	    border:1px solid #000000;
	    font-family:'helvetica neue';
	    font-size:10px;
	}
	#cerrar2 {
	   float:right;
	   margin-right:5px;
	   cursor:pointer;
	   font:Verdana, Arial, Helvetica, sans-serif;
	   font-size:12px;
	   font-weight:bold;
	   color:#FFFFFF;
	   background-color:#666666;
	   width:12px;
	   position:relative;
	   margin-top:-1px;
	   text-align:center;
	}
	
/*   SCM-2019-022 y SCM-2019-025 SCM-2019-024 SCM-2019-026 */
	.datalist_block__icon {
	  position: absolute;
	  z-index: 2; /* New line */
	  margin: 3;
	  padding-top: 3px;
	  padding-left: 2px;	  
	}
	.datalist_block__input {
	  position: relative; /* New line */
	  z-index: 2; /* New line */
	  padding: 1;
	  font-size: 11px;
	}
	/* New */
	.datalist_block__input:placeholder-shown {
	    z-index: 1;
	}

	/* SCM-2019-026 */
	.button_tipo_documento {
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
		background-color:#ffffff;
		border-radius:6px;
		border:1px solid #dcdcdc;
		display:inline-block;
		cursor:pointer;
		color:#666666;
		font-family:Arial;
		padding:6px 8px;
		text-decoration:none;
		text-shadow:0px 1px 0px #ffffff;
	}
	.button_tipo_documento:hover {
		background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
		background-color:#f6f6f6;
	}
	.button_tipo_documento:active {
		position:relative;
		top:1px;
	}


    .tooltip-alert
    {
        display: inline-block;
        position: relative;
        left: 2rem;

    }

    .tooltip-alert > .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        padding: .1rem;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%
        margin-left: -60px;
        cursor: pointer;
    }

    .tooltip-alert:hover .tooltiptext {
        visibility: visible;
    }


#head-vuce{width:100%;height:100px;background:transparent url(pva_n10.gif) repeat-x scroll 0 17px;top: 0px;} /*todo el cuadro de la cabecera*/

#idOpcionesMenu> li{display:block;list-style-type:none;float:left;padding-right:2px;background:transparent url(mia_n9.gif) no-repeat scroll right -490px}

#idOpcionesMenu {
   display: block;
   position: absolute;
   z-index: 10;
   left: 150px;
   top: 68px;
   height: 31px;
   padding-left: 2px;
 }

 #idOpcionesMenu>li a {
   display: block;
   font-size: 12px;
   line-height: 31px;
   padding: 0 10px;
   color: #4a4a4a;
   text-decoration: none;
 }

 #idOpcionesMenu>li a.active {
   background: transparent url(pva.gif) repeat-x scroll left -170px;
   color: #fff
 }

 #idOpcionesMenu>li a:hover {
   border-bottom: 4px solid #991212;
 }

 #dicimage {
   position: absolute;
   left: 2px;
   top: 17px;
 }

 #divmenu {
   position: absolute !important;
   top: 21px !important;
   right: 0px !important;
 }

 * {
   box-sizing: border-box;
 }


 nav {
   background-color: transparent;
 }

 nav>div>ul {

   font-size: 13px;

 }

 nav ul {
   list-style: none;
 }

 nav>div>ul>li {
   margin-left: 0.1rem !important;
   margin-right: .1rem !important;
   background: silver;

 }

 nav>div>ul>li:focus,
 nav>div>ul>li:hover {
   outline: none;
   background-color: gray;
 }

 nav>div>ul>li>a,
 nav>div>ul>li .dropdown__title {
   color: black !important;
   transition: 120ms all 20ms ease-out;
 }

 nav>div>ul>li>a:hover,
 nav>div>ul>li>a:focus,
 nav>div>ul>li .dropdown__title:hover,
 nav>div>ul>li .dropdown__title:focus {
   color: white !important;
 }

 /* Dropdown Styles */
 .dropdown {
   position: relative;
 }

 .dropdown__title {
   background-color: transparent;
   display: inline-flex;

 }

 .dropdown__title:after {
   content: "";
   border: 0.35rem solid transparent;
   border-top-color: rgba(255, 255, 255, 0.45);
   margin-left: 0.25em;
   transform: translateY(0.15em);
 }

 .dropdown:after {
   content: "";
   border: 0.5rem solid transparent;
   border-bottom-color: #fff;
   position: absolute;
   top: calc(100% - 0.5rem);
   left: 50%;
   transform: translateX(-50%);
   transition: 280ms all 120ms ease-out;
   opacity: 0;
   will-change: opacity;
 }

 .dropdown__menu {
   z-index: 9999;
   position: absolute;
   width: 100%;
   min-width: 15ch;
   left: 50%;
   top: calc(100% - -0.5rem);
   transition: 280ms all 120ms ease-out;
   transform: rotateX(-90deg) translateX(-50%);
   transform-origin: top center;
   visibility: hidden;
   opacity: 0.3;
   padding: 0.5em 0;
   background-color: #fff;
   border-radius: 4px;
   box-shadow: 0 0.15em 0.25em rgba(0, 0, 0, 0.25);
 }

 .dropdown__menu a {
   font-family: Lato, 'Font Awesome 5 Free', Arial;
   font-size: 13px;
   color: black;
   display: block;
   padding: 0.5em;
   opacity: 0.8;
   transition: 280ms all 120ms ease-out;
 }

 .dropdown__menu a:hover {
   background-color: gray;
 }

 .dropdown__menu a:focus {
   outline: none;
   background-color: gray;
   opacity: 0.3;
   color: white;
 }

 /* Dropdown States */
 .dropdown:hover .dropdown__menu,
 .dropdown:focus-within .dropdown__menu {
   opacity: 1;
   transform: rotateX(0) translateX(-50%);
   visibility: visible;
 }

 .dropdown:hover .dropdown__menu a,
 .dropdown:focus-within .dropdown__menu a {
   opacity: 1;
 }

 .dropdown:hover:after,
 .dropdown:focus-within:after {
   opacity: 1;
 }



 @media screen and (max-width: 600px) {
   #divmenu a span {
     display: none !important;
   }
 }