body{
   text-align: center;
/*background-image: url(../images/ruta.jpg);*/
  background:#FFFFFF ;
  margin: 0; 
  padding:0; 
  height:80%; 
 
 
 }
#cont{
width:100%;
text-align: left;
height:120%; 
/* background:#F7F8E0;*/
/*background-image: url(../images/ruta.jpg);*/
margin: 0px;
padding:0px;
 }
#menus{ 
height: 20px; 
margin-bottom: 40px; 
width:100%;
background: #025BA3;
}
#contenido{
float: left;
width: 80%;
height:80%;
margin-left:7%;
background:#FFFFFF;
padding-top:0px;

}
/****************************utilizado en los archivos nuevahabilitacion.php, y modh.php**************************/
#contenidonuevo{
float: left;
width:80%;
height:80%;
margin-left:7%;
background:#FFFFFF;
padding-top:0px;

}
/*******************************************************************************************************/
#contenidogrande{
float: left;
width: 80%;
height:auto;
margin-left:7%;
background:#FFFFFF;
padding-top:0px;

}
/**************utilizado en las altas(ej. nuevalocalidad.php) de los modulos mas chicos(marca, localidad, clasificacion)**********************/
#contenidochico{
float: left;
width:80%;
height:80%;
margin-left:7%;
background:#FFFFFF;
padding-top:0px;

}
/*+div del inicio de la pagina*/

#contenidocorredor{
float: left;
width: 80%;
height:70%;
margin-left:7%;
background:#FFFFFF;
padding-top:0px;


}
/**********************utlizado para las busquedas*****/
#busqueda{
float: left;
width:80%;
height:auto%;
margin-left:5%;
background:#FFFFFF;
padding-top:0px;

}
/*****************************/
#listas{
float: left;
width: 80%;
height:auto;
margin-left:7%;
background:#FFFFFF;
padding-top:0px;


}

#inicio{
float: left;
width: 20%;
height:600;
background:#FFFFFF;
  }
  
#pie{
clear:both;
height:100px;
width:100%;
text-align:center;
margin:20px auto 10px;
background:#333333 ;
color: #FFFFFF ;
bottom: 0;
}

#separador{
clear:both;
height: 10px;
width:100%;
margin: 10px auto 10px;
background:#025BA3;

}
#bajopie{
clear:both;
height:10%;
width:100%;
margin: 10px auto 10px;
background:#0F9CC6;
font-family:"Courier New", Courier, mono;
font-size:9px;
color: #0F9CC6;
}

/*************************************************************************************************/



/*estilo parrafo*/


/*Estilo para los diferentes tamaños de titulos*/
h1
{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	font-style: normal;
	text-decoration:none;
    color: #AE9762;
	}
h3 {
	font-size: 80%;
	border-top-style: doble;
	border-right-style: doble;
	border-bottom-style: doble;
	border-left-style: doble;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#003399;
}
h4 {
	font-size: 100%;
	border-top-style: doble;
	border-right-style: doble;
	border-bottom-style: doble;
	border-left-style: doble;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
}
p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	font-style: normal;
	text-decoration:none;
    color: #CCCCCC;
	
}

/*Estilo regla horizontal*/
hr {
	color: #1C1C1C;
	background-color:#1C1C1C;
	height: auto;
	width: auto;
	margin: 0 auto;
	text-align: center;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

	/*Estilo cajas de texto*/
.estilotextarea1 {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 2px  #CCCCCC; 
    width: 300px;
	height:20px;
    background-color: #F4F4F4;

}
.estilotextareachico {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 2px  #CCCCCC; 
    width: 30px;
	height:20px;
    background-color: #F4F4F4;

}

.estilotextarea2 {
width:130px;height:20px;
 font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 2px  #CCCCCC; 
    background-color: #F4F4F4;
}
.estilotextarea3 {
width:90px;height:20px;
 font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 2px  #CCCCCC; 
    background-color: #F4F4F4;
}
.estilotextarea4 {
width:400px;height:20px;
 font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 2px  #CCCCCC; 
    background-color: #F4F4F4;
}
.estilotextarea5 {
max-width:900px; max-height:210px;
 font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 2px  #CCCCCC; 
    background-color: #F4F4F4;
}
.estilotextarea6 {
width:60px;height:20px;
 font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 2px  #CCCCCC; 
    background-color: #F4F4F4;
}

.sugerencias {
width:130px;height:20px;
 font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 2px  #CCCCCC; 
    background-color: #F4F4F4;
}

.textarea {
	 border: solid 2px  #CCCCCC;
	border-style: solid;
	border-width: thin;
	padding: 4px;
	width: 300px;
	height: 50px;
	background-color: #F4F4F4;
}
/*************************************tabla opciones de  listas********************************************/
.tableta { 
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; 
    font-size: 12px;    
    color: #0; 
    margin:1%;     
    width:90%; 
    text-align: left;    
    border-collapse: collapse; 
    }

/*.tableta td{  background: #e8edff;     border-bottom: 1px solid #fff;  color: #669;  }*/

.tableta td{
    background: #ECECEC;     
    border-bottom: 1px solid #fff;  
    color: #0;  
    }

/*.tableta td:hover  { background: #d0dafd; color: #339; }*/

.tableta td:hover {background: #ECECEC; color: #0; }

/**********************************tablapie****************************************************************/
.tablapie {     font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;    margin:1%;     width:80%; text-align: left;    border-collapse: collapse; }

.tablapie  td{  background: #0F9CC6; 
    color: #FFFFFF;  }

.tablapie td A:link {text-decoration:none;color:#0000cc;} 
.tablapie td A:visited {text-decoration:none;color:#ffcc33;} 
.tablapie td A:active {text-decoration:none;color:#ff0000;} 
.tablapie td A:hover {text-decoration:underline;color: #FFFFFF;
 
  } 


/*.tableta td:hover  { background: #d0dafd; color: #339; }*/



/*******************************Estilo tabla**************************************************************/
.tabla{
    border-color: #FFFFFF;
	/*background-image: url('../images/fondo.png';*/
	/*background:url(../images/fondo.png);*/
	text-align:left;
	padding:7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	font-style: normal;
	font-weight:;
	color: #666666;
	border-radius: 15px;
	}


.tabla p{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	font-style: normal;
	/*font-weight: ;*/
	color: #333333;  /* falta font-type */
	
}
.tabla select { 
font-family: "Times New Roman", Times, serif;
font-size: 16px;
color: #000000;
background-color:#F4F4F4;
border: solid 2px  #CCCCCC;
}
.tabla #email { 

    width: 300px;
	height:20px;
  
}
.tabla #emaile { 
 
    width: 300px;
	height:20px;
  
}
.tabla #domicilio{ 

    width: 300px;
	height:20px;
   
}
.tabla #razon{ 
     width: 300px;
	height:20px;
   
}
/**********************************************sesion*******************************************************/
.textusuario {
      width:150px;height:30px;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    display: block;
    border: solid 2px  #CCCCCC; 
	
}
.textpass {
    width:150px;height:30px;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    display: block;
    border: solid 2px  #CCCCCC; 
	
}
.inputBoton{
width:150px;
height:35px;
color:#FFFFFF;
background-color:#33b5e5;

}
.inputBoton hover {
border-color:#FFFFFF;

}
.loginletra{
  margin: 0 0 20px;
  color: #33b5e5;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.datosi{
  margin: 0 0 20px;
  color: #999999;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
/************************************************************************************************************/
.tabla #asiento {
   width: 40px;
	height:20px;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 2px  #CCCCCC; 
    background-color: #F4F4F4;
}

/**********************************************************************************************************/
option {
 font-family: "Times New Roman", Times, serif;
  font-size: 16px; 
  color: #000000; 
  background-color:#F4F4F4;
 }


/*Color espacio  de titulo*/
.divTitulo {
	background-color: #009999;
	/*border: thin solid #FFFFCC;*/
-moz-border-radius: 15px 55px 5px;
-webkit-border-radius: 15px 55px 5px;
border-radius: 15px 55px 5px;
	height: 100px;
}
.divTitulo h1{
    margin:0;
	padding:0;
	font-family: "Gill Sans MT";
	font-size: 24px;
	color: #FFFFFF;
}


/*Estilo para el div del ingreso al sistema*/
.divLayerIngresoSistema{
	position:absolute;
	
	height:501px;
	z-index:1;
	left: 82px;
	top: 32px;
	background-color: #FFFFFF;
}

	
.fieldset {
border:2px  double  #DAD2C0; /* Borde */
background: #FFFFFF; /* Color de fondo */
color: #DAD2C0; /* Color del texto de todo el contenido */
width: 97%;
}
fieldset legend {
text-align:left;
font-family: Arial, Helvetica, sans-serif; /* Puedes cambiarlo por center o right */
 /* Estilo de la fuente del título */
color: #857545; /* Color del título */
}

.fieldset1 {
border:2px  double #CCCCCC; /* Borde */
background: #E1E1FF ; /* Color de fondo */
color:#000; /* Color del texto de todo el contenido */
}
fieldset1 legend {
text-align:left; /* Puedes cambiarlo por center o right */
font-weight: bold ; /* Estilo de la fuente del título */
color: #999999; /* Color del título */
}
	
	
	
	/*  Estilo mensaje*/
	
.info {
  background-position: 10px center;
  background-repeat: no-repeat;
  font-family: Tahoma;
  font-size: 13px;;
  margin: 10px 0px;
  padding: 15px 10px 15px 55px;
}
.info {
	background-color: #C4F4D9; /* el color de fondo */
    color: #666666;  /* el color del texto */
	border-radius: 8px;

}

.mod {
	background-color: #FFFFCC; /* el color de fondo */
    color: #666666;  /* el color del texto */
	border-radius: 8px;
}
.ayuda {

	background-color: #E9E0C5 ; /* el color de fondo */
    color: #336699;  /* el color del texto */
	border-radius: 8px;
	width: 267px;
	height:30px;
	
}
.Estilo2 {
	color: #333333;
	font-weight: bold;
}
.Estilo3 {
	color: #FFFFFF;
	font-weight: bold;
}
/**************************************BUSQUEDA DINAMICA AUTOCOMPLETAR*****************************************************/
.suggestions {display:none;}

.suggest-element{
margin-left:5px;
margin-top:5px;
width:350px;
cursor:pointer;
}
.suggestions {
width:350px;
height:250px;
color:#0033FF;

}
/*********************************************PAGINACION************************************************************************/
.pagination {
    height: 36px;
    margin: 18px 0;
	
	
}
.pagination ul {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}
.pagination li {
    display: inline;
}
.pagination a {

    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 34px;
    padding: 0 14px;
    text-decoration: none;
}
.pagination a:hover, .pagination .active a {
    background-color: #F5F5F5;
	font-weight:bold;	
	font-size:100%;	
	
	/**/	
}
.pagination .active a {
    color: #999999;
    cursor: default;
}
.pagination .disabled a, .pagination .disabled a:hover {
    background-color: transparent;
    color: #999999;
    cursor: default;
}
.pagination li:first-child a {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
    border-radius: 0 3px 3px 0;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
/********************************************************nuevo tabla*********************************************************/
.table {      font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;    margin: 0px;     width: 100%; text-align: center;     border-collapse: collapse; }

.table th {     font-size: 13px;     font-weight: normal;     padding: 1px;     background: #b9c9fe;
    border-top: 4px solid #aabcfe;    border-bottom: 1px solid #fff; color: #039; height:10px;}

.table td {    padding: 1px;     background: #e8edff;     border-bottom: 1px solid #fff;
    color: #669;    border-top: 1px solid transparent; }

.table tr:hover td { background: #d0dafd; color: #339; }
/********************************************************nuevo tabla1*********************************************************/
.table1 {     font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;    width: 60%; text-align: left;  }

.table1 th {     font-size: 13px;  background:#999999;
    border-top: 4px solid #aabcfe;    border-bottom: 1px solid #fff; color: #039; height:10px;}

.table1 td {    padding: 3px;     background: #e8edff;     border-bottom: 1px solid #fff;
    color: #669;    border-top: 1px solid transparent; }

.table1 tr:hover td { background: #d0dafd; color: #339; }
/*************************************************************************************************************************/
.logo{ background-image: url('../images/largo3.jpg');
height:175px;
width:1200px;

 } 
/*****************************************************SESION*************************************************************/