/*******************************************************************************************/ 
/*                                   RESET SECTION                                         */ 
/*******************************************************************************************/ 


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}

html, body, #wrap {   
    height: 100%;
    min-height: 100%;
    width: 100%;
    
    min-width: 100%;
}

html > body, html > body #wrap {
    height:auto;
}       
       
fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	/*font-size: 100%;*/
	font-weight: normal;
	color: #2065AF;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

* { padding: 0; margin: 0; outline: 0;}

/*body {
	margin: 0; 	padding: 0;
	font: normal 73%/1.5em Arial, Tahoma, sans-serif;
	color: #555;
	text-align: center;		
    
    background-color: #0093AA;/* #C6C3C6;*/
	/*background-image: url('../images/fondo2.png');*/
    /*background-repeat: repeat-x;
    background-position: center bottom;
    background-attachment: fixed;
}*/

/* links */
a { background: inherit; color: #003F69; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }

/* headers */
h1, h2, h3, h4, h5, h6
{
    font-family: 'Trebuchet MS', Tahoma, Sans-serif;
    font-weight: bold;
}
h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; /*text-transform: uppercase;*/}
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

p, h1, h2, h3, h4, h5, h6 {
	margin: 10px 15px;
}

ul, ol {
	/*margin: 10px 30px;*/
	padding: 0 15px;
}

/*******************************************************************************************/ 
/*                                     Header                                              */ 
/*******************************************************************************************/ 
div#header
{
    overflow: hidden;
    width: 95%;
    height: 83px;
    margin: 0 auto;
    background-color: transparent;
}

#logo
{
    float: left;
    margin: 7px 0 0 0;
}

#datosLogin
{
    float: right;
    background-color: transparent;
    height: 63px;
    text-align: left;
}


#datosLogin, #datosLogin a
{
    color: white;    
}

#home
{
    float: left;
    margin: 24px 0;
    width: 50px;
    height: 50px;
}

#logoHome
{
    float: left;
    margin: 21px 0;
    width: 50px;
    height: 50px;  
}

#datosLogin p
{
    float: left;
    margin: 24px 10px;
    font-size: 11px;
}
#datosLogin p span.nombre
{
    font-weight: bolder;
    color: #6dd4e8;
    font-size: 12px;
    text-transform: capitalize;
}
#datosLogin p span.entidad
{
    font-size: 12px;
    text-transform: uppercase;
}

/*******************************************************************************************/ 
/*                                     Content                                             */ 
/*******************************************************************************************/ 

/* content */
div#content-wrap, div#footer 
{
    clear: both;
    float: left;
    width: 100%;
    /*height: 500px;*/
    /*background-color: white;*/
    /*margin-bottom: 5px;*/
}

#content
{
    
    padding: 0;
    margin: 0 auto;    
    overflow: hidden;
    position: relative;
    width: 96%;
    border: solid 1px #5c85b3;
    height: 100%;
    background: url('../images/degradeContent.png') repeat-x white;
}

#main
{
    text-align: justify;
}

/*******************************************************************************************/ 
/*                                     Footer                                              */ 
/*******************************************************************************************/ 
         
#footer-content 
{
    width: 96%;
    margin: 0 auto;
    background-color: rgb(90,90,92);
    color: #DDD;
    text-align: left;
    margin-bottom: 20px;
}

#footer-content a
{
    color: #DDD;
}

#footer-content .col {
    width: 32%;
    padding: 10px 5px 10px 20px;    
}
#footer-content .col2 {
    width: 33%;
    padding: 0 0 0px 0;    
}

/*******************************************************************************************/ 
/*                                     GENERAL                                             */
/*******************************************************************************************/ 

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.clear { clear: both; }

div.error, div.exito, div.informacion{
    background: white;
    border: dashed 1px #FF8080;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}

div.error img, div.exito img{
    margin: 0px;
    padding: 0px;
}

.error p {
    color: #FF8080;
    font-weight: bold;
}

div.exito {
    border: dashed 1px #80AA80;
}
div.exito p {
    color: #80AA80;
    font-weight: bold;
}

div.informacion {
    border: dashed 1px #797979;
}
div.informacion p {
    color: #797979;
    font-weight: bold;
}

div.boxbotonlogin
{
    /*background-color: #004877;*/
    text-align: center;
    margin: 35px;
}


input.button:hover {
    background: #333;
}

input.button {
    cursor: pointer;
    text-align: center;
    background: #666;
    border: solid 1px #666;
    border-top: solid 2px #0093AA; 
    color: #FFF;
    font-size: 8pt;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
}

input.nofloat{
    float: none;
}

input.left{
    float: left;
}

input.right{
    float: right;
}

input.button:hover {
    background: #333;
    border: solid 1px #333;
    border-top: solid 2px rgb(0, 221, 255); 
}

/*******************************************************************************************/ 
/*                                     Formularios                                         */
/*******************************************************************************************/ 

             /*
form table{
    border-collapse: separate; 
    border-spacing: 2px; 
    display: table; 
    margin: 0; 
    text-indent: 0;
    background-color: #EBEBEB; 
    border: 1px solid #CCCCCC; 
    padding: 0;
    width: auto;
    text-align: left;
    color: #666666; 
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
    font-size: 12px;
}

form table tbody {
    display: table-row-group; 
    vertical-align: middle;
}

form table tr {
    display: table-row; 
    vertical-align: inherit;
}
                              
form table tr td, form table tr th {
    display: table-cell; 
    padding: 2px; 
    text-align: inherit;
    vertical-align: inherit;
    background-color: #EFEFEF;
}

form table tr th{
    font-weight: bolder;
}


form table input, form table select, form table textarea {
    color: #666666; 
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
    font-size: 11px;
}

form table input.required_field {
    background-color: #FF8080;
    color: #FFF;
}
*/
/*******************************************************************************************/ 
/*                                     Contenido                                           */
/*******************************************************************************************/ 

div.colContent
{
    float: left;
    width: 100%;   /*fue cambiado a 100 para que el texto se muestre en todo el content*/
    padding: 0;
    text-align: justify;
}

table.datosMovimientos
{
    width: 248px; 
    margin: 10px; 
    float: right; 
    clear: both;
    border-collapse: collapse;
    border-spacing: 0px; 
    font-size: 11px;
}

table.datosMovimientos tr th
{
    text-align: center;
}
table.datosMovimientos tr td, table.datosMovimientos tr th 
{
    padding: 0;
}

table.datosMovimientos tr td.numero
{
    text-align: right;
}

.justify
{
    text-align: justify;
}

/*******************************************************************************************/ 
/*                                     sidebar                                             */
/*******************************************************************************************/ 

div.sidebar {
    float: right;
    width: 300px;
    margin: 0 9px 10px 0; 
    padding: 10px 0;
}    

div.sidebar h1 {
    margin: 0;    
    border-top: 5px solid rgb(0, 221, 255);

    font: bold 1.3em Arial, Tahoma, Sans-serif;
}

/* sidebar menu */

div.sidebar div.menu {
    height: auto;
    overflow: visible;
}

div.sidebar ul.sidemenu {
    list-style:none;
    margin: 0px 0 15px 0;
    padding: 0;          
}
div.sidebar ul.sidemenu li {
    padding: 0px 10px;
}

div.sidebar ul.sidemenu a {
    display:block;
    font-weight:normal;
    color: #333;
    height: 1.5em;    
    padding:.3em 0 .3em 15px;
    line-height: 1.5em;
    border-bottom: 1px dashed #D4D4D4;
    text-decoration:none;
}

div.sidebar ul.sidemenu a.top{    
    border-top: 1px dashed #D4D4D4;
}     

div.sidebar ul.sidemenu a:hover {
    padding: .3em 0 .3em 10px;
    border-left: 5px solid  #2065AF;
    color: #2065AF;        
}

div.sidebar ul.sidemenu li.selected
{
    background:#333333;
}

div.sidebar ul.sidemenu li.selected a
{
    color:#fff;
}

div.sidebar ul.sidemenu li.selected a:hover
{
    color:#fff;
    border-left: 5px solid  #333333;
}

ul.sidemenu li#current a, ul.sidemenu li#current a:hover
{
    background-color: #797979;
    font-weight: bolder;
    color: white;
    border-color: #797979;
}


/*Avisos*/
div.sidebar .box 
{
    background-color: #ededed;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    height: 150px;
    overflow: hidden;
}

div.sidebar .box h1
{
   border-top: 5px solid rgb(0, 221, 255);
   padding: 5px 10px;
}

div.sidebar .box p
{
   margin: 2px 10px;
   font-size: 12px;
}

div.sidebar .box span.fecha
{
   font-size: 10px;
}
/*******************************************************************************************/ 
/*                                     Mini Menu                                           */
/*******************************************************************************************/ 

.menufront{
	display: block;
	position: relative;
	height: 33px;
	width: 100%;
	background-color: #666666;
    font-size: 14px;
}

ul.miniMenu
{
    /*position: fixed;*/
    list-style: none;
    list-style-position: outside;
    background-color: #efefef;
    /* border: 1px solid #797979; */
    /*margin: 50px 0 0 -40px;*/
    z-index: 900;
    padding: 0;
}

ul.miniMenu li
{
    padding: 7px 5px;
    float: left;
    display: inline;
    position: relative;
    /* width: 26px;*/
    /* background-image: url('../images/buttons/bordeMenuFront.jpg');*/
    background-position: center bottom;
    background-repeat: no-repeat;
}

ul.miniMenu li.first
{
    /* border-top: 5px solid #CBE2EE; */
}


ul.miniMenu li.last
{
    background-image: none;
}

ul.miniMenu li a
{
    display: block;
    float: left;
    display: inline;
    position: relative;
    /* width: 16px;*/
    /*  height: 16px;*/
    background-repeat: no-repeat;
	color: white;
    /*  background-image: url('../images/buttons/frontMenu.png');*/
    /* margin: 3px auto; */
}

    ul.miniMenu li a.inicio
    {
        /* background-position: -20px 0px; */
    }

    ul.miniMenu li a.perfil
    {
        background-position: -20px -20px;
    }

    ul.miniMenu li a.movimientos
    {
        background-position: -20px -40px;
    }

    ul.miniMenu li a.stock
    {
        background-position: -20px -60px;
    }

    ul.miniMenu li a.peticionEgreso
    {
        background-position: -20px -80px;
    }

    ul.miniMenu li a.peticionIngreso
    {
        background-position: -20px -100px;
    }
    ul.miniMenu li a.contacto
    {
        background-position: -20px -120px;
    }
        ul.miniMenu li a.inicio:hover, ul.miniMenu li.activo a.inicio
        {
            background-position: left 0px;
        }

        ul.miniMenu li a.perfil:hover, ul.miniMenu li.activo a.perfil
        {
            background-position: left -20px;
        }

        ul.miniMenu li a.movimientos:hover, ul.miniMenu li.activo a.movimientos
        {
            background-position: left -40px;
        }

        ul.miniMenu li a.stock:hover, ul.miniMenu li.activo a.stock
        {
            background-position: left -60px;
        }

        ul.miniMenu li a.peticionEgreso:hover, ul.miniMenu li.activo a.peticionEgreso
        {
            background-position: left -80px;
        }

        ul.miniMenu li a.peticionIngreso:hover, ul.miniMenu li.activo a.peticionIngreso
        {
            background-position: left -100px;
        }
        ul.miniMenu li a.contacto:hover, ul.miniMenu li.activo a.contacto
        {
            background-position: left -120px;
        }
ul.miniMenu li a.movimientodetallado
{
    background-repeat: no-repeat;
   /* background-image: url('../images/buttons/movimientosgris.png');*/
}
ul.miniMenu li a.movimientodetallado:hover, ul.miniMenu li.activo a.movimientodetallado
{
    background-repeat: no-repeat;
  /*  background-image: url('../images/buttons/movimientos.png');*/
}

ul.miniMenu li.activo a{
	color:#cccccc;
}

ul.miniMenu li.borderderecho{
	color: white;
}

ul.miniMenu li{
	color:#666666;
}
/*******************************************************************************************/ 
/*                                 Pedido de Egresos                                       */
/*******************************************************************************************/ 
/*
table.stock
{
    width: 550px;
    font-size: 10px;
    border: 1px solid #666;
    border-collapse: collapse;
    float: none;
}

table.stock th
{
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    background-color: #666;
    color: #FFF;
}

table.stock td
{
    text-align: center;
    background-color: #EDEDED;
}

table.stock tr:hover td
{
    background-color: #CBE2EE;
}

table.stock td, table.stock th
{
    border: 1px solid #000;
}
*/
table.stock
{
    width: 99%;
    margin: 1px;
    font-size: 11px;
    border-collapse: collapse;
    border: 1px solid #000;
    border-width: 0px 0px 1px 0px;
    background-color: transparent;
    
}

table.stock thead tr th
{
    background-color: #80A0C4;
    color: #FFF;
    border: 2px solid #80A0C4;
    text-align: center;
    font-weight: bold;
}

table.stock tbody tr td
{
    border: 1px solid #000;
    border-width: 0px 1px;
    padding: 0px 2px;
}

table.stock tbody tr.fila0
{
    background-color: transparent;
}

table.stock tbody tr.fila1
{
    background-color: #efefef;
}
                      
table.stock tbody tr:hover
{
    background-color: #cfcfcf;
}

/*******************************************************************************************/ 
/*                                    DatePicker                                           */
/*******************************************************************************************/ 

div.datepiker, div.datepikerimg
{
    display: inline;
}

.alto50
{
    height: 50px;
}

div.compactPlace
{
    width: 70%;
	margin-left: 20px;
    margin-top: 20px;
}
div.fullPlace
{
    width: 95%;
}

/*******************************************************************************************/ 
/*                                      BANNER                                             */
/*******************************************************************************************/ 

div.banner
{
    padding: 14px 7px;
    background-image: url('../images/bordeBanner.png');
    background-repeat: no-repeat;
    width: 529px;
    height: 104px;
    margin: 0 auto;
}

div.bannerExt
{
    padding: 14px 7px;
    background-image: url('../images/bordeBannerExt.png');
    background-repeat: no-repeat;
    width: 686px;
    height: 104px;
    margin: 0 auto;
    overflow: hidden;
}

div.bannerExt2
{
    padding: 14px 3px 14px 2px;
    background-image: url('../images/bordeBannerExt2.png');
    background-repeat: no-repeat;
    width: 764px;
    height: 104px;
    margin: 0 auto;
    overflow: hidden;
}

/*******************************************************************************************/ 
/*                                      BANNER                                             */
/*******************************************************************************************/ 

div.infoBox
{   
    width: 250px;
    float: left;
}