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



* {
  margin:0;
  padding:0;
  border:0;  
  }
 
article, figcaption, figure, footer, header, hgroup, nav, section {
  display:block;
  } 
 

img, video {
	max-width:100%;
	border:0;
	margin:0;	
	} 
  

h1, h2, h3, h4, h5, h6, ul {
	margin:5px 0;
	padding:0;
	font-weight:normal;
	text-align:justify;	
	}  


.showme{ 
display:none;
text-decoration:none;
}



.showhim:hover .showme{
display:block;
max-width:20%;
font-size:11px;
position:absolute;
text-decoration:none;
background-color:rgba(0, 0, 0, 0.8);
padding:15px;
color:#fff;
border-radius:5px;
}


a.showhim {
text-decoration:none;
}



p {
	text-align:justify;
	margin:0;
	padding:5px 0;	
	}
	



  
  
body {
  background:url(../images/been_fond-02.png) no-repeat top left;
  background-color:#dcdcdc;
  font-family:"Open Sans", "Open Sans Extrabold", "Open Sans Light", "Open Sans Semibold";
  margin:0;
  padding:0;
  color:#222; 
  font-size:13px;
  } 
 
 
 #wrapper {
	 margin:0 auto;
	 padding:10px 0 30px 0;
	 max-width:80%;
	 text-align:center; 
	 } 

.line-top {
	background-color:#fff;
	padding:0 20px;
	border-bottom:3px solid #fade00;
	}	 
	 

.logo {
	margin:0;
	padding:0;	
	}

.social-icons {
	position:absolute;
	right:20px;
	top:7px;
	}
	
.social-icons img {
	margin:0 2px;
	}	
	

.social-icons a:hover {
	opacity:0.7;
	}	
	

.social-icons {
	text-align:right;	
	}	 
	

.message {
	font-size:11px;
	color:red;
	padding:5px 0;	
	}	 


.col {
	display:table-cell;
	width:90%;
	vertical-align:middle;
	}


	
.login-box {
	max-width:23%;
	margin:0 auto;
	margin-left:50%;
	margin-top:30px;
	margin-bottom:30px;
	padding:20px 40px;
	display:block;
	text-align:left;
	box-shadow:0 0 4px 0 #999;
	-webkit-box-shadow:0 0 4px 0 #999;
	border-radius:5px;	
	-webkit-border-radius:5px;
	background-color:#fff;	
	}


.login-box:hover {
	background-color:#fff9cc;	
	}

	

.login-box h2 {
	font-size:25px;
	}	
	

.login-box input, text-area, select {
	font-family:"Open Sans", "Open Sans Extrabold", "Open Sans Light", "Open Sans Semibold";
	font-weight:normal;
	background-color:#fff;
	min-width:93%; 
	padding:8px 10px;
	margin:5px 0;
	border:1px solid #c7c7c7;
	color:#919191;
	display:block;
	border-radius:1px;
	-webkit-border-radius:2px;
	}

.login-box select {
	min-width:100%;
	line-height:30px; 
	}	

.login-box option {
	padding:0 15px;
	}			
	

.login-box label {
	padding-top:10px;
	display:block;
	}


		

.login-box .login {
	background:url(../images/key.png) no-repeat center left, url(../images/deg_login.jpg) repeat-x top;
	background-color:#bbaa28;
	color:#111;
	padding:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	border:0;
	cursor:pointer;
	font-weight:700;
	font-size:17px;
	display:block;
	min-width:87%;
	margin-top:10px;
	}		

.login-box .login:hover {
	background:url(../images/key.png) no-repeat center left, url(../images/deg_login_over.jpg) repeat-x top;
	background-color:#246ca2;
	color:#fff;
	}
	
.login-box .question a {
	font-weight:700;
	color:#0486e5;
	}		
		


	
.information {
	max-width:40%;
	background-color:#fff;
	padding:50px 40px;
	margin-top:30px;
	box-shadow:0 0 4px 0 #999;
	-webkit-box-shadow:0 0 4px 0 #999;
	border-radius:2px;	
	-webkit-border-radius:2px;	
	}	
	
.information h2 {
	font-size:35px;
	font-weight:100;
	}	
	

.information h3 {
	font-size:17px;
	color:#333;
	font-weight:700;
	}


.anuncio-final {
	background-color:#fff;
	padding:10px;
	text-align:center;
	border-top:1px solid #cecece;
	border-bottom:1px solid #cecece;
	bottom:0;
	}


footer {
	font-size:11px;
	position:absolute;
	bottom:0px;
	min-width:100%;
	background-color:#222;
	margin:0;
	padding:0;
	}


footer a {
	color:#fff;
	text-decoration:none;
	}




footer a:hover {
	color:#ffde00;
	}	
	
footer ul {
	margin:0;
	padding:10px;
	list-style-type:none;
	text-align:center;	
	}

footer li {
	display:inline-block;
	margin:0 10px;	
	}	


@media screen and (max-width:1000px) {
	
body {
  background:none;
  background-color:#dcdcdc;
  }
 
 .login-box {
	max-width:40%;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
	} 

footer {
	position:static;	
	}
  
	
}



@media screen and (max-width:800px) {
	

body {
  background:none;
  background-color:#dcdcdc;
  } 	
	
.line-top {
	padding:10px 20px;
	}	
	
.social-icons {
	position:static;
	text-align:center;
	}	
	
.logo {
	text-align:center;	
	}	
	
.login-box {
	padding:20px;
	max-width:100%;
	margin:20px !important;	
	}	

.login-box label, input, span, select {
	min-width:90%;	
	}		
	

.login-box, .information {
	display:block;
	margin:0;
	max-width:100%;	
	}	
	

footer li {
	display:block;
	margin:10px;	
	}	

.showhim:hover .showme{
display:block;
max-width:50%;
font-size:11px;
position:absolute;
right:60px !important;
}

	
}