body{ margin:0;padding:0; font-size: 100%;}
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary, blockquote{display:block;}
a{text-decoration: none;}
img{border:0;} 
b{font-weight: bold;  color:#555; }
strong{text-align:center; font-weight: bold; font-variant:small-caps; letter-spacing: 0.06em; color: #333;font-size: 1.2em;}
.strong{text-align:center; font-weight: bold; font-variant:small-caps; letter-spacing: 0.05em; color: #FFF;text-shadow: 1px 1px 3px #333, 1px 1px 1px #000;
font-size: 1.5em;}
i, em{ font-style: italic; }
header{height:130px; background-color:#FFF; }
h1{z-index:99; text-align:center;font-size:2.9em; color:#e2001a;text-shadow:1px 1px 1px #FFF; font-weight:bold; padding-top:25px;  }
h2{font-size:2.0em; font-weight:normal;text-align:center;}
.uppercase{text-transform:uppercase;}
.small-caps{font-variant: small-caps;}
.centered{text-align:center;}
.clear{clear:both;}
/* --------------------- content -------------------------- */
body{background-color:#FFF;}
#wrapper_title{position:relative; top:20px; width:100%; height:100px; background-color:#DDD; background:  url(resources/images/bg_title_bar.png) no-repeat bottom left #DDD; border-bottom:1px solid #AAA;}
#title{position:relative; text-align:center;}
#wrapper{position:relative; padding-top:20px; width:100%;}
#wrapper_box{position:relative; width:90%; left:5%; right:5%; }
#img_1,#img_2,#img_3,#img_4 {position:relative; text-align:center; padding-top:15px; }
#img_1 img{ padding:2px; box-shadow:0px 0px 5px #BBB; }
#img_1 img, #img_2 img,#img_3 img,#img_4 img {box-shadow:0px 0px 5px #BBB;max-width: 100%; height: auto; border:1px solid #999; padding:1px;}
#text_1, #text_2,#text_3,#text_4,#text_5{padding:20px 0px;   position:relative; float:left; text-align: justify; color:#555; line-height:1.4em; }
.max_width{max-width: 100%;}
.main_text_centered{ margin-left:15%; width:70%; color:#444; font-weight:bold; text-align:center; font-size:1.2em; margin-top:30px; }
.title_red {font-size: 1.1em; letter-spacing: 0.1em; color: #E2001A; font-weight: bold;   padding-right: 5px;}
.title_black{font-size: 1.1em; letter-spacing: 0.1em; color: #222; font-weight: bold;  padding-right: 5px;}
.centered_title{padding-top: 20px;padding-bottom: 30px;}
.box_news{position:relative;width:78%; left:12%; max-width:800px;}
.text_news{padding:10px 0px;   position:relative; float:left; text-align: justify; color:#555; line-height:1.4em; }
.news_title{width:100%; color:#222;  font-weight:bold; font-size:1.28em; letter-spacing: 0.05em; line-height:1.4em;   text-align:left; padding-top:30px;padding-bottom: 10px; }
/* ------------------------------------------------------- */
#text_link{color:#e2001a; font-weight:bold; text-shadow:2px 2px 3px #CCC; }
#text_link a{color: #e2001a;}
#text_link a:hover{color: #e2001a; text-shadow:1px 1px 6px #bbb,1px 1px 1px #555;}
.text_link a:link {color:#931003;}
.text_link a:visited {color:#931003;}
.text_link a:hover{ color: #e2001a;}
.text_link a:active {color:#931003;}
.text_link{margin-top:25px;}
/* --------------------- footer -------------------------- */
.footer{position:relative;margin:0;padding:0;margin-top:100px; padding-top:80px; min-height:140px;}
.footer_wrapper{border-top: 3px solid #e2001a;background-color: #000000;color:#fff; background-image: url(resources/images/footer_img.png); background-repeat:no-repeat;background-position:left bottom;}
.copyright{position:absolute; bottom:50px; left:40%;text-align:center;font-size:0.8em; color:rgb(250, 250, 250);z-index:999999;}
.copyright a:link{ color:rgb(250, 250, 250);}
.copyright a:visited{ color:rgb(250, 250, 250);}
.copyright a:hover{ color:rgb(250, 250, 250);}
.copyright a:active{ color:rgb(250, 250, 250);}
/* -------------------- social icons------------------------- */
.social_footer{position:absolute; right:110px; top:60px;}
.social_media{color:#FFF;  font-size:0.75em; font-weight:bold; letter-spacing:0.8em;}
.social_label{font-size:0.9em; padding-right:10px;padding-top:5px;}
.social_box_footer{float:left; margin-top: 12px; margin-left: 5px; padding:0px; border: none; border-radius:0px;}
img.social_icon_footer{width:40px; height:40px; border-radius:5px}

@media screen and (min-width: 768px)and (max-width: 1024px)
{
	#wrapper_box{position:relative; width:90%;  left:5%; right:5%; }
}
@media screen and (min-width: 648px)and (max-width: 768px)
{		
	#wrapper_box{position:relative; width:90%;  left:5%; right:5%; }
	
	.box_news{position:relative;width:80%; left:10%; max-width:800px;}
}

@media screen and (max-width: 648px)
{
	body{font-size: 95%;}
	h1{z-index:99; text-align:center;font-size:2.2em; color:#e2001a; text-shadow:1px 1px 1px #FFF;font-weight:bold; padding-top:15px;  }
	#wrapper_box{position:relative; width:90%;  left:5%; right:5%; }
	#wrapper_title{position:relative; top:10px; width:100%; height:80px; background-color:#DDD; background-image: none; background-repeat:no-repeat; background-position:top left; }
	
	#text_link{color:#e2001a;font-size:1em; font-weight:bold; }
	#text_link a{color: #e2001a;} 
	#text_link a:hover{color: #e2001a;}
	/* ---------------------       Footer         ---------------------  */
	.footer{margin:0;padding:0;padding-top:80px; min-height:80px;}
	.copyright{position:absolute; bottom:20px; left:30%;text-align:center;color: #888;}	
	.social_footer{position:absolute; right:2px; top:10px;}
	.social_box_footer{background-color:transparent; float:left; margin-top: 12px; margin-right: 2px;border: none; border-radius:0px;}
	img.social_icon_footer{width:30px; height:30px; border-radius:5px}
}
@media screen and (max-width: 384px)
{	
	#wrapper_box{position:relative; width:90%;  left:5%; right:5%; }
	#text_link{color:#e2001a;font-size:1em; font-weight:bold; }
	#text_link a{color: #e2001a;} 
	#text_link a:hover{color: #e2001a;}
	#img_1 img, #img_2 img,#img_3 img,#img_4 img {box-shadow:0px 0px 0px #DDD;}
	
	.box_news{position:relative;width:80%; left:10%; max-width:800px;}
	/* ---------------------       Footer         ---------------------  */
	.footer{margin:0;padding:0;padding-top:80px; min-height:80px;}
	.copyright{position:absolute; bottom:20px; left:30%;text-align:center;color: #888;}	
	.social_footer{position:absolute; right:2px; top:10px;}
	.social_box_footer{background-color:transparent; float:left; margin-top: 12px; margin-right: 2px;border: none; border-radius:0px;}
	img.social_icon_footer{width:30px; height:30px; border-radius:5px}
}