@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("fonts/OpenSans-Regular.woff") format("woff"), url("fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
    font-family: OpenSans-Semibold;
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("fonts/OpenSans-SemiBold.woff") format("woff"), url("fonts/OpenSans-SemiBold.ttf") format("truetype");
}


::-webkit-scrollbar {
    width: 5px;
    background: #9b9b9b;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2.3px #3e3e3e; 
  border-radius: 8px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ffffffbf; 
  border-radius: 10px;
  box-shadow: inset 0 0 2.2px #272727;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #eee; 
}
body{
	font-family: OpenSans;
}
.der-unpress{
	background:#ffffff;
box-shadow:inset 0 1px 8px 0 rgba(0,0,0,0.50);
border-radius:0px 4px 4px 0px;
width:33.33333333333333333%;
height:35px;
font-family:OpenSans;
font-size:18px;
color:#2d2d2d;
letter-spacing:0;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
}

.izq-unpress{
background:#ffffff;
box-shadow:inset 0 1px 8px 0 rgba(0,0,0,0.50);
border-radius:4px 0 0 4px;
width:33.33333333333333333%;
height:35px;
font-family:OpenSans;
font-size:18px;
color:#2d2d2d;
letter-spacing:0;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
}

.med-unpress{
	background:#ffffff;
box-shadow:inset 0 1px 8px 0 rgba(0,0,0,0.50);
width:33.33333333333333333%;
height:35px;
font-family:OpenSans;
font-size:18px;
color:#2d2d2d;
letter-spacing:0;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
}

.der-press{
outline: none;	
border: 0;
background:#50C788;
box-shadow:inset 0 1px 8px 0 rgba(0,0,0,0.50);
border-radius:0px 4px 4px 0px;
width:33.33333333333333333%;
height:35px;
font-family:OpenSans;
font-size:18px;
letter-spacing:0;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
color:#2d2d2d;	
}

.izq-press{
outline: none;	
border: 0;	
background:#50C788;
box-shadow:inset 0 1px 8px 0 rgba(0,0,0,0.50);
border-radius:4px 0 0 4px;
width:33.33333333333333333%;
height:35px;
font-family: OpenSans;
font-size:18px;
letter-spacing:0;
text-align:center;
display: flex;
justify-content: center;
align-items: center;	
color:#2d2d2d;
}

.med-press{
outline: none;	
border: 0;
background:#50C788;
box-shadow:inset 0 1px 8px 0 rgba(0,0,0,0.50);
width:33.33333333333333333%;
height:35px;
font-family:OpenSans;
font-size:18px;
letter-spacing:0;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
color:#2d2d2d;
}

.si-unpress{
    background: transparent;
    border: 0;
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50); */
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-family: OpenSans;
    font-size: 16px;
    letter-spacing: 0;
    justify-content: center;
    text-align: center;
    align-items: center;
    float: left;
}

.no-unpress{
    background: transparent;
    border: 0;
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50); */
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-family: OpenSans;
    font-size: 16px;
    letter-spacing: 0;
    justify-content: center;
    text-align: center;
    align-items: center;
    float: right;
}

.si-press{
    outline: none;
    border: 0;
    /* box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.50); */
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-family: OpenSans;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    float: left;
    color: white;
}
.si-press, .no-press{  
    background: #50c788;
}
.no-press{
outline: none;
    border: 0;
    /* box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.50); */
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-family: OpenSans;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    float: right;
    color: white;
}

.botones{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
.texto-botones{
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
color: #2d2d2d;
}

.option-sel{
font-size: 16px;	
margin-bottom: -1px;	
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;	
height:45px;	
background:#50c788;
border:1px solid #ffffff;
color:#1f1f1f;	
}
.option-unsel{
font-size: 16px;	
margin-bottom: -1px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;	
background:#efefef;
border:1px solid #ffffff;
box-shadow:inset 0 1px 8px 1px rgba(153,153,153,0.50);
height:45px;
color:#1f1f1f;
}

.btn-azul{
opacity:1;
transform:rotate(-360deg);
background:#2b3f82;
width:460px;
height:154px;
font-family:OpenSans-Semibold;
font-size:36px;
color:#ffffff;
letter-spacing:0;
text-align:center;
text-shadow:0 2px 4px rgba(0,0,0,0.50);
}
 @media screen and (min-width: 770px){
.texto{
	font-family:OpenSans;
font-size:32px;
color:#2d2d2d;
letter-spacing:0;
line-height:35px;
text-align:left;
}
} @media screen and (min-width: 320px) and (max-width: 769px){
.texto{
	font-family:OpenSans;
font-size:18px;
color:#2d2d2d;
letter-spacing:0;
line-height:20px;
text-align:left;
}	
}

 @media screen and (max-width: 320px){
.texto{
	font-family:OpenSans;
font-size:15px;
color:#2d2d2d;
letter-spacing:0;
line-height: 20px;
text-align:left;
}	
}



.no{
	float: right;
	width: 50%;
}
.si{
	float: left; 
	width: 50%;
}
	.borderimg1 {

border: 2px solid #CC5D5F;
border-bottom: 0px;		
padding: 10px;
margin: 0px;		

}
	.borderimg2 {

border: 8px solid transparent;
padding: 0px;
-webkit-border-image: url(elementos_CALC/input_medio/pressed.png) round; /* Safari 3.1-5 */
-o-border-image: url(elementos_CALC/input_medio/pressed.png) round; /* Opera 11-12.1 */
border-image: url(elementos_CALC/input_medio/pressed.png) round;
border-image-slice: 45%;
}
.borderimg3 {

border: 2px solid #CC5D5F;
padding: 5px 10px 5px 10px;

margin: 0px;
background-color: white;

}
	.borderimg4 {

border: 2px none transparent;
height: 42px;			
padding: 5px 10px 5px 10px;
-webkit-border-image: url(elementos_CALC/input_medio/pressed.png) round; /* Safari 3.1-5 */
-o-border-image: url(elementos_CALC/input_medio/pressed.png) round; /* Opera 11-12.1 */
border-image: url(elementos_CALC/input_medio/pressed.png) round;
border-image-slice: 45%;
background-color: #CC5D5F;
color: white;
}
.input-text{
font-family:OpenSans;
outline: none;
font-size:18px;
background:#ffffff;
border: 0;
border-bottom: 2px solid #727272;
width:70%;
height:35px;
text-align: center;
border-radius: 0;
color: #727272;	
}
::placeholder{
	color: #BBBBBB;
}

.texto-login{
			font-family:OpenSans;
			font-size:18px;
			color:#436C9C;;
			text-align:left;
			margin-bottom: 0;
			margin-left: 2.5%;
		}

    @media screen and (min-width: 1000px){
			
			.img-ipad{
				width: 85%
			}
			.img-ipad2{
				width: 75%
			}
		}
		@media screen and (max-width: 999px){			
			.img-ipad{
				width: 75%
			}
			.img-ipad2{
				width: 65%
			}
		}

.titulo{
	
	font-size: 18px; 
	padding: 8px 5px 1px 5px;
	text-shadow: 0 2px 4px rgba(255,255,255,0.90);
	color: #2d2d2d;
	margin: 15px auto;
	font-weight: 400;
	font-family: OpenSans;
	border-bottom: 2px solid #cc5d5f;
	text-align: left;
}

.infomas-vacio{
	margin-top: 6px;
	/*
	padding: 0px 8px;
	width: 96%;
	position: relative;
	z-index: 90;
    border: solid;
    border-width: 0px;
    outline: 0;
    height: 35px;
    background-color: white;
    font-family: OpenSans;
	font-size: 18px;
    border-radius: 5px;
	color: #2d2d2d;*/
}

.infomas-full{
/*	color: #2d2d2d;
	border: 1px solid #cc5d5f;
	box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.50);
	padding: 0px 8px;
	width: 96%;
	position: relative;
	z-index: 90;
	outline: 0;
	height: 35px;
	font-family: OpenSans;
	font-size: 18px;
	border-radius: 5px;
	background-color: rgb(238, 238, 238);*/
}

.div-infomas{
	text-align: justify;
	line-height: 1.2;
    width: 96%;
    background-color: rgb(238, 238, 238);
    float: left;
	margin-top: -10px;
    margin-left: 2%;
    border-radius: 5px;
    padding: 15px;
	font-weight: 400;
	color: #2d2d2d;
	background:#ffffff;
	border: 1px solid #50c788;
	box-shadow:0 8px 4px 0 rgba(0,0,0,0.11);
}
.div-info{
	display: none;
	padding: 0 5px 10px;
}
.div-resultado{
	background-color: white;
    padding: 10px;
    border: 2px solid #cc5d5f;
    border-radius: 4px;
}
.div-biblio{
	color: #2d2d2d;
	background-color: white;
}
.texto-celdas{
	font-family:OpenSans-Semibold;
	font-size:20px;
	color:#2d2d2d;
	letter-spacing:0;
	text-align:left;
	vertical-align: middle;
}
.div-fila{
	padding: 10px 10px 10px 75px;
    font-family: OpenSans;
    font-size: 16px;
    color: #2d2d2d;
    letter-spacing: 0;
    text-align: left;
	display: none;
	background-image:linear-gradient(-180deg, rgba(255,255,255,0.99) 0%, #dfdfdf 98%);
}
.div-presentacion{
	margin: 10px 5px 10px -60px;
	padding: 15px 15px 15px 30px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
	background-color: white;
}
.item-calculadora{
	padding: 10px;
	min-height: 85px;
	border:1px solid #727272;
	border-bottom: 0px;
	background-color: white;
	font-size: 16px;
}
.item-calculadora-bottom{
	padding: 15px;
	border:1px solid #727272;
	background-color: white;
	font-size: 16px;
	border-radius:0 0 12px 12px;
	border-bottom: 1px solid #454545;
}
.titulo-item{
	margin-top: 20px;
	padding: 15px;
	border:1px solid #727272;
	border-radius:12px 12px 0 0;
	background-color: white;
	font-family: OpenSans-Semibold;
    font-size: 20px;
	border-bottom: 0;
}
.subitem-calculadora{
	padding: 15px;
	padding-top: 0;
	min-height: 100px;
	background-color: white;
	border-left:1px solid #727272;
	border-right:1px solid #727272;
	font-size: 16px;
}

#cover{
    position: fixed;
    top: 0;
    z-index: 1000;
    background: white;
    opacity: 1;
    padding-top: 100px;
	transition-property: opacity;
	transition-duration: 1s;

}
.col-sm-2.botones {
    border: solid 1.5px #979797;
    background: white;
    border-radius: 20px;
    display: flow-root;
    padding: 1.5px;
    float: right;
    margin: 0px 4%;
}
.col-sm-2.botones.default {
    background: #979797;
    color: white;
}
.col-sm-2.botones.default.error{
    background: #f6a7a7;
    color: white;
  border: solid 1px #CC5D5F; 
}
.col-sm-2.botones a{
  color: inherit;
}

input[type=tel].error{
  border: solid #cf6365 1px;
    border-radius: 20px;
    background: #f6a7a7;
}
input[type=tel].error::placeholder{
  color: white;
}