* {
	margin:0;
	padding:0;
}


.main {
	
	margin:50px;
	margin:justify;

}	
.slides	{
height:100%;
width: 100%;
}
.slides img	{
	height:100%;
	width: 100%;
}
.slidesjs-pagination{
	background:#424242;
	list-style:none;
	overflow:hidden;
	background-color: #566573 ;
}

.slidesjs-pagination li{
	float:left;
}

.slidesjs-pagination li a{
	display:block;
	padding:0px 50px;
	color:#000080;
	text-decoration:none;
	background-color: #566573 ;
}
.slidesjs-pagination li a:hover{
	background:#FFFFFF;
}
.slides .active{
	background:#FFFFFF;
}
.slidesjs-navigation {
	background:#FFFFFF;
	color:#000080;
	text-decoration:none;
	display:inline-block;

	float:right;
}
body{
	background-image: url(56.jpg);
	background-size:100vw 100vh;
	margin: auto;	
	background-attachment: fixed;
	width: 100%;
	margin: 0;
	}

h33{
	
	color:#003366;
	text-align: left;
	margin:20000;
	font-size: 19px;
	
}


h3{
	
	text-align: justify;
	margin:0;
	font-size: 10px;
	background-attachment: fixed;
	background-color: rgb(21,40,54);
	
}
h8{
	color:#000;
	text-align: justify;
	margin:0;
	font-size: 29px;
	
	background-color: rgb(255,255,255);
	
	
}
h28{
	color:#003366;
	text-align: justify;
	margin:0;
	font-size: 17px;
	
	
	
}


input, textarea{
	width: 100%;
	margin-bottom: 0px;
	padding:7px;
	box-sizing: border-box;
	font-size: 17px;
	border: none;
}

textarea{
	min-height: 100px; 
	max_height: 100px;
	max-width: 100%;
}

#botton{
	background: #31384A;
	color:#fff;
	padding: 20px;
}

#boton:hover{
 cursor: pointer;
}


@media (max-width:480px){
	form{
		width: 100%;
	}
}

h1 {
	text-align: left;
	color: #000000;
	
	font-size: 14px;
	
} 

h2 {
	text-align: left;
	color: #fff;
	margin:2px;
	font-size: 11px;
	background-color: #566573;
	
} 



h13 {
	color: #000000;
	text-align: justify;
	margin:0;
	font-size: 17px;

	background-color: #ffffff;
	left:0px;
	right:0px;
	top:0px;
	
} 

h11 {
	text-align: left;
	color: #FFF;
	font-size: 16px;
	
} 

footer {
	text-align: left;
	background-attachment: fixed;
	font-size: 10px;
	
	
} 

section {
	margin: auto;
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin-top: 0px;
	background-attachment: fixed;
	
		
} 


center{
	margin: auto;
	margin-top: 0px;
	width: 1200px;
	height:90px;
box-sizing: border-box;
} 




p.tex{
	font-size: 1.2em;
	color:white;
	text-align: center;
	padding-top: 10px;
	opacity: .6;
	-webkit-transition: padding-top .4s;
}


div.contenedor.1{
height:15px;
width: 15px;
float: auto;
-webkit-transition: height .4s;
}


div.contenedor.1:hover{
height:20px;


}



div#ini{
	background-color: rgb(255,255,255);

}



div.contenedor.1:hover p.tex{
padding-top: 30px;
opacity: 1;


}
div.contenedor.1:hover{
-webkit-box-shadow:0px 0px 0px 0px rgba(208,181,3);

}

div.contenedor.1{
	display: block;
	margin:50px auto;
	background-color: rgba(255,255,255);
	width:40px;
	padding: 20px;
	-webkit-border-radius: 50%;
	-webkit-box-shadow: 0px 0px 0px 30px rgba(255,255,255);
	-webkit-transition:box-shadow .4s;
}

div.container{
height:40%;
width: 40%;
float: right;
margin: 50px;

background-color:#ffffff;

}

div.contain{
height:100%;
width: 30%;
float: left;
margin: 15px; 
border: 5px solid  #566573 ;
background-color: #566573 ;
}


header{
position: fixed;

left: 0;
top: 0;
right:0;
background-color:#ffffff;
z-index: 100;
height:60px;
background-attachment: fixed;

	background-color: rgb(255,255,255);
}

footer {
text-align: center;
        font-family: sans-serif;
        color: whitesmoke;
        width: 100%;
        bottom: 0;
        position:fixed;
}

section {
 position: fixed;
   top: 3em;
   right: 0;
   bottom: 3em;
   left: 0;
   width: 6em;
   height: 100%;
   z-index: 100;

}