html,body
{
  height: 100%;
}

body
{
  margin: 0px;
  padding: 0px;
  font-family: sans-serif;
  background-color: #fff;
  height: 100%;
}

a
{
  text-decoration: none;
  color: #2f61d5;
}

a:hover
{
  text-decoration: underline;
  color: black;
}

.tabla_principal
{
  padding: 0px;
}

td
{
  vertical-align: top;
  font-size: 12px;
}

input
{
  border: solid 1px #616868;
  background-color: #f5f5f5;
  padding: 2px;
}

input:focus
{
  color: #2638ff;
  background-color: #efe5d2;
  border: solid 1px orange;
}

input:hover
{
  border: solid 1px orange;
}

button
{
  border: solid 1px #616868;
  background-color: #f5f5f5;
  padding: 2px;
}

textarea
{
  border: solid 1px #616868;
  background-color: #f5f5f5;
  width: 97%;
  height: 97%;
  padding: 2px;
}

textarea:focus
{
  color: #2638ff;
  background-color: #efe5d2;
  border: solid 1px orange;
}

textarea:hover
{
  border: solid 1px orange;
}

select
{
  border: solid 1px #616868;
  background-color: #f5f5f5;
}

img
{
  border: 0px;
}

h3
{
  margin-top: 0px;
  width: 80%;
  border-bottom: 1px solid black;
}

div
{
  /*border: solid 1px red;*/
}

.titulo
{
  font-weight: bold;
  font-size: 120%;
}

.body
{
  background: #fff8ee url("inner-shadow-bottom.png") repeat-x bottom;
  height: 100%;
}

.inner_body
{
  /*border: solid 1px green;*/
  width: 100%;
  heigth: 100%;
  /*background: url("bg-body.png") no-repeat bottom left;*/
}

.main_column
{
  border-left: solid 1px #555555;
  border-right: solid 1px #555555;
}

td.ma
{
  padding: 5px 10px 10px 15px;
  /*background: url("../images/corner.png") no-repeat bottom right;*/
}


/*8_div
{
  margin: 0px;
  padding: 20 20 15 25;
  font-size: 12px;
}
  */
div.text
{
  width: 80%;
}

div.main_top, div.main_top:hover
{
  height: 24px;
  /*background: #a39e9e url("../images/bg-mi.png") repeat-x;*/
  color: white;
  font-weight: bold;
}



.principal
{
  background-image: url("../images/vdots.png");
  background-repeat: repeat-y;
  background-position: left;
}

.principalb
{
}


.principal :link, .principal :visited
{
  color: blue;
  text-decoration: underline;
}

.abstracto
{
  background-color: #dc2b19;
}

/*************************************************************************
 * generico de los formularios
 */
.obligatorio
{
  border-left: 3px solid orange;
}

.obligatorio:focus, .obligatorio:hover
{
  border-left: 3px solid orange;
}

.errormsg
{
  color: red;
  font-weight: bold;
}

.opcional
{
  border-left: 3px solid green;
}

.opcional:focus, .opcional:hover
{
  border-left: 3px solid green;
}

._button_
{
  cursor: pointer;
}

form .error
{
  color: red;
  font-weight: bold;
}

table.formulario /* tabla que pertenece a un formulario */
{
  width: 80%;
}

.fl
{
  font-size: 12px;
  padding-right: 8px;
  width: 70px;
}

.fla, .fra
{
  padding-top: 10px;
}

.fr
{
  font-size: 12px;
  border-left: solid 1px #616868;
  padding-left: 8px;
}

.titulo_formulario
{
  border-bottom: solid 1px #616868;
  font-size: 14px;
  font-weight: bold;
}

/*************************************************************************
 * clases de nuestros-productos
 */
.prod_div
{
  width: 90%;
}

.prod_sep_row
{
  background-color: white;
  height: 5px;
  font-size: 0px;
  display: none;
}

.prod_item_a
{
  margin: 6px;
  padding: 6px;
  background: url(../images/bggreen_a.png) repeat-y;
  clear: both;
}

.prod_item_b
{
  margin: 6px;
  padding: 6px;
  background: url(../images/bggreen_b.png) repeat-y;
  clear: both;
}

.prod_item_c
{
  margin: 6px;
  padding: 6px;
  background: url(../images/bggreen_b.png) repeat-y;
}

.prod_titulo
{
  width: auto;
  font-weight: bold;
  font-size: 120%;
  padding: 3px;
}

.prod_img1
{
  float: right;
  margin: 4px;
}

.prod_img2
{
  float: left;
  margin: 4px;
}

._40
{
  margin-top: -40px;
}

._30
{
  margin-top: -30px;
}

._20
{
  margin-top: -30px;
}


/*************************************************************************
 * menu de la izquierda
 */
a.lmenu
{

}

/*
      .lmenu_item
      {
        padding: 4px;
        background-image: url("../images/hdots2.png");
        background-repeat: repeat-x;
        background-position: bottom;
      }

      div.lmenu_item:hover
      {
        background-color: #b5b5b5;
      }
*/

.menu_izquierda
{
  background-color: #e5e5e5;
  color: #444444;
  width: 150px;
  font-size: 12px;
}

.menu_izquierda div
{
  padding: 4px;
  background-image: url("../images/hdots2.png");
  background-repeat: repeat-x;
  background-position: bottom;
}

.menu_izquierda div:hover
{
  background-color: #b5b5b5;
}

.menu_izquierda .titulo, .menu_izquierda div.titulo:hover
{
  /*background: #a39e9e url("../images/bg-mi.png") no-repeat;*/
  color: white;
  font-weight: bold;
}

.menu_izquierda .spacer, .menu_izquierda div.spacer:hover
{
  background: #e5e5e5 none;
}

img.logo
{

}

td.logo
{
  height: 95px;
  padding: 6px;
  background: #e5e5e5;
}

div.logo
{
  text-align: center;
  background: #e5e5e5;
}

div.logo:hover
{
  background: #e5e5e5;
}


/*************************************************************************
 * estilos para la seccion de reportes
 */

 /*
  * tabla principal
  */
.rep_table
{
  /*border-spacing: 1px;*/
  background-color: black;
}

/*
 * comunes a todas las celdas de la tabla
 */
.rep_td
{
  padding: 3px;
}

/*
 * cabeceras de seccion
 */
.rep_tit_alarmas, .rep_tit_armados
{
  font-weight: bold;
  background-color: #4F322E;
  color: white;
}

.rep_codebar
{
  background-color: white;
}

.manito
{
  cursor: pointer;
}

/*************************************************************************
 * nuestra empresa
 */
.titulo_nosotros
{
  font-size: 150%;
  font-weight: bold;
}

.nosotros p
{
  /*padding: 4px;
  margin: 0px;*/
}

.nosotros p:hover
{
  /*background-color: #efebda;
  border: solid 1px #dbd4b6;
  padding: 3px;*/
}

.nuestra_empresa
{
  background: url("../images/bg-logo-1.jpg") no-repeat center center;
  margin-right: 3px;
}

/*************************************************************************
 * del area de comentarios
 */
.ta_comentarios
{
  height: 90px;
  width: 75%;
}

table.contacto
{
  background: url("../images/bg_contacto.jpg") no-repeat bottom right;
}


/*************************************************************************
 * genericos
 */
div.resultado_titulo /* titulo resultado para los resultados de una consulta por ejemplo */
{
  font-size: 120%;
  font-weight: bold;
  border-bottom: solid 1px black;
}

div.resultado
{
  max-width: 60%;
}

/**
  theme verde
*/
.shadow-left
{
  background: url("shadow-left.png") repeat-y right;
}

.shadow-right
{
  background: url("shadow-right.png") repeat-y left;
}

.shadow-left-bottom
{
  background: url("shadow-left-bottom.png") repeat-y right;
}

.shadow-right-bottom
{
  background: url("shadow-right-bottom.png") repeat-y left;
}

.shadow-bottom
{
  background: url("shadow-bottom.png") repeat-x top;
}

.menu_superior
{
  color: white;
  background-color: #2C2F28; /*#606060;*/
  padding: 3px;
  font-weight: bold;
}

.menu_superior :link, .menu_superior :visited
{
  color: white;
  font-weight: normal;
  padding-left: 4;
  padding-right: 8;
  /* background: url("../images/vdots2.png") repeat-y top right; */
}

.menu_superior :link, .menu_superior :visited
{
  font-weight: bold;
}

.menu_superior
{
  height: 29px;
  /*background: url("bg-menu.png") repeat-x top;*/
  padding-left: 120px;
}

td.menu_general
{
  /*border-right: solid 1px red;*/
}

div.menu_general
{
  /*border-right: solid 1px #888888;*/
}

div.login_menu_general
{
  text-align: right;
}

.login_button_menu_general
{
  background: url("00000030.png");
}

.titulo_opcion_escritorio td
{
  padding: 3px;
  background: #155014;
  color: white;
  font-weight: bold;
}

.tabla_opcion_escritorio img
{
  border: solid 1px black;
}

.contenido_opcion_escritorio
{
  font-size: 11px;
}

.contenido_opcion_escritorio :link, .contenido_opcion_escritorio :visited
{
  color: blue;
}

.tcl /* table cell left */
{
  font-size: 12px;
  padding-top: 13px;
  border-right: solid 1px #e5e5e5;
}

.tcr
{
  font-size: 12px;
  padding-top: 13px;
  padding-left: 15px;
}

.titulo_formulario_reservas
{
  font-size: 110%;
  font-weight: bold;
  border-bottom: solid 1px #e5e5e5;
}

.subtitulo_formulario_reservas
{
  font-weight: bold;
  padding-top: 13px;
  border-bottom: solid 1px #e5e5e5;
}

.fondo_formulario_reservas
{
  border-bottom: solid 1px #e5e5e5;
}

/* para la impresion del reporte */
.cssprinter
{
  display: none;
}

.bot
{
  display: none;
}

div.poll_text
{
  width: 80%;
}

table.poll_table
{
  padding-top: 10px;
  width: 80%;
}

table.poll_table td.tit
{
  font-weight: bold;
  border-bottom: 1px solid black;
}

table.poll_table td
{
  padding-top: 5px;
}

td.i1 { }
td.i2 { }

td.sr1 { }
td.sr2 { }
td.sr3 { }
td.sr4 { }

td.st1 { }
td.st2 { }
td.st3 { }
td.st4 { }
td.st5 { }

td.ac1 { }
td.ac2 { }

div.div_encuesta
{
  display: none;
}