/*
   
*/
#columna1 {
  float:left; 
  width:650px;
  *background-color:#ff5;
  *border:1px solid #555;
}
#columna2 {
  margin-left:650px;
 * background-color:#ffb;
 * border:1px solid #555;
}

input, textarea { 
  padding: 5px; 
  /*width: 299px; */
  font: 100% arial; 
  border: 1px solid #D5D5D5; 
  background: #FFF; 
  color: #47433F;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
}

body
    {
	background: white;
	*background: #f9f9f9; 
	font-family: Arial, Helvetica, Sans-Serif; 
	text-shadow: 0 0 1px rgba(61, 53, 42, 0.4); 
	 *font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     color:navy;
    }

font, table, form {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
    }
form{
	 

}
input, select, textarea {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#FFFFD5;
    border: 1px silver solid;
    }
    
th {
	background:#B7B7E6;
	text-align:left;
    }

iframe {
    width: 100%;
    height: 100%;
    border: 0;
    border-top: 1px solid black;
    }

/* Clases de botones */

.boton_guardar
{   padding-right:4px;
    height: 22px;
	width: 22px;
	font-weight:bold;
	color:navy;
    text-align:right;
	background: #9ACD32 url(./images/guardar.gif) no-repeat left;
	cursor: hand;
}

.boton_buscar
{   padding-right:4px;
    height: 22px;
	width: 22px;
	font-weight:bold;
	color:navy;
    text-align:right;
	background: #CACFFF url(./images/buscar.gif) no-repeat left;
	cursor: hand;
}

.boton_lupa
{   padding-right:4px;
    height: 22px;
	width: 22px;
    border: 0;
	background: url(./images/buscar.gif) no-repeat left;
	cursor: hand;
}


.boton_salir
{   padding-right:4px;
    height: 22px;
	width: 22px;
	font-weight:bold;
	color:navy;
    text-align:right;
	background: #CACFFF url(./images/salir.gif) no-repeat left;
	cursor:hand;
}


.boton_filtrar
{   padding-right:4px;
    height: 22px;
	width: 22px;
	font-weight:bold;
	color:navy;
    text-align:right;
	background: #CACFFF url(./images/filtrar.gif) no-repeat left;
	cursor:hand;
}

.boton_cancelar
{   padding-right:4px;
    height: 22px;
	width: 22px;
	font-weight:bold;
	color:navy;
    text-align:right;
	background: #CACFFF url(./images/cancelar.gif) no-repeat left;
	cursor:hand;
}

.boton_eliminar
{   padding-right:4px;
    height: 22px;
	width: 22px;
	font-weight:bold;
	color:navy;
    text-align:right;
	background: #CACFFF url(./images/eliminar.png) no-repeat left;
	cursor:hand;
}
.boton_editar
{   
   
	
	font-size: 12px;
	font-weight:bold;
    text-align:center;
	background: url(./images/editar.gif) no-repeat left;
	cursor:hand;
}

/* Fin clases de botones */


.caja {padding:5px;
       border-style:solid;
       border-width:1px;
       line-height:2.1;
      }

.b_linea_1 {background:#87CEFA;}

.b_linea_2 {background:#6495ED;}

.b_linea_resuelto {background:#32CD32;}

.b_linea_pendiente {background:#FFA500;}

.b_linea_cancelado {background:#DC143C;}
/*  #19A7A1 por  #01b5d6*/
.boton
    { background: #CACFFF;
      color:navy;
      font-weight:bold;
    }

.error
    { text-align:center;
      color: red;
      font-weight:bold;
    }

.caja_texto {
    border: 1px solid black;
    background:#EDECFF;
  }

h1 {
     font-size:22px;
    }

h2 {
     font-size:18px;
    }

h3 {
     font-size:14px;
    }

h4 {
     font-size:12px;
    }

h5 {
     font-size:10px;
    }
    
h1, h2, h3, h4, h5 {
    font-family: Arial, Helvetica, sans-serif;
    color:#19A7A1;
    margin:1px;
    padding:1px;
    }


.boton_bold
    { background: #CACFFF;
      color:navy;
      font-weight:bold;
    }

.borde_fino {
    border: 1px solid black;
    padding:10px;
    }


h3.menu a {
    text-decoration: none;
    color:navy;
    margin:1px;
    padding:1px;
    }

h3.menu a:hover {
    color: gray;
}

h4.menu a {
    text-decoration: none;
    color:navy;
    margin:1px;
    padding:1px;
    }

h4.menu a:hover {
    color: gray;
}


td.p_1{
    text-align:center;
    background-color: #00EE0A;
  }
  
td.p_2{
    text-align:center;
    background-color: #AEEE00;
  }
  
td.p_3{
    text-align:center;
    background-color: #FAFF00;
  }

td.p_4{
    text-align:center;
    background-color: #FAAE00;
  }

td.p_5{
    text-align:center;
    background-color: #FA0E00;
  }

.consulta {
    background-color: #EDECFF;
    border: 1px solid black;
    font-weight: bold;
    color:navy;
    padding:6px;
	border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
    }

.resalto {font-weight:bold;
          font-style:italic;
          background:white;
        }

div#login
    { text-align:center;
      padding: 10px;
      background: #E3E3F4;
      border: 1px solid navy;
      width: 300px;
      margin: 0 auto;
	  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
    }
    
#encabezado
    {font-weight:bold;
     font-size:14px;
    }

#encabezado img
    {padding: 0px 10px 0px 0px;
  }

#contenido
    {position: absolute;
     top: 145px;
     left: 10px;
     right: 10px;
     z-index:900;
    }
#contenido2
    {position: absolute;
     top: 10px;
     left: 40%;
    
     z-index:900;
    }
    
/* Estilo del menú */


#menu .burbuja {
    width: 8px;
    height: 15px;
    text-align: center;
    background: none repeat scroll 0 0 #E02424;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font: bold 0.9em Tahoma,Arial,Helvetica;
    padding: 2px 6px;
    position: relative;
    right: -2px;
    top: -3px;

    /* estas propiedades harán la animación */
    -webkit-transition: all 0.5s ease-out;
       -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
         -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
}




#botones {
    margin: 0 auto;
    padding-top: 150px;
    width: 480px;
    text-align: center;
}


div#menu
    {
	 position:absolute;
     /* Ecambio */
     top: 115px;
     float: left;
     width: 99%;
     z-index:990;
	 background-color: #101010;
   background-image: -webkit-gradient(linear,left top, left bottom,from(#7e7ede), color-stop(0.5,#4040c0), color-stop(0.51, #2626b6));
    background-image: -moz-linear-gradient(#7e7ede 0%, #4040c0 50%, #2626b6 51%);
    background-image: -o-linear-gradient(#7e7ede 0%, #4040c0 50%, #2626b6 51%);
    background-image: -ms-linear-gradient(#7e7ede 0%, #4040c0 50%, #2626b6 51%);
    background-image: linear-gradient(#7e7ede 0%, #4040c0 50%, #2626b6 51%);

    border-right: 1px solid rgba(9, 9, 9, 0.125);

    /* Adding a 1px inset highlight for a more polished efect: */

    box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
    -moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
    -webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	
	   
    }

div#menu ul
    {list-style-type:none;
     padding:0;
     margin:0;
     }

div#menu li
    {float:left;
     list-style-type:none;
    }

div#menu a
    {display:block;
     text-decoration:none;
     font-weight:bold;
     margin-top:0;
     padding: 4px 12px;
     /*background: #19A7A1;*/
     color: white;
	 background-color: #101010;
     background-image: -webkit-gradient(linear,left top, left bottom,from(#7e7ede), color-stop(0.5,#4040c0), color-stop(0.51, #2626b6));
    background-image: -moz-linear-gradient(#7e7ede 0%, #4040c0 50%, #2626b6 51%);
    background-image: -o-linear-gradient(#7e7ede 0%, #4040c0 50%, #2626b6 51%);
    background-image: -ms-linear-gradient(#7e7ede 0%, #4040c0 50%, #2626b6 51%);
    background-image: linear-gradient(#7e7ede 0%, #4040c0 50%, #2626b6 51%);

    border-right: 1px solid rgba(9, 9, 9, 0.125);

    /* Adding a 1px inset highlight for a more polished efect: */

    box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
    -moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
    -webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
    }

div#menu a:hover
    {color: white;
     background: gray;
    }

div#menu ul li ul
    {margin:0;
     padding:0;
     position:absolute;
     width:140px;
    }

div#menu ul li ul li
    {width:100%;
     border-bottom:1px solid gray;
    }

body div#menu ul li ul
    {display:none;
    }

div#menu ul li:hover ul, div#menu ul li ul:hover
    {display:block;
    }

/* Fin estilo del menú  */
.CSS_Table_Example {
    margin:1px;
	/*padding:1px;*/
	/*border:1px solid #000000;*/
    width:100%;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
    
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
    
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
    
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
}.CSS_Table_Example table{
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    height:100%;
    margin:1px;
	
    border:1px solid #000000;
	/*padding:1px;*/
	-moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
    
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
    
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
    
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
}.CSS_Table_Example tr:last-child td:last-child {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
}
.CSS_Table_Example table tr:first-child td:first-child {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
}
.CSS_Table_Example table tr:first-child td:last-child {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
}.CSS_Table_Example tr:last-child td:first-child{
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
}.CSS_Table_Example tr:hover td{
    
}
.CSS_Table_Example tr:nth-child(odd){ background-color:#aad4ff; }
.CSS_Table_Example tr:nth-child(even)    { background-color:#ffffff; }
.CSS_Table_Example td{
    vertical-align:middle;
    border:1px solid #000000;
    border-width:0px 1px 1px 0px;
    text-align:center;
    padding:4px;
    font-size:14px;
    font-family:Arial;
    font-weight:normal;
    color:#000000;
}.CSS_Table_Example tr:last-child td{
    border-width:0px 1px 0px 0px;
}.CSS_Table_Example tr td:last-child{
    border-width:0px 0px 1px 0px;
}.CSS_Table_Example tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.CSS_Table_Example tr:first-child td{
        background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
    background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");  background: -o-linear-gradient(top,#005fbf,003f7f);

    background-color:#005fbf;
    border:0px solid #000000;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:16px;
    font-family:Arial;
    font-weight:bold;
    color:#ffffff;
}
.CSS_Table_Example tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
    background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");  background: -o-linear-gradient(top,#005fbf,003f7f);
    background-color:#005fbf;
}
.CSS_Table_Example tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.CSS_Table_Example tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}
#popup {
  left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}

.content-popup {
margin:0px auto;
margin-top:50px;
padding:10px;
width:500px;
min-height:250px;
border-radius:4px;
background-color:#FFFFFF;
box-shadow: 0 2px 5px #666666;
}

.close {
position:relative;
left:480px;
}


.awesome{
background: #222 url(/images/overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
}

.awesome:hover                             { background-color: #111; color: #fff; }
.awesome:active                            { top: 1px; }
.small.awesome, .small.awesome:visited     { font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited   { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited     { font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited     { background-color: #91bd09; }
.green.awesome:hover                       { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited       { background-color: #19A7A1; }
.blue.awesome:hover                        { background-color: #007d9a; }
.red.awesome, .red.awesome:visited         { background-color: #e33100; }
.red.awesome:hover                         { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover                     { background-color: #630030; }
.orange.awesome, .orange.awesome:visited   { background-color: #ff5c00; }
.orange.awesome:hover                      { background-color: #d45500; }
.white.awesome, .white.awesome:visited   { background-color: #ffb515; }
.white.awesome:hover                      { background-color: #fc9200; }

input#eliminar{
    background: #ccc url('./images/borrar.png') no-repeat top left;
    padding-left: 16px;
    height: 32px;
}

.contenedor-tabla{
display: table;
}
.contenedor-fila{
display: table-row;
}
.contenedor-columna{
display: table-cell;
}

#esquerda{ 
    width: 25%; 
	padding:10 10 10 10px;
    background-color: #cccccc;
	vertical-align: top; 
	
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
	
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:7px;
	border-top-right-radius:7px;
	
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
} 
#dereita{ 
    background-color: #cccccc;
	padding:10 10 10 10px;
   	width: 20%; 
	vertical-align: top;	
	
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
	
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:7px;
	border-top-right-radius:7px;
	
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
} 
#central{  
     padding:10 10 10 10px; 
    width: 55%; 
	vertical-align: top;
}
#modulo{
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	background-color: #3365a3;
	
}
#pie{ 
    background-color: #cccccc; 
    padding: 3 10 3 10px; 
    text-align:right; 
    clear: both;
	font-size:10px;
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
	
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:7px;
	border-top-right-radius:7px;
	
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
}
#paginador{
	 background-color: #666 !important; 
}
	
.listado {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 6px 6px 3px #888888;
	border:1px solid #0000bf;
	
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
	
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:7px;
	border-top-right-radius:7px;
	
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
}.listado table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.listado tr:last-child td:last-child {
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
}
.listado table tr:first-child th:first-child {
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
	*background-color: blue;
}
.listado table tr:first-child td:last-child {
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:7px;
	border-top-right-radius:7px;
}.listado tr:last-child td:first-child{
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
}.listado tr:hover td{
	
}
.listado tr:nth-child(odd){ background-color:#87cefa; }
.listado tr:nth-child(even)    { background-color:#cdf7f7; }
.listado th{
	
}
.listado td{
	vertical-align:middle;
	
	border:1px solid #0000bf;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:7px;
	font-size:14px;
	font-family: Arial, Serif;
	*font-weight:normal;
	 font-weight: 500;
	color:#000000;
}.listado tr:last-child td{
	border-width:0px 1px 0px 0px;
}.listado tr td:last-child{
	border-width:0px 0px 1px 0px;
}.listado tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.listado tr:first-child th{
		*background:-o-linear-gradient(bottom, #007fff 5%, #0000ff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007fff), color-stop(1, #0000ff) );
	*background:-moz-linear-gradient( center top, #007fff 5%, #0000ff 100% );
	*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#007fff", endColorstr="#0000ff");	background: -o-linear-gradient(top,#007fff,0000ff);

	border:0px solid #0000bf;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:16px;
	font-family:Trebuchet MS;
	font-weight:bold;
	color: black;
}
.listado tr:first-child:hover th{
	background:-o-linear-gradient(bottom, #007fff 5%, #0000ff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007fff), color-stop(1, #0000ff) );
	background:-moz-linear-gradient( center top, #007fff 5%, #0000ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#007fff", endColorstr="#0000ff");	background: -o-linear-gradient(top,#007fff,0000ff);
	
	
}
.listado tr:first-child th:first-child{
	border-width:0px 0px 1px 0px;
}
.listado tr:first-child t:last-child{
	border-width:0px 0px 1px 1px;
}