.button {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  
	background-color: #008CBA;
	border-radius: 4px;
}




.destacado{
	background-color:#999999;
	color:#000000; 
	border:1px solid #ffffff;
	text-align:center;
	font-size:12px; 
    padding:5px;   
}
.td_informe{
	border: 1px solid #999999;
	font-size: 12px;
	padding:5px;
	background-color:#ffffff;
}
.elemento_destacado{
	background-color:#cccccc;
	padding:5px;
	color:#000000;
	border:1px solid #ffffff;
	text-align:center;
	font-size:12px;
}

.aviso{
	width:48%;
	padding:1%;
	text-align: center;
	font-size: 15px;
	background-color:#fc8817;
	color:#ffffff;
}
.aviso2{
	width:40%;
	padding:1%;
	text-align: center;
	font-size: 15px;
	background-color:#000000;
	color:#ffffff;
}
.aviso3{
	width:27%;
	padding:1%;
	text-align: center;
	font-size: 15px;
	background-color:#d20b12;
	color:#ffffff;
}
.aviso4{
	width:27%;
	padding:1%;
	text-align: center;
	font-size: 15px;
	background-color:#cccccc;
	color:#000000;
    
}


.th_nivel_1{
	background-color:#4287f5;
	color: #ffffff;	
    padding:5px;
    border: 1px solid #999999;
    font-weight:bold;
}
.th_nivel_2{
	background-color:#9dc1fa;
	color: #ffffff;	
    padding:5px;
    border: 1px solid #999999;
    font-weight:bold;
}
.th_nivel_3{
	background-color:#55aa22;
	color: #ffffff;	
    padding:5px;
    border: 1px solid #999999;
    font-weight:bold;
}
.td_nivel_1{
	background-color:#d20b12;
	color: #ffffff;	
    padding:5px;
    border: 1px solid #999999;
    font-weight:bold;
}
.td_nivel_2{
	background-color:#FB8E8E;
	color:#000000;	
    padding:5px;
    border: 1px solid #999999;
    font-weight:bold;	
}
.td_nivel_3{
	background-color:#eeeeee;
	color:#000000;	
    padding:5px;
    border: 1px solid #999999;	
}
.td_nivel_4{
	background-color:#ffffff;
	color:#000000;	
    padding:5px;
    border: 1px solid #999999;	
    font-size: 12px;
    
}
.td_nivel_5{
	background-color:#ccfbaf;
	color:#000000;	
    padding:5px;
    border: 1px solid #999999;	
    font-size: 14px;
    
}

.td_num{
    text-align:center;
    width:11%;
}

.textarea_evidencias{
    width:99%;
    min-height:150px;
}





.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #000000;
    text-decoration: none;
}

h1{
	font-size: 20px;
}

#ws-header-wrap  {
	background-color:#ffffff; 
}


#ws-header-container {
	background-color:#ffffff; 
}



.td_pff{
	font-size:10px;	
    text-align: left; 
	background-color:#edfadc;
	padding:5px;
	border:1px solid #cccccc;
	color:#000000;       
}
.td_am{
	font-size:10px;	
    text-align: left; 
	background-color:#fad9d7;
	padding:5px;
	border:1px solid #eeeeee;
	color:#000000;       
}

.td_obs{
	font-size:10px;	
    text-align: left; 
	background-color:#eeeeee;
	padding:5px;
	border:1px solid #cccccc;
	color:#000000;       
}
.td_obs_2{
	font-size:10px;	
    text-align: left; 
	background-color:#cccccc;
	padding:5px;
	border:1px solid #eeeeee;
	color:#000000;       
}


.td_fila{
	background-color:#eeeeee;
	padding:5px;
	border:1px solid #cccccc;
	font-size:13px;
	color:#000000;	
    text-align: center;
}
.td_fila_2{
	background-color:#cccccc;
	padding:5px;
	border:1px solid #eeeeee;
	font-size:13px;
	color:#000000;
    text-align: center;	
}


.menu{
	background-color:#eeeeee;
	padding:5px;
	float:left;
	margin: 1px;
	color:#ffffff;
	margin-top: 10px;
}
.menu_destacado{
	background-color:#FFAA00;
	padding:5px;
	float:left;
	margin: 1px;
	color:#ffffff;
	margin-top: 10px;
}

#capa_submenu{
	width:100%;
	height:20px;
	padding:0%;
	margin-left:0%;
	text-align: center;	
	border:0px solid red;
}
.submenu{
	background-color:#eeeeee;
	padding:5px;
	float:left;
	margin: 1px;
	color:#ffffff;
	margin-top: 10px;
}
.submenu_destacado{
	background-color:#FFAA00;
	padding:5px;
	float:left;
	margin: 1px;
	color:#ffffff;
	margin-top: 10px;
}




.fase{
	background-color:#cccccc;
	padding:5px;
	color:#ffffff;
	border:2px solid #ffffff;
	text-align:center;
	font-size:14px;
}
.fase_destacado{
	background-color:#FFAA00;
	padding:5px;
	color:#ffffff;
	border:2px solid #ffffff;
	text-align:center;
	font-size:14px;
}
.subfase{
	background-color:#eeeeee;
	padding:5px;
	color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
	font-size:12px;
}
.subfase_destacado{
	background-color:#FFAA00;
	padding:5px;
	color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
	font-size:12px;
}









.evaluador{
	background-color:#eeeeee;
	padding:5px;
	float:left;
	margin-top: 5px;
	color:#000000;
	clear:both;	
}
a.link_menu{
	color:#004276;
	text-decoration:none;
}
a.link_menu:hover {
    color: #999999;
	text-decoration:underline;
}
a.link_menu:visited{
	color:#004276;
	text-decoration:none;
}

a.link_capas{
	color:#ffffff;
	text-decoration:none;
}
a.link_capas:hover {
    color: #eeeeee;
	text-decoration:underline;
}
a.link_capas:visited{
	color:#ffffff;
	text-decoration:none;
}

a.link_instr{
	color:#000000;
	text-decoration:none;
}
a.link_instr:hover {
    color: #eeeeee;
	text-decoration:underline;
}
a.link_instr:visited{
	color:#000000;
	text-decoration:none;
}

#log_out{
	padding-top:10px;
}







a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:30px; margin-left:-160px; width:240px; line-height:16px; }
a.tooltip:hover span{ display:inline; position:absolute; border:2px solid #FFF; color:#EEE; background:#000 url(src/css-tooltip-gradient-bg.png) repeat-x 0 0; }
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
/*CSS3 extras*/

a.tooltip span { border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 8px 4px #666; -webkit-box-shadow: 0px 0px 8px 4px #666; box-shadow: 0px 0px 8px 4px #666; opacity: 0.8; }





#cuerpo{
    width:95%;
    border:0px solid #cccccc;
    clear:both;
    margin:2%;
    padding-bottom: 5%;
    text-align:center;
}

#boton{
	width:20%;
	height:30px;
	background-color:#cccccc;
	float:left;
	padding:10px;
	font-size: 20px;
	margin-left:40%;
}

#boton2{
	width:20%;
	background-color:#cccccc;	
	float:left;
	padding:5px;
	font-size: 14px;
	text-align:center;
	margin-left:35%;
}

#volver{
	width:15%;
	padding:2px;
	text-align: center;
	font-size: 14px;
	background-color:#eeeeee;
	color:#000000;
}

#aviso{
	width:70%;
	padding:1%;
	text-align: center;
	font-size: 14px;
	background-color:#FEBF2C;
	color:#ffffff;
}
#instrucciones{
	width:50%;
	padding:1%;
	text-align: justify;
	font-size: 12px;
	background-color:#eeeeee;
	color:#000000;	
}

.td_evaluador{
	background-color:#eeeeee;
	padding:10px;
	float:left;
	color:#000000;
	clear:both;	
}


.th_equipo{
	background-color:#A5A5A5;
	padding:5px;
	border:1px solid #cccccc;
	font-size:13px;	
	color: #ffffff;	
}
.td_equipo{
	background-color:#eeeeee;
	padding:5px;
	border:1px solid #cccccc;
	font-size:13px;
	color:#000000;	
    text-align: center;
}
.td_equipo_si{
	background-color:#C5FCB5;
	padding:5px;
	border:1px solid #cccccc;
	font-size:13px;
	color:#000000;
    text-align: center;	
}

.td_pre_evaluacion{
	width: auto;
	background-color:#E1E1E1;
	padding:5px;
	border:1px solid #999999;
	text-align:left;
	font-size: 24px;
}

.capa_menu_inferior{
	width:100%;
	padding:0px;
	margin:0px;
	clear:both;
}

.menu_dimension{
	height:20px;
	background-color:#878787;
	padding:3px;
	font-size: 12px;
	text-align: center;
	border:0px;
	border-right: 1px solid #eeeeee;
	color: #ffffff;	
}

.menu_indicador{
	width:auto;
	height:20px;
	background-color:#B4B4B4;
	padding:3px;
	font-size: 10px;
	text-align: center;
	border:0px;
	border: 1px solid #eeeeee;
}


.menu_estoy{
	background-color:#FFAA00;
}


.tit_perspectiva{
	width: 35%;
	background-color:#A5A5A5;
	padding:2.5%;
	border:1px solid #cccccc;
	font-size:16px;	
	color: #ffffff;
}
.tit_dimensiones{
	width: 55%;
	background-color:#E1E1E1;
	padding:1%;
	border:1px solid #cccccc;
	font-size:14px;
}
.th_dimensiones{
	width: 70%;
	background-color:#E1E1E1;
	padding:1%;
	border:1px solid #cccccc;
	font-size:16px;
}
.td_dimensiones{
	width: 20%;
	background-color:#E1E1E1;
	padding:2.5%;
	border:1px solid #cccccc;
	text-align:center;
}

.th_subindicador{	
	background-color:#0099FF;
	padding:5px;
	border:0px;
	border-bottom:1px solid #999999;
	text-align:left;
	font-size:15px;
	color:#ffffff;
	height:10px;
}
.td_subindicador{
	width: 84%;
	background-color:#E1E1E1;
	padding:5px;
	border-bottom:1px solid #999999;
	text-align:left;
	border:0px;
}
.td_open{
	width: 10%;
	background-color:#E1E1E1;
	padding:5px;
	border-bottom:1px solid #999999;
	text-align:center;
	border:0px;	
}
.td_instrucciones{
	width: 10%;
	background-color:#cccccc;	
	border: 0px;
	padding:5px;
}
.td_ver_subindicador{
	background-color:#ffffff;
	padding:10px;
	border:1px solid #999999;
	text-align:left;
	max-width:90%;
}
.td_responder{
	background-color:#FF7F00;
	padding:10px;
	border:1px solid #999999;
	text-align:left;
	font-size:15px;
	font-weight: bold;
	color:#ffffff;	
}

.td_respuestas{
	background-color:#C3C3C3;
	padding:10px;
	border:1px solid #999999;
	text-align:left;
	font-size:13px;
	color:#000000;	
}

.td_pf{
	background-color:#e1e1e1;
	padding:10px;
	border:1px solid #999999;
	text-align:left;
}
.td_edit{
	width: 5%;
	text-align:center;
	background-color:#e1e1e1;
	padding:10px;
	border:1px solid #999999;	
}

.th_indi{
	width: 5%;
	background-color:#A5A5A5;
	padding:3px;
	border:1px solid #cccccc;
	font-size:11px;		
}
.td_indi{
	width: 75%;
	background-color:#E1E1E1;
	padding:3px;
	border:1px solid #cccccc;
	font-size:11px;	
}

.td_tendencias{
	background-color:#E1E1E1;
	padding:3px;
	border:1px solid #cccccc;
	font-size:12px;	
}

.bgcolor_indi{
	background-color:#cccccc;
	padding:2px;
	font-size:13px;
	font-weight: bold;
}

.td_encuesta{
	padding:5px;
	font-size:12px;
	border:1px solid #cccccc;	
}





a.tooltip {outline:none; } 
a.tooltip strong {line-height:30px;} 
a.tooltip:hover {text-decoration:none;} 
a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:-30px; margin-left:-350px; width:300px; line-height:16px; } 
a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} 
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/ 
a.tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; 
}






.CSSTableGenerator {
	margin:0px;padding:0px;
	width:90%;
	max-width:90%;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:90%;
	height:90%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#ffffff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:7px;
	font-size:12px;
	font-family:null;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #ffffff 5%, #ffffff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff");	background: -o-linear-gradient(top,#ffffff,ffffff);

	background-color:#ffffff;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	/*
	font-size:14px;
	font-family:null;
	font-weight:bold;
	*/
	color:#050000;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #ffffff 5%, #ffffff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff");	background: -o-linear-gradient(top,#ffffff,ffffff);

	background-color:#ffffff;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}