/**

:required {

	border: 1px solid blue !important;

}

:valid {

	border: 1px solid green !important;

}

**/


body {
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;	
	background: #F5F5F5 !important;
	color:#333;
	font-family: 'Roboto', Arial;
	font-size: 13px;
	font-weight:300;	
}

.wrapper {
	max-width:1150px;
	margin: 0 auto; 
}

.header {
	border:0px solid #777;
	background: rgba(30,87,154, 0.99);
	/*background: rgba(0,61,132, 0.7);*/
	border-radius:5px 5px 0 0;
	font-weight:300;
	color: #fff;
	font-size:28px;
	text-align:center;
}

.header .logo {
	float:left; 
	width: 250px;
	height: 45px; 	
	background: #fff url("../img/layout/logo.png") no-repeat center; 
	margin: 5px 5px 5px 5px; 
	border-radius:4px 0px 4px 0 ;
}

.header .titulo {	
	display:inline-block;
	margin: 15px 310px 0 0;
	text-align:center;
	color: #fff !important;
}

.container {
	padding:30px 20px 30px 20px;
	border:0px solid #777;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.90);
}

.footer {	
	background: rgba(0,0,0, 0.3);

	border-radius:0 0 5px 5px;
	padding: 5px;
	text-align:center;
	font-size: 11px;
	color: #000;
	text-shadow: 1px 1px 1px #fff;
}

.clearfix:after {
   content: " ";
   visibility: hidden;
   display: block;
   height: 0;   
   clear: both;
}

.clear, .clr {
	width: 100%;
	height: 0;
	line-height:0;
	display:block;
	margin:0;
	padding:0;
	clear:both;
	float:none;
}

.fr { float:right; }
.fl { float:left; }
.cl { clear:both; }

input:invalid {

	border: 1px solid #EF9696 !important;

}



select:invalid {

	border: 1px solid #EF9696 !important;

}



div:invalid {

	border: 1px solid #EF9696 !important;

}



.noscreen { display:none; }



body {

	margin-left: 0px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 10px;	

	background: #F5F5F5 url(../img/layout/fondo_rallado_gris_claro.png);

	color:#666666;	

}



.clear {

	width: 100%;

	height: 0;

	line-height:0;

	display:block;

	margin:0;

	padding:0;

	clear:both;

	float:none;

}



img{

	border: none;

        border: 0px;

}



#bodyIframe{

	margin-left: 0px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 10px;	

	background-color:#FFFFFF;

	color:#666666;	

}



body, p {

	font: normal 8pt "Roboto";			

}





p, form { margin:0px; }

form { padding:0px; }





.fr { float:right; }

.fl { float:left; }

.cl { clear:both; }



a {

	color: #000;	

	text-decoration:none;

}

a:hover {

	text-decoration:none;

}



.borde_1 {	

	border: 1px solid #EEEEEE;	

}



.borde_2 {	

	border-left: 1px dotted #999999;	

	border-right: 1px dotted #999999;	

}





.txt_default {

	font: normal 8pt Roboto;

	color:#333333;	

}



.txt_ini {

	font: normal 12pt Georgia;

	color:#333333;

	text-align:justify;

}



.titulo {

	color: #21599B;

	font: 400 20px 'Roboto';

	display:block;

	margin-bottom:10px;

}



#titulo {

	color: #005298;

	font: bold 13pt Roboto;

}



#titulo a{

	color: #005298;	

}



#titulo a:hover{

	background-color: #005298;	

	color:#fff;

	text-decoration:none;

}



.titulo_grande {

	color: #005298;

	font: normal 16pt Roboto;

}



.subtitulo {

	color: #005298;

	font: normal 13pt Roboto;

}



legend {

	font: 400 14px 'Roboto';

	color:#21599B;

}



fieldset{

	clear:both;

	padding:10px;

	margin-top:20px;

	border: 1px solid #ccc;

	text-align:left;

        background-color: #FFF;

}



hr {

	height:0px;

	border-top:1px dotted #D0E6B5;	

}



.input_button {	

	font:normal 14px Roboto;

	color:#005298;

}



.input_button_p {	

	font:normal 12px Roboto;

	color:#005298;

	border:1px solid;

}



.input_button_calendar{

	background:url('../img/menu/periodos.gif') no-repeat;

	border:none;

	width:17px;

	height:16px;

}



.input_button_plain{

	font:normal 12px Roboto;

	color:#005298;

	border:1px solid;

}



.input_cancel {	

	font:normal 14px Roboto;

	color:#CC0000;

}



.input_cancel_p {	

	font:normal 12px Roboto;

	color:#CC0000;

}



.input_text {

	border:1px dotted #6A3480;

	background-color:#FFFFEF;

	font:normal 8pt Roboto;

	color:#666666;

	padding-left:2px;

	padding-right:2px;

}



.negrita {font-weight:bold;}

.font_negro {color: #000000;}

.font_gris {color: #999999;}

.font_verde {color:#090;}

.font_rojo {color: #CC0000;}

.font_naranja {color: #FF9900;}

.font_azul {color:#005298;}



.txt_pequeno{

	font:normal 7pt Roboto;

}



.txt_msg{

	font:normal 7pt verdana,arial;

	color: #CC0000;	

}



.tr_titulo{

	background-color: #EEEEEE;	

	font-weight:bold;	

}



.tr_titulo a{

	color: #555 !important;

	font-weight:bold;

}

.tr_titulo td {

	height:25px;	

}



.tr_color1 {	

	background-color: #fafafa;	

}



.tr_color_pendiente{	

	background-color: #EEECF5;	

}



.tr_color2{	

	background-color: #EAF2FF;	

}



.tr_color1b{	

	background-color: #FFFFFF;	

}



.tr_color2b{	

	background-color: #F2F2F2;	

}



.tr_color3{	

	background-color:#FDEAA6;	

}



.tr_activo{	

	background-color:#87C1FC;

	color:#FFFFFF;	

}

.tr_activo2{	

	background-color:#87C1FC;

	color:#FFFFFF;	

	font-weight: bold;

	border: 0px;	

}



.tr_destacado{	

	background-color:#FC0;

	color:#000;	

}



.tr_hover:hover {

	background-color:#B0D6C1 !important;

	

	text-shadow: 0px 1px 0px #fff !important;	

}


#cuadro  {

	border: 1px dotted #cccccc;	

	margin-top:10px;	

	margin-bottom:10px;

	padding:5px;	

	display:block;	

}



.cabeceraPreguntas{

	font-size: 12px;

	font-weight: bold;

	margin: 15px 0px 5px 0px;

}



.borde_1 {

	border: 1px dotted #cccccc;	

}



.columna_izqda{

   width: 49%;

   height:  100%;

   float:left;

}



.columna_drcha{

   width: 49%;

   float:right;

}



.apartadoVerProyecto{

	font-weight:bold;

}



#datosCorreo{

	margin-top: 10px;

	width: 49%;	

	float:left;

}



#contenedorCabecera{

	margin-top: 10px;

	height: auto;

	clear: both;

}



#textoMensaje{

	margin-top: 10px;

	height: auto;

	clear: both;

	min-height: 50px;

}



#botones{

	margin-top: 10px;

	width: 49%;	

	height: auto;

	float: right;

	vertical-align: middle;

}



#datosCorreo table td label{

	font-weight: bold;

}



#tablaDAFO{

	width: 100%;

}



#DAFODiv{

	min-height: 100px;

}



.rojo{

    color: #FF0000;

}



#formAnotacion{

	margin-left: 0px;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 10px;

}



#selEstado{

	margin-left: 0px;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 10px;

}



#botoneraform{

	margin-left: 0px;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 10px;

}



#pieTabla{

	margin-left: 0px;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 10px;

}



.verde{

    color: #00FF00;

}



.imagenEstado{

	height: 20px;

	width: 20px;

}







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



.cabezaSeccion{

	text-align: center;

	background-color: #DDDDDD;	

	font-weight:bold; 

}



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

Para botones en Plan económico Financiero ******/



.botonPEF{

	font:normal 12px Roboto;

	color:#666666;

	border:1px solid;

	width: 100px;

}



#botonAno{

	font:normal 12px Roboto;

	color:#333333;

	background-color: #9CCEEF;

	border:1px solid;

	width: 100px;

}



.botonPEF_disabled{

	font:normal 12px Roboto;

	color:#999999;

	border:1px solid;

	width: 100px;

}



.boton_ano{

	font:normal 12px Roboto;

	color:#666666;

	border:1px solid;

	width: 100px;

}



.seleccionado{

	font-weight: bold;

	text-align:  center;

}



.celdaEmprendedor{

	width: 25%;

}



.verDAFO{

	width: 100%;

}



#descripcionTexto {

	font: normal 10pt "Roboto";			

}



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

ul#submenupriv {

	padding:0px 0px 0px 20px;

	margin:20px 0px 20px 0px;

	list-style-image:url(../../img/layout/ico-li.png);

}



ul#submenupriv a {

	color: #0032B5;

	text-decoration:none;

	font-size:11px;	

}



ul#submenupriv a:hover {

	text-decoration: underline;	

}

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



.verProyecto a{

	text-decoration: underline;

	color: #666;

}



.nombreHoja{

	font: bold 9pt Roboto, Geneva, sans-serif;

	color: #005298;

	margin-top: 10px;

	text-align: left;

}



#urldestino{

	width: 100px;

}



.rojo_error {

	background-color: #FF0000 !important;

}



.resumen{

	background-color: #FFF;

}



.estadisticas{

	width: 100%;

	float: center;

	margin-top: 10px;

	background-color: white;

	border: 1px solid #ccc;

}



.cabecera_estadistica{

	width: 100px;

}

/**

Para los checkbox



*/

input[type=checkbox] { 

	position: absolute;

	left: -999em;

	}

input[type=checkbox] + label {

	display: block;

	min-height: 16px;

	padding-left: 22px;

	background: url('../img/checkbox_off.png') top left no-repeat;

}

input[type=checkbox]:checked + label {

	background-image: url('../img/checkbox_on.png');

}



.fijo {

	position:fixed !important;

	left: 50%; 

	background-color: #FFF; 

	z-index:10 !important

}



.ui-datepicker-trigger{

    vertical-align: middle;

    margin-left: 5px;

    margin-right: 10px;

}



legend a{

    font: 400 14px 'Roboto';

    color: #21599B;

    text-decoration: none;

}



.titulo a{

    color: #21599B;

    text-decoration: none;

    font-weight: bold;

} 



.gestion-incidencia{

    background-color: white;

}



/* Tooltip container */

.tooltip {

    position: relative;

    display: inline-block;

    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */

}



/* Tooltip text */

.tooltip .tooltiptext {

    visibility: hidden;

    width: 120px;

    background-color: black;

    color: #fff;

    text-align: center;

    padding: 5px 0;

    border-radius: 6px;

 

    /* Position the tooltip text - see examples below! */

    position: absolute;

    z-index: 1;

}



/* Show the tooltip text when you mouse over the tooltip container */

.tooltip:hover .tooltiptext {

    visibility: visible;

}

.graph {
    width: 500px; /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
    height: 12px;
    border: 1px solid #888; 
    background: solid #fceabb;
    background: -moz-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(204,204,204,1) 23%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,168,168,1)), color-stop(23%,rgba(204,204,204,1)));
    background: -webkit-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    background: -o-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    background: -ms-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
    position: relative;
}
.bar {
    height: 12px; /* Not 30px because the 1px top-border brings it up to 30px to match #graph */
    background: #21599B; 
}
.bar p { position: absolute; text-align: center; width: 100%; margin: 0; line-height: 12px; color: white;}
.error {
    /* These styles are arbitrary */
    background-color: #fceabb;
    padding: 1em;
    font-weight: bold;
    color: red;
    border: 1px solid red;
}