.tit {
	color: #000000;
	font-size: 25px;	
	font-family: Merriweather;
	text-shadow: 4px 4px 4px gray;
}

.titu {
	color: #000000;
	font-size: 20px;	
	font-family: Merriweather;
	text-shadow: 4px 4px 4px gray;
}

.add:hover{
   cursor: pointer;
   opacity:0.8;
 }
  
.add:active{
	opacity:1;
	color: #CCCCCC;
    background-color: #92860F;
	border: 2px solid #92860F;
	box-shadow:inset 2px 2px 2px rgba(115, 115, 115,.8), inset -4px -4px 4px rgba(115, 115, 115,.3);
}

.princ{
	border: 1px solid #737373;
	border-radius: 20px;
	width:400px;
	height:25px;
}

.box{
	border-radius: 5px;
	box-shadow:inset -4px -4px 4px rgba(115, 115, 115,.8), inset 2px 2px 2px rgba(115, 115, 115,.3);

}

input.add{
	text-align: center;
	margin-right: 10;
    background-color:#92860F;
	color: #CCCCCC; 
	font-size: 25px; 
	font-family: Merriweather; 
	border-radius: 5px;
	border: 3px solid #92860F;
	box-shadow:inset 4px 4px 4px rgba(255,255,255,.2), inset -2px -2px 2px rgba(120, 110, 14,.3);
}

@media screen and (max-width: 1200px) {
	article.orden { width: 95%; }
}

@media screen and (max-width: 900px) {
	article.orden { width: 100%; }

}