pre {
font-family:Verdana, sans-serif;
/*width: 100px;*/
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP */
	word-wrap: break-word;      /* IE 5+ */
overflow: hidden;

}

a {
   font-family:Verdana, sans-serif;
   font-size:12px;
   color: #006699;
   font-weight:normal;
   }

   .cont{
       width:100%;
   }
   
.form_standar_cap_panel {
        font-size:10px;
        color: #888888;
        padding:3px;
        text-align:right;
        }
/*
a:hover {
   font-family:Verdana, sans-serif;
   color: #006699;
   font-size:11px;
   font-weight:normal;
   }
*/

body {
      margin:0px;
      font-family:Verdana, sans-serif;
      font-size:9.0pt;
      width:100%;
      padding:0px;
      }

#main {
       
        margin-top:0px;
        margin-bottom:5px;
        width:1008px;
        height:95%;
        border:1px solid rgb(210,210,210);
               
       }



#container {
        height:90%;
        
        background:rgb(242,242,242);
        width:100%; 
        height:100%; 
        vertical-align:top;
      }
/*      
        filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100%);
        background:rgb(240,240,240) url('fondovus1.png') center 116px fixed no-repeat;
*/

#header_banner {
    height:109px;
    background:url(header.png) top left repeat-x !important
    }


#header {
    background:#336699;
    width:1022px;
    height:29px;
}

#header div {
    vertical-align:top;
    display:inline-block;
    height:29px;
}

#links {
    width:452px;
    border:0px solid yellow;
    text-align:center;
}

#tit_mod {
    width:550px;
    text-align:right;
    font-size:12px;
    padding-right:10px;
    color:white;
    border:0px solid red;
}


#header a {
    font-family:Verdana, sans-serif;
    font-size:9px;
    color:#FFFFFF;
    font-weight:bolder;         
    text-decoration:none;
    padding-left:10px;
    padding-right:10px;
}

#header a:hover {
    color:yellow;
}

#header #skyreg {
    font-size:12px;
    color:#CCCCCC;
}




#form_botones {
              height:29px;
              background:#4D4D4D;
              }


#titulo_pagina {
      font-family:Verdana, sans-serif;
      font-size:40px;
      color:#ffffff;
      font-weight:bolder;
      padding-top:190px;
      text-align:center;
}


.registro {
        font-size: 25px;
        color: #006699;
        font-family: Arial, sans-serif;
}

.reg_poderes {
        font-size: 20px;
        color: #006699;
        font-family: Arial, sans-serif;
}

.ver_arch {
        font-size: 20px;
        color: #006699;
        font-family: Arial, sans-serif;
}

#cerrar {
      color:#0099CC;
      text-decoration:none;
      font-size:8px;
}

#anterior {
      color:#ffffff;
      text-decoration:none;
      font-size:8px;
}

#welcome {
      vertical-align:top;
      font-size:8px;
      color:#FFFFFF;
      text-align:left;
      padding-top:9px;
      padding-left:0px;
      }

#usuario_nombre {
      vertical-align:top;
      font-size:8px;
      color:#0099CC;
      text-align:left;
      padding-top:9px;
      padding-left:0px;
      }
#info {
       background:#E8E8E8;
       }
#info td {
       font-family:Verdana, sans-serif;
       font-size:10px;
       background:#CCCCCC;
       color:#006699;
       padding-left:5px;
           /*font-weight:bolder;*/
       }


    #entrada_titulo {
            font-family:verdana, sans-serif;
            font-size:16px;
            text-align:center;
            padding:2px;color:rgb(0,102,153);
            }
    #entrada_parrafo_top {
            font-family:verdana, sans-serif;
            font-size:14px;
            text-align:center;
            padding:6px;
            color:rgb(0,102,153);
            
            }
    #entrada_parrafo_bottom {
            font-family:verdana, sans-serif;
            font-size:12px;
            text-align:justify;
            padding:8px;
            color:rgb(0,102,153);
            }
            
#login {
        position:relative;
        margin-top:0px;
        width:336px;
        height:272px;
        /*border:1px solid  #949494 !important;*/
        border:1px solid  #CCCCCC !important;
        background:#E8E8E8;
        }

#login_tit {
	    font-family:Verdana, sans-serif;
	    background-color:#336699;
	    border:1px solid #333333;
        color:#FFFFFF;
        font-size:20px;
	    height:32px;
	    text-align:center;
        }


.login_cap {

font-family:Verdana, sans-serif;
        font-size:10px;
        color:#006699;
        padding:3px;
        text-align:left;
        font-weight:normal;
        }
/************ Button ************/
.button {      
                /*padding: 4px 17px 4px 17px !important;*/

                /*
                border: 1px solid #949494 !important;
              
                background: #232323 url('button.png') top left repeat-x !important;
                display: inline-block;

                */



                background: url('button.png') top left repeat-x !important;
                height:22px;
                font-family: Verdana, sans-serif;
                font-size: 10px !important;
                cursor: pointer;
                color: #006699 !important;
                }

.b_small   {         width:50px;  }
.b_small1   {         width:70px;  }
.b_mediano {         width:80px;  }

.b_mediano2 {         width:100px;  }
.b_mediano3 {         width:113px;  }
.b_large   {         width:120px; }
.b_xlarge   {         width:180px; }
.b_mediano4 {         width:313px;  }

.button:hover {
                color: #0000FF !important;

                }


.buttonDis {    font-family: Verdana,  sans-serif;
                display: inline-block;
                background: #232323 url('button.png') top left repeat-x !important;
                border: 1px solid #949494 !important;
                color: #A0A0A0 !important;
                font-size: 10px !important;
                height:22px;
                padding-bottom:4px;
                }




/*
.button:active { padding: 5px 17px 3px 17px !important; }

a.remove-link {  color: #bb0000; }

a.remove-link:hover {  color: #000; }
*/

/************** reondeo *****************/

.button,
.buttonDis,

form input.text-input,
form input.text-view,
form textarea,
form textarea.text-view,
form textarea.text-input,
form select,
form select.text-input,
form select.text-view,
#login  {
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
            }





form input.text-input,
form textarea.text-input,
form select.text-input,
form select,
form textarea,

form input.text-view,
form textarea.text-view,
form select.text-view,

form select{
                padding: 3px;
                font-size: 10px;
                border: 1px solid #DADADA;
                color:#006699;
                font-family:Verdana, sans-serif;

                }

form input.text-view,
form select.text-view,
form textarea.text-view
{
                          /*
     background-color:#D6D6D6;
     color:#0099CC;
     color:#005EBB;
     border:1px solid #707070;
                            */
                border: 1px solid #DADADA;
     background-color:#E0E0E0;


}


.modulos a{

font-family:Verdana, sans-serif;
        font-size:10px;
         color:#006699;
         text-decoration:none;
         float:left;
}

.modulos a:hover{
font-family:Verdana, sans-serif;
        font-size:10px;
        color: #006699;
         text-decoration:none
}


.tabla_pago{
              border:1px solid  #cccccc !important;
             /* background:#cccccc;
              padding:5px;
              */
              margin:10px;
              }

.tabla_pago thead{

                 background:#E8E8E8;
				 
                 font-size:10px;
                 color: #006699;
                 height:39px;


                 /*text-align:center;*/
                 }

.tabla_pago thead td{

                 border-bottom:1px solid  #cccccc;
				
                 }

.tabla_pago tbody{
                 color: #006699;
                 font-size:10px;
                 background:#ffffff;
				
                 }


.tabla_tramite{
              border:1px solid  #cccccc !important;
             /* background:#cccccc;
              padding:5px;
              */
              margin:10px;
              }




.tabla_tramite thead{

                 background:#E8E8E8;

                 font-size:10px;
                 color: #006699;
                 height:39px;


                 /*text-align:center;*/
                 }

.tabla_tramite thead td{

                 border-bottom:1px solid  #cccccc;
                 }

.tabla_tramite tbody{
                 color: #006699;
                 font-size:10px;
                 background:#ffffff;
                 }




/*nuevos estilos para acordion  2010-01-29*/
    /*
#accordion div {
    background:rgb(255,255,255);
    border-left:1px solid #C0C0C0;
    border-right:1px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
    border-top:1px solid #D3D3D3;
    margin:0px;
    padding:10px;
    text-align:left;
    }


#accordion a {    
    font-family:Verdana, sans-serif;
    font-size:11px;
    }    
    
    
#tramites td { 

    font-family:Verdana, sans-serif;
    font-size:13px;
    color:#006699;    

 }    

h3 a { 
    font-family:Verdana, sans-serif;
    font-size:13px;
    color:#006699;    
    }
    
    
span {    
    font-size:10px;
    color:rgb(50,50,50);
    }

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


.form_standar_cap {
        font-size:10px;
        color: #006699;
        padding:3px;
        text-align:right;
        }

.form_standar_cap1 {
        font-size:10px;
        color: #006699;
        padding:3px;
        text-align:left;
        }

.form_standar_cap2 {
        font-size:10px;
        color: #006699;
        padding:3px;
        text-align:center;
        }

.form_crear_tramite {
        font-size:10px;
        color: #006699;
        padding:3px;
        text-align:left;
        }

.form_crear_tramite2 {
        font-size:10px;
        color: #006699;
        padding:3px;
        text-align:center;
        }


.no_data {
    font-family:Verdana, sans-serif;
    font-size:18px;
    color:rgb(220,220,220);
    border:1px solid rgb(100,100,100);
    background:rgb(70,70,70);
    padding:10px;
    display:table;

    margin:10px;
    margin-left: auto;
    margin-right: auto;
    }


.alt-row   {background: #EFEFEF;}
.white-row {background: #FFFFFF;}
.yellow-row{background: #727272;}


.msginfo{
   text-align:center;
   font-size:13px;
   font-family:Verdana, sans-serif;
   color: #006699;
}

.checkbox_cap{
   text-align:left;
   font-size:10px;
   font-family:Verdana, sans-serif;
   color: #006699;
}



.marco_table {
    background:rgb(232,232,232);
    border:1px solid #cccccc;
    padding:1px;
}

.marco_titulo {
    color: #006699;
    font-family:Verdana, sans-serif;
    font-size:12px;
    padding:5px;
    background:#E8E8E8;
    background:#CCCCCC;
    border-bottom:1px solid #CCCCCC;
}

/*
a {
   font-family:Verdana, sans-serif;
   font-size:12px;
   color: #006699;
   font-weight:normal;
   }

a:hover {
   font-family:Verdana, sans-serif;
   color:#0000FF;
   font-size:12px;
   font-weight:normal;
   }
*/

   /*

class="marco_table ui-corner-all"
class=marco_titulo
*/


.fake_field {

        padding: 3px;
        font-size: 10px;
        border: 1px solid #DADADA;
        color: #006699;
        font-family:Verdana, sans-serif;           
        background-color:#E0E0E0;
        
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
}  

.fake_field:hover {
        cursor:help;
}

.tabla_pago{
              border:1px solid  #cccccc !important;
             /* background:#cccccc;
              padding:5px;
              */
              margin:10px;
              }

.tabla_pago thead{

                 background:#E8E8E8;
				 
                 font-size:10px;
                 color: #006699;
                 height:39px;


                 /*text-align:center;*/
                 }

.tabla_pago thead td{

                 border-bottom:1px solid  #cccccc;
				
                 }

.tabla_pago tbody{
                 color: #006699;
                 font-size:10px;
                 background:#ffffff;
				
                 }


.white_grid tr:nth-child(even) {/*background: #CCC*/ }
.white_grid tr:nth-child(odd) {background: #FFF}

.white_grid tr:hover {/*background: #005EBB;*/}

.white_grid tbody td:hover {/*color: #ffffff;cursor:pointer;*/}

.white_grid {
           border-top:1px solid  #cccccc;
           border-left:1px solid  #cccccc;
           }

.white_grid td {
           border-right:1px solid  #cccccc;
           border-bottom:1px solid  #cccccc;
           }

.white_grid thead td { 
           background:#E0E0E0;
           height:0px;
           font-size:11px;
           color:#006699;
           border-bottom:1px solid  #cccccc;
           text-align:center;
           padding:5px;
          }

.white_grid tbody td { 
          color: #006699;
          padding:0 3 0 3;
          font-size:11px;
          }



.blue_grid tr:nth-child(even) {background: #CCC }
.blue_grid tr:nth-child(odd) {background: #FFF}

.blue_grid tr:hover {/*background: #005EBB;*/}

.blue_grid tbody td:hover {/*color: #ffffff;cursor:pointer;*/}

.blue_grid {
           border-top:1px solid  #cccccc;
           border-left:1px solid  #cccccc;
           }

.blue_grid td {
           border-right:1px solid  #cccccc;
           border-bottom:1px solid  #cccccc;
           }

.blue_grid thead td { 
           background:#E8E8E8;
           height:0px;
           font-size:11px;
           color:#006699;
           border-bottom:1px solid  #cccccc;
           text-align:center;
           padding:5px;
          }

.blue_grid tbody td { 
          color: #006699;
          padding:0 3 0 3;
          font-size:11px;
          }




.light_grid tr:nth-child(even) {background: #afc1d4 }
.light_grid tr:nth-child(odd) {background: #FFF}

.light_grid tr:hover {background:#789cc1;}

.light_grid tbody td:hover {color:#ffffff;cursor:pointer;}

.light_grid {
           border-top:1px solid #a8aaac;
           border-left:1px solid #a8aaac;
           }

.light_grid td {
           border-right:1px solid #a8aaac;
           border-bottom:1px solid #a8aaac;
           }

.light_grid thead td { 
           background:#333333;
           background:#336699;
           height:0px;
           font-size:11px;
           color:white;
           text-align:center;
           padding:5px;
          }

.light_grid tbody td { 
          color:black;
          padding:0 3 0 3;
          font-size:11px;
          }
          
.tramite_grid tr:nth-child(even) {background: #afc1d4 }
.tramite_grid tr:nth-child(odd) {background: #FFF}

.tramite_grid tr {background:#ffffff !important; }
.tramite_grid tr:hover {background:#789cc1 !important; }

.tramite_grid tbody td:hover {color:#ffffff;cursor:pointer;}

.tramite_grid {
           border-top:1px solid #a8aaac;
           border-left:1px solid #a8aaac;
           }

.tramite_grid td {
           border-right:1px solid #a8aaac;
           border-bottom:1px solid #a8aaac;
           }

.tramite_grid thead td { 
           background:#336699;
           height:0px;
           font-size:10px;
           color:white;
           text-align:center;
           padding:5px;
          }

.th1 {
  background: white !important;
  position: sticky !important;
  top: 0 !important;
}

.tramite_grid tbody td { 

					color:black;
					padding:0 3 0 3;
					font-size:9px;
        }
        
        #imgheader{
            background: url(header.png) top left no-repeat !important;
            height: 75px;
            width: 100%;
            
        }
        
        @media (max-width: 750px) and (orientation: landscape){
            /*body{
                width: 50%;
            }*/
            .imglogo{
                width: 100%;
                height: 100%;
            }
            #imglogo{
                width: 40%;
            }
            #imgheader{
                height: 15%;
            }
            #main{
                width: 100%;
                height: 100%;
            }
            #header{
                width: 100%;
                height: 20px;
            }
            #links{
                width: 60%;
            }
            #tit_mod{
                width: 30%;
            }
            #container{
                width: 100%;
                height: 100%;
            }
            #entrada_titulo{
                width: 50%;
                font-size: 14px;
                display: none;
            }
            #entrada_parrafo_top{
                font-size: 12px;
                display: none;
            }
            #entrada_parrafo_bottom{
                font-size: 10px;
            }
            #login{
                width: 50%;
            }
            .marco_table{
                width: 90%;
                height: 50%;
            }
            #login_tit{
                width: 50%;
                font-size: 16px;
            }
            #form_login{
                width: 100%;
            }
            #usuario_login{
                width: 100%;
            }
            #clave_login{
                width: 100%;
            }
            .button{
                max-width: 100%;
            }
            .logintext{
                width: 30px;
                font-size: 10px;
            }
            #imginstitucion{
                width: 80%;
            }
            #loginframe{
                width: 100%;
            }
            #dfdatext{
                font-size: 12px;
            }
        }