/* page */

#page
{
    width: 786px;
    margin: 0 auto;
}

.inner
{
  padding: 10px 10px;
}

/* header */

#header
{
   background-position: left top;
   clear: both;
   height: 135px;
   background: url(images/layout/fondo_head.png); /*#60b8dd*/
}

#header a img
{
	border-style: none;
    font-size: 0.9em;
    margin-right: 10px;
}

#barra_informacion
{
   color: White;
   font-family: Verdana;
   font-size: 8pt;
   font-weight: bold;
   background-position: left top;
   clear: both;
   width: 786px;
   height: 28px;
    background: url(images/layout/barra_horizontal.png);
   text-align: right;
   vertical-align: top;   
}

#barra_informacion img
{
   border-bottom-style: none;      
}

#barra_informacion a img
{
   border: none 0px #ffffff;
   border-style: none;
   text-decoration: none;
}

#barra_informacion a
{
   border-style: none;
   text-decoration: none;
}


#barra_informacion a:selected
{
   border-style: none;
   text-decoration: none;
}


/* navbar 
#navbar
{
   background: url(images/layout/fondo_navbar.png) no-repeat;
   background-position: left top;   
   font-family: Arial, Verdana, Serif;
   font-weight: bold;
   font-size: 8pt;
   line-height: 1.70em;
   padding-right: 10px;
   padding-left: 10px;
   margin: 0px;
   left: 0px;
   right: 0px;
   top: 0px;   
   border-left: solid 2px #808080;
}

#navbar span
{
   color: #666666;
   text-decoration: none;
   font-weight: normal;
   padding: 0 1em 0 0;
}

#navbar a
{
   color: #666666;
   text-decoration: none;
   padding: 0 0 0 0;
}

#navbar a:hover
{
    color: #023064;
    text-decoration: none;
}

#navbar ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#navbar ul ul li
{
    display: block;
    padding: 0px 0px 0 10px;
    
}

#navbar ul ul li
{
    text-decoration: none;
}

#navbar ul ul, #navbar ul ul ul
{
    display: none;
}

#navbar ul li ul li:hover
{
   background-color: #cccccc;
}
#navbar ul li:hover
{
   background-color: #eeeeee;
   border: solid 1px silver;   
}

#navbar ul li:hover ul, #navbar ul ul li:hover ul, #navbar ul ul ul li:hover ul
{
   display: block;
   position: static;
   left: 10px;
   width: 140px;
}

#navbar .titulo
{
   width: 120px;   
   display: block;
   font-weight: bold;
   color: black;
   padding: 5px 10px 5px 10px;
   background: url(images/icons/boton_menu3.gif) no-repeat;
}

#navbarAccesoRestringido
{
   background-position: left top;
   width: 140px;
   height: 200px;
   font-size: 8pt;
   padding: 5px;
   background: url(images/layout/fondo_acceso_restringido1.gif) no-repeat;
}
#navbarAccesoRestringido .tituloAccesoRestringido
{
   height: 30px; 
   width: 110px;
   font-size: 8pt;
   font-weight: bold;
   color: white;
}
#navbarAccesoRestringido ul li:hover
{
   width: 130px;
}

#navbarAccesoRestringido ul li:hover ul li
{
   width: 120px;
}
*/

#principal
{
   top: 0px; 
   right: 0px; 
   bottom: 0px; 
   left: 4px;
   float: left;

   width: 418px;   
   height: 820px;                         /*   interior de la web --->  PARA AGRANDAR WEB */
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 23px;
   font-family: Arial, Verdana, Serif;
   font-weight: bold;
   font-size: 10pt;
}

#principal td
{  
  
  /*background: url(images/layout/fondo_destacado_central.png) no-repeat;*/
   background: url(images/layout/borde_central.gif) no-repeat;
   width: 410px;
   height: 140px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

#principal ul
{   
   left: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #666666;
    list-style-position: inside;
}

#principal img
{
   /*height: 90px;
   width: 100px;*/
   float: left;
   padding-right: 10px;
}

#principal span
{
   font-family: Arial;
   line-height: 2em;
   color: #2E9DCD;
   padding: 0;
   margin: 0;
}

#principal a
{
   padding: 0;
   margin: 0;
   font-size: 9pt;
   color: #666666;
   text-decoration: none;
}
#principal a:hover
{
   padding: 0;
   margin: 0;
   font-size: 9pt;   
   color: #666666;
   text-decoration: underline;
}

#iconbar
{
 background: url(images/layout/fondo_navbar.png) no-repeat;
   background: url(images/layout/fondoNav.gif) repeat; /*background-position: left top;*/
   
   
   background-color: Transparent;
   background-position: left top;   
   left: 0px;
   right: 0px;
   top: 0px;
   float: right; /*border: solid 1px red;*/
   padding-left: 0px;
   margin: 0px;
   left: 0px;
   right: 0px;
   top: 0px;
   width: 158px;      
   height: 820px;   /*   lado derecho de la web --->  PARA AGRANDAR WEB */
   /*border-left: solid 2px #808080;*/
}

#iconbar td
{     
   padding-left: 3px;
}
#iconbar img
{
   border-bottom-style: none;   
   padding-bottom: 5px;
   width: 149px;  
   height: 103px;
}

#iconbar a img
{
   border: none 0px #cccccc;
   border-style: none;
   text-decoration: none;
}

#iconbar a:selected
{
   border-style: none;
   text-decoration: none;
   color: #cccccc;
}

#NavbarIframe   											 /* xxxxxxxxxxxxxxxxx  lado izquierdo de la web xxxxxxxxxxxxxxxxxxxx */
{
   width: 160px;
   height: 820px;        /*   lado izq de la web --->  PARA AGRANDAR WEB */
   padding: 0px 0px 0px 0px;
   top: 0px; 
   right: 0px; 
   bottom: 0px; 
   left: 0px;
   /*border: solid 1px red;*/
/*background-color: #f2f2f2;*/ 
}

#MainIframe
{
   /*border: solid 1px red;*/
   width: 626px;
   height: 820px;                   /*    --->  PARA AGRANDAR WEB */                          /*  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
   margin: 0;
   padding: 0;
   top: 0px; 
   right: 0px; 
   bottom: 0px; 
   left: 0px;
   
  /* background: url(images/layout/fondo.png) repeat;*/
  
  /*  Degradado de fondo */
background: #fdfcf8; /* Old browsers */
background: -moz-linear-gradient(top, #fdfcf8 0%, #f1ead8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfcf8), color-stop(100%,#f1ead8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdfcf8 0%,#f1ead8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdfcf8 0%,#f1ead8 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fdfcf8 0%,#f1ead8 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcf8', endColorstr='#f1ead8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fdfcf8 0%,#f1ead8 100%); /* W3C */
  /* >>------> Degradado de fondo <-------<<   */

}

#SecondIframe  /* Usado en las consultas de Rentas*/
{   
   width: 400px;
   height: 80px;                
   margin: 0;
   padding: 0;
   top: 0px; 
   right: 0px; 
   bottom: 0px; 
   left: 0px;
}

#ThirdIframe  /* Usado en las consultas de Rentas*/
{
   width: 400px;
   height: 300px;                
   margin: 0;
   padding: 0;
   top: 0px; 
   right: 0px; 
   bottom: 0px; 
   left: 0px;
}

/* content */
#content
{
    clear: both;
    padding: 20px 0;
    min-height: 300px;
}


/* footer */

#footer
{
   font-size: 8pt;
   /*border-top: 5px solid #60b8dd; /*background-color: #eeeeee;*/
   padding: 1em 1.5em;
   clear: both;
   background: #cccccc url(images/layout/separador_footer.png) no-repeat top;   
}
#footer td
{
   font-size: 8pt;
}

/* align */

.left
{
    float: left;
}

.right
{
    float: right;
}

.clear
{
    clear: both;
}

.center
{
    text-align: center;
}

/* columns */

.col10, .col15, .col20, .col25, .col30, .col33, .col40, .col50, .col60, .col66, .col70, .col75, .col80, .col90
{
    vertical-align: top;
}

.col10
{
    width: 10%;
}
.col15
{
    width: 15%;
}
.col20
{
    width: 20%;
}
.col25
{
    width: 25%;
}
.col30
{
    width: 30%;
}
.col33
{
    width: 33%;
}
.col40
{
    width: 40%;
}
.col50
{
    width: 50%;
}
.col60
{
    width: 60%;
}
.col66
{
    width: 66%;
}
.col70
{
    width: 70%;
}
.col75
{
    width: 75%;
}
.col80
{
    width: 80%;
}
.col90
{
    width: 90%;
}

/*  BANNER NIŅOS DESAPARECIDOS  ******* */

img{
border: none;
}

.logo_sus_personas{
	background-image: url(/estilos/portal/images/logos/encontrar_chicos.gif);
	background-repeat: no-repeat;
	width: 109px;
	height: 118px;
	float: right;
}

.divCont_sus_pers{
	background-color: #a7b520;
	height: 118px;
	width: 300px;
}

.divTxt_sus_pers{
	width: 180px;
	height: 118px;
	padding: 7px 3px 3px 5px;
	float: left;
	color: #fff;
	font-size: 1.2em;
}

.centrar{
	text-align: center;
}