#contenedor_convocatoria{
        text-align: left;
        /*width: 750px;*/
        width: auto;
        margin: auto;}

#lateral_convocatoria{
width: 420px;  /*Este será el ancho que tendrá tu columna*/
/* background-color: #CCCCCC;  Aquí pon el color del fondo que quieras para este lateral*/
float:left; /*Aqui determinas de lado quieres quede esta "columna" */
}

#principal_convocatoria{
margin-left:435px; /*Este margen hace que no se encime el contenido en tu menúlateral, es     importante que pongas un pocos pixeles más que el ancho  de tu columna lateral*/
background-color: #CEE3F6; 
border:#000000 1px solid; /*ponemos un dorde para que se vea bonito*/
}
        
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }


.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
        height: auto;
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
}



.modalDialog {
        height: auto;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.panel_color{
       background-color: transparent; 
}


#top {
    position: relative;
    background-color: #036fab;
    color: white;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

#bottom {
    position: relative;
    background-color: #c2dfef;
    padding: 5px;
    margin: 10px 0px 0px 0px;
}

#left {
    float: left; 
    position:float;
    background-color:#eeeeee;
    padding: 0px;
    width: 175px;
    
}

#right {
    float: right;
    background-color: #ece3a5;
    padding: 0px;
    width: 150px;
}

.center_content {
    position: relative;
    /*background-color: #dddddd;*/
    padding: 5px;
}


.right_content {
    background-color: #dddddd;
    padding: 5px;
    margin: 0px 170px 0px 170px;
}

.left_content_tramite {
    background: #eeeeee;  
    position:absolute;    
    left: 0px;
    width: 1200px;
    padding-left:0px;
    padding-right: 0px;       
    padding-top: 0px;
    padding-bottom: 0px;    
    z-index: 1;
    border: 1px solid  #CCCCCC;
}

.center_content_tramite {   
    left:188px;
    height:auto;
    width: auto; 
    /*padding: 200px;*/
    position: absolute;

    padding-left:5px;
    padding-right: 5px;        
    padding-top: 5px;
    padding-bottom: 5px;
    /*border: 1px solid  #eeeeee;*/
}

.menu_tramite{
    /*background:#eeeeee; */
    background:white;
}


#top a:link, #top a:visited {
    color: white;
    font-weight : bold;
    text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
    color: black;
    font-weight : bold;
    text-decoration : underline;
}


.title_panel{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  12px;
    color: #D20005;
}

.label{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  12px;
    color: #045491;
}

.label_input{
    /*text-transform:uppercase;*/
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  11px;
    color: #045491;
}

.label_menu{
    /*text-transform:uppercase;*/
    font-family:  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  11px;
    font-weight: normal;
}

.label_submenu{
    /*text-transform:uppercase;*/
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  11px;
    font-weight: normal;
}

.label_button{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  12px;
    color: #ffffff;
}

.label_commandlink{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  11px;
    font-weight: normal;
}


.error{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  11px;
    color: #D20005;
}

.panel_logout{
    border: 0px solid white;
    color: white;
    font-family: Helvetica, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  11px;
    width: 134px;
    height: 27px;
    background-color: #EB0000;
    text-align: center;
    vertical-align: middle;
    padding-top: 9px;
    padding-right: 4px;
    margin-top: -1px;
    margin-bottom: -1px;
    float: none; 
}

.panel_logout a{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  12px;
    color:white;
    font-weight:700;
}

.dropdown{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  11px;
}

.datatable{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  100%;
    color:red;
    font-weight:700;
}

.datatable_cabecera{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  100%;
    color: black;
    text-align: center;
}

.datatable_row_group{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  100%;
    font-weight:normal;
    color:black;
    text-align: left;

}

.datatable_row_txt{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  100%;
    color:black;
    text-align: left;
}

.datatable_row_num{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  100%;
    color:black;
    text-align: right;
}

.datatable_sum{
    font-family: Arial, "Arial CE", "Lucida Grande CE", "lucida", "Helvetica CE", "sans-serif";
    font-size:  100%;
    color:      black;
    text-align: right;
}

.panelgrid_col_row{
    color:gray;
}


.pic {
    margin-top: -5px;
    margin-bottom: -5px;
    margin-right: 2px;
}

.icono_casa{
    border: 0px solid white;
    color: white;
    font-family: Helvetica, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  10px;
    width: 32px;
    height: 29px;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 7px;
    padding-left: 2px;
    margin-top: -1px;
    margin-bottom: -1px;
    float: left;  
}

.icono_casa a{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  12px;
    color:white;
    font-weight:700;
}
.banner_titulos{
    border: 1px solid #CCCCCC;
    font-family: Helvetica, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  9px;
    width: 260px;
    height: 25px;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
    padding-bottom: 2px;
    float: none; 
}
.banner_titulo_s{
    border: 1px solid #CCCCCC;
    font-family: Helvetica, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  9px;
    width: 200px;
    height: 25px;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
    padding-bottom: 2px;
    float: none; 
}
.banner_titulo_m{
    border: 1px solid #CCCCCC;
    font-family: Helvetica, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  9px;
    width: 250px;
    height: 25px;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
    padding-bottom: 2px;
    float: none; 
}
.banner_titulo_ml{
    border: 1px solid #CCCCCC;
    font-family: Helvetica, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  9px;
    width: 280px;
    height: 25px;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
    padding-bottom: 2px;
    float: none; 
}
.space{
    width: auto;
    height: 10px;
    padding-top: 0;
    padding-bottom: 0;
    float: none; 
}
.space_12{
    width: auto;
    height: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    float: none; 
}
.space_14{
    width: auto;
    height: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
    float: none; 
}
#outerDiv{
    min-height: 500%; 
}
div.autosize { display: table-row-group; width: 1px; }
div.autosize > div { display: table-cell; }
#innerDiv{
    border: 1px solid #CCCCCC;
    height: 24px;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-right: 20px;
}
#innerDivBckPq{
    border: 0px solid #FFFFFF;
    height: 20px;
    background-color: #E9E9E9;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.center_pass {
    margin-top: 10%;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    POSITION:relative;
    HEIGHT: 240px;
    vertical-align:middle;
    width: 430px;
    padding: 0px;
    background-image: url(../../images/system/plusnet-login.jpg);
    background-position: center center;
}
.center_passform {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    POSITION:relative;
    height: auto;
    width: auto;
    vertical-align:middle;
    padding-top:  100px;
    padding-left:   80px;
    padding-right:  30px;
}
.center_ingreso {
    POSITION:relative;
    height: 10px;
    width: 200px;
    vertical-align:middle;
    padding-top:  10px;
    padding-left:   80px;
    padding-bottom: 10PX;
    background-position: center center;
}
.center_cambio {
    POSITION:relative;
    height: 10px;
    width: 200px;
    vertical-align:middle;
    padding-top:  5px;
    padding-left:   234px;
    padding-bottom: 10px;
    background-position: center center;
}
.label_pass{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  12px;
    color: #E9E9E9;
}
.label_commandlinkps{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  11px;
    color: #B0C4DE;
}