body{
	background-image:url(../Sistema%20Resumen_archivos/osc.jpg);
	font-family: 'Ubuntu Mono', Arial, serif; font-weight: 400;
}

.lg-container{
	width:70%;
	max-width: 85%;
	margin:100px auto;
	padding:20px 40px;
	border:1px solid #f4f4f4;
	background:rgba(180, 123, 193,.5);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
	
	-webkit-box-shadow: 0 0 2px #aaa;
	-moz-box-shadow: 0 0 2px #aaa;
	box-shadow: 0 0 2px #aaa;
}
.lg-container h1{
	color:#fff;
	text-shadow:#474747 3px 5px 2px;
	font-size:35px;
	text-align:center;
	width: auto;
	word-wrap: break-word;
	
}

.lg-container h2{
	color:#fff;
text-shadow:#474747 3px 5px 2px;
font-size:30px;
	text-align:center;
	
}
.lg-container p{
 font-size: 14pt; 
        color: black; 
        padding-left: 10px;
word-wrap: break-word;
	
}

.lg-container ol{

 font-size: 14pt; 
        color: black; 
        word-wrap: break-word;
list-style-type:decimal-leading-zero;
padding-left: 60px;
line-height: 1.6;
	
}
#lg-form > div {
	margin:10px 5px;
	padding:5px 0;
	
}

#lg-form div:nth-child(3) {
	text-align:center;
}

.hover-rotate {
text-align:center;
}

.hover-rotate:hover {
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
  
}
.hover-rotate2 { 
text-align:center;
}

.hover-rotate2:hover {
  -ms-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
  
}