body{
	background-image: url(../image/fondo3.jpg);
	background-repeat: no-repeat;	
	background-size: 100%;


	margin: 0;
	padding: 0;
	height: 100%;
	min-height:100%;
	/*overflow:hidden;*/
	z-index:1;	



}


a { 
	color:white;
}
/*#fondo,#container{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:-1;	
}*/

#logo{
	margin-left:10px;
	margin-top:10px;
	max-height: 15%;
	max-width: 25%;
	float: left;
	position: absolute;
		
}
#container{
	max-height: 50%;
	max-width: 40%;
	background: transparent;
	float: left;
	position: absolute;
	margin-top: 20%;
	margin-left: 10%;
	margin-right: 10%;
	/*height: 100%;
	z-index:1;
	overflow:auto;*/
	
}

.classname {
	max-width: 30%;
	max-height: 35%;
	float: right;
	margin-right:10%;
	margin-top: 12.5%;
	margin-bottom:10%;
 	border: 1px solid #fefefe;  
 	text-align:center; 
 	background: transparent;
 	padding:75px 40px 75px 40px;  
 	-moz-border-radius: 5px;  
 	-webkit-border-radius: 
 	5px; border-radius: 5px;
	-moz-box-shadow: 1px -1px 26px #468847;
	-webkit-box-shadow: 1px -1px 26px #468847;
	box-shadow: 1px -1px 26px #468847;

	/*efecto TRANSICION*/
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
	-o-transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
}
 
.classname:hover{
	transform: rotate(0deg) scale(1.050) skew(0deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1.050) skew(0deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1.050) skew(0deg) translate(0px);
	-o-transform: rotate(0deg) scale(1.050) skew(0deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1.050) skew(0deg) translate(0px);
}
.control-label{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
footer{
	position:relative;
	
	margin-top:-50px;
	height: 50px;
	text-align: center;
	overflow: hidden;
	/*bottom: 0;*/
	clear:right;
}

/*****ENTANA MODAL*****/


.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
display: none;
pointer-events: none;
}

.modalDialog:target {
display: block;
pointer-events: auto;
}

.modalDialog > div {
width: 400px;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #fff;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
text-align:justify;
}

.close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align:justify;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

#user,#pass{
 padding:10px;
 border:solid 1px #DEDEDE;
 border-radius:5px;
 background-color: #468847; 
 font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #151515;
 opacity: 0.75;
 margin-bottom: 20px;
 }
#user:focus{
 box-shadow:0 0 15px #036;
 }