#GrillaRecord td ,#Grilla td{

      padding: 2px; 
       /*background:#2d6277;*/
      border: solid 1px #c1c1c1; }

#GrillaRecord th,#Grilla th  {

      padding : 4px 2px; 

      color: #fff; 
      background:#0379A7;
      /*background: #363670 url(Images/grid-header.png) repeat-x top;*/ 

      border-left: solid 1px #525252; 

         }

#GrillaRecord .alt, #Grilla .alt{
    background:#E6E6FA;
      /*background: #fcfcfc url(Images/grid-alt.png) repeat-x top;*/ }

/*#GrillaRecord .pgr ,#Grilla .pgr{
   background:#2d6277;
    /*background: #363670 url(Images/grid-pgr.png) repeat-x top; }*/



#GrillaRecord .pgr td, #Grilla .pgr td{ border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; background-color:#0379A7; }   

#GrillaRecord .pgr a, #Grilla .pgr a { color: #fff; text-decoration: none; }

#GrillaRecord .pgr a:hover, #Grilla .pgr a:hover { color: #000; text-decoration: none;  }





#DivParametros {
    width: 100%;
       margin: 0px auto;   
}

#DivForm {
    width: 100%;
       margin: 0px auto;   
       
}

#DivDatos {
    width: 100%;
      margin: 0px auto;   
}

 #DivParametros p{
       width: 80%;
      margin: 0px auto;  
    margin-bottom:10px;
    }

 .lbTitulo{
    font-size: 13px;
	font-weight: bold;
	color: #2d6277;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
   
    }
 .lbTexto{
    font-size: 12px;
	font-style: italic;
	color: #2d6277;
      background-color:#FFFAFA;
	}

 /*.FechaIngreso
{
	text-decoration: none;
    color: #2d6277;
	/*color: #0379a7;*/
	/*FONT-FAMILY: tahoma, arial, Verdana;
	FONT-SIZE: 11px;
     font-size: 14px;
	font-style: italic;
	text-align: center;
    width:50%;
}*/
.li TextBox {
    text-align:left;
}
.lbTextoParametro {

    font-size: 25px;
    color: rgb(6, 106, 117);
    padding: 2px 0 10px 0;
    font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
    font-weight: bold;
    text-align: center;
    padding-bottom: 30px;

}




#GrillaRecord {
    
    width: 80%;
    background-color: #eaf6fa;
    margin: 0px auto;   
    margin-bottom:10px;
    border: solid 1px #525252;
    border-collapse: collapse;
    font-family: tahoma, arial, Verdana; 
    font-size:12px;
    color:#0379a7;
      padding: 5px 20px 5px 3px;
}

    #GrillaRecord th, #Grilla th {
        font-weight:bold;
    }
/*#GrillaRecord {
  width: 80%;
  margin: 0px auto;   
  margin-bottom:10px;
  border-collapse: collapse;

  border: 1px solid #FFFFFF;
  padding: 5px 20px 5px 3px;
  text-decoration: none;
  color: #0379a7;
  FONT-FAMILY: tahoma, arial, Verdana;
  FONT-SIZE: 11px;
  
  BACKGROUND-COLOR: #eaf6fa;
  }*/
#Grilla{
width:auto;
    /*background-color: #fff;*/
    /*margin: 5px 0 10px 0;*/
   
   margin-bottom:10px;
    /*border: solid 1px #525252;*/
    border-collapse: collapse;
    
    
    font-family:Calibri; 
    color: #474747;

     background-color: #eaf6fa;
    margin: 0px auto;   
   
    border: solid 1px #525252;
    border-collapse: collapse;
    font-family: tahoma, arial, Verdana; 
    font-size:12px;
    color:#0379a7;
      padding: 5px 20px 5px 3px;
}




















#container_demo{
	 text-align: left;
	 margin: 0;
	 padding: 0;
	 margin: 0 auto;
	 font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif;
}

/** fonts used for the icons **/ 
@font-face {
    font-family: 'FontomasCustomRegular';
    src: url('fonts/fontomas-webfont.eot');
    src: url('fonts/fontomas-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontomas-webfont.woff') format('woff'),
         url('fonts/fontomas-webfont.ttf') format('truetype'),
         url('fonts/fontomas-webfont.svg#FontomasCustomRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FranchiseRegular';
    src: url('fonts/franchise-bold-webfont.eot');
    src: url('fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/franchise-bold-webfont.woff') format('woff'),
         url('fonts/franchise-bold-webfont.ttf') format('truetype'),
         url('fonts/franchise-bold-webfont.svg#FranchiseRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
a.hiddenanchor{
	display: none;
}



/*#logoDerecha img{
    margin-top: 5px;
    height: 60px;
    float: right;
    width: 100px;
   }
#logoIzquierda img{
    margin-top: 5px;
    height: 60px;
    width: 100px;
    float: left;
   }*/

#logoDerecha img{
   
    height: 77px;
    float: right;
    width:auto;
    	/*border-radius: 2px;
 	box-shadow: 0px 0px 5px rgba(0,0,0,0.9);*/ 
   }
#logoIzquierda img{
  
    height: 77px;
    width: 152px;
    float: left;
    	/*border-radius: 2px;
 	box-shadow: 0px 0px 5px rgba(0,0,0,0.9);*/ 
   }
body header{
	font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	
     background:#fff;
	font-weight: 400;
	font-size: 15px;
	color: #1d3c41;
	overflow-y: auto;
      	/*border-radius: 4px;
 	box-shadow: 0px 0px 5px rgba(0,0,0,0.9);*/ 
     margin-top:5px;
}
body #cabecera{
	/*font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	
     background:#fff;
	font-weight: 400;
	font-size: 15px;
	color: #1d3c41;*/
	overflow-y: auto;
    	
     margin-top:5px;
}
#wrapperFiltros h1{
     margin-top:10px;
    color: #FFFFFF;
        font-family: Arial, Verdana;
        font-size: 16px;
        font-weight: bold;
        /*padding: 3px;*/
        background-color: #44AFDB;
  margin-bottom: 30px;
  	padding: 5px 0 5px 0;
	text-align: center;
    border-radius: 4px;
}



/*wrapper de filtros.aspx*/

/** The wrapper that will contain our two forms **/
#wrapperFiltros{
  width: 80%;
   
    min-height: 400px;  
    margin: 0px auto;   
   margin-bottom:10px;
    position: relative;
    top: 0px;
  
}
#wrapperFiltros ul{
     margin: 0px auto;   
     
      
}
#wrapperFiltros ul li{
    /*text-align:left;*/
     margin: 0px auto;   
  float:left;
  display: inline-block;
  width: 30%;
 min-width: 280px;
padding: 10px 10px 0px 10px;  
    margin: 0px auto; 

}
/**** Styling the form elements **/

/**** general text styling ****/
#wrapperFiltros a{
    color: rgb(95, 155, 198);
    text-decoration: underline;
}

/*#wrapperFiltros h1{
   

      font-size: 44px;
	color: rgb(6, 106, 117);
	padding: 10px 0 10px 0;
	font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
	font-weight: bold;
	text-align: center;
    
	padding-bottom: 30px;

}*/
/*#wrapperFiltros h2{
    font-size: 24px;
    color: rgb(6, 106, 117);
    padding: 2px 0 10px 0;
    font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
    font-weight: bold;
    text-align: center;
    padding-bottom: 15px;
}*/

.tituloH2{
     color: #2887ae;
        font-family: Arial, Verdana;
        font-size: 16px;
        font-weight: bold;
        padding: 3px;
        text-align:center;
   margin-top:10px;
}
.tituloH2:after{
    content: ' ';
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 10px;
    background: -moz-linear-gradient(left, rgba(147,184,189,0) 0%, rgba(147,184,189,0.8) 20%, rgba(147,184,189,1) 53%, rgba(147,184,189,0.8) 79%, rgba(147,184,189,0) 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(147,184,189,0)), color-stop(20%,rgba(147,184,189,0.8)), color-stop(53%,rgba(147,184,189,1)), color-stop(79%,rgba(147,184,189,0.8)), color-stop(100%,rgba(147,184,189,0))); 
    background: -webkit-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
    background: -o-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
    /*background: -ms-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%);*/ 
    background: linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
}


/*.tituloH2{
     color: #2887ae;
        font-family: Arial, Verdana;
        font-size: 16px;
        font-weight: bold;
        padding: 3px;
        text-align:center;
   
}*/
.leyenda{
     color: #2887ae;
        font-family: Arial, Verdana;
        font-size: 12px;
        font-weight: bold;
        padding: 3px;
        text-align:center;
   
}
/** For the moment only webkit supports the background-clip:text; */
/*#wrapperfiltros h1 {
    background: -webkit-repeating-linear-gradient(-45deg, 
    rgb(18, 83, 93) , 
    rgb(18, 83, 93) 20px, 
    rgb(64, 111, 118) 20px, 
    rgb(64, 111, 118) 40px, 
    rgb(18, 83, 93) 40px);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}*/
/*#wrapperFiltros h1:after{
    content: ' ';
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 10px;
    background: -moz-linear-gradient(left, rgba(147,184,189,0) 0%, rgba(147,184,189,0.8) 20%, rgba(147,184,189,1) 53%, rgba(147,184,189,0.8) 79%, rgba(147,184,189,0) 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(147,184,189,0)), color-stop(20%,rgba(147,184,189,0.8)), color-stop(53%,rgba(147,184,189,1)), color-stop(79%,rgba(147,184,189,0.8)), color-stop(100%,rgba(147,184,189,0))); 
    background: -webkit-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
    background: -o-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
    background: -ms-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
    background: linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
}*/



#wrapperFiltros ul li label{
    color: rgb(64, 92, 96);
    position: relative;
    font-size: 12px;
    font-family:Tahoma,	arial, Verdana;
}

#wrapperFiltros ul li .FechaIngreso{
   max-height:20px;
   
    color: #2d6277;
     font-size: 15px;
	font-style: italic;
	text-align: center;
    max-width:70%;
}

#wrapperfiltros ul li:not([type="checkbox"]){
   
    width: 92%;
    margin-top: 10px;
     padding: 7px 7px 7px 32px;  
    border: 1px solid rgb(178, 178, 178);
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
      -moz-box-sizing : content-box;
           box-sizing : content-box;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
       -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
            box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}


#DivBoton {
     margin: 0px auto; 
     width:30%;
      text-align: left;
      margin:20px 20px  20px 20px;

}
.Boton {
   
    text-align: center;
  margin: 0px auto; 

  height:30px;
    width: auto;
	cursor: pointer;	
	background:#44AFDB;
	padding: 5px 5px;
	font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
	color: #fff;
	font-size: 20px;	
	border: 1px solid rgb(28, 108, 122);	
    margin-top:5px;
	margin-bottom: 5px;	
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;	
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	   -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	        box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}



.Boton:hover{
	background: rgb(74, 179, 198);
}
.Boton:active,
.Boton:focus{
	background: rgb(40, 137, 154);
	position: relative;
	top: 1px;
	border: 1px solid rgb(12, 76, 87);	
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}




/** the actual animation, credit where due : http://daneden.me/animate/ ***/
.animate{
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    
    -moz-animation-duration: 0.5s;
    -moz-animation-fill-mode: both;
    
    -o-animation-duration: 0.5s;
    -o-animation-fill-mode: both;
    
    /*-ms-animation-duration: 0.5s;
    -ms-animation-fill-mode: both;*/
    
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

/** yerk some ugly IE fixes 'cause I know someone will ask "why does it look ugly in IE?", no matter how many warnings I will put in the ul li */

.lt8 #wrapperFiltros ul li input{
    padding: 10px 5px 10px 32px;
    width: 92%;
}
.lt8 #wrapperFiltros ul li input[type=checkbox]{
    width: 10px;
    padding: 0;
}
.lt8 #wrapperFiltros ul li select{
    padding: 10px 5px 10px 32px;
    width: 92%;
}
.lt8 #wrapperFiltros ul li select[type=checkbox]{
    width: 10px;
    padding: 0;
}
.lt8 #wrapperFiltros ul li h1{
    color: #066A75;
}
.lt8 #register{ 
    display: none;
}
.lt8 p.change_link,
.ie9 p.change_link{
    position: absolute;
    height: 90px;
    background: transparent;
}




























































/*.mGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .mGrid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
    }

    .mGrid th {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url(grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
    }

    .mGrid .alt {
        background: #fcfcfc url(grd_alt.png) repeat-x top;
    }

    .mGrid .pgr {
        background: #424242 url(grd_pgr.png) repeat-x top;
    }

        .mGrid .pgr table {
            margin: 5px 0;
        }

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

        .mGrid .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }*/