﻿
Body {
    background-image: url('../images/fondo6.jpg'); 
    background-size: 100%; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    margin: 0;
    padding:0;
    height:100%;
    width:100%;
    font-family: 'Terminal Dosis', Arial, sans-serif;
	font-size: 13px;
    overflow-y:hidden /*Elimina Ascensor Vertical*/

    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

html .RadGrid .rgMasterTable {
    height: auto;
}


.BarraTituloContenedor { /*Contenedor del Titulo*/
    background-image: url('../images/titulos/BannerP3.png'); /*Imagen que Quiere de fondo para la barra de titulo*/
    background-color: darkorange;
    background-repeat: no-repeat;
    background-position: left top;
    width: 100%; /*Ancho Total o Espacio de Contenido*/
    height: 88px; /*Alto de la imagen de background*/
}

.BarraTituloIcono {
   height: 88px; /*Alto de la imagen background*/
   width: 200px;  /*Ancho del espacio donde debe quedar el icono*/
   /*text-align: center; */
   vertical-align: middle; 
   display:table-cell;
   padding-left:10px
}

.BarraTituloTextoEspacio{
   height: 88px; 
   width:inherit;
   vertical-align: middle; 
   text-align: center; 
   display:table-cell;
   margin-left:auto;
   margin-right:auto;
}
              
.TituloPIPESoftNO{  /*Titulo 3D Este se aplicara a los titulos de pipesoft*/
    color:crimson;
    font-size: 36px; /*12em*/
    font-weight: bold;
    font-family: Helvetica;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

.TituloPIPESoft {
text-align: left; 
font-family: Arial Black; 
font-weight: bold; font-size: 30px; 
background: #202020; 
-webkit-background-clip: text; 
-moz-background-clip: text; 
background-clip: text; 
line-height: 1;
color: transparent; 
text-shadow: 0px 3px 3px rgba(255,255,255,0.4),0px -1px 1px rgba(0,0,0,0.3);
}

.TituloNeon{text-align: left; /*No se aplica se tiene como opcion*/
font-family: Arial; 
font-size: 30px; 
COLOR: #1278BF; 
text-shadow: 0px 0px 9px #508AD3;
}

.TituloRelieve {    /*no se aplica se tiene como opcion*/
text-align: left; 
font-family: Arial Black; 
font-weight: bold; font-size: 30px; 
background: #202020; 
-webkit-background-clip: text; 
-moz-background-clip: text; 
background-clip: text; 
color: transparent; 
text-shadow: 0px 3px 3px rgba(255,255,255,0.4),0px -1px 1px rgba(0,0,0,0.3);
}

/*image link*/
.rscLinkImg {
    background-image: url(../images/iconos/SpellCheck.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    
    
    display: block;
    border: 1px solid #404040;
    background-color: #ebebeb;
    outline: none;
}

html .main-PrincipalExpandido {
    margin-top: 0 /*-56px*/;
    background-image: url("../Images/backgrounds/header_notes.gif");

}

html .main-Principal {
    margin-top: 0 /*-56px*/;
    background-image: url("../Images/backgrounds/header_notes.gif");

}

/*Elementos del Menu*/





.ColorBlanco{
    color:white;
    vertical-align:middle;
    align-items:center;
}

.AlturaMenu{
        margin-top:auto;
        margin-bottom:auto;
        vertical-align:middle;
        align-content:center;
        align-items:center;

}

.centrar{
    text-align:center;
    align-items:center
}

.FondoVale{
background: url(../images/wallvale.png) no-repeat center center fixed;
width:100%;
height:auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

p.note
{
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     background-color: #f0f7fb;
     border: solid 1px #3498db;
     border-radius: 6px;
     line-height: 18px;
     mc-auto-number-format: '{b}Note: {/b}';
     overflow: hidden;
     padding: 12px;
}

p.noteAlt
{
     background-color: #f0f7fb;
     border-left: solid 4px #3498db;
     line-height: 18px;
     mc-auto-number-format: '{b}Note: {/b}';
     overflow: hidden;
     padding: 12px;
}

div.note
{
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     background-color: #f0f7fb;
     background-image: url(../Images/icons/Pencil-48.png);
     background-position: 9px 0px;
     background-repeat: no-repeat;
     border: solid 1px #3498db;
     border-radius: 6px;
     line-height: 18px;
     overflow: hidden;
     padding: 15px 60px;
     vertical-align:middle;
     
}
div.note2
{
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     background-color: #f0f7fb;
     background-image: url(../Images/icons/Pencil-48.png);
     background-position: 9px 0px;
     background-repeat: no-repeat;
     border: solid 1px #3498db;
     border-radius: 6px;
     line-height: 18px;
     overflow: hidden;
     padding: 5px 5px;
     vertical-align:middle;
     
}

div.noteAlt
{
     background-color: #f0f7fb;
     background-image: url(../Images/icons/Pencil-48.png);
     background-position: 9px 0px;
     background-repeat: no-repeat;
     border-left: solid 4px #3498db;
     line-height: 18px;
     overflow: hidden;
     padding: 15px 60px;
}


.alerta {
background: #fff6bf url(http://www.pipesoft.com.co/images/iconos/Caution-icon.png) center no-repeat;
background-position: 15px 10px; /* x-pos y-pos */
text-align: center;
/*padding: 5px 20px 5px 45px;*/
padding: 1px 1px 5px 1px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
color:#000000;
}