body {background-color: #fff; font-family: Century Gothic, Arial Narrow, tahoma; height:100%; color:#000; font-size:85%;
}


header
{
    top:0;
    /*height:100%;*/
     min-height:250px;
}
/* CABECERA */

.cabecera { float:left; width:100%;}

 .cabecera1 { float:left;width:100%; height:80px; }
   .cabecera1 .cab1 { float:left; width:25%; height:80px; border:1px solid #CDCDCD; background-image: url('/Images/header/Logo_peq.png'); background-repeat:no-repeat; background-size: 100% auto;}
   .cabecera1 .cab2 { float:left; width:54%; height:80px; border:1px solid #CDCDCD; }
   .cabecera1 .cab3 { float:right; width:20%; height:80px; border:1px solid #CDCDCD; display:block;}
 
 .cabecera2 { float:left;width:80%; height:150px; }
   /*.cabecera2 .cab1 { float:left;width:20%; height:150px; border:1px solid #000; }*/
   .cabecera2 .cab2 { float:left;width:62%; height:150px;background-image: url('/Images/header/rep2.jpg'); margin-left:33%; margin-top: 1%;}
 /* FOOTER */

.footer-wraper {float:left;width:100%; background-color:black; color:#fff; font-size: .8em; height: 10.6em;}

/*footer {
 position: relative;
 width:100%;
 height: 10.6em;
 bottom:0;
 font-size: .8em;
}*/

#mybody
{
    /*display:block;
    height:auto;
    min-height:100%;
    padding-bottom: 5.6em;*/
}


 /* CAPAS */
div.contenedor-principal {margin: 0 10% 0 10%}
div.centrada {float: left; width: 60%;}
div.centrada2 {float: left; width: 80%;}
div.centrada_izq {float: right; width: 55%;}


div.separador{ float:left; width:100%; height: 60px; clear:both;}
div.separador2{ float:left; width:100%; height: 30px; clear:both;}


#main_content {top:35%; margin-left:7%; width:88%; min-height:700px;}   
#menu_content {float:left;width:22%; min-height:700px;}
#main_content_right {float:right; width:76%; display:inline; min-height:600px; border:1px solid #CDCDCD;-webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px;}



.fieldset_empty { border:none; }
.fieldset { position:absolute; border:1px solid #990000; height:100%; width:100%; top:10%; padding-top:10px; }

.legend {
  padding: 0.2em 0.5em;
  border:1px solid #990000;
  color:#990000;
  font-size:90%;
  text-align:right;
  }

h2 { text-align:center;}

hr { position:relative; display:inline-block; margin-left:2%; border: 1.1px solid #CEC9C9; width: 95%; }

/* ROSA OSCURO: #c40040
ROSA CLARO: #e8a8a7 */

.centrar {margin:0;}


 
 .titulo { font-size:120%; color:#000; font-weight:bold; text-align:center;}
 .titulo_peq { font-size:110%; color:#000; font-weight:bold; text-align:center; clear:both}
 .titulo-error { font-size:1.4em; color:red; font-weight:bold; text-align:center;}

  .titulo-notas { 
  width:70%; 
  float:left; 
  margin-left:15%; 
  font-size:1.5em; 
  font-weight:bold; 
  text-align:center; 
  color: #fff;
  text-shadow: 0 1px 1px #000;
}

 .titulo-notas.gris { 
  border:1px solid #CDCDCD;
  background: #CDCDCD;
  background: -moz-linear-gradient(#CDCDCD 0%, #BDBDBD 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CDCDCD), color-stop(100%, #BDBDBD));
  background: -webkit-linear-gradient(#CDCDCD 0%,#BDBDBD 100%);
  background: linear-gradient(#CDCDCD 0%, #BDBDBD 100%);
  border: 1px solid #BDBDBD;
}

 .titulo-notas.rojo { 
  border:1px solid #c40040;
  background: #c40040;
  background: -moz-linear-gradient(#c40040 0%, #e8a8a7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c40040), color-stop(100%, #e8a8a7));
  background: -webkit-linear-gradient(#c40040 0%,#e8a8a7 100%);
  background: linear-gradient(#c40040 0%, #e8a8a7 100%);
  border: 1px solid #BDBDBD;
}

 p.centrado { text-align:center;}
 /*p.login { float:left; padding:2% 2% 2% 10%; line-height:22px; margin-right:5%;}*/
 p.login {float:left; margin: 5% 5% 1% 5%;}
 span.error {color:Red; font-weight:bold; font-size: 1em;}
 span.error-dcha {color:Red; font-weight:bold; float:left; display:block;}
 span.info-dcha {color:#505050; font-weight:bold; font-size: 1em; float:right; display:block;}
 span.bold {font-weight:bold;}

.hidden
{
    display:none;
}

.textcenter
{
    text-align:center;
}

/* Scrols*/

.bothScroll
{
    overflow:scroll;
}
.horizontalScroll
{
    overflow-x: scroll;
    overflow-y: hidden;
}

.verticalScroll
{
    overflow-y: scroll;
    overflow-x: hidden;
}

input[type="submit"],
input[type="button"],
input[type="password"],
input[type="text"],
input[type="number"],
input[type="checkbox"],
button,
select
{
    background-color:#ffffff; 
    cursor:pointer;
    -webkit-border-radius:6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

input[type="submit"],
    input[type="button"],
    button {
        border: 1px solid #787878;
        cursor: pointer;
        font-weight: 600;
        padding: 7px;
        width: auto;
    }

 input, textarea {
        border: 1px solid #e2e2e2;
        background: #fff;
        color: #333;
    }


/* ERROR PAGE */
 #errorPage {position:relative; float:left; width: 70%; height:auto; 
         left:15%; top:40%; border:1px solid #000; background-color: #e2e2e2; margin-bottom:60px; margin-top:30px;}

/* LOGIN */
 #login { position:relative; float:left; width: 73%; height:45%; background-image: url('/Images/login/body_background.jpg'); background-repeat:no-repeat; background-size: 100% auto;
          left:50%; border:1px solid #000; background-color: #e2e2e2; margin-bottom:2%; margin-top:3%;font-size: .85em;text-align: right;}


 /* Datos Generales*/
#inicio,
#datosgenerales 
{position:relative; float:left; width: 100%; height:auto; margin-left:10%; margin-top:8%; border:1px solid #000;}



/* MENÚS */
   /* MENÚ VERTICAL*/
#menu_tree { float:left; min-height:600px; border:1px solid #CDCDCD;-webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px; color:#E6E6E6;}

 
#menu_tree,
#menu_tree ul,
#menu_tree li,
#menu_tree a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  position: relative;
}
#menu_tree a {
  line-height: 1.3;
}
#menu_tree {
  width:100%;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 3px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
#menu_tree > ul > li {
  margin: 0 0 2px 0;
}
#menu_tree > ul > li:last-child {
  margin: 0;
}
#menu_tree > ul > li > a {
  font-size: 1.1em;
  display: block;
  color: #ffffff;
  text-shadow: 0 1px 1px #000;
  background: #565656;
  background: -moz-linear-gradient(#565656 0%, #323232 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #323232));
  background: -webkit-linear-gradient(#565656 0%, #323232 100%);
  background: linear-gradient(#565656 0%, #323232 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#menu_tree > ul > li > a > span {
  display: block;
  border: 1px solid #666666;
  padding: 6px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
}
#menu_tree > ul > li > a:hover {
  text-decoration: none;
}
#menu_tree > ul > li.active {
  border-bottom: none;
}
#menu_tree > ul > li.active > a {
  background: #c40040;
  background: -moz-linear-gradient(#c40040 0%, #e8a8a7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c40040), color-stop(100%, #e8a8a7));
  background: -webkit-linear-gradient(#c40040 0%, #e8a8a7 100%);
  background: linear-gradient(#c40040 0%, #e8a8a7 100%);
  color: #fff;
  text-shadow: 0 1px 1px #000;
  border: 1px solid #e8a8a7;
}
#menu_tree > ul > li.active > a span {
  border: 1px solid #c40040;
}
#menu_tree > ul > li.has-sub > a span {
  background: url('/Images/menu/icon_plus.png') 98% center no-repeat;
  cursor:pointer;
}
#menu_tree > ul > li.has-sub.active > a span {
  background: url('/Images/menu/icon_minus.png') 98% center no-repeat;
  cursor:pointer;
}
/* Sub menu */
#menu_tree ul ul {
  padding: 5px 12px;
  display: none;
}
#menu_tree ul ul li {
  padding: 3px 0;
}
#menu_tree ul ul a {
  display: block;
  color: #595959;
  font-size: 13px;
  font-weight: bold;
}
#menu_tree ul ul a:hover {
  color: #000;
}


/* GRADIENTS */

.gradiente_gris 
   {
     
    background: -webkit-linear-gradient(#FFFFFF, #BDBDBD); /* For Safari */
    background: -o-linear-gradient(#FFFFFF, #BDBDBD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #BDBDBD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #BDBDBD); /* Standard syntax */
 
   }

.gradiente_verde 
   {
     
    background: -webkit-linear-gradient(#FFFFFF, #088A08); /* For Safari */
    background: -o-linear-gradient(#FFFFFF, #088A08); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #088A08); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #088A08); /* Standard syntax */
 
   }
.gradiente_rojo 
   {
     
    background: -webkit-linear-gradient(#FFFFFF, #c40040); /* For Safari */
    background: -o-linear-gradient(#FFFFFF, #c40040); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #c40040); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #c40040); /* Standard syntax */
 
   }

.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}

.contenedor {

  text-align: left;
  width: 80%;
  margin: auto;
}

.col1 {
    
    display:block;
    float: left;
    width: 20%;
    height:40px;
}


.col2 {
   
    display: block;
    float: left;
    margin-left: 5%;
    width: 60%;
    height:40px;
}
.col3
{
  
    float:left;
    display:block;
    width:10%;
    height:40px;
}


.contenedor_ancho {
 
  text-align: left;
  width: 95%;
  margin: auto auto auto 10%;
}

.col1_ancha {
    display: block;
    float: left;
    width: 30%;
    height:40px;
}


.col2_ancha {
    display: block;
    float: left;
    width: 40%;
    height:40px;
}

.col3_ancha
{
    float:left;
    display:block;
    width:10%;
    height:40px;
    margin-left:5%;
}

.contenedor_peq {
 
    text-align: left;
    width: 80%;
    margin: auto auto auto 20%;

  
}
.col1_peq {
    display: block;
    float: left;
    width: 20%;
    height:40px;
}


.col2_peq {
    display: block;
    float: left;
    margin-left: 20px;
    width: 40%;
    height:40px;
}
.col3_peq
{
    float:left;
    margin-left:5%;
    display:block;
    width:20%;
    height:40px;
}


/* Cuatro columnas */

.contenedor_peq4 {
 
    text-align: left;
    width: 80%;
    right:0;
    margin: auto auto auto 20%;
  
}
.col1_peq4 {
    display: block;
    float: left;
    width: 20%;
    height:40px;
}


.col2_peq4 {
    display: block;
    float: left;
    margin-left: 3%;
    width: 40%;
    height:40px;
}
.col3_peq4
{
    float:left;
    margin-left:5%;
    display:block;
    width:5%;
    height:40px;
}

.col4_peq4
{
    float:left;
    /*margin-left:2%;*/
    display:block;
    width:20%;
    height:40px;
}

#seleccionador
{
    width: 95%;
   
}


.doscol li
{
    display: block;
    float: left;
    width: 30%;
    margin-left:10%;

}

.trescol li
{
    display: block;
    float: left;
    width: 28%;
    margin-left:3%;

}

.bckgOK
{
    font-size: 85%;
    border: 1px solid #088A08;
    background: url('/Images/gridview/arrow_green.png') no-repeat 0 0;
    background-position-y: 50%;
    background-position-x: 1%;
}

.bckgNoOK
{
    font-size: 85%;
    border: 1px solid #c40040;
    background: url('/Images/gridview/arrow_red.png') no-repeat 0 0;
    background-position-y: 50%;
    background-position-x: 1%;
}

.bckgDesc
{
    font-size: 85%;
    border: 1px solid #c40040;
    background: url('/Images/gridview/warning.png') no-repeat 0 0;
    background-position-y: 50%;
    background-position-x: 1%;
}

.bckgInc
{
    font-size: 85%;
    border: 1px solid #c40040;
    background: url('/Images/gridview/plus_red.png') no-repeat 0 0;
    background-position-y: 50%;
    background-position-x: 1%;
}

.bckgLimpiar
{
    font-size: 85%;
    border: 1px solid #0000FF;
    background: url('/Images/limpiar.png') no-repeat 0 0;
    background-position-y: 50%;
    background-position-x: 1%;
}

.checkbox-grid li {
    
    display: inline-block;
    float: left;
    width: 25%;

}

.checkbox-grid li span{
    margin-left:2px;
    margin-bottom: 2px;
}

a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

    a:hover {
        background-color: #c7d1d6;
    }

a.links
 {
        font-family:Helvetica;
        font-size: 1em;
        font-weight :bold;
        color: #000099;
        text-shadow: 1px 3px 3px #8383B6;
        text-decoration: none;
       
 }
a.links:hover
 {
        text-shadow: 1px 2px 2px #fff;
 }

/* botones planos */
.botonWM 
{
    height:10%; 
    padding:0 5% 0 5%;
    font-family:Century Gothic,arial,verdana; 
    color:#000; 
    font-size:1.1em; 
    border:1px solid #000;

  }


.botonWM_peq 
{   
    height:12%; 
    font-family:Century Gothic,arial,verdana; 
    color:#000; 
    border:1px solid #000; 
    line-height: 2px;
    background-color: #fff;
    cursor: pointer;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 7px;
    width: auto;
    
  }

.btngridview
{
    max-width:85%;
    margin-left:15%;
   
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1200px)
{
    .bckgOK,
    .bckgNoOK,
    .bckgInc,
    .bckgDesc
    {
        font-size: 55%;
      
    }
    body
    {
        font-size: 70%;
    }
    select
    {
        font-size: 1.2em;
    }
    
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1450px)
{
    .bckgOK,
    .bckgNoOK,
    .bckgInc,
    .bckgDesc
    {
        font-size: 70%;
    }

    
}


 /* Select */   
  select{height:20px; display:block; border:1px solid #AAAAAA; padding:1px 3px; margin-bottom:0px; width:100%; color:#505050;}

  /* ListBox */
  .listBox{height:auto; display:block;border:1px solid #AAAAAA; padding:1px 3px; margin-bottom:0px; width:100%; color:#505050;}

  /* ul */

ul.lstMenu 
{
    list-style-type: none;
    line-height:40px;

}
ul.lstMenu li.green 
{
     background-image: url('/Images/menu/ellipse_green.png');
     background-repeat: no-repeat;
     background-position: 0px center; 
     padding-left: 5%;
   

}
ul.lstMenu li.red 
{
     background-image: url('/Images/menu/ellipse_red.png');
     background-repeat: no-repeat;
     background-position: 0px center; 
     padding-left: 5%;

}

 /* Input text redondeadas */

 .inputR {height:15px; display:block;border:1px solid #AAAAAA; padding:1px 6px; margin-bottom:0px;width:95%; color:#505050;font-size: 1em;
    font-family: Century Gothic, Arial Narrow, tahoma; }
 
 input[type="text"]:disabled {height:15px; display:block;border:1px solid #AAAAAA; padding:1px 6px; margin-bottom:0px;width:95%; color:#505050;font-size: 1em;
    font-family: Century Gothic, Arial Narrow, tahoma; }

 
/* Image button buscar */
.imgBuscar
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    cursor:pointer;
    top:0px;
    width:25px;
}
.imgDetalleNota
{
    height: 15px;
    width: 15px;
    transition: all .2s ease-in-out;
}
.imgDetalleNota:hover
{
    transform: rotate(360deg) scale(2); 

}

/* checkboox */

.checkbox{
		width: 18px;
		height: 18px;
		display: inline-block;
		position: relative;
		z-index: 1;
		top: 3px;
		background: url('/Images/checkbox/checkbox.png') no-repeat;
	}
.checkbox:hover{
		background: url('/Images/checkbox/checkbox-hover.png') no-repeat;
	}
.checkbox.unselected{
		width: 18px;
		height: 18px;
		display: inline-block;
		position: relative;
		z-index: 1;
		top: 3px;
		background: url('/Images/checkbox/checkbox.png') no-repeat;
	}
.checkbox.selected{
		background: url('/Images/checkbox/checkbox-selected2.jpg') no-repeat;
	}
.checkbox input[type="checkbox"]{
	    width: 18px;
		height: 18px;	
        margin: 0;
		position: absolute;
		z-index: 2;            
		cursor: pointer;
		outline: none;
		opacity: 0;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
	}



/* GridView */

/*@-moz-document url-prefix()
{
   .gridview
    { 

    width: 90%; 
    margin-bottom:15%;
    background-color: #fff; 
    margin: auto;
    border: solid 1px #525252; 
    border-collapse:collapse; 

    }
}*/

/*heading*/
.gridview

{ 
    width: 90%; 
    background-color: #fff; 
    margin: auto;
    border: solid 1px #525252; 
    border-collapse:collapse; 
    display: -moz-inline-stack;

}

.gridview, x:-moz-any-link, x:default {
    margin-left: 5%;
}

.gridview td 

{ 
    padding: 4px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 

}

.gridview th 

{ 
    padding: 4px 2px; 
    color: #fff; 
    background: #CCC5C5; 
    border-left: solid 1px #525252; 
    font-size: 0.9em; 

}

/*.gridview tr:hover
{
   cursor: pointer;
   background-color: #424242;
   color: #fff;
   font-weight: bold;
}*/

.gridview input[type="checkbox"]

{ 
    background-color:#ffffff; 
    cursor:pointer;
    text-align:center;
    -webkit-border-radius:6px;
    -moz-border-radius: 6px;
    border-radius: 6px; 

} 
.gridview .gridview_alter  

{
    background: #E7E7E7; 
}

.gridview .gridview_pager  

{
    background: #CCC5C5;
}

.gridview .gridview_pager table  

{
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
    margin-top: 5px;
}

.gridview .gridview_pager td 

{ 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 

 }   

.gridview .gridview_pager a  

{
    color: #666; 
    text-decoration: none; 
}

.gridview .gridview_pager a:hover  

{
    color: #000; 
    text-decoration: none; 
}


/* MODAL DIALOG */

 .modalDialog-wrap 
  {
    overflow:auto;
    clear:both;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 25%;
	left: 35%;
    height: 300px;
    width:500px;
    /*height:40%;
    width:30%;*/
	background: #000;
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}
 .modalDialog 
 {
    overflow:auto;
    clear:both;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	top: 10%;
	left: 10%;
    height:75%;
    width:80%;
    background: #E2DEDE;
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}


.modalDialog-capa1 {
	width: 300px;
	height:20px;
    /*width: 75%;
	height:10%;*/
	position: relative;
	margin: 10% auto;
	padding: 5px 5px 5px 5px;
	border-radius: 10px;
	background: #fff;
	
}

.modalDialog-capa2 {
	width: 75%;
	position: relative;
	margin: 5% auto;
	padding: 5px 5px 5px 5px;
	border-radius: 10px;

}
.close {
	background:#c40040;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: 0px;
	text-align: center;
	top: 1px;
	width: 10%;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { 
    cursor:pointer;
    background: #e8a8a7;

}

.black_overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.4;
	opacity:.40;
	filter: alpha(opacity=40);
}
.detalleNota-wrap
{
    position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 30%;
	left: 40%;
    height: 30%;
    width:40%;
	background: #000;
	z-index: 99999;
}
.detalleIncidencia-wrap 
  {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 10%;
	left: 25%;
    height: 80%;
    width:52%;
	background: #000;
	z-index: 99999;

}

@-webkit-keyframes fadeOut {
    from {opacity: 1;}
    to {opacity: 0;}
}

@keyframes fadeOut {
    from {opacity: 1;}
    to {opacity: 0;}
}

.detalleNota
{
    clear:both;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	top: 5%;
	left: 8%;
    height:65%;
    width:85%;
    background: #E2DEDE;
	z-index: 99999;
}

.detalleNota-capa1 {
	width: 85%;
	height:10%;
    position: relative;
    top:5%;
	margin: 5% 5% auto;
	padding: 5px 5px 5px 5px;
	border-radius: 10px;
	background: #fff;
	
}

.detalleNota-capa2 {
	width: 90%;
	position: relative;
	margin: 5% 5% auto;
	padding: 5px 5px 5px 5px;
	border-radius: 10px;
	
}

 .detalleIncidencia 
 {
   
    clear:both;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	top: 5%;
	left: 8%;
    height:85%;
    width:85%;
    background: #E2DEDE;
	z-index: 99999;

}

.detalleIncidencia-capa1 {
	width: 85%;
	height:5%;
    position: relative;
    top:5%;
	margin: 5% 5% auto;
	padding: 5px 5px 5px 5px;
	border-radius: 10px;
	background: #fff;
	
}
/*
.detalleIncidencia-capa2 {
	width: 90%;
	position: relative;
	margin: 5% 5% auto;
	padding: 5px 5px 5px 5px;
	border-radius: 10px;
	
}*/

.closeNota {
	background:#c40040;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: 0px;
	text-align: center;
	top: 1px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.closeNota:hover { 
    cursor:pointer;
    background: #e8a8a7;
}

.lcloseNota
{
    position: absolute; 
    right: 1%; 
    text-align: center; 
    top: 10%;	
    width: 5%;
}

.closeNota2 {
	background:#c40040;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	left: 0px;
	text-align: center;
	top: 1px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}


#dialog-buttons {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.button
 {
    background-color: #222;
    margin-left: 2px;
    display: inline-block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 1px  rgba(0,0,0,0.45);
    filter: dropshadow(color= rgba(0,0,0,0.45), offx=1, offy=1);
    cursor: pointer;
}

.button:hover {
    background-color: #111;
    color: #fff;
}

a.large.button
{
    display: inline-block;
    padding: 5% 10% 5%;
    font-size: 1em;
}

.green.button
 {
    background-color: #088A08;
    color: #fff;
    border: 1px solid #5D8C22;
    padding-left: 25%;
}

.green.button:hover {
    background-color: #7DCA34;
 
}

.red.button
 {
    background-color: #c40040;
    color: #fff;
    border: 1px solid #B63440;
    padding-left: 25%;
 
}

.red.button:hover {
    background-color: #FF4B5A;
    
}


/* DATAPICKER */

div.datepicker
{
    display: inline-block; 
    width: 40%; 
    height:80%;
   
}

input.datepicker
{
    width:100%; 
    height:50%;
    font-size: 1em;
    font-family: Century Gothic, Arial Narrow, tahoma; 
}

/* DatePicker Container */
#ui-datepicker-div { display: none; }
.ui-datepicker {
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-border-radius:6px;
    -moz-border-radius: 6px;
    border-radius: 6px; 
    border:1px solid #AAAAAA;
   
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
    
	background: url('/Images/datepicker/dark_leather.png') repeat 0 0 #000;
	color: #e0e0e0;
	font-weight: bold;
    -webkit-border-radius:6px;
    -moz-border-radius: 6px;
    border-radius: 6px; 
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}

.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('/Images/datepicker/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	border-bottom: 1px solid #bbb;
    background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-border-radius:6px;
    -moz-border-radius: 6px;
    border-radius: 6px; 
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	-webkit-border-radius:6px;
    -moz-border-radius: 6px;
    border-radius: 6px; 
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

/*TABS HORIZONTALES*/

#tabs-container
{
    min-height:80%;
    height:100%;
    margin-top:7%;
}

.tab {
    position:absolute;
    border: 1px solid #d4d4d1;
    background-color: #fff;
    /*margin-bottom: 10%;
    margin-left: 10%;*/
    margin: 3% 0 10% 10%;
    width: 80%;
    height:65%;

}

.tab-content {
    position:absolute;
    top:5%;
    min-width: 90%;
    background-color: #fff;
    padding: 5% 5% 0 5%;
    display: none;
}

#tab-1 {
 display: block;   
}


.tabs { 
   background-color: #eee; 
   border-bottom: 1px solid #ccc; 
   list-style: none;
   margin: auto; 
   height:10%;
   zoom:1; 
}
.tabs:after { 
   display: block; 
   clear: both; 
   content: " "; 
}

.tabs li {
   float: left; 
   margin: 2% 1% 0 0; 
   padding-left: 5px; 
}
.tabs a {
   display: block; 
   position: relative; 
   top: 1px; 
   border: 1px solid #ccc;
   z-index: 2; 
   padding: 2px 9px 3px; 
   color: #444; 
   text-decoration: none;
   white-space: nowrap;
}
.tabs a:focus,
.tabs a:active { 
   outline: none; 
}
.tabs a:hover,
.tabs a:focus,
.tabs a:active { 
   background: #fff; 
   cursor: pointer; 
   border-bottom: 1px solid #c40040;
   border-top: 1px solid #c40040; 
   border-left: 1px solid #c40040; 
   border-right: 1px solid #c40040;
}
.ui-tabs-active a { 
   background-color: #fff; 
   color: #000; 
   font-weight: bold; 
   padding: 2px 8px 1px; 
   /*border-bottom: 1px solid #fabd23;*/ 
   border-bottom: 1px solid #c40040;
   border-top: 1px solid #c40040; 
   border-left: 1px solid #c40040; 
   border-right: 1px solid #c40040; 
   margin-bottom: -1px; 
   overflow: visible;
}
.ui-tabs-hide { 
   display: none; 
   background-color: #fff 
}
.ui-tabs-panel {
   padding: 0.5em;
}
.ui-tabs-paging-next { 
   float: right !important;
}
.ui-tabs-paging-prev a,
.ui-tabs-paging-next a {
   display: block; 
   position: relative; 
   top: 1px; 
   border: 0;
   z-index: 2; 
   padding: 0px; 
   color: #444; 
   text-decoration: none;
   background: #eee; 
   cursor: pointer;
}
.ui-tabs-paging-next a:hover,
.ui-tabs-paging-next a:focus,
.ui-tabs-paging-next a:active,
.ui-tabs-paging-prev a:hover,
.ui-tabs-paging-prev a:focus,
.ui-tabs-paging-prev a:active { 
   background: #eee; 
}
.ui-tabs-paging-disabled {
   visibility: hidden;
}