body 
{
   	margin: 0;
	padding: 0;
}

a { color: #B9007C}
a:hover { color: #666666;}

.cb {clear:both;}
.oculto {display:none}
.celdapc {display:table-cell; vertical-align:top;}
        @media only screen and (max-device-width: 700px) {.celdapc {display:inline-block;}}

/* color de elemento seleccionado de combos*/
.rddlItemSelected  { background-color:#2F8DAD !important;} 

.minusculas{text-transform:lowercase;}
.mayusculas{text-transform:uppercase;}

.azul {color:#1F497D;}

.RadInput textarea.riTextBox
{
    height: auto !important;
    min-width:100%;
}

.RadNotification .rnTitleBar {background-color: #2F8DAD !important; color:#FFFFFF !important;}
.RadNotification .RadXmlHttpPanel {background-color: #F4F6F6 !important;}

/* tiles */

.verde, .rojo, .ama, .naranja {margin:10px 10px; padding:10px; text-align:left;
            -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;-moz-box-shadow: 4px 4px #dfe1d8;-webkit-box-shadow: 4px 4px #dfe1d8; box-shadow: 4px 4px #dfe1d8;
                color:#7d7d7b; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.verde .titulo, .rojo .titulo, .ama .titulo, .naranja .titulo {margin:5px 5px 5px 80px; padding:0; font-size:130%;}
.verde .texto, .rojo .texto, .ama .texto, .naranja .texto {font-size:100%; color:#000; margin:5px 5px 5px 80px;}
          
.verde{border:1px solid #4f8746;color:#4f8746;background:#d4ffcd url('img/5.png') no-repeat; background-position:15px 15px;}
.rojo{border:1px solid #641f1a;color:#641f1a;background:#ffd2d4 url('img/0.png') no-repeat; background-position:15px 15px;}
.ama{border:1px solid #9d9c49;color:#9d9c49;background:#fdfdcb url('img/2.png') no-repeat; background-position:15px 15px;}
.naranja{border:1px solid #641f1a;color:#641f1a;background:#FFF1B9 url('img/2.png') no-repeat; background-position:15px 15px;}


.infowhite { background-color:White; background-image: url('images/info.png'); background-position:10px 10px; background-repeat:no-repeat; padding: 10px 10px 10px 50px;
             -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}

.fieldsetblue {
    font-family: sans-serif;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    padding: 15px;
}

.fieldsetblue legend {
    background: #B9007C;
    color: #ffffff;
    padding: 5px 10px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 0 0 0 5px #ddd;
    margin-left: 20px;
}

fieldset {
    font-family: sans-serif;
    border: 1px solid #DDD;
    background: #FCFCFC;
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
}

fieldset legend {
    background: #2F8DAD;
    color: #ffffff;
    padding: 10px 10px;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: 0 0 0 5px #ddd;
    margin-left: 20px;
}


#pie .celda {display:table-cell;}
@media only screen and (max-device-width: 700px) {.celda {float:left;}}


#pie a, #pie a:hover, #pie a:visited 
{
    color:#FFF;
    text-decoration:none;
    font-family: Verdana;
    font-size:10pt;
    }
            
            
.circulool  {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    margin-bottom: 2em;
 
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.circulool ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}       
              
            
.circulool li{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
}

.circulool li a{
    color: #333333;
}
.circulool li a:hover{
    color: #B9007C;
}


.circulool li:hover{
    background: #eee;
}

.circulool li:hover:before{
    transform: rotate(360deg);  
}

.circulool li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #2F8DAD;
    color: #fff;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}
            
            
/*-------------------------------------*/

.circulo 
{   font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0px 0px 0px 12px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    }

.circulo span{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
}

.circulo span:hover{
    background: #eee;
}

.circulo span:hover:before{
    transform: rotate(360deg);  
}

.circulo span:before{
    content: url('img/bullet.png');
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #2F8DAD;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}

/***************************CNIOform****************************************/
   .CNIOform 
    {
      font-family:Verdana;
      font-size:12pt;
      /*max-height: calc(100% - 100px);*/
      background-color:#FFFFFF;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 6px;
      -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
      z-index:3999;
    }
    
    .CNIOform .CNIOform_cab{ background-color:#2F8DAD; color:#FFFFFF; font-size:10pt; border-radius: 6px 6px 2px 2px;}
    .CNIOform .CNIOform_cab .CNIOform_x a { text-decoration:none; color:#FFF;}
    .CNIOform .CNIOform_tit{ float:left; padding: 10px;}
    .CNIOform_x { float:right; padding: 10px;}
    .CNIOform .CNIOform_cb { clear:both;}
   
   
/************************************************************************/