/* CSS Document */

html {
  font-size: 12px;
  font-family:Arial, Verdana, Geneva, sans-serif;
  
}

@media screen and (min-width: 320px) {
  html {
    font-size: 13px;
  }
}

@media screen and (min-width: 800px) {
  html {
    font-size: calc(4px + (18 - 6) * ((100vw - 300px) / (1600 - 300)));/*calc(6px + 6 * ((100vw - 320px) / 680));*/
  }	
}
@media screen and (min-width: 1024px) {
  html {
    font-size: calc(5px + (18 - 6) * ((100vw - 300px) / (1600 - 300)));/*calc(6px + 6 * ((100vw - 320px) / 680));*/
  }	
}
@media screen and (min-width: 1366px) {
  html {
    font-size: calc(6px + (16 - 6) * ((100vw - 300px) / (1600 - 300)));/*calc(6px + 6 * ((100vw - 320px) / 680));*/
  }	
}
@media screen and (min-width: 1601px) {
  html {
    font-size: 15px;
  }
}

body {
    
    font : 1rem Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #000000;
    font-weight: bold;
    margin : 0.67em 0em 0.67em 0em;
 } 

    #content {
        width: 35rem;
    }
    
    #close {
        float: right;
        font-weight: bold;
        color: red;
    }
    
    .content2 {
        margin: 0px auto;
        min-height: 7.7rem;
        width: 35rem;
        box-shadow: 0 0.15rem 0.38rem #666666;
        padding: 0.77rem;
    }

.contenedorfoto { 
    float: right; 
    width:96%; 
    height:auto; 
    margin: 0.23rem; 
    padding:0.08rem; 
    background-color:#f5f7f9; 
    border-top:0.15rem solid #666666;
 border-left:0.15rem solid   #666666;
 border-right: 0.15rem solid  #666666;
 border-bottom: 0.15rem solid #666666; 
    text-align:center; 
	 font : 0.92rem Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #000000 ; 
 font-weight: bold;

	
 } 
 
 .contenedorfoto IMG{ 
 max-width: 100%; max-height: 100%;
 } 
.inputest14
{
border-width: 0.2rem;
border-style: solid;
font-size:1rem;
color: #000000;
font-weight: bold;
background-color:#CFDCDB;
line-height: 2rem;
}

.inputest14transp
{
border-width: 0rem;
border-style:hidden;
font-size:1,2rem;
color:#661718;
font-weight: bold;
line-height: 2rem;

}
.inputest14transp1
{
border-width: 0rem;
border-style:hidden;
font-size:1,2rem;
color:#661718;
font-weight: bold;

}
.inputest20
{
border-width: 0.1rem;
border-style: solid;
border-color:#F0181B;
font-size:1.6rem;
color: #000000;
font-weight: bold;
background-color:#E7D6D7;
line-height: 2rem; width: 6rem;

}
.inputest14r
{
border-width: 0.1rem;
border-style: solid;
font-size:1rem;
color: #000000;
font-weight: 800;
background-color:#D3BEBE;
text-align: left;
line-height: 2.25rem;

}
.inputest16
{
border-width: 0.1rem;
border-style: solid;
font-size:1.2rem;
color: #000000;
font-weight: 800;
background-color:#E7D6D7;

}
.inputest16c
{
border-width: 0.1rem;
border-style: solid;
font-size:0.8rem;
color: #000000;
font-weight: bold;
background-color:#EAF4F4;
text-align: center;
line-height: 1.7rem; width: 2rem;
}
.inputest18
{
border-width: 0.1rem;
border-style: solid;
border-color:#F0181B;
font-size:1.4rem;
color: #000000;
font-weight: bold;
background-color:#E7D6D7;
line-height: 2.2rem;
}
.inputest18r
{
border-width: 0.1rem;
border-style: solid;
font-size:1rem;
color: #000000;
font-weight: 800;
background-color:#E59E9F;
text-align: right;
line-height: 1.7rem; width: 6rem;
}
.inputest18r2
{
border-width: 0.1rem;
border-style: solid;
font-size:1rem;
color: #000000;
font-weight: 800;
background-color:#EAF4F4;
text-align: right;
line-height: 1.7rem; width: 4rem;
}
.inputest20
{
border-width: 0.1rem;
border-style: solid;
border-color:#F0181B;
font-size:1.6rem;
color: #000000;
font-weight: bold;
background-color:#EAF4F4;

}
.inputSelect14
{
border-width: 0.2rem;
border-style: solid;
font-size:1.1rem;
color: #000000;
font-weight: bold;
background-color:#CFDCDB;
line-height: 2rem;
}
.inputSelect14r
{
border-width: 0.2rem;
border-style: solid;
font-size:1.1rem;
color: #000000;
font-weight: bold;
background-color:#D3BEBE;
line-height: 2rem;
}

.divScale {
  position:absolute;
  width: 1.5rem;
  height: 1.5rem;
  background-color:#D2D7AF;
  border: 0.3rem solid #BC0D10;
  -ms-transform: scale(2, 2); /* IE 9 */
  transform: scale(2, 2); /* Standard syntax */
}

.mostrar_row {
  
 display: -ms-flexbox;
	display:block;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0.2rem;
	margin-left: 0.2rem;
	margin-bottom: 0.3rem;
	z-index: 0;
flex: 1 1 100%;
}
.ocultar_row {
  display:none;
}