#contenedor {
width:765px;
}
#submenu {
width:754px;
height:25px;
}
/* para color, letra y tipo de fuente*/
/*
body {
font-size:9px; 
font-family:verdana; 
margin:0; 
padding:0; 
overflow: hidden;
}
*/
#menu {
width:760px;
height:173px;
background-image:url("imagenes/logo.jpg");
}


#logo {
width:800px;
height:173px;
background-image:url("imagenes/logo.jpg");
}

#tablita td{
vertical-align:center;
border:double;
border:none;
}

#login {
width:200px;
height:170px;
float:right;

}

#menu_barra {
width:800px;
height:50px;
background-color:red;
}


#principal {
width:800px;
height:377px;
background-color:blue;
}

#logueo 
{
width:590px;
height:20px;
float:right;
text-align:right;
font-weight:bolder;
}


#pestas	{
	margin: 0px;
	padding: 1px;
}

#contenido	{
	margin: 1px;
	padding: 0px;
	border: 2px inset gray;
	border-top: 2px;
	overflow: auto;
	height:auto;
}

.pesta	{
	border:2px inset gray;
	margin: 0px;
	padding: 2px 7px;
	border-bottom: 1px;
}

.activa	{
	background-color: #FFFFFF;
	cursor: default;
	font-size:12px;
	font-style:normal;
	border: groove;
}

.inactiva	{
	background-color: #bbbbbb;
	cursor: pointer;
	font-size:10px;
}

.visible	{
	display: block;
	border: groove;
}

.invisible	{
	display: none;
}

#lateral_derecho {
width:165px;
background-color:white;
color:white;
float:left;
}

#lateral_centro {
	float:left;
	width:750px;
	/*background-color:yellow;*/
	font-weight:bolder;
	text-align: left;
}

#titulo_centro {
	float:inherit;
	background-color: rgb(224, 236, 255);
}

#tabla{
   margin-top:0px;
   margin-bottom:auto;
   margin-left:inherit;
   margin-right:inherit;
   width:750px;
   min-height:50px;
   /*background-color:#F8f8f8;*/
   background-color:#FAFAFA;
}
.titulo_tabla{
   background:#7CA5CF;
   height:25px;
   color:#FFFFFF;
   font-weight:bold;
   font-size:14px;
   border:#000000 1px solid;
}
.contenedor_opciones_{
   /*width:500px;*/
   border:#000000 1px solid;
   /*min-height:30px;*/
   text-align:center
}
.contenedor_opciones div {display:inline; position:relative; border: 1px solid red; margin:5px}

.clear{
   clear:both;
}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

/*********************ALERTA***********************************/

        /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */


}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: 45px;
  padding: 20px;
  border: 1px solid #888;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  width: 40%;
  text-align: center;
}

/*.modal-content {
    background-color: #fefefe;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    max-width: 80%;
    position: relative;
    text-align: center;
}*/


/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}