body {
    font-family: sans-serif;
    background: -webkit-linear-gradient(top, rgba(15,5,5,1) 0%,rgba(76,76,76,1) 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding:0px;
    line-height: 12px;
    }

    #contentMainTabs {
       
       border-color:black;
       border-top:1px solid #000000;
       padding:0px;
       margin:0px;
       height:90%;
       box-shadow: 0 0 10px #000000;
       border-color:gray;
       border:3px solid #5b5b5b;

        background-image: url("../images/microfonos.png"), -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FFFFFF), color-stop(100%,#A0A09C));
        background-repeat: no-repeat;
        background-height: 56px;
        background-position: right bottom;
    }

    #mainTabs {     
       border-top:0px solid #000000;
       padding:0px;
       margin:0px;
       border-color:black;       
    }

    #descNotaFuente .w2ui-page {
        overflow:hidden;
    }
    #descNotaPosturas .w2ui-grid-columns  {
        visibility:hidden;
    }
    #descNotaFuente .w2ui-page {
        overflow:hidden;
    }
    #descNotaFuente{
        padding:20px;
    }

    #descNotaTematica .w2ui-field label{
        width:430px;
        margin-right:10px;
        position:relative;
        left:-10px;
    }

    #descNotaTematica .w2ui-page{
        position:relative;
        top:50px;
        left:20px;
        margin:50px;
    }
    .w2ui-field.w2ui-span6>label {
        width: 140px;    
        text-align: left;
    }
    #descNotaPosturas .w2ui-page{
       position: relative;
       top:5px;        
       height:350px;
    }

    #mainTabs table{
       background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(53,53,53,1)), color-stop(100%,rgba(86,68,68,1)));

       background: #C1C1C1;
       border-color:black;
       border-top:1px solid #000000;
       padding-left:10px;
       padding-top:10px;
       margin:0px;
       background-image: url("../images/plecaFondo.jpg");
        background-repeat: no-repeat;
        background-height: 56px;
    }   

    #mainTabs .w2ui-tab.active{
        border: 1px solid #DDDDDD;            
        width:175px;
        height:56px;
        border-radius: 0px;
        background-image: url("../images/down_large.jpg");
        background-repeat: no-repeat;
        background-height: 56px;
        font-weight: bold;
        padding-top: 22px;
        font-size: 15px;
        color:#CC0000;
    }

    #mainTabs .w2ui-tab{
        border: 1px solid #FFFFFF;
        width:175px;
        height:56px;
        background: #CBCBC9;
        border-radius: 0px;
        background-height: 56px;
        font-weight: bold;
        padding-top: 22px;
        font-size: 15px;
        color:gray;
    }    

    #descripcionNotaTabs table{
       background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(53,53,53,1)), color-stop(100%,rgba(86,68,68,1)));
       background: #EAEAE8;
       border-color:#EAEAE8;
       border-top:0px solid #EAEAE8;
       padding-left:10px;
       padding-top:10px;
       margin:0px;
    }

     #descripcionNotaTabs {
       border-top:1px solid #FFFFFF;
       padding:0px;
       margin:0px;
       background: #FFFFFF;
       border-color-top:#EAEAE8;
    }

    #descripcionNotaTabs .w2ui-tab{
        border: 1px solid #FFFFFF;
        width:105px;
        height:26px;
        background: #CBCBC9;
        border-radius: 0px;         
        background-height: 56px;
        font-weight: normal;
        padding-top: 8px;
        font-size: 11px;
        color:gray;
    }

    #descripcionNotaTabs .active{
        border: 1px solid #FFFFFF;
        width:105px;
        height:26px;
        
        border-radius: 0px;         
        background-height: 56px;
        font-weight: normal;
        padding-top: 8px;
        font-size: 11px;
        color:#CC0000;

        background-image: url("../images/down_large.jpg");
        background-repeat: no-repeat;
        background-height: 36px;
        font-weight: bold;
    }
  
    #contenidoNota .w2ui-required > div{
       margin-top: 12px;
    }
    #contenidoNota .w2ui-required > button{
       margin-top: 12px;
    }
   
    #contenidoNota{
        padding:9px;
        margin:10px;
        margin-top:20px;
        box-shadow: 0 0 10px #666666;
        border:1px solid #FFFFFF;
    }
    #contenidoNota #resumenNotaEdit{
        font-size: 11px;
        color:#000000;
        font-weight: normal;
        border: 0px solid #000000;
        font-family: sans-serif;
    }
    
    #contenidoNota #tituloNotaEdit{
        font-size: 13px;
        height:70px;
        color:#000000;
        font-weight: normal;
        border: 0px solid #000000;
        font-family: sans-serif;
    }

    #notasDiv{
        padding:15px;
    }
    #descripcionNota .descNotaSection{
        /*padding:15px;*/
        padding-left:5px;
       /* line-height: 35px;*/
        font-weight: normal;
        font-size:11px;
        color:#666666;
    }

    #descripcionNota{
        background: rgba(234,234,234,.85);
        border:1px solid #FFFFFF;
        box-shadow: 0 0 10px #666666;
        margin: 20px 10px;
        font-size:11px;
        
    }
    

    #descNotaMultimedia  iframe{
        margin:15px;
        width: 380px;
        height: 300px;
        box-shadow: 0 0 10px #666666;
        border:3px solid #000000;
    }
    #descNotaMultimedia  img{
        margin:15px;
        width: 380px;
        height: 300px;
        box-shadow: 0 0 10px #666666;
        border:3px solid #000000;
    }

    #notaDiv #descripcionNota{
        width: 770px;
    }

   

    #iconoinfo{
        width:24;
        right:10px;
        top:10px;
        float:left;
        position: absolute;
    }

    #logosSup{
        width:457px;top:0px;float:left;position:absolute;right:85px;
    }

    #logoSup2{
       width:297px;position:relative;left:-150px
    }
    #TituloSup{
        text-align: center;font-size:13px;font-weight:bold;font-faily:Arial;color:gray;position:relative;top:-12px;left:-100px;
    }
    #TituloSup2{
        font-size:8px;font-faily:Arial;color:gray;position:relative;top:-12px;
    }

    #contenedorAlerta{
        width:690px;
        height:380px
    }
    .CrearAlerta{
        width:390px;
        height:140px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin:50px;
        margin-left:90px;
        box-shadow: 0 0 10px #666666;
        border:1px solid gray;    


        background-image: -o-linear-gradient(bottom, #ABABAB 0%, #D4D4D4 100%);
        background-image: -moz-linear-gradient(bottom, #ABABAB 0%, #D4D4D4 100%);
        background-image: -webkit-linear-gradient(bottom, #ABABAB 0%, #D4D4D4 100%);
        background-image: -ms-linear-gradient(bottom, #ABABAB 0%, #D4D4D4 100%);
        background-image: linear-gradient(to bottom, #ABABAB 0%, #D4D4D4 100%);

        background-image: url("../images/alerta.png"), -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FFFFFF), color-stop(100%,#A0A09C));
        background-repeat: no-repeat;
        background-width: 149px;
        background-position: left;
    }
    .CrearAlerta label{
        font-size:20px;
        font-weight:bold;
        font-family:Arial;
        color:white;        
        position:relative;
        top:70px;
        left:170px;  
    }
    #descNotaAlertas span{
        font-size:11px;
        font-weight:normal;
        font-family:Arial;
        color:black; 
        padding-left:30px;      
    }

    .AlertaActivada{
      border: 5px solid rgb(86, 180, 239);
      box-shadow: 0px 1px 3px rgba(255, 255, 255, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
    }

    .alertaEspera {
        margin-left: 50px;

        margin-top: 50px;
        display: block; /* Change anchor to block element */
        width: 405px; height: 151px; /* Specify width and height of the image. Height is value of each individual button graphic */
        background-image: url(../images/alertaBtn.jpg); /* Add the image as a background */
        background-position: top; /* Set the position to the top */
        text-indent: -9999px; /* Send the rendered HTML wording off screen */
    }
   .alertaEspera:hover,  .alertaEspera:focus {
        background-position: bottom; /* Set the position to the center */
    }
    .alertaActivada{
        background-position: center; /* Set the position to the bottom */
    }
    .alertaActivada:hover{
        background-position: center; /* Set the position to the bottom */
    }