.overlay{
            display: block;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.30;
            filter: alpha(opacity=10);
        }
        .modalr {
            display: block;
            position: absolute;
            top: 15%;
            left: 20%;
            width: 60%;
            height:50%;
            padding: 16px;
            border: 4px solid orange;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }


.confirmar
{
width: 300px;
top:150px;
left:450px;
 z-index:1004;
background: #fff;
position: absolute;
margin: 10% auto;
padding:5px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
background: -moz-linear-gradient(#fff, #ccc);
background: -webkit-gradient(linear, right bottom, right top, color-stop(1, rgb(255,255,255)), color-stop(0.57, rgb(230,230,230)));
text-shadow: 0 1px 0 #fff;
}

.confirmar h2 {
font-size: 23px;
color: #0F7036;
padding: 0 0 10px;
}

#div_par1
{
float:left;
width:310px
}
#div_par2 {float:left;align:center;width:200px}
#wrapper
 {
	width:1200px;
	margin:auto;
	background-color:#FFFFFF;	
}
#header 
{
	background-color:#E5E5E5;
	background-repeat:no-repeat;
	height:72px;
}
#header_der, #header_izq, #header_cen {height: 100%;}
#header_der
 {
align:center;
text-align:center;
float: right;
 width: 200px;
background-color:#FFFFFF;
}

#header_izq 
{
float: left; 
width: 100px;
background-position:center;
background-color:#FFFFFF;
}
#header_cen
 {
background-color:#FFFFFF;
align:center;
text-align:center;

}
#menu 
{

width:1000px;
align:center;
margin:auto;
	background-color:#21610B;
	height:20px;
	padding-top:5px;
	text-align:center;
-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}


#zonasc
 {


max-height:800px;

background-color:#FFFFFF;
align:center;
text-align:center;

}


.lista1{
font-size:9px;
}


.escudo{
	margin: 5px auto;	
align:center;
width:70px;
height:70px;
}

tit_escuela {
-webkit-transform:rotateX(120deg);
font-family: Garamond, serif;
line-height: 1em;
color: #50e32b;
font-weight:bold;
font-size: 25px;
text-shadow:0px 0px 0 rgb(56,203,19),1px 1px 0 rgb(41,188,4),2px 2px 0 rgb(27,174,-10),3px 3px 0 rgb(12,159,-25),4px 4px 0 rgb(-2,145,-39),5px 5px 0 rgb(-17,130,-54), 6px 6px 0 rgb(-31,116,-68),7px 7px 6px rgba(0,0,0,0.6),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);
}

tit_ano
 {
position:absolute;
top:30px;
left:230px;
align:center;
text-align:center;
border:solid 1px #83D186;
	padding:2px 2px;
	margin:5px 5px;
	display:block;
	width:150px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 ;
	font-weight:bold;
font-size:22px;
}

tit_municipio
 {
text-align:center;
align:center;
	display:block;
font-size:18px;
color:#FE2E2E;
font-style:normal; 
font-family:"Tahoma", "Geneva", sans-serif;

}
tit_direccion
 {
text-align:center;
align:center;
	display:block;
font-size:18px;
color:#012E04;
font-style:italic; 
font-family:"Comic Sans","Tahoma",sans-serif;
}
tit_periodo
 {
align:center;
text-align:center;
border:solid 1px #83D186;
	padding:2px 2px;
	margin:5px 5px;
	display:block;
	width:170px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 ;
	font-weight:bold;
}

tit_nit
 {
align:center;
text-align:center;
border:solid 1px #83D186;
	padding:2px 2px;
	margin:5px 5px;
	display:block;
	width:170px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 ;
	font-weight:bold;
}

tit_dane
 {
align:center;
text-align:center;
border:solid 1px #83D186;
	padding:2px 2px;
	margin:5px 5px;
	display:block;
	width:170px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 ;
	font-weight:bold;
}

body
 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	background-color:#f9f7ed;
	margin:0px;
}
T1 {color:#ff0000;background-color:#ffff00}
tit_usuario {color:#ff0000;background-color:#ffff00}

#contenido {
	padding:5px;
	max-height:800px;
	min-height:500px;
	 overflow: auto;
	
}

#footer {
	height:30px;
	padding-top:2px;
	text-align:center;
	background-color:#99CC32;
}

.T2  {height: 10px ;font-family: arial,helvetica;width:950px;font-size:10px}

.borde1
 {
background:#D3EDD3 ;
background-color:#ffe;
	padding:10px;
	margin:10px auto;	
	border: 6px solid #8FB5C1;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	position:relative;
}
#zona_menu
 {

background-color:#ffe;
	width:500px;
	padding:2px;
	margin: 1px auto;	
	border: 1px solid #8FB5C1;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	position:relative;
}
.ventana_ayuda
 {
background:#D3EDD3 ;
   text-align:center;
	padding:2px;
	margin: 1px auto;	
border:solid 1px #83D186;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;

}
tit5
 {	
border:solid 1px #83D186;
    	padding:5px 10px;
	margin:5px 10px;
	display:block;
width:300px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 ;
	font-weight:bold;
}
tit6
 {	
border:solid 1px #83D186;
    	padding:5px 10px;
	margin:5px 10px;
	display:block;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 ;
	font-weight:bold;
}
tit_mencon  {height: 10px ;font-family: arial,helvetica;color:#FE2E2E;width:950px;font-size:12px}
#menu a
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#footer a
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#menu a:hover
{
	text-decoration:underline;
}
#footer a:hover
{
	text-decoration:underline;
}

.suceso {
       text-align:center;
       position:absolute;
        z-index:2000
}

.tablescroll {
    overflow-y: auto;
	overflow-x: hidden;
	height: 189px;
	margin-right: 1px;
}

.fco_absoluta {
       text-align:center;
       position:absolute;
        z-index:2000
}

 .boton{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:#638cb5;
        border:0px;
        width:80px;
        height:19px;
       }



.fila_der_2 {
	border-left: 1px solid #D4D4D4;
	background-color:#F4F5F7;
	font: 11px Arial, Helvetica, sans-serif;
	color:#000000;
}

.fila_izq_1 {

border: 1px solid #D4D4D4;
	background-color:#ffe;
	font: 11px Arial, Helvetica, sans-serif;
	color:#000000;
border-left: none;
border-bottom: none;
}
.fila_der_1 {
	border-left: 1px solid #D4D4D4;
	background-color:#E8EBEE;
	font: 11px Arial, Helvetica, sans-serif;
	color:#000000;
}
.fila_izq_2 {
border: 1px solid #D4D4D4;
	background-color:#E6FDF3;
	font: 11px Arial, Helvetica, sans-serif;
	color:#000000;
border-left: none;
border-bottom: none;

}

.td_normal {
border: 1px solid #D4D4D4;
border-left: none;
border-bottom: none;

}

.text_tab {
font-size:10px;
border:none;
background-color: transparent; 
font-weight:bold;
margin:0;
}

.borde_tabla {
	background: #ffffff;
	border: 1px solid #D4D4D4;
      	position:relative;
}

.td_titulo{ 
	border: 1px solid #D4D4D4;
	height: 22px;
	text-align: center; 
	font: 11px Arial, Helvetica, sans-serif;
	color:#003366;
	font-weight: bold; 
}

#columna1_contenedor {
width: 200px;
float: left;
text-align: center;
}
#columna2 {

	padding:2px;
	margin: 1px auto;	
	position:relative
}

#menuv {
padding:10px;

  font-family: Arial;
  float: left;
 }

#menuv p {
  margin:0px;
  padding:0px;
}

#menuv a {
  display: block;
  padding: 3px;
  width: 70px;
  background-color: #f7f8e8;
  border-bottom: 1px solid #eeeeee;
  text-align:center;
}

#menuv a:link, #menuv a:visited {
  color: #ff0000;
  text-decoration: none;
}

#menuv a:hover {
  background-color: #336699;
  color: #ffffff;
}

#menuhorizontal {
   float:left;
  
  padding:0px;
 margin:auto;

}
#menuhorizontal a {
  float:left;
  width:50px;
  text-decoration:none;
  text-align:center;
  color:#ff0000;
  background-color:#f7f8e8;
  padding:3px 5px;
  border-right:1px solid white;
}
#menuhorizontal a:hover {
  background-color:#336699;
}
#menuhorizontal li {
  display:inline;
}

input[readonly]{background-color:#F0F0F0 ; 
color:#303030 ;}

tit_planilla
 {
align:center;
text-align:center;
border:solid 1px #83D186;
	padding:1px 1px;
	margin:1px 1px;
	display:block;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 ;
	font-weight:bold;
}
tit_planilla2
 {
font-size:8px;
align:center;
text-align:center;
width:100px;
border:solid 1px #83D186;
	padding:1px 1px;
	margin:1px 1px;
	display:block;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 ;
	font-weight:bold;
}

tit_cerrado_per
 {
align:center;
text-align:center;
border:solid 1px #83D186;
	padding:2px 2px;
	margin:2px 2px;
	display:block;
	width:170px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#FFFF00 ;
	font-weight:bold;
}

.borde_menu
 {  
	
	 
	 
background:#D3EDD3 ;

background-color:#FFF2D9;
-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	padding:2px;
	margin:2px auto;	
	border: 2px solid #FFB60B;
	
	position:relative;
}


.text_tab2 {
font-size:10px;
border: -1px ;
background-color: transparent; 
font-weight:bold;
margin:0;

}


/*******************
BODY STYLING
*******************/

/*******************
LOGIN FORM
*******************/

.login-form {

	width: 300px;
	margin:  auto;
	position: relative;
	background:#D3EDD3 ;
	border: 1px solid #fff;
	border-radius: 5px;
	
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/*******************
HEADER
*******************/

.login-form .header {
	padding:10px 10px 10px 10px;
}

.login-form .header h1 {
	font-family: 'Bree Serif', serif;
	font-weight: 20;
	font-size: 28px;
	line-height:15px;
	color: #414848;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	margin-bottom: 5px;
}

.login-form .header span {
	font-size: 11px;
	line-height: 16px;
	color: #678889;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
}

/*******************
CONTENT
*******************/

.login-form .content {
	padding: 5px 5px 5px 5px;
}

/* Input field */
.login-form .content .input  {
	width: 220px;
	padding: 5px 15px;
	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #9d9e9e;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}

/* Second input field */
.login-form .content .password, .login-form .content  {
	margin-top: 10px;
}
/*******************
FOOTER
*******************/

.login-form .footer {
	padding: 20px 20px 20px 20px;
	overflow: auto;
	
	background: #d4dedf;
	border-top: 1px solid #fff;
	
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
}

/* Login button */
.login-form .footer .button {
	float:right;
	padding: 11px 25px;
	
	font-family: 'Bree Serif', serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	
	background: #56c2e1;
	border: 1px solid #46b3d3;
	border-radius: 5px;
	cursor: pointer;
	
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

.login-form .footer .button:hover {
	background: #3f9db8;
	border: 1px solid rgba(256,256,256,0.75);
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.login-form .footer .button:focus {
	position: relative;
	bottom: -1px;
	
	background: #56c2e1;
	
	box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}

/* Register button */