﻿body
{
   margin: 0px;
   background: "Images/bg_body.jpg";
}


a.centros {font-size: 14px; text-decoration: none; color: Navy;}
a.centros:hover {text-decoration: underline;}
    
a.pie {font-size: 13px; text-decoration: none; color: #a0a0a0;}
a.pie:hover {color: Navy; text-decoration: underline;}
    
mensacabazul {background-image: url(images/postit_cab2.png);}    
mensabodazul {background-image: url(images/postit_bod2.png);}    
mensapieazul {background-image: url(images/postit_pie2.png);}    
    
mensacabamarillo {background-image: url(images/postit_cab.png);}    
mensabodamarillo {background-image: url(images/postit_bod.png);}    
mensapieamarillo {background-image: url(images/postit_pie.png);}    
    
.ImgCierra
{
    margin-top: -130px;
    }    

#Top
{
    margin-left: auto;
    margin-right: auto;
    margin: auto;
    width: 1000px;
    height: 112px;
    background-color: #FFF;
}
#TopSeparator
{
    width: 100%;
    height: 5px;
    background-color: RGB(56,102,0);
}
.tabla { width: 1030px; background-color: #FFFFFF; border: Solid 1px RGB(183,183,183);}
.tablaizq { width: 500px; background-color: #FFFFFF; vertical-align: text-top;}
.tablader { background-color: #FFFFFF;}
.tablareport { font-family: Arial; font-size: 11px; text-align: center; width: 100%; background-color: #FFFFFF; border: Solid 1px RGB(183,183,183);}
.tablanoticias { width: 480px; background-color: #FFFFFF; border: Solid 1px RGB(183,183,183);}
.sinborde { border: 0px;}
.TituloTabla{ font-family: Arial; background-color: Navy; color: White; }
#Main
{
    padding-top: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    background-color: #FFFFFF;
}

.rojobold{Color:Red; font-weight: bold;}
.textbox
{
    text-align: left;
    width: 250px;
    border-style: Solid;
    border-color: Silver;
    border-bottom-width: 2px;
    font-family: Arial, Helvetica;
    font-size: 9pt;
    color: Blue;
    height: 18px;
    vertical-align: middle;
    padding: 3px;
}

.textarea
{
    text-align: left;
    width: 252px;
    border-style: Solid;
    border-color: Silver;
    border-bottom-width: 2px;
    font-family: Arial, Helvetica;
    font-size: 9pt;
    color: Blue;
    height: 58px;
    padding: 3px;
}
.textboxdis
{
    text-align: center;
    width: 250px;
    border-style: Solid;
    border-color: Silver;
    border-width: 2px;
    background-color: #f0f0f0;
    font-family: Arial, Helvetica;
    font-size: 9pt;
    color: Blue;
    height: 18px;
    vertical-align: middle;
    padding: 3px;
}

select
{
    border: Solid 2px Silver;
    font-family: Arial, Helvetica;
    font-size: 9pt;
    color: Blue;
    vertical-align: middle;
    height:28px;
}

.txt8  { font-family: Arial; color: #777; font-size: 8pt;}
.txt9  { font-family: Arial; color: #777; font-size: 9pt;}
.txt10 { font-family: Arial; color: #777; font-size: 10pt;}
.txt12 { font-family: Arial; color: #777; font-size: 9pt;}
.txt12bold { font-family: Arial; color: #777; font-size: 9pt; font-weight: bold;}
.txt12boldwhite { font-family: Arial; color: #FFF; font-size: 9pt; font-weight: bold;}
.txt14 { font-family: Arial; color: #777; font-size: 14pt;}
.txt14bold { font-family: Arial; color: #777; font-size: 14pt; font-weight: bold;}
.rojo  { color: Red;}
.orange{ color: Orange;}
.toupper { text-transform:uppercase;}
.alignleft { text-align: left;}
.alignright{ text-align: right;}
.aligncenter{text-align: center;}
.gvHeader
{
    background-color: RGB(0,80,180);
    text-align: center;
}
.gvPager
{
    font-family: Arial;
    font-size: 11px;
}


.txt8Validador
{
    padding: 6px;
    color: #ed070c;
    font-family: Arial,Verdana;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
}
.button
{
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 9pt/100% Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding:  6px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
   
}
.button:hover
{
    text-decoration: none;
}
.button:active
{
    position: relative;
    top: 1px;
}

/* blue */
.blue
{
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: RGB(0,56,131);
   
} 
/*background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');*/
.blue:hover
{
    background: RGB(0,80,180);
    
}
/*
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');*/
.blue:active
{
    color:RGB(0,56,131);
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}


/* green */
.green
{
    color: #e8f0de;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover
{
    background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active
{
    color: #a9c08c;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* red */
.red
{
    color: #FFFFFF;
    border: solid 1px #538312;
    background: #FF0000;
    background: -webkit-gradient(linear, left top, left bottom, from(#b52e2f), to(#7e0e2b));
    background: -moz-linear-gradient(top,  #b52e2f,  #7e0e2b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b52e2f', endColorstr='#7e0e2b');
}
.red:hover
{
    background: #800000;
    background: -webkit-gradient(linear, left top, left bottom, from(#9d2944), to(#cb1921));
    background: -moz-linear-gradient(top,  #9d2944,  #cb1921);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d2944', endColorstr='#cb1921');
}
.red:active
{
    color: #FF0000;
    background: -webkit-gradient(linear, left top, left bottom, from(#7e0e2b), to(#b52e2f));
    background: -moz-linear-gradient(top,  #7e0e2b,  #b52e2f);
    background: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e0e2b', endColorstr='#b52e2f');
}

/* orange */
.naranja
{
    color: #FFFFFF;
    border: solid 1px #538312;
    background: #cc7004;
    background: -webkit-gradient(linear, left top, left bottom, from(#b26c2e), to(#7e4d0e));
    background: -moz-linear-gradient(top,  #b26c2e,  #7e4d0e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b26c2e', endColorstr='#7e4d0e');
}
.naranja:hover
{
    background: #cc7004;
    background: -webkit-gradient(linear, left top, left bottom, from(#9d7029), to(#d07f20));
    background: -moz-linear-gradient(top,  #9d7029,  #d07f20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d7029', endColorstr='#d07f20');
}
.naranja:active
{
    color: #cc7004;
    background: -webkit-gradient(linear, left top, left bottom, from(#7e4d0e), to(#b26c2e));
    background: -moz-linear-gradient(top,  #7e4d0e,  #b26c2e);
    background: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e4d0e', endColorstr='#b26c2e');
}

/* yellow */
.amarillo
{
    color: #000000;
    border: solid 1px #538312;
    background: #fad93e;
    background: -webkit-gradient(linear, left top, left bottom, from(#e6d734), to(#fbe953));
    background: -moz-linear-gradient(top,  #e6d734,  #fbe953);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6d734', endColorstr='#fbe953');
}
.amarillo:hover
{
    color: #FFFFFF;
    background: #fad93e;
    background: -webkit-gradient(linear, left top, left bottom, from(#d9c83b), to(#d0b520));
    background: -moz-linear-gradient(top,  #d9c83b,  #d0b520);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9c83b', endColorstr='#d0b520');
}
.amarillo:active
{
    color: #000000;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbe953), to(#e6d734));
    background: -moz-linear-gradient(top,  #fbe953,  #e6d734);
    background: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbe953', endColorstr='#e6d734');
}

/* white */
/* green */
.white
{
    color: #333;
    border: solid 1px #538312;
    background: #FFFFFF;

}
.white:hover
{
    background: #FFF;
    background:#EAEAEA;

}
.white:active
{
    color: #333;
    background:#EAEAEA;
   
}



.Panel
{
    background-color: #eeeeee;
    border: outset 1px #c0c0c0;
    color: #444444;
    position: fixed;
    visibility: hidden;
}
h3
{
    font-family: Arial;
    padding:4px;
    font-size:9pt;
    font-weight:normal;
}

.GridView
{
    width: 100%;
    border: Solid 1px DarkGreen;
}
.GridViewNenes
{
    width: 80%;
    border: Solid 1px DarkGreen;
}
.padding4
{
    padding: 4px;}

a.link
{
   font-family: Arial;
   font-size: 8pt;
   color: Navy;
   text-decoration: none;
    
    }
    
    a.link:hover
    { 
   text-decoration: underline;}
   
    a.link:visited
    { 
   color: Navy;
   text-decoration: none;}
   
   
   .grid-hdr
{
	color: #444444;
	font-family: Arial,Verdana;
	font-size: 8pt;
	font-weight: bold;
	border-bottom: Solid 1px RGB(156,184,149);
	border-right: Solid 1px RGB(156,184,149);
	text-align: center;
}
.grid-hdr2
{
	color: #444444;
	font-family: Arial,Verdana;
	font-size: 8pt;
	font-weight: bold;
	border-bottom: Solid 1px RGB(156,184,149);
	text-align: center;
}

/*Header and Pager styles*/ 

.HeaderStyle, .PagerStyle /*Common Styles*/ 

{ 


background-color:#FFF; 
   
    font-family: Arial;
    font-size: 9pt; 
 text-align: right;
} 



.PagerStyle table 

{ 

    text-align:left; 

    margin:auto; 
    background-color:#FFF; 

} 

.PagerStyle table td 

{ 
  text-align: left;
    border:0px; 

    padding:2px; 

} 

.PagerStyle td 

{ 
background-color:#FFF   ; 
    border: #CACACA 1px solid; 
 text-align: right;
} 

.PagerStyle a 
{ 
    color:Navy; 
    text-decoration:none; 
    padding:2px 10px 2px 10px; 
    border-top:solid 1px #777777; 
    border-right:solid 1px #333333; 
    border-bottom:solid 1px #333333; 
    border-left:solid 1px #777777; 
} 

.PagerStyle span 
{
    background-color: #EAEAEA; 
    border-top:solid 1px #777777; 
    padding:2px 10px 2px 10px; 
    border-right:solid 1px #333333; 
    border-bottom:solid 1px #333333; 
    border-left:solid 1px #777777; 
    font-weight:bolder; 
    color:#000; 
    text-decoration:none; 
} 
.sinsubrayar
{
    text-decoration: none;
    }

.fotosala 
{
    margin: 20px;
    border: 1px solid #a0a0a0;
    }
    
.tablaanio {
	border: 1px solid #E1E1E1;
	font-family: Arial, Helvetica, sans-serif;
}
.celdames {	text-align: center;	width: 25px; font-size: 11px; padding: 2px;}
.celdames2 { text-align: center; width: 25px; font-size: 11px; padding: 2px; border-top: 1px solid #e0e0e0;}
.celdames21 { text-align: center; width: 25px; font-size: 11px; padding: 2px; }
.celdames20 { text-align: center; width: 25px; background-color: #ffeded; font-size: 11px; padding: 2px; border-top: 1px solid #e0e0e0;}
.celdamesdisabled {	text-align: center;	width: 25px; font-size: 11px; padding: 2px; color: #a0a0a0;}
.celdamesdisabled2 { text-align: center; width: 25px; font-size: 11px; padding: 2px; color: #a0a0a0; border-top: 1px solid #e0e0e0;}
.celdamesdisabled20 { text-align: center; width: 25px; background-color: #ffeded; font-size: 11px; padding: 2px; color: #a0a0a0; border-top: 1px solid #e0e0e0;}
.celdamesdisabled21 { text-align: center; width: 25px; font-size: 11px; color: #a0a0a0; border-top: 1px solid #e0e0e0;}
.tablatitle{text-align: center; color: #FFFFFF; background-color: #003883; font-family: Arial; font-size: 13px; font-weight: bold; padding: 2px;}
.tablatitle2 { text-align: center; color: #FFFFFF; background-color: #003883; font-family: Arial; font-size: 12px; font-weight: bold; padding: 2px; border-top: 1px solid #e0e0e0;}
.tablatitle3 { text-align: center; color: #FFFFFF; background-color: #b8cce4; font-family: Arial; font-size: 12px; font-weight: bold; padding: 2px; border-top: 1px solid #e0e0e0;}
.par {background-color: #ffffff;}
.impar {background-color: #ffeded;}


.aligncenter{ text-align: center;}

.B{color: black; background-color: greenyellow;}
.R{color: black; background-color: yellow;}
.M{color: black; background-color: orangered;}
    