/* CSS Document */

body { width:100%
	}

#erro{
	max-width:500px;
	width:50%;
	margin:0 auto;
	margin-top: 10%;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#f2f2f2;
	padding: 3%;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* Para Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(-45deg, #fff, #eaeaea) repeat-X;
	/* Para WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, right
	bottom, from(#fff), to(#eaeaea)) repeat-X;
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaeaea, endColorstr=#FFFFFFFF)";
	/* Para IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr='#ffffff',endColorstr='#eaeaea',
	GradientType=1 );	
}

#erro img {
	margin: 20px 0 0 0;
	}

p{
	font-size: 18px ;
	line-height: 30px ;
}

/*.titulo{font-size:110%;font-weight:bold;}*/

@media  screen and (min-width : 10px) and (max-width : 460px) and (max-height:80px) and (min-height:10px){

#erro {
	min-width: 380px;
	height:50px;
	margin:0 auto;
	margin-top: 5px;
	padding: 5px 0px 5px 5px;
	}
	
#erro img {
	 width: 34px;
	 height: 45px;
	 margin: -46px 0 0 -45px;
	 float:left;
	 }
p {
	text-align:left;
	font-size: 9px ;
	line-height: 15px;
	font-weight:bold;
	padding: 0 0 0 45px !important;
	
	  }
	}

@media  screen and (min-width : 200px) and (max-width : 1600px) and (max-height:80px){

#erro {
	width:85%;
	margin:0 auto;
	margin-top: 5px;
	padding: 5px 20px 5px 20px;
	}
#erro img {
	 width: 34px;
	 height: 45px;
	 margin: -46px 0 0 -45px;
	 float:left;
	 }
p {
	text-align:left;
	font-size: 10px ;
	line-height: 15px;
	font-weight:bold;
	padding: 0 0 0 45px !important;
	}
	}
	
@media  screen and (min-width : 200px) and (max-width : 1600px) and (max-height:100px) and (min-height:80px) {
	#erro {
	width:85%;
	margin-top: 5px;
	padding: 7px 20px 5px 20px;
	}
	#erro img {
	  width: 34px;
	  height: 45px;
	  margin: -55px 0 0 -45px;
	  float:left;
	 }
	 p {
	text-align:left;
	font-size: 12px ;
	line-height: 20px;
	font-weight:bold;
	padding: 0 0 0 45px !important;
	  }
	}	
	
@media  screen and (min-width : 200px) and (max-width : 1600px) and (max-height:150px) and (min-height:100px) {

#erro {
	min-width:440px;
	min-height: 60px;
	margin:0 auto;
	margin-top: 25px;
	padding: 7px 20px 5px 20px;
	}
#erro img {
	width: 34px;
	height: 45px;
	margin: -55px 0 0 -45px;
	float:left;
	}
p {
	text-align:left;
	font-size: 12px ;
	line-height: 20px;
	font-weight:bold;
	padding: 0 0 0 45px !important;
	}
}
	

@media  screen and (min-width : 200px) and (max-width : 1600px) and (max-height:200px) and (min-height:151px)  {
	#erro {
	width:85%;
	margin:0 auto;
	margin-top: 15px;
	padding: 7px 20px 5px 20px;
	}
	#erro img {
	  width: 34px;
	  height: 45px;
	  margin: 6px 0 0 0;
	 }
	 p {
	font-size: 12px ;
	line-height: 20px;
	font-weight:bold;
	  }
	}
	
	
@media  screen and (min-width : 200px) and (max-width : 1600px) and (max-height:250px) and (min-height: 200px)  {
	#erro {
	width:85%;
	margin:0 auto;
	margin-top: 20px;
	padding: 10px 20px 10px 20px;
	}
	#erro img {
	  width: 34px;
	  height: 45px;
	  margin: 6px 0 0 0;
	 }
	 p {
	font-size: 14px ;
	line-height: 25px;
	font-weight:bold;
	  }
	}
	
@media  screen and (min-width : 200px) and (max-width : 1600px) and (max-height:350px) and (min-height: 250px)  {
#erro {
	width:85%;
	margin:0 auto;
	margin-top: 50px;
	padding: 10px 20px 10px 20px;
	}
#erro img {
	width: 44px;
	height: 58px;
	margin: 6px 0 0 0;
	}
p {
	font-size: 14px ;
	line-height: 30px;
	font-weight:bold;
	}
	}
	
@media  screen and (min-width : 200px) and (max-width : 1600px) and (max-height:450px) and (min-height: 350px)  {
#erro {
	width:85%;
	margin:0 auto;
	margin-top: 70px;
	padding: 10px 20px 10px 20px;
	}
#erro img {
	 width: 50px;
	 height: 66px;
	 margin: 6px 0 0 0;
	 }
p {
	font-size: 16px ;
	line-height: 33px;
	font-weight:bold;
	 }
	}
	
@media  screen and (min-width : 200px) and (max-width : 1600px) and (max-height:600px) and (min-height: 450px)  {
#erro {
	width:85%;
	margin:0 auto;
	margin-top: 90px;
	padding: 10px 20px 10px 20px;
	}
#erro img {
	width: 50px;
	height: 66px;
	margin: 6px 0 0 0;
	}
p {
	font-size: 16px ;
	line-height: 33px;
	font-weight:bold;
	}
	}
	
	/*  Altura */

	
@media  screen  and (max-width:300px) and (min-width: 200px) and (min-height : 200px) and (max-height : 1600px) {
#erro {
	width:65%;
	margin:0 auto;
	margin-top: 90px;
	padding: 10px 20px 10px 20px;
	}
#erro img {
	width: 50px;
	height: 66px;
	margin: 6px 0 0 0;
	}
p {
	font-size: 14px ;
	line-height: 25px;
	font-weight:bold;
	}
}
	

@media  screen  and (max-width:300px) and (min-width: 200px) and (min-height : 150px) and (max-height : 250px) {
#erro {
	min-width:155px;
	min-height:120px;
	margin:0 auto;
	margin-top: 10px;
	padding: 10px 20px 10px 20px;
	}
#erro img {
	width: 34px;
	height: 45px;
	margin: 6px 0 0 0;
	}
p {
	font-size: 10px ;
	line-height: 16px;
	font-weight:bold;
	 }
}
		
	

@media  screen  and (max-width:300px) and (min-width: 200px) and (min-height : 250px) and (max-height : 300px) {
	#erro {
	width:65%;
	margin:0 auto;
	margin-top: 8px;
	padding: 10px 20px 10px 20px;
	
	}
	#erro img {
	  width: 34px;
	  height: 45px;
	  margin: 6px 0 0 0;
	 }
	 p {
	font-size: 12px ;
	line-height: 18px;
	font-weight:bold;
	  }
	}
	
	
	
@media  screen  and (max-width:300px) and (min-width: 200px) and (min-height : 300px) and (max-height : 400px) {
	#erro {
	width:65%;
	margin:0 auto;
	margin-top: 30px;
	padding: 10px 20px 5px 20px;
	
	}
	#erro img {
	  width: 50px;
	  height: 66px;
	  margin: 6px 0 0 0;
	 }
	 p {
	font-size: 12px ;
	line-height: 20px;
	font-weight:bold;
	  }
	}		
		
	
@media  screen  and (max-width:300px) and (min-width: 200px) and (min-height : 400px) and (max-height : 500px) {
	#erro {
	width:65%;
	margin:0 auto;
	margin-top: 60px;
	padding: 10px 20px 10px 20px;
	
	}
	#erro img {
	  width: 50px;
	  height: 66px;
	  margin: 6px 0 0 0;
	 }
	 p {
	font-size: 12px ;
	line-height: 25px;
	font-weight:bold;
	  }
	}		
	
@media  screen  and (max-width:300px) and (min-width: 200px) and (min-height : 500px) and (max-height : 600px) {
	#erro {
	width:65%;
	margin:0 auto;
	margin-top: 90px;
	padding: 10px 20px 10px 20px;
	
	}
	#erro img {
	  width: 50px;
	  height: 66px;
	  margin: 6px 0 0 0;
	 }
	 p {
	font-size: 12px ;
	line-height: 25px;
	font-weight:bold;
	  }
	}		
	
@media  screen  and (max-width:300px) and (min-width: 200px) and (min-height : 600px) and (max-height : 1600px) {
	#erro {
	width:65%;
	margin:0 auto;
	margin-top: 90px;
	padding: 10px 20px 10px 20px;
	
	}
	#erro img {
	  width: 50px;
	  height: 66px;
	  margin: 6px 0 0 0;
	 }
	 p {
	font-size: 14px ;
	line-height: 25px;
	font-weight:bold;
	  }
	}			
	
@media  screen  and (max-width:200px) and (min-width: 100px) and (min-height : 200px) and (max-height : 1600px) {
	#erro {
	width:65%;
	margin:0 auto;
	margin-top: 90px;
	padding: 10px 20px 10px 20px;
	
	}
	#erro img {
	  width: 50px;
	  height: 66px;
	  margin: 6px 0 0 0;
	 }
	 p {
	font-size: 10px ;
	line-height: 20px;
	font-weight:bold;
	  }
	}		
	
@media  screen  and (max-width:200px) and (min-width: 100px) and (min-height : 100px) and (max-height : 600px) {
	#erro {
	width:65%;
	margin:0 auto;
	margin-top: 40px;
	padding: 10px 20px 10px 20px;
	
	}
	#erro img {
	  width: 50px;
	  height: 66px;
	  margin: 6px 0 0 0;
	 }
	 p {
	font-size: 10px ;
	line-height: 20px;
	font-weight:bold;
	  }
	}