@charset "UTF-8";
/* CSS Document */

body{
	background-color:#00aeef;
	margin:0;
}

img{
	border:none;	
}


#wrapper{
	width:780px;
	height:385px;
	
	left:50%;
	margin-left:-390px;
	top:50%;
	margin-top:-200px;
	position:absolute;
	background-image:url(../images/bg_black.png);
	padding-top:20px;
	padding-left:15px;
	
	
}



#container{
	width:780px;
	height:400px;
	overflow:hidden;
	
}


#logo{
	width:300px;
	height:294px;
	background-image:url(../images/logo2.png);
	background-repeat:no-repeat;
	float:left;
	margin-top:3px;
	
}

#logop{
	width:214px;
	height:94px;
	background-image:url(../images/pavimentoslogo2.png);
	background-repeat:no-repeat;
	bottom:0;
	position:absolute;
	
}


#formbox{
	width:420px;
	height:390px;
	float:left;
	margin-left:55px;
}


#floatleft{
	float:left;
}





img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}