﻿body {    
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:11px;    
    background-color:#FFFFFF;
}


#Wrapper{
    bottom:0px;
    left:0px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px; 
    width:100%;
        
}

#Header{
    width:100%;
    height:65px;
    display:block;
    top:0px;    
    left:0px;   
    margin:0 0 0 0;
    padding: 0 0 0 0; 
    background-color:#5FBC18;   
    /*background-image:url(../images/fondoA_03.jpg);
    background-repeat:repeat-x;*/    
}

#Contenido                 
{

    margin:0 auto 0 auto;
    width:960px;        
    border: 0px solid #DDDDDD;
    
}

#Frm1{
    position:absolute;
    top:85px;
    left:0px;
    overflow:auto;
}

#Footer{   
    margin: 0;
	padding: 0;
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    height:50px;
    background-color:#449E00;    
}

#Footer div{
    position:absolute;
    left:50%;
    width:960px;
    margin-left:-480px;    
}

#Footer p{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
	font-size: 11px;
	color:#FFF;	
}


#Flotante{
    float:left;
}

.InfoUsuarioIE8{
    width:200px;            
    float:left;    
    border: 1px solid #000;
    /*background-color:#B87D00;    */
    margin-left:5px;
    margin-top:5px;
    margin-bottom:5px;
}

.InfoUsuarioClass{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width:150px;            
    float:left;            
    border-right:1px solid silver;
    /*background-color:#FFED65;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;     
    -o-border-radius: 4px;     
    behavior: url(CSS/PIE.htc);    
}


bodyContenido{    
    margin: 10px 10px 10px 10px;    
    position:absolute;
    /*float:left;*/
    overflow:auto;
    /*background:#459E00;*/
}

#Logo,#Logo img{
    position:absolute;
    left:50%;
    margin-left:-430px;
    margin-top:10px;
    background-image:url(../images/Logosice.png);
    /*background-image:url(../images/LogoITSUR.png);*/
    /*background-image:url(../images/itsur_03.png);*/
    /*src: url(../images/LogoITSUR.png);        */
    /*width:106px;
    height:76px;    */
    height:45px;
    width:225px;
    behavior: url(CSS/iepngfix.htc); 
}

#divFoto{    
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width:100%;
    height:140px;    
}

#datosUsuario img{
    height:70px;
    width:70px;        
    margin-left:35px;    
    margin-top:30px;    
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;        
    behavior: url(CSS/PIE.htc);
}

.spanCalif{
    display:block;
    text-align:center;
}


#datosUsuario{
    /*background:silver;*/
    border:1px solid #AAA;
    margin:5px;
    font-size:10px;
}

/* ------------- gridKardex, columnas Ordinario, Regu, Esp. ------------ */

.tablaKardexPlanes {        
    text-align:center;
}

.tablaKardexPlanes tr{
    
}

.tablaKardexPlanes td{    
    width:50px;
    text-align:center;
    
}

.tablaKardexPlanes .tdSem{
    width:20px;
}

/* ---------------------------------------------- */



/*-----------------------Hora-------------------------*/
.hour, .min, .sec, .meridiem{
    font-family: Courier New;    
    font-size:14px;
    font-weight:bold;
    color:#909090;
}

#divHora{
    text-align:center;
}

.meridiem{
    font-size:11px;    
    font-weight:normal;
    margin-left:5px;
}
/*-----------------------------------------------------*/


/*----------- para el plugin menu -------------------*/


            * {margin: 0; padding: 0;}            
            .list{
                margin:20 auto;
                overflow:hidden;
                width:150px;                
                background : #f2f2f2;                                
            }
            #active{               
                border-bottom:1px solid #f2f2f2;
                cursor : pointer;
                color : #FFF;
                font-weight:bold;
                display : block;
                width : 100%;
                background : #459e00;
            }
            .list li a{
                list-style:none;                
                border-bottom:1px solid #459e00;
                padding : 5px;                
                cursor : pointer;
                color : #459e00;                
                font-size:11px;
                text-decoration : none;                
                height:40px;
            }
            .list li a{                
                height:15px;
                padding: 5px;
                color : #459e00;
                display : block;
                width : 100%;
            }            
            
            
            
/* ------------------------------------------------------ */


/* --------------PARA LAS TABLAS DE LAS GRIDVIEW --------- */

            .RowStyle
            {                
                text-transform:capitalize;              
            }
            .HeaderStyle
            {
                background-color:  green ;
                color: White;
                font-weight: bold;
                text-transform:uppercase;
                text-align: center ;
                height: 2.3em;
            }    
            
            .AlternatingRowStyle
            {
                text-transform:capitalize;
                background-color: #DDDDDD;
                
            }
            
			#grdSelect tbody tr{
				height: 1.4em;
				transition: all .5s ease;
			}

			#grdSelect tbody tr:hover{
				border: 1px solid red;
				background-color: #04B404;
				height: 2em;
				cursor: pointer;
				color: white;
			}
              
               
/* ------------------------------------------------------- */

