/* 2009 Equipo NTG */
/* CSS para layout DT*/
/* media: Screen */

/* ::::::::::::::: REDEFINICION ELEMENTOS HTML ::::::::::::::: */
*
{
    margin: 0;
    padding: 0;
}
body
{
    background: #fff url(../images/fondo.gif) repeat-x center top;
    font-family: Arial, Helvetica, sans-serif;
    color: #4D4D4D;
    margin: 0;
    padding: 0;
    text-align: center;
}
img
{
    border: none;
}

hr
{
    color: #CCCCCC;
    background-color: #CCCCCC;
    height: 1px;
    border: 0;
    margin: 10px 0 10px 0;
}



td
{
}

h1
{
}
h2
{
}
h3
{
}
h4
{
}
h5
{
}
h6
{
}

strong, b
{
}
a:link
{
}
a:visited
{
}
a:hover
{
}
a:active
{
}

/*:::::::::::::::CONTENEDOR PANELES :::::::::::::::*/

#container
{
    width: 980px;
    margin: 0 auto;
    text-align: left;
}
#container:after
{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*::::::::::::::: PANELES :::::::::::::::*/

/*logo del canal y menú auxiliar*/

#header
{
    clear: both; /*height: 78px;*/
    margin: 0;
}

#header h1
{
    /*margin: 5px 0 0 0 ;*/
    padding: 0;
    color: #999;
    font-size: 1.5em;
    float: left;
}

#header .logo
{
    margin: 5px 0 5px 0;
    padding: 0;
    float: left;
}


#header ul
{
    float: right;
    margin: 1.8em 0 0 0;
    list-style: none;
}
#header li
{
    margin: 0;
    float: left;
    padding-right: 0.5em;
}


#header ul li a
{
    font-size: 0.7em;
    padding: 0.5em 0.8em 0.3em 0.8em;
    color: #666;
    text-decoration: none; /*float : left;*/
    background: url(../images/bullet_ul_header.gif) no-repeat left 1em;
}

#header ul li a:hover
{
    text-decoration: none;
    background-color: #fdfed8;
    color: #ee7f22;
}

#header .buscar
{
    margin: 3px 0 0 0;
}
#header .buscar input
{
    font-size: 0.7em;
    float: left;
    height: 20px;
    border: 1px solid #ccc;
}
#header .buscar button
{
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}


/*menu principal*/


#nav
{
    background: url(../images/fondo_nav.gif) no-repeat center top;
    margin: 0;
    padding: 0;
     width:980;
}

.menuportales
{
    float: left;
    margin: 0;
    padding-right: 7px;
    border-right: 1px dotted white;
}

.menuportales #current
{
    color: #f15a25;
    background: url(../images/fondo_nav_active.gif) center bottom no-repeat;
}
.menuportales ul
{
    padding: 0;
    margin: 0;
}
.menuportales ul li
{
    display: inline;
    float: left;
    padding: 3px 5px 5px 5px;
}
.menuportales ul li a
{
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    text-decoration: none;
    padding: 1px 5px 1px 5px;
    float: left;
    text-align: center;
}
.menuportales ul li a:hover
{
    background-color: #f15a25;
    background: url(../images/fondo_nav_hover.gif) center bottom no-repeat;
}

.menuportales .inicio
{
    width: 50px;
    height: 35px;
    line-height: 25px;
}

.menuportales .tramites
{
    width: 80px;
    height: 35px;
}

.menuportales .dictamenes
{
    width: 100px;
    height: 35px;
}

.menuportales .consultas
{
    width: 75px;
    height: 35px;
}

.menuportales .documentacion
{
    width: 110px;
    height: 35px;
}

.menuportales .prensa
{
    width: 60px;
    height: 35px;
}


/*Menu publicos*/

.menupublicos
{
    margin: 0.2em 0.5em 0 0;
    float: right;
}

.menupublicos #current
{
    color: #f15a25;
    background: url(../images/fondo_nav_active.gif) center bottom no-repeat;
}
.menupublicos ul
{
    font-size: 11px;
    padding: 0; /*width: 100%;*/
}
.menupublicos ul li
{
    display: inline;
}

.menupublicos img
{
    float: left;
}
.menupublicos ul li a
{
    padding: 8px 8px 10px 5px;
    color: #fff;
    text-decoration: none;
    float: left;
    margin: 1px;
}
.menupublicos ul li a:hover
{
    background-color: #fff;
    background: url(../images/fondo_nav_hover.gif) center bottom no-repeat;
}

/* Zona de Contenidos*/

#main
{
}

#main h1
{
    float: left;
    color: #4C71A2;
    font-weight: bold;
    font-size: 1.8em;
    margin: 5px 0 0 0;
}

/*columna izquierda*/

.aside
{
    width: 178px;
    /*width: 204px;*/
    float: left; /*background-color: #e1e1e1;*/ 
     margin: 15px 22px 0 0;
    /*margin: 15px 1px 0 0;*/
}

#aside p, #aside2 p
{
    font-size: 0.8em;
}

#aside strong #aside2 strong
{
}

#aside a:link, #aside2 a:link
{
    color: #336699;
}

#aside a:visited, #aside2 a:visited
{
    color: #666699;
    text-decoration: underline;
}

#aside a:hover, #aside2 a:hover
{
    text-decoration: none;
}

#aside a:active, #aside2 a:active
{
}

#aside ul, #aside2 ul
{
    font-size: 0.8em;
    list-style: none;
}

#aside li, #aside2 li
{
}



/*columna central grande, funciona sin aside2*/
.section2
{
    background: url(../images/bg_main.gif) repeat-x top;
    border-top: 1px solid #CCCCCC;
    width: 778px; /*width: 800px;*/
    margin-top: 15px;
    float: left;
}


.section2 h3
{
    color: #4C71A2;
    font-weight: bold;
    font-size: 1em;
    margin: 5px 0 5px 0;
}


/*::::::::::::::: REPRESENTACIONES :::::::::::::::*/
.botoneraPopup
{
    width: 100%;
    background-color: #DDDDDD;
    text-align: right;
}
.modalBackground
{
    background-color: #000000;
    filter: alpha(opacity=75);
    opacity: 0.75;
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
}
.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-color: Gray;
    padding: 3px;
    width: 230px;
}


/*navegacion*/

.navegacion
{
    margin: 5px 0 10px 0;
    font-size: 0.6em;
    text-align: right;
}

.navegacion a
{
    color: #4D4D4D;
}

.navegacion a:hover
{
    text-decoration: none;
}

/*menu izquierdo*/

#usuario
{
    float: right;
    width: auto;
    margin: 18px 0 0 0;
}

#usuario p
{
    font-size: 0.7em;
    text-align: right;
}

#usuario .user
{
    padding: 2px 15px 4px 22px;
    background: #fff url(../images/bg_user.gif) no-repeat left 1px;
    border-right: 1px solid #ccc;
}

#usuario .ayuda
{
    padding: 2px 0 2px 20px;
    background: #fff url(../images/bg_ayuda.gif) no-repeat left bottom;
}

#usuario .salir
{
    padding: 2px 0 2px 20px;
    background: #fff url(../images/bg_salir.gif) no-repeat left bottom;
}

#usuario a
{
    color: #DA743B;
    text-decoration: none;
    font-weight: bold;
}

#usuario a:hover
{
    text-decoration: underline;
}


/*lista menu*/

.listaitemizada2
{
    background: url(../images/bg_tit0.gif) top left no-repeat;
    line-height: 0.9em;
    width:178px;
}

.listaitemizada2 h2
{
    color: #768198;
    background: url(../images/bg_tit0_right.gif) top right no-repeat;
    font-size: 0.8em;
    padding: 0px 0 5px 10px;
    font-family: "Trebuchet" , Arial, Helvetica, sans-serif;
}

.listaitemizada2 h2
{
    border-bottom: 1px solid #ebebf3;
    padding-top:7px;
}


.listaitemizada2 .current
{
    color: #4C71A2;
    font-weight: bold;
   /* background: url(../images/bullet_lista_current.gif) no-repeat left 4px;*/
}
.listaitemizada2 ul
{
    font-size: 0.8em;
    padding: 0.5em 0 0.5em 0;
    list-style: none;
}

.listaitemizada2 ul
{
    border-right: 1px solid #d1d2d4;
    border-left: 1px solid #d1d2d4;
    border-bottom: 1px solid #d1d2d4;
}

.listaitemizada2 ul li
{
	padding-bottom:8px;	
}

.listaitemizada2 ul li a
{
    /*padding: 0 0 1em 0.1em;*/
    color: #DA743B;
    line-height: 10px;
    text-decoration: none;
    background: url(../images/bullet_lista_link.gifo) no-repeat left;
}


.listaitemizada2 ul li a:hover
{
    text-decoration: underline;
}

/*opciones del trámite*/

#solapas
{
    float: left;
    width: 100%;
    background: #ffffff url("../images/bg_solapas2.gif") repeat-x bottom;
    font-size: 11px;
    line-height: normal;
}
#solapas ul
{
    margin: 0;
    padding: 0 10px 0 10px;
    list-style: none;
}
#solapas li
{
    float: left;
    background: url("../images/left.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 12px;
}
#solapas a
{
    float: left;
    display: block;
    background: url("../images/right.gif") no-repeat right top;
    padding: 5px 17px 4px 6px;
    text-decoration: none; /*font-weight:bold;*/
    color: #4D4D4D;
}
#solapas a:hover
{
    text-decoration: underline;
}
#solapas .current
{
    background-image: url("../images/left_on.gif");
    font-weight: bold;
}
#solapas .current a
{
    background-image: url("../images/right_on.gif");
    color: #4C71A2;
    padding-bottom: 5px;
}


/*tramite*/

#tramite
{
    background: #F2F2F2;
    line-height: 1.3em;
    border-right: 1px solid #d1d2d4;
    border-left: 1px solid #d1d2d4;
    border-bottom: 1px solid #d1d2d4;
    padding: 30px 15px 20px 15px;
}

#tramite p
{
    font-size: 12px;
    border-collapse: collapse;
}


#tramite table
{
    border-collapse: collapse;
    font-size: 12px;
    text-align: left;
    width: 100%;
    clear: both;
}


#tramite caption
{
    font-size: 13px;
    text-align: left;
    color: #4C71A2;
    font-weight: bold;
    padding: 5px 0 5px 0;
    margin: 0;
    text-transform: uppercase;
}

#tramite .formulario th
{
    border-collapse: collapse;
    text-align: center;
    padding: 7px 0 7px 15px;
}

#tramite .formulario td
{
    border-collapse: collapse;
    text-align: left;
    padding: 7px 0 7px 15px;
}

#tramite .containerX td
{
    border-collapse: collapse;
    padding-left: 0px;
}

#tramite .formulario td:first-child
{
    width: 30%;
}

#tramite .caja
{
    font-size: 12px;
    border: 1px solid #CCCCCC;
    padding: 2px;
}

#tramite .gris
{
    background-color: #EBEBEB;
}

#tramite .boton
{
    margin: 10px 0 0 10px;
    float: right;
    background: #34679a url("../images/bg_boton.gif") repeat-x top;
    padding: 3px 5px 3px 5px;
    font-size: 13px;
    color: #fff;
    border: 1px solid #34679a;
}

#tramite .boton2
{
    background: #34679a url("../images/bg_boton.gif") repeat-x top;
    font-size: 11px;
    color: #fff;
    border: 1px solid #34679a;
    margin-top: 4px;
    padding: 2px 2px 2px 2px;
}

#tramite .botonmodal
{
    float: right;
    background: #34679a url("../images/bg_boton.gif") repeat-x top;
    padding: 3px 5px 3px 5px;
    font-size: 13px;
    color: #fff;
    border: 1px solid #34679a;
}
#tramite .formulario2 th
{
    border-collapse: collapse;
    text-align: left;
    padding: 0px;
}

#tramite .formulario2 td
{
    font-size: 11px;
    border-collapse: collapse;
    text-align: left;
    padding: 0px;
}

#tramite .formulario2 td:first-child
{
    width: 0%;
}
.datos
{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width: 100%;
    clear: both;
    background-color: #fff;
}


.datos th
{
    font-size: 11px;
    text-align: center;
    background-color: #4C71A2;
    border-collapse: collapse;
    padding: 5px 5px 5px 5px;
    color: #fff;
    border-right: 1px solid #fff;
    line-height: 13px;
    font-weight: normal;
}

.datos th a
{
    text-decoration: underline;
    color: #fff;
}

.datos th a:hover
{
    text-decoration: none;
    color: #fff;
}


.datos td
{
    font-size: 11px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    text-align: center;
    padding: 5px 5px 5px 5px;
    background-color: #fff;
    line-height: 13px;
     
}

.datos .pager table
{
    width: 50%;
}

/*::::::::::::::: COLOFON :::::::::::::::*/

#footer
{
    width: 980px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 15px;
}

#footer p
{
    font-size: 0.7em;
    padding: 0.5em 0 0.5em 0;
    text-align: center;
}

#footer a:link
{
    color: #336699;
}

#footer a:visited
{
    color: #666699;
    text-decoration: underline;
}

#footer a:hover
{
    text-decoration: none;
}

#footer a:active
{
}

#footer ul
{
    font-size: 0.8em;
    list-style: circle inside;
}

#footer li
{
}

/*::::::::::::::: EL COMODIN :::::::::::::::*/

/*para que no se monten los div*/
.clearfix
{
    clear: both;
    overflow: hidden;
    max-height: 0;
    display: block;
}

/*Caracter obligatorio*/

.obligatorio
{
    color: #336600;
    background-color: #d5fe5e;
    padding: 0 2px 0 2px;
}

/*cuadros de advertencia*/

.advertencia
{
    background: #fff url(../images/bg_advertencia.gif) repeat-x bottom;
    border: 1px solid #cbd5af;
    padding: 0;
    margin: 15px 40px 20px 20px;
}

.advertencia h4
{
    color: #fff;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 18px;
    background: #4C71A2 url(../images/bgtit_advertencia.gif) no-repeat 4px;
    font-size: 14px;
    border: 1px solid #fff;
}

.advertencia p
{
    color: #4C71A2;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
}

/*Pagina error*/

.paginaerror
{
    margin: 30px 0 30px 0;
    padding: 40px 60px 40px 60px;
    width: 100%;
    border: 1px solid #CCCCCC;
    background: #e4f0f3 url(../images/bg_celeste.gif) repeat-x top;
    clear: both;
}

.icoadvertencia
{
    /*ico_advertencia.gif*/
    display: block;
    background: url(../images/ico_advertencia.gif) no-repeat center;
    width: 100%;
    height: 36px;
    text-align: center;
}

.paginaerror h1
{
    text-align: center;
    color: #768198;
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
    font-size: 1.5em;
    font-weight: normal;
}

.paginaerror p
{
    text-align: center;
    color: #4D4D4D;
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    font-size: 1em;
    font-weight: normal;
    clear: both;
}

.paginaerror a
{
    color: #4D4D4D;
}

.paginaerror a:hover
{
    text-decoration: none;
}

.paginaerror .boton
{
    background: #34679a url("../images/bg_boton.gif") repeat-x top;
    margin: 10px 0 0 10px;
    padding: 3px 5px 3px 5px; /*float:right;*/
    font-size: 13px;
    color: #fff;
    border: 1px solid #34679a;
    cursor: pointer;
}

.paginaerror .botones
{
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px dotted #ccc;
}

.dvhdr1
{
    background: #4C71A2 url(../images/ayuda.png) no-repeat 4px;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    border: 1px solid #4C71A2;
    padding: 5px;
    width: 250px;
    color: #FFFFFF;
}
.dvbdy1
{
    background: #fff url(../images/bg_advertencia.gif) repeat-x bottom;
    font-family: arial;
    font-size: 10px;
    border-left: 1px solid #4C71A2;
    border-right: 1px solid #4C71A2;
    border-bottom: 1px solid #4C71A2;
    padding: 5px;
    width: 250px;
}


/* Para que combobox tenga el mismo estilo de los textbox (caja) */
.ajax__combobox_textboxcontainer input
{
    font-size: 12px;
    border: 1px solid #CCCCCC;
    padding: 2px;
}

/* Estilo para grilla dentro de formulario */

.datosInner
{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width: 100%;
    clear: both;
    background-color: #fff;
}


.datosInner th
{
    font-size: 9px;
    text-align: center;
    background-color: #4C71A2;
    border-collapse: collapse;
    padding: 1px 1px 1px 1px;
    color: #fff;
    /*border-right: 1px solid #fff;*/
    line-height: 11x;
    font-weight: normal;
}

.datosInner th a
{
    text-decoration: underline;
    color: #fff;
}

.datosInner th a:hover
{
    text-decoration: none;
    color: #fff;
}


.datosInner td
{
    font-size: 9px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    text-align: center;
    padding: 1px 1px 1px 1px;
    background-color: #fff;
    line-height: 10px;
}

.datosInner .pager table
{
    width: 50%;
}

.tramiteDT
{
    background: #F2F2F2;
    line-height: 1.3em;
    border-right: 1px solid #d1d2d4;
    border-left: 1px solid #d1d2d4;
    border-bottom: 1px solid #d1d2d4;
    padding: 30px 15px 20px 15px;
}

.tramiteDT p
{
    font-size: 12px;
    border-collapse: collapse;
}

.tramiteDT ul
{
    font-size: 12px;
    border-collapse: collapse;
}