html, body { width:100%; height:100% }
body { color:#333; font-family: 'Raleway', sans-serif; }

.left { float:left }
.right { float:right }
.clear { clear:both }
.middle { vertical-align:middle }
.hidden { display:none }
.block { display:block }
.strong { font-weight:bold }
.inline-block { display:inline-block; vertical-align:top }
.hidden { display:none }
ul, li { list-style-type:none }
ul.list { list-style-image:url(../images/list_disk.png); margin-left:20px; padding-left:5px }
ul.list li { margin-bottom:10px }

a:link, a:visited { color:#333; text-decoration:none }
a:hover, a.active { color:#000; text-decoration:none }
a.linkWhite:link, a.linkWhite:visited { color:#FFF; text-decoration:none }
a.linkWhite:hover { color:#FFF; text-decoration:underline }
a.linkRed:link, a.linkRed:visited { color:#000; text-decoration:none }
a.linkRed:hover { color:#000; text-decoration:none }
a.linkGrey:link, a.linkGrey:visited { color:#999; text-decoration:none }
a.linkGrey:hover { color:#000; text-decoration:none }

h1 { font-size:1.5em; color:#f36f21; font-weight:normal }
h2 { font-size:1.2em; color:#666; font-weight:normal }
h3 { font-size:1.1em; color:#848588; font-weight:normal }


input { border:1px solid #aaa; background-color:#FFF; line-height:20px }
input:focus { border:1px solid #666 }
button { line-height:25px; background-color:#aaaaaa; border:0; color:#FFF; cursor:pointer; transition: background 0.3s ease; }
button:hover { background-color:#000 }
.login_error input { border:1px solid #F00 }
.login_error span { display:inline-block }

.border { border:1px solid #CCC; padding:5px }
.border:hover { border:1px solid #aaaaaa }

.small { font-size:85% }
.very_small { font-size:50% }
.big { font-size:120% }
.very_big { font-size:150% }
.very_small { font-size:75% }
.red { color:#f05555 }
.white { color:#FFF }
.grey { color:#aaaaaa }
.orange { color:#f36f21 }
.green { color:#71f039 }

img.scala { max-width:100%; height:auto; width: auto; }

/* HEADER */

#header { position:relative; z-index:1000; width:950px; margin:0 auto;  }

#logo { float:right; padding-top:5px; padding-right:15px }

#services { float:left }
#services div { height:90px; line-height:90px; display:inline-block; vertical-align:middle; border-right:1px solid #f36f21; padding:0 17px 0 17px }
#services div:last-child { border-right:0 }
#facebook img { opacity: 0.8; filter: alpha(opacity=80); transition: all 0.3s ease }
#facebook img:hover { opacity:1; filter: alpha(opacity=100); }
#help img { opacity: 0.4; filter: alpha(opacity=40); transition: all 0.3s ease }
#help img:hover { opacity:1; filter: alpha(opacity=100); }

#menu { margin-top:-55px; display:inline-block; border:11px solid #FFF; border-top:0; border-bottom:10px solid #FFF }
#menu li { display:inline-block; vertical-align:middle; margin-left:-4px; border-right:1px solid #FFF; padding-top:12px; background:none; transition: all 0.3s ease }
#menu li:last-child { border:0 }
#menu li:hover { background:url(../images/menu_border.png) top left repeat-x }
#menu li a:link, #menu li a:visited { background-color:#f36f21; line-height:60px; display:block; text-align:center; color:#FFF; padding:0 8px 0 8px; transition: all 0.3s ease; font-style:italic; font-size:0.9em; font-weight:bold }
#menu li a:hover, #menu li a.active { background-color:#c44208; color:#FFF; text-decoration:none }

#banner { width:100%; position:relative; z-index:100; margin:0 auto; text-align:center; overflow:hidden; margin-top:-40px; padding-bottom:4px; border-bottom:4px solid #f36f21 }
#banner .item img { display: block; width:100%; height:auto }

/* PAGES */

.banner { width: 250px; height: 215px; overflow: hidden }

#container { width:100%; background:url(../images/backgrond.png) top left repeat-x; margin-top:40px; padding-top:20px }

#contents { width:950px; margin:0 auto; position:relative;  }

#page { width:100%; background-color:#FFF; padding:30px }
#page p { text-align:justify }

#page_top { width:100%; background-color:#FFF; padding:30px; margin-top:-450px; position:relative; z-index:2000 }
#page_top p { text-align:justify }

#instagram_box { display:inline-block; vertical-align:top; margin-right:36px; background-color:#FFF; color:#375989; border:6px solid #f36f21; padding:5px }
#instagram_box .pics { margin-top:10px }
#instagram_box .pics img { width:90px; margin-right:2px }

.box_home { display:inline-block; vertical-align:top; margin-right:10px; width:280px; background-color:#dcdddf; padding:6px; transition: all 0.3s ease }
.box_home:hover { background-color:#CCC }
.box_home .image { background-color:#FFF; text-align:center; padding:5px 0 5px 0; margin-bottom:24px;  }
.box_home h1 { line-height:44px; background-color:#FFF; text-align:center; color:#ee5d0b; font-style:italic }
.box_home p { background-color:#FFF; padding:10px; text-align:left }

#crumbs { margin:10px 0 10px 0; text-align:right; font-size:small }

#news_list li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #eee; transition: all 0.3s ease }
#news_list li:hover .image { border:2px solid #666 }
#news_list .image { display:inline-block; vertical-align:top; width:100px; height:60px; overflow:hidden; border:2px solid #eee }
#news_list .text { width:400px; display:inline-block; vertical-align:middle; padding-left:20px }
#news_list li h1 { font-size:1em; color:#000 }
#news_list a:link, #news_list a:visited { color:#000 }
#news_list a:hover { color:#333 }
#news_list h2 { font-size:1em; color:#666; padding-top:8px }
#news_list p { font-size:small; color:#999; line-height:15px; border-left:2px solid #4eff00; padding-left:5px; margin-top:10px }

#news_right li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #eee; transition: all 0.3s ease }
#news_right li:hover .image { border:2px solid #666 }
#news_right .image { display:inline-block; vertical-align:top; width:80px; height:50px; overflow:hidden; border:2px solid #eee }
#news_right .text { width:160px; display:inline-block; vertical-align:middle; padding-left:10px }
#news_right li h1 { font-size:1em; color:#000 }
#news_list a:link, #news_right a:visited { color:#000 }
#news_right a:hover { color:#333 }
#news_right h2 { font-size:1em; color:#666; padding-top:8px }
#news_right p { font-size:small; color:#999; line-height:15px; border-left:2px solid #4eff00; padding-left:5px; margin-top:10px }


#article { padding:20px 20px 20px 10px }
#article h1 { padding-bottom:10px }
#article h2 { padding-bottom:10px }
#article p { padding-bottom:10px; text-align:justify; line-height:25px }
#article .documents { margin-top:20px }
#article .documents img { margin-top:3px }
#article .documents a { text-decoration:underline }

#submenu { margin-bottom:10px }
#submenu ul li { display:inline-block; vertical-align:top }
#submenu a:link, #submenu a:visited { display:block; line-height:30px; border-bottom:2px solid #FFF; background-color:#CCC; color:#FFF; padding:0 10px 0 10px; text-align:left; transition: all 0.5s ease; }
#submenu a:hover, #submenu a.active { background-color:#999; border-bottom:2px solid #f36f21; color:#FFF; }

table td { border:1px solid #eee; padding:10px }
table td h1 { font-size:1.2em }


/* FOOTER */

#footer { width:950px; margin:0 auto; margin-top:40px; position:relative; line-height:49px; color:#FFF; font-style:italic }
#copyright { float:left; margin-right:2px; background-color:#f36f21; padding:0 12px 0 12px }
#privacy { float:left; background-color:#999; padding:0 12px 0 12px; font-size:small; color:#FFF }
#privacy a:link, #privacy a:visited { color:#FFF; transition: all 0.3s ease }
#privacy a:hover { color:#FFF; text-decoration:underline }
#email { float:right }
#email a:link, #email a:visited { color:#f35612; transition: all 0.3s ease }
#email a:hover { color:#c44208 }

#credits { 
	width:250px; height:180px; line-height:15px; position:absolute; display:none; bottom:0; left:50%; 
	padding:20px; padding-top:10px; overflow:auto; z-index:1001;
	background-color:#FFF; border:1px solid #CCC; box-shadow:0 0 10px #CCC;
	text-align:justify; color:#333;
}