.contepreg
{
 position: relative;
 display: block;
 float: left;
 width: calc(100% - 5px);
 box-sizing: border-box;
 margin: 0px;
 padding: 5px;
 /*border-radius: 4px;*/
 border-bottom: 2px solid #404040;
 
 box-sizing: border-box;
}


.numeropre
{
 position:absolute;
 width: 32px;
 height: 32px;
 top: 2px;
 left: 2px;
 background-color: #808080;
 text-align: center;
}

.numeropre span
{
 FONT-FAMILY: "Droid Sans",Ubuntu,Arial,Verdana,Helvetica;
 FONT-SIZE: 20px;
 color:#ffffff; 
 line-height: 32px;
}

.icolapiz
{
 position: absolute;
 top: 4px;
 right: 4px;
 width: 24px;
 height: 24px;
 cursor: pointer;
 opacity: 0.6;
}

.icolapiz:hover
{
 opacity: 1.0;
}

.divampliar_oculto
{
 display: none;
}

.divampliar_visible
{
 display: block;
 float: left;
 width: calc(100% - 20px);
 height: 48px;
 border: 1px solid #f0f0f0;
}

.ta_ampliar
{
 padding: 4px;
 width: calc(100% - 8px);
 height: 42px;
 FONT-FAMILY: "Droid Sans",Ubuntu,Arial,Verdana,Helvetica;
 FONT-SIZE: 12px;
 color:#202020; 
}

.enunciadopre
{
 display: block;
 float: left;
 width: calc(30% - 40px);
 margin: 0px;
 padding: 0px;
 padding-left: 36px;
 border-radius: 4px;
 
 /*height: 32px;*/
 text-align: left;
 cursor: pointer;
}

.enunciadopre:hover  span
{
 color: #808080;
}

.enunciadopre span
{
 FONT-FAMILY: "Droid Sans",Ubuntu,Arial,Verdana,Helvetica;
 FONT-SIZE: 18px;
 color:#000000; 
 line-height: 24px;
}


.conterespuestas
{
 display: block;
 float: left;
 width: calc(70% - 30px);
 max-height: 140px;
 transition:all 0.4s ease;
 /*border: 1px solid red;*/
 margin-right: 20px;
}

.conterespuestas_oculto
{
 display: none;
 max_height: 0px;
 transition:all 0.4s ease;
}









.conteitemres
{
 display: block;
 float: left;
 width: calc(20% - 10px);
 box-sizing: border-box;
 margin: 5px;
 margin-top: 5px;
 height: 64px;
 border-radius: 24px;
 border: 1px solid #BBD5E8;
 background-color: #D6EDFF;
 transition:all 0.4s ease;
 min-width: 96px;
 opacity: 0.50;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}

.conteitemres:hover
{
 
 border-radius: 100px;
 background-color: #A0FFA7;
 border: 2px solid #87E08E;
 
 -webkit-transform: scale(1.05);
 -ms-transform: scale(1.05);
 transform: scale(1.05);
 cursor: pointer;
 border-radius: 60px;
 opacity: 1.00;
}

.conteitemres_sel
{
 display: block;
  float: left;
  width: calc(20% - 10px);
  box-sizing: border-box;
  margin: 5px;
  margin-top: 5px;
  height: 64px;
  border-radius: 24px;
  border: 2px solid #0CC419;
  background-color: #00F412;
  transition:all 0.4s ease;
  min-width: 96px;
  
 -webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none; /* Safari */
      -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
         -ms-user-select: none; /* Internet Explorer/Edge */
             user-select: none; /* Non-prefixed version, currently */
}


.numeroitem
{
 display: block;
 float: left;
 width: calc(100% - 5px);
 height: 32px;
 padding-top: 4px;
}

.numeroitem span
{
 FONT-FAMILY: "Droid Sans", Ubuntu, Arial,Verdana,Helvetica;
 FONT-SIZE: 28px;
 font-weight: bold;
 color:#000000; 
 line-height: 32px;
}




.explicaitem
{
 display: block;
 float: left;
 width: calc(100% - 5px);
 height: 24px;
 padding-top: 0px;
}

.explicaitem span
{
 FONT-FAMILY: "Droid Sans", Ubuntu, Arial,Verdana,Helvetica;
 FONT-SIZE: 12px; 
 color:#000000; 
 line-height: 15px;
}


@media screen and (max-width: 850px) 
{

.contepreg
{
 position: relative;
 display: block;
 float: left;
 width: calc(100% - 0px);
 box-sizing: border-box;
 margin: 0px;
 padding: 0px;
 padding-top: 4px;
 padding-bottom: 4px;
 /*border-radius: 4px;*/
 border-bottom: 2px solid #404040;
 
 box-sizing: border-box;
}


.enunciadopre
{
 display: block;
 float: left;
 box-sizing: border-box;
 width: calc(100% - 20px);
 margin: 0px;
 padding: 0px;
 padding-left: 40px;
 border-radius: 4px;
 min-height: 32px;
 /*height: 32px;*/
 text-align: left;
 cursor: pointer;
}

.enunciadopre:hover  span
{
 color: #808080;
}

.enunciadopre span
{
 FONT-FAMILY: "Droid Sans",Ubuntu,Arial,Verdana,Helvetica;
 FONT-SIZE: 16px;
 font-weight: bold;
 color:#000000; 
 line-height: 16px;
}


.conterespuestas
{
 display: block;
 float: left;
 width: calc(100%);
 max-height: 120px;
 transition:all 0.4s ease;
 box-sizing: border-box;
 margin: 0px;
}

.conteitemres
{
 display: block;
 float: left;
 width: calc(20% - 6px);
 box-sizing: border-box;
 margin: 3px;
 margin-top: 3px;
 height: 42px;
 border-radius: 5px;
 border: 1px solid #BBD5E8;
 background-color: #D6EDFF;
 transition:all 0.4s ease;
 min-width: 48px;
 opacity: 0.80;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}

.conteitemres:hover
{
 
 border-radius: 10px;
 background-color: #A0FFA7;
 border: 2px solid #87E08E;
 
 -webkit-transform: scale(1.05);
 -ms-transform: scale(1.05);
 transform: scale(1.05);
 cursor: pointer;
 border-radius: 20px;
 opacity: 1.00;
}

.conteitemres_sel
{
 display: block;
  float: left;
  width: calc(20% - 6px);
  box-sizing: border-box;
  margin: 3px;
  margin-top: 5px;
  height: 42px;
  border-radius:10px;
  border: 1px solid #0CC419;
  background-color: #00F412;
  transition:all 0.4s ease;
  min-width: 48px;
  
 -webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none; /* Safari */
      -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
         -ms-user-select: none; /* Internet Explorer/Edge */
             user-select: none; /* Non-prefixed version, currently */
}


.numeroitem
{
 display: block;
 float: left;
 width: calc(100% - 4px);
 box-sizing: border-box;
 height: 22px;
 padding-top: 2px;
}

.numeroitem span
{
 FONT-FAMILY: "Droid Sans", Ubuntu, Arial,Verdana,Helvetica;
 FONT-SIZE: 16px;
 font-weight: bold;
 color:#000000; 
 line-height: 24px;
}


.explicaitem
{
 display: block;
 float: left;
 width: calc(100% - 0px);
 height: 24px;
 padding-top: 0px;
 box-sizing: border-box;
}

.explicaitem span
{
 FONT-FAMILY: "Droid Sans", Ubuntu, Arial,Verdana,Helvetica;
 FONT-SIZE: 10px; 
 color:#000000; 
 line-height: 12px;
}



}