@charset "utf-8";
/* CSS Document */

body
{
	 
	font-family: 'IBM Plex Sans Condensed', sans-serif;
	text-align:center;
	color:rgba(30,4,138,0.8);
	margin: 0px;
	height: 100%;
	background-color:rgba(7,0,79,0.1);
	 
	 
}
#containerbody
{
	width: auto;
	height: auto;
	max-width: 100%;
}
.linkmas
{
	color:rgba(7,0,79,0.9);
	font-weight: bold;
	text-decoration: none;
}
.linkmas a:visited, a:active
	{
		
		text-decoration: none;
	}
.linkmas a 
	{
		text-decoration: none;
	}

.descrip2 h2
{
	color:rgba(7,0,79,0.9); 
}
.asul
{
	 color:rgba(7,0,79,0.9); 
}
.sombreado
{
    background-color: rgba(7,0,79,0.2); 
}

#tablaformulas td 
{
	text-align: left;
	padding: 3px;
	color:rgba(7,0,79,0.9);
}

.textoINTRO
	{
		width: 90%;
		height: auto;
		background-color:white; 
		float:left;
		margin-top: 0%;
		border: none; 
		text-align: justify;
		color: black;
		font-size: 1.3em;
		line-height: 1.3em;
		padding-left: 5%;
		padding-top: 2%;
		 
	
}
.preINTRO /*logo DIBU*/
	{
		 
		background-color:white; 
		float:right;
		margin-top: 0px;
		padding: 0px; 
		border: none;
		
		
}
 /*move
		animation-name: movimiento;
  		animation-duration: 7s;
@keyframes movimiento 
{
  0%   { margin-right: 10%;}
  50%  { margin-right: 25%;}
  100%  {background-color:yellow; margin-right: 10%;}
}
*/
.preINTRO2
	{
		width: 40%;
		background-color:transparent; 
		float:left;
		margin-left: 15%;
		text-align: left;
		color: rgba(0,0,0,1);
		font-size: 2.8em;
		padding: 0px;
		border: none;
}
.titulo
{
	margin:0px;
	/*text-shadow: 3px 3px rgba(0,0,0,0.1);*/
	color:rgba(7,0,79,0.9);
}
.subtit
{
	color:rgba(7,0,79,0.9);
	font-size: 0.5em;
	margin-left: 10px;
}



#container2
{
	background-color: white;
	height: auto;
	width: 100%;
	color:rgba(30,4,138,0.8);
	align-content: left;
	margin-top: 50px;
	clear:left;
	float:left;
}
#barra{
	width:100%;
	height:auto;
	/*background-color:rgba(30,4,138,0.8);*/
	text-align:center;
	border-top:none;
	border-left:none;
	border-right: none;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	margin:0px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:0px;
	padding-right:0px;
	background-color: white;
	box-shadow: 0px 0px 1px rgba(0,0,0,1);
			
}

#bartitulo{
	width:100%;
	height:auto;
	/*background-color:rgba(30,4,138,0.8);*/
	text-align:center;
	border:none;
	margin:0px;
	padding:0px;
	float: left;
	background-color:white;
	padding-bottom: 10px;
	   

}

 #tit1
	{
		margin-top:5px;
		margin-bottom: 5px;
		
	} 
#tit2
	{
		margin-top:2px;
		margin-bottom: 2px;
	} 

.descrip1 img
{
	border-radius: 5%
}



.carta:hover
	{
		border: 1px solid grey;
		box-shadow: 0px 0px 5px #989898;
	}
.carta a:visited, a:active
	{
		
		text-decoration: none;
	}
.carta a 
	{
		text-decoration: none;
	}


.linkindex  
	{
		text-decoration: none;
		color: rgba(0,0,0,1);
	}

.descrip2
	{
		 
		background-color:white; 
		color: rgba(0,0,0,0.8);
		border-bottom: 1px solid rgba(0,0,0,0.3);
		 
		
	}

 

.carta
	{
		
		background-color:white; 
		border: 1px solid rgba(0,0,0,0.3);
		
	}

 
#precontainer
{
	width: 100%; 
	height: auto;
	margin: 0px; 
	background-color: transparent;

}
#container
{
	background-color:white;
	height: auto;
	float: left;
	
	border-top: 1px solid rgba(0,0,0,0.2);
	border-bottom: none;
	padding-bottom: 5%;
	

}

#agua
{
	width: 14px;
	height: 36px;
	float: right;
	margin-right: -1%;
	background-image: url("agua.png");
	background-repeat: no-repeat;	
}

/* Problemas*/
.verProb
{
	align-content: center;
	width: 120px; 
	background-color:rgba(30,4,138,0.1);
	color:rgba(30,4,138,1);
	text-align: center;
	margin:auto;
}
.verProb:hover
{
	background-color:rgba(30,4,138,0.7);
	color: white; 
}
 
@media only screen and (min-width: 901px) and (max-width: 1500px)
{
	.preINTRO /*logo DIBU*/
	{
	 
		width: 129px;
		height: 107px;
		margin-right: 15%;
		background-image: url("T5.png");
		background-repeat: no-repeat;	
    }
	.preINTRO2
	{
		 
		height: 130px;
		margin-top: 1%;
		max-width: 300px;
		margin-left: 9%;
	}
	#container
	{
		width: 90%;
		margin-left: 5%;
		padding-right: 1%; 
		margin-top: -10px;
		
	}
	#tit1, #titB1
	{
		display: none;
	}
	#tit2, #titB2
	{
		display: block;
	}
	
	.subtit
	{
		margin-top:0px;
	}
}
@media only screen and (min-width: 1501px)
{
	.preINTRO /*logo DIBU*/
	{
		margin-right: 8%;
		width: 20%;
		height: 206px;
		background-image: url("T4.png");
		background-repeat: no-repeat;	
    }
	.preINTRO2
	{
		 
		height: 10%;
		margin-top: 3%;
		margin-left: 9%;
}
	#container
	{
		width: 60%;
		margin-left: 15%;
		padding-right: 1%; 
		margin-top: -40px;
		
	}
	#tit1, #titB1
	{
		display: block;
	}
	#tit2, #titB2
	{
		display: none;
	}
	.subtit
	{
		margin-top:0px;
	}
}

@media only screen and (min-width: 901px)
{
	
	
	 
	#container
	{
		border-left: 1px solid rgba(0,0,0,0.2);
		border-right: 1px solid rgba(0,0,0,0.2);
		
	}
	 
	
	
	.carta
	{
		width: 350px;
		height: 450;
		float:left;
		margin-left: 30px;
		margin-top: 30px;
		 
		/*box-shadow: 1px 1px 20px #989898;*/
		 
	}
	.descrip1
	{
		width: 350px;
		height: 150px;
		background-color: white; 
		margin-left: 0px;
		margin-top: 10px;
		float:left;
	}
	
	.descrip2
	{
		width: 350px;
		height: 40px; 
		margin-left: 0px;
		margin-top: 2px;
		float:left;
		 
		
		
	}
	
	.descrip2 h2
	{
		margin-top: 3px;
		
	}
	.descrip3
	{
		width: 330px;
		height: 100px;
		background-color:rgba(214, 206, 253,0.4); 
		margin-left: 0px;
		margin-top: 0px;
		float:left;
		color: black;
		align-content: center;
		
		
	}
	.descrip3texto
	{
		width: 90%;
		text-align: justify;
		margin: auto;
		color:rgba(30,4,138,1);
	}
	
}	
@media only screen and (max-width: 900px)
{
	
	
	#tit1
	{
		display: none;
	}
	#tit2
	{
		display: block;
	}
	#titB1
	{
		display: none;
	}
	#titB2
	{
		display: block;
	}
	#container
	{
		width: 100%;
		margin-left: 0%;
		margin-top: 0%;
		
	}
	
	.preINTRO /*logo DIBU*/
	{
		width: 129px;
		height: auto;
		min-height: 107px;
		margin-right: 1%;
		background-image: url("T5.png");
		background-repeat: no-repeat;	
    }
	.preINTRO2
	{
		 
		min-height: 130px;
		height: auto;
		margin-top: 1%;
}
	.carta
	{
		width: 90%;
		height: auto;
		 
		float:left;
		margin-left: 5%;
		margin-top: 5%;
		border: 1px solid rgba(0,0,0,0.3);
		/*box-shadow: 1px 1px 20px #989898;*/
		 
	}
	.descrip1
	{
		width: 100%;
		height: 150px;
		background-color: white; 
		margin-left: 0px;
		margin-top: 10px;
		float:left;
	}
	.descrip2
	{
		width: 100%;
		height: auto;
		margin-left: 0px;
		margin-top: 0px;
		float:left;
		 
		
	}
	.descrip2 h2
	{
		margin-top: 3px;
		
	}
	.descrip3
	{
		width: 100%;
		height: auto;
		background-color:rgba(214, 206, 253,0.4); 
		margin-left: 0px;
		margin-top: 0px;
		float:left;
		color: black;
		align-content: center;
		
		
	}
	.descrip3texto
	{
		width: 90%;
		text-align: justify;
		margin: auto;
		color:rgba(30,4,138,1);
	}
	
	
}		
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/*Calculadora*/
.hueco
{
	width: 80px;
	height: 25px;
	border: 1px solid black;
}
.huecoSOL
{
	width: 50px;
	height: 25px;
	background-color: rgba(245,236,3,0.5);
	border: 1px solid black;
}
.but
{
	width: 100px;
	height: 50px;
	background-color:rgba(7,0,79,0.1);
	color:rgba(7,0,79,0.9);
	border: 1px solid rgba(7,0,79,0.9);
}
.but:hover {
  background-color:rgba(7,0,79,0.6);
  color: white;
}