body{
	font-size:1em;
}

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


.ui-widget-content {
    background-color: #ffffff; 
}
.ui-state-highlight{
     background-color: #ffffff; 
}


h1{
	font-size: 20px;
}

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


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

#ws-footer-wrap {
	background-color:#c00;
}

.parrafo a {
    text-decoration: underline;
}


.input{
    width:75%;
}
.textarea{
    width:75%;
}

.fase_1{
	border: 1px solid #999999;
	font-size: 12px;
	padding:5px;
	background-color:#999999;
}
.fase_2{
	border: 1px solid #999999;
	font-size: 11px;
	padding:5px;
	background-color:#cccccc;	
}
.fase_3{
	border: 1px solid #999999;
	font-size: 11px;
	padding:5px;
	background-color:#eeeeee;	
}
.fase_4{
	border: 1px solid #999999;
	font-size: 11px;
	padding:5px;
	background-color:#ffffff;	
}

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

#observaciones{
	width:95%;
	padding:1%;
	text-align: left;
	font-size: 15px;
	background-color:#eeeeee;
	color:#999999;
    padding-top:2%;    
}

#evidencias{
	width:95%;
	padding:1%;
	text-align: left;
	font-size: 15px;
	background-color:#EEEBEB;
	color:#000000;
    padding-top:2%;    
}

.aviso{
	width:48%;
	padding:1%;
	text-align: center;
	font-size: 15px;
	background-color:#d20b12;
	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;
    
}


.td_op_1{
	background-color:#999999;
	color: #ffffff;	
    padding:2px;
    border: 1px solid #999999;
}
.td_op_2{
	background-color:#b6cbd4;
	color: #ffffff;	
    padding:2px;
    border: 1px solid #999999;
}
.td_op_3{
	background-color:#96b09d;
	color: #ffffff;	
    padding:2px;
    border: 1px solid #999999;
}
.td_op_4{
	background-color:#d4bb42;
	color: #ffffff;	
    padding:2px;
    border: 1px solid #999999;
}


.th_eje_estoy{
	background-color:#FFAA00;
	color: #ffffff;	
    padding:1%;
    border: 1px solid #999999;
    font-weight:bold;
    height: 2%;
    text-align:center;
    font-size: 1em;
}
.th_eje_no_estoy{
	background-color:#eeeeee;
	color: #000000;	
    padding:1%;
    border: 1px solid #999999;
    height: 2%;
    text-align:center;
    font-size: 1em;
}
a.link_eje_no_estoy{
	color:#000000;
	text-decoration:none;
}
a.link_eje_estoy{
	color:#ffffff;
	text-decoration:none;
}

.th_nivel_1{
	background-color:#cccccc;
	color: #ffffff;	
    padding:5px;
    border: 1px solid #999999;
    font-weight:bold;
}
.td_nivel_1_titulo{
    font-weight:bold;
	font-size: 1.2em;
}
.td_nivel_1{
	background-color:#cccccc;
	color: #000000;	
    padding:5px;
    border: 1px solid #999999;
}
.td_nivel_2{
	background-color:#eeeeee;
	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:#0390fc;
	color:#000000;	
    padding:5px;
    border: 1px solid #999999;	
    font-size: 14px;
    
}

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

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

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:-360px; width:340px; 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; }





.destacado{
	background-color:#FBBB16;
	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;
}

.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:#000000;
	text-decoration:none;
}
a.link_menu:hover {
    color: #999999;
	text-decoration:underline;
}
a.link_menu:visited{
	color:#000000;
	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;
}










#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%;
}

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

#aviso{
	width:50%;
	padding:1%;
	text-align: center;
	font-size: 16px;
	background-color:#cccccc;
	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:#E1E1E1;
	padding:5px;
	border:1px solid #cccccc;
	font-size:13px;
	color:#000000;	
}

.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;	
}


/*

ol {
    margin-left:20%;
	width:50%;
	counter-reset: li; 
    list-style: none; 
    *list-style: decimal; 
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol ol {
    margin: 0 0 0 0.5em; 
    width:99%;
}

ol ol ol {
    margin: 0 0 0 1em; 
    width:98%;
}

.rectangle-list a{
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    *padding: .4em;
    margin: .5em 0 .5em 2.5em;
    background: #ddd;
    color: #444;
    text-decoration: none;
    transition: all .3s ease-out;   
}

.rectangle-list a:hover{
    background: #eee;
}   

.rectangle-list a:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    background: #0099FF;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}

.rectangle-list a:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;               
}

.rectangle-list a:hover:after{
    left: -.5em;
    border-left-color: #0099FF;             
}





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;} 
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;
}