*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body


		
	

{
	color: white;
	margin-top: 20;
	border: 2 px solid #555;
	background: url(../img/cueroazul.jpg);
	background-size: 100%
	width:320px;
	margin: 0 auto;
	padding:15 20px 20px 20px;
}


.navegacion{
	width:1000px;
	position
	margin: 5px auto;
	background: #fff;
}

.navegacion ul{
	list-style: none;
}

.menu > li{
	position: relative;
	display: inline-block;
}

.menu > li > a{
	display: block;
	padding: 15px 20px;
	color: #353535;
	font-family: 'Open sans';
	text-decoration: none;
}

.menu li a:hover{
	color: #CE7D35;
	transition: all .3s;
}

/* Submenu*/

.submenu{
	position: absolute;
	background: #333333;
	width: 120%;
	visibility: hidden;
	opacity: 0;
	transition: opacity 1.5s;
}

.submenu li a{
	display: block;
	padding: 15px;
	color: #fff;
	font-family: 'Open sans';
	text-decoration: none;
}

.menu li:hover .submenu{
	visibility: visible;
	opacity: 1;
}




h1
{

	align-items: center
	color: white;
}

header 
{	

	margin-top: 1%;
	margin-right: 2%;
	margin-left: 2%;
	text-align: center;

}

form
{
	color: white;
	align-items: center;
	border: 4px solid #555;
	background: url(../img/negro.jpg);
	opacity : 50;
	width: 300px;
	padding: 10 20px 20px 20px;
	border: 5px solid black;

}





section 
{

	margin-right: 20%;
	margin-left: 20%;
}


.pad-basic

{
	padding:.5%; 
	
}

.no-btm
{
	margin-bottom:0%;
}

.btn-der
{
	text-align: right;
}



.grupo-box

{
	background-color: #000;
	padding:2% !important;
}

.conticon
{
	background: transparent; 
	z-index:2;
}

.iconlog
{
	margin-bottom: -22% !important;
}

.inpbtm
{
	margin-bottom: 3%;
}

.formitic

{
	padding-top: 15%;
}