﻿/* Luz Marí VM
Agosto 2014
Formatos que se aplicarán a todas las páginas master de los sitios


PRINCIPALES
----------------------------------------------------------*/
body
{      
    font-family:Tahoma;
    margin: 0px;
    padding: 0px;    
}
html, body {
height: 100%; 
}
.PagPrinc
{
    width: 100%;
    height: auto;
    margin: 15px auto 0px auto;    
}
#Encabezado
{
    width: 100%;
    height: 111px;
    margin-left:5px;     
    background-repeat: no-repeat;
    background-position:center;
   
}
#d1{
    width: 1200px;
    height:auto;
    margin: 0 auto; 
}

#div1{
    width: 200px;
    height: 100px;
    float:left;
    margin: 0 auto; 
}

#div2{
    width: 550px;
    height: 100px;
    margin: 0 auto;
    position:relative;    
}

#div3{
    width: 210px;
    height: 100px; 
    float:right;
    margin: 0 auto; 
}
#divBarraAzul
{
    
    height: auto;    
    background-image: url('../Img/BarraAzul.png');
    background-repeat:no-repeat;
    background-size: 140% 150%;
}
#divSepara
{
     height:30px;
}
#divSeparaTitulo
{
     height:30px;
     width: 85%;
     background-image: url(../Img/Encabezado2Web.png);  
     background-size: 100% 100%;
     background-repeat: no-repeat;
        background-position:left;  
}
#LogoSI
{
    float:left;
   margin-top: 5px;
   margin-left:10px;  
}
#infoUser
{
    float: right;
    margin-right: 100px;
    margin-top: 15px;   
    font-size: 12px;
    font-weight:bold;
}
#Logo2
{
    float: right;
    margin-right: 10px;
    margin-top: 5px;    
}
.error
{
    font-size: 12px;
    color: #FF0000;
    font-weight: bolder;
}

/* ESTILOS SOLO DE WEB
----------------------------------------------------------*/
.TituloMain
{
    text-align:center;
    font-weight: bold;
    font-size: 16px;
}
.PanelTituloMain
{
    text-align:center;
    font-weight: bold;
    font-size: 20px;
    margin-top:5px;
}

#SubmenuWeb
{
    position: absolute;	
	top: 0;	
	width:15%;	
	height:400px;	 	
	font-size:10px;
	text-align:center;
	
}
/* ACCESO
----------------------------------------------------------*/
#central{
    position:absolute;
    top:50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -250px;
}
.LetraLabel
{
    font-size: 18px;
}
.EtiquetasGral
{
    font-size: 12x;
}
.TextoGral
{
    font-size: 12x;
}
.Confirma
{
    font-size:12px;
    color:#009900;
}
.failureNotification
{
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}

#DivPrincipalLog
{    
    position: absolute;
    left: 50%;
    top: 40%;
    width: 700px;
    height: 450px;
    margin-top: -270px;
    margin-left: -350px;    
}
#FormLog
{    
    margin-top: 300px;
    margin-left: 100px;
}
#submitButton
{
    text-align:center;
}
.ValidacionLogin
{    
    position:static;    
}
.botonimagen
{
    background-image: url('../Img/BotonAcceso.png');
    background-repeat: no-repeat;        
    background-position: center;
    background-size: 120% 200%;
    width:140px;
    height:30px;
    padding:0px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
}
.botonimagenMax
{
    background-image: url('../Img/BotonAcceso.png');
    background-repeat: no-repeat;        
    background-position: center;
    background-size: 120% 200%;
    width:180px;
    height:30px;
    padding:0px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
}
.botonSalir
{
    background-image: url('../Img/BotonAcceso.png');
    background-repeat: no-repeat;        
    background-position: center;
    background-size: 120% 200%;
    width:80px;
    height:30px;
    padding:0px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
}
.fondopie1
{
    background-image: url('../Img/PiiePagina001.png');
    background-repeat: no-repeat;        
    background-position: center;
     background-size: 93% 85%;
     width:95%;
}
.fondopie2
{
    background-image: url('../Img/PiiePagina002.png');
    background-repeat: no-repeat;        
    background-position: center;
     background-size: 93% 85%;
     width:95%; 
}
#pie { 
	position: fixed;
	left: 13px;
	right:3px;
	bottom: 4px;
	width: 95%;
	height: 50px;			
	color:#FFFFFF;	
	text-align: center;	
}	
.tablePie
{
   border-collapse: collapse;
   border-spacing:0px;
   border-style:hidden;
   padding-right:0px;
   padding-left:0px;
    border:none;
    width:100%;    
    background-color:#C5E0B4;
}
td.celda_sin {

  padding: 0;
  border-color:Blue;
}
.left-panel
{        
    background-color:#ccc;        
}