/*---------------------------------
IMPORTS
-----------------------------------*/
@import url(estilo.css);
@import url(fonts/font-awesome-4.2.0/css/font-awesome.min.css);
/*---------------------------------
HTML ELEMENTS
-----------------------------------*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 1em;
  line-height: 1.4;
}
html *{ -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale}
body {
	margin: 10px 8% 10px 8%;
	padding: 0 0 0 0;
	font: normal 1em/150% verdana, arial, sans-serif;
	text-shadow: 0 0 1px transparent;
	text-align: justify;
}

.clearfix:before, .clearfix:after{ content:""; display:table}
.clearfix:after{ clear:both}

*{-webkit-box-sizing:border-box; /* Safari/Chrome,other WebKit */-moz-box-sizing:border-box;  /* Firefox,other Gecko */box-sizing:border-box;  /* Opera/IE 8+*/}

h1, h2, h3, h4, h5, h6{line-height:140%}
h1{font-size:2.3rem; margin:10px 0 10px 0}
h2{font-size:2rem; margin:10px 0 10px 0}
h3{font-size:1.6rem; margin:10px 0 10px 0}
h4{font-size:1.4rem; margin:10px 0 10px 0}
h5{font-size:1.2rem; margin:10px 0 10px 0}
h6{font-size:1.1rem; margin:10px 0 5px 0}

p{font-size:1rem; margin:10px 0 10px 0}

blockquote{font-size:1.1rem; line-height:1.1rem; padding:0 0 0 20px}
blockquote span{font-size:0.7em; display:block}
blockquote.small{font-size:0.8em}

a img{border:0}
a [class^="icon-"]{color:inherit; text-decoration:none}
a:active, a:hover{ outline:0}

strong, b{font-weight:bold}
dfn{ font-style:italic}
strike{}
em, i{}
/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup{ font-size:75%;  line-height:0;  position:relative;  vertical-align:baseline}
sup{ top:-0.5em}
sub{ bottom:-0.25em}
svg:not(:root){ overflow:hidden}
figure{ margin:1em 40px}
/*---------------------------------
UTILITY
-----------------------------------*/
.center{text-align:center; margin-left:auto; margin-right:auto}
.left{text-align:left}
.right{text-align:right}
.justify{text-align:justify}
.left100{margin-left:10%}
.left200{margin-left:20%}
.left300{margin-left:30%}
.right100{margin-right:10%}
.right200{margin-right:20%}
.right300{margin-right:30%}
.w400 { max-width: 400px}
.w500 { max-width: 500px}
.w600 { max-width: 600px}
.w700 { max-width: 700px}
.esconde{display:none}
.mostra{display:block}
.transparente_2{opacity:0.2}
.transparente_3{opacity:0.3}
.transparente_4{Filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4}
.transparente_5{opacity:0.5}
.transparente_6{opacity:0.6}
.transparente_7{opacity:0.7}
.transparente_8{opacity:0.8}
.transparente_9{opacity:0.9}
.limpa{border: none; background: transparent}
/*---------------------------------
EFEITOS
-----------------------------------*/
@charset "UTF-8"; 
.animated{ -webkit-animation-duration:2s;  animation-duration:2s;  -webkit-animation-fill-mode:both;  animation-fill-mode:both}
.animated.infinite{ -webkit-animation-iteration-count:infinite;  animation-iteration-count:infinite}
.animated.hinge{ -webkit-animation-duration:3s;  animation-duration:3s}

@-webkit-keyframes pulse{ 0%{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}
 50%{ -webkit-transform:scale3d(1.05,1.05,1.05);  transform:scale3d(1.05,1.05,1.05)}
 100%{ -webkit-transform:scale3d(1.4,1.4,1.4);  transform:scale3d(1.4,1.4,1.4)}
}
@keyframes pulse{ 0%{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}
 50%{ -webkit-transform:scale3d(1.05,1.05,1.05);  transform:scale3d(1.05,1.05,1.05)}
 100%{ -webkit-transform:scale3d(1.4,1.4,1.4);  transform:scale3d(1.4,1.4,1.4)}
}
.pulse{ -webkit-animation-name:pulse;  animation-name:pulse}

@-webkit-keyframes flash{ 
 0%,50%,100%{ opacity:1}
 25%, 75%{ opacity:0.5}
}
@keyframes flash{ 
 0%,50%,100%{ opacity:1}
 25%, 75%{ opacity:0.5}
}
.flash{ -webkit-animation-name:flash;  animation-name:flash}
/*---------------------------------
HTML5 ELEMENTS (shim)
-----------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
audio, canvas, progress, video{ display:inline-block;  vertical-align:baseline}
audio:not([controls]){ display:none;  height:0}
[hidden], 
template{ display:none}
.hidden{ display:none !important}
/* Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility  */
.visuallyhidden{ border:0;  clip:rect(0 0 0 0);  height:1px;  margin:-1px;  overflow:hidden;  padding:0;  position:absolute;  width:1px}
/* Hide visually and from screen readers, but maintain layout */
.invisible{ visibility:hidden}
/*---------------------------------
LISTS
-----------------------------------*/
ul, ol{padding:0; margin:0 0 20px 25px}
li{padding:5px 0; margin:0}
ul.list-unstyled{padding:0; margin:0 0 20px 0}
ul.list-unstyled li{padding:5px 0; margin:0; list-style-type:none}
ul.alt{padding:0; margin:0 0 20px 0}
ul.alt li{list-style-type:none; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin:0 0 -1px 0; background:url(img/icon-arrow-right.png) no-repeat 5px 0.7em; padding-left:20px}
/*---------------------------------
FORMS
-----------------------------------*/
button, input, optgroup, select, textarea{ color:inherit;  font:inherit;  margin:0}

button{ overflow:visible}
button, select{ text-transform:none}
button, html input[type="button"], input[type="reset"], input[type="submit"]{ -webkit-appearance:button;  cursor:pointer}
button[disabled], html input[disabled]{ cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner{ border:0;  padding:0}

input{line-height:normal}
input[type="checkbox"], input[type="radio"]{ box-sizing:border-box;  padding:0; margin:0; display: inherit}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{ height:auto}
input[type="search"]{ -webkit-appearance:textfield;  -moz-box-sizing:content-box;  -webkit-box-sizing:content-box;  box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none}
input, textarea { width: 100% ! important; margin: 2px; padding-left: 6px; padding-right: 6px;}

fieldset{ border:1px solid #c0c0c0;  margin:0 2px;  padding:0.35em 0.625em 0.75em}
legend{ border:0;  padding:0}
textarea{ overflow:auto}
optgroup{ font-weight:bold}
/*---------------------------------
TABLES
-----------------------------------*/
.table{display:table; font-family:Arial,Helvetica,sans-serif; font-size:1em; border:none; margin:4px 0; width:100%}
.table_border{display:table; font-family:Arial,Helvetica,sans-serif; font-size:1em; border-bottom:2px solid #646473; color:#14172C; background-color:#313140; margin:4px 0; width:100%}
.table-head{ display:table-header-group}
.table-head .column{background:#0F0F1E; color:#CACAD9; border-right:none; border-bottom:none}
.table-head .column_border{background:#0F0F1E; color:#CACAD9; border-right:1px solid #5d5d5d; border-bottom:none}
.table-head .column_border:hover{background:#000}
.row{display:table-row}
.row .column:nth-child(1){border:none}
.row .column_border:nth-child(1){border-left:1px solid #eee}
.row:last-child .column{ border-bottom:none}
.column{display:table-cell; padding:10px 20px; border:none}
.column_border{display:table-cell; padding:10px 20px; border-bottom:1px solid #eee; border-right:1px solid #eee}
.column_border:hover{background:#F8F9F9}

@media all and (max-width:300px){
.table,.row,.column{display:block}
.table, .row .column:last-child{border-bottom:none}
.table-head{position:absolute; top:-1000em; left:-1000em}
.row{border:none; margin:10px 0}
.row_border{border:1px solid #eee; border-top:2px solid #ddd; border-bottom:2px solid #ddd; margin:10px 0}
.row .column:nth-child(1){border-left:none}
.row .column:last-child{border-right:none}
.row:last-child .column, .column{border:none}
.column_border{border-bottom:1px solid #eee}
.column:before{font-weight:bold; padding-right:10px; font-size:12px}
.column_border:before{font-weight:bold; padding-right:10px; font-size:12px; content:""attr(data-label)":"}
}
/*---------------------------------
PRE & CODE
-----------------------------------*/
code, kbd, samp{font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; font-size:0.9em; border:1px solid lightblue; padding:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#518BAB}
pre{white-space:pre-wrap;  /* css-3 */white-space:-moz-pre-wrap !important;  /* Mozilla,since 1999 */white-space:-pre-wrap;  /* Opera 4-6 */white-space:-o-pre-wrap;  /* Opera 7 */word-wrap:break-word;  /* Internet Explorer 5.5+*/margin:0 0 0 0; padding:5px 5px 3px 5px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:inset 0 0 7px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 0 7px rgba(0,0,0,0.2); box-shadow:inset 0 0 7px rgba(0,0,0,0.2); padding:10px; margin:0 0; border:1px solid #ddd; font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; font-size:0.9em}
/*---------------------------------
TABS
-----------------------------------*/
ul.tabs{margin:10px 0 -1px 0; padding:0; width:100%; border-bottom:1px solid #e5e5e5; float:left; font-size:0}
ul.tabs.left{text-align:left}
ul.tabs.center{text-align:center}
ul.tabs.right{text-align:right}
ul.tabs.right li{margin:0 0 0 -2px}
ul.tabs li{font-size:14px; list-style-type:none; margin:0 -2px 0 0; padding:0; display:inline-block; *display:inline; /*IE ONLY*/position:relative; top:0; left:0; *top:1px; /*IE 7 ONLY*/zoom:1}
ul.tabs li a{text-decoration:none; color:#666; display:inline-block; padding:9px 15px; position:relative; top:0; left:0; line-height:100%; background:#f5f5f5; -webkit-box-shadow:inset 0 -3px 3px rgba(0,0,0,0.03); -moz-box-shadow:inset 0 -3px 3px rgba(0,0,0,0.03); box-shadow:inset 0 -3px 3px rgba(0,0,0,0.03); border:1px solid #e5e5e5; border-bottom:0; font-size:0.9em; zoom:1}
ul.tabs li a:hover{background:#fff}
ul.tabs li.current a{position:relative; top:1px; left:0; background:#fff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:#222}
.tab-content{border:1px solid #efefef; border:1px solid #e5e5e5; background:#fff; clear:both; padding:20px; margin:0 0 40px 0}
/*---------------------------------
BREADCRUMBS
-----------------------------------*/
ul.breadcrumbs{margin:10px 0; padding:0; line-height:0%; font-size:0}
ul.breadcrumbs li{list-style-type:none; margin:0; padding:0; display:inline-block; *display:inline; /* IE ONLY*/position:relative; zoom:1; line-height:100%; font-size:14px; /* 0.8em default to override font-size:0; on parent*/}
ul.breadcrumbs li a{display:inline-block; *display:inline; /* IE ONLY*/position:relative; padding:5px 15px 5px 5px; font-size:0.9em; zoom:1; margin:0; background:url(img/icon-arrow-right.png) no-repeat right center}
ul.breadcrumbs li.last a{color:#333; cursor:default; text-decoration:none; background:none}
ul.breadcrumbs li.last a:hover{text-decoration:none}
/* Alternative Style */
ul.breadcrumbs.alt1{border:1px solid transparent; font-size:0}
ul.breadcrumbs.alt1 li a{padding:10px 25px 10px 15px; background:url(img/breadcrumbs-bg.gif) no-repeat right center; text-decoration:none; border-top:1px solid #efefef; border-bottom:1px solid #efefef; font-size:12px}
ul.breadcrumbs.alt1 a:hover{text-decoration:underline}
ul.breadcrumbs.alt1 li.first a{border-left:1px solid #efefef}
ul.breadcrumbs.alt1 li.last a{background:none; border-right:1px solid #efefef}
/*---------------------------------
IMAGES
-----------------------------------*/
img{max-width:100%;  height:auto; margin:0; border:0; padding:0; display:inline-block; position:relative; zoom:1; vertical-align:bottom}
img.align-left, .img-wrap.align-left{float:left; margin:0 10px 5px 0}
img.align-right, .img-wrap.align-right{float:right; margin:0 0 5px 10px}
img.full-width{clear:both; display:block; width:100%; height:auto; margin:0 0 10px 0}
div.caption{background:#f5f5f5; border:1px solid #ddd; padding:3px; max-width:100%; display:inline-block; height:auto}
div.caption img{display:block; padding:0; margin:0; width:100%; height:auto}
div.caption span{display:block; margin-top:3px; font-size:0.8em; color:#666; padding:0px 5px}
.gallery{}
.gallery a{display:inline-block; position:relative; border:1px solid #ddd; background:#fff; padding:3px; margin:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.gallery a img{display:block; position:relative; margin:0; padding:0}
video{max-width:100% !important;  max-height:auto !important}
/*---------------------------------
SLIDESHOW2
-----------------------------------*/
.slideshow-wrap{clear:both; margin:0; padding:0; position:relative; top:0; left:0; overflow:hidden; clear:both}
.slideshow-inner{overflow:hidden; clear:both; position:relative; top:0; left:0; border:1px solid #efefef}
.slideshow{clear:both; margin:0; padding:0; width:auto; height:auto; overflow:hidden}
.slideshow li{list-style-type:none; margin:0; padding:0; float:left; display:block}
.slideshow img{vertical-align:bottom}
.slideshow-buttons{text-align:right; margin:3px 0 0 0; padding:0}
.slideshow-buttons li{display:inline; position:relative; top:0; left:0; line-height:100%; margin:0; padding:0}
.slideshow-buttons li.current a{background:#ddd}
.slideshow-buttons a{display:inline; position:relative; top:0; left:0; padding:1px 3px; margin:0 1px; line-height:100%; border:1px solid #efefef; text-decoration:none; font-size:0.8em}
/*---------------------------------
IMPRIMIR
-----------------------------------*/
@media print{ *,*:before,*:after{background:transparent !important;  color:#000 !important;  box-shadow:none !important;  text-shadow:none !important}
 a, a:visited{text-decoration:underline}
 a[href]:after{content:"("attr(href) ")"}
 abbr[title]:after{content:"("attr(title) ")"}
 a[href^="#"]:after, a[href^="javascript:"]:after{content:""}
 pre, blockquote{border:1px solid #999;  page-break-inside:avoid}
 thead{display:table-header-group}
 tr, img{page-break-inside:avoid}
 img{max-width:100% !important}
 p, h2, h3{orphans:3;  widows:3}
 h2, h3{page-break-after:avoid}
}
