/* BASIC RESET */
ul,ol,li,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

img{border:none}
.break {clear:both;}
#header {height:230px;}
.headerimg {background-position: center top;background-repeat: no-repeat;width:100%;height:210px;position:absolute;z-index: 1;left: -2px;top: 0px;}

a {-moz-transition: color 300ms ease-in-out, background 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background 300ms ease-in-out;-webkit-transition: color 300ms ease-in-out, background 300ms ease-in-out;transition: color 300ms ease-in-out, background 300ms ease-in-out;}
a:link, a:visited {text-decoration: none;color:#13365a}
a:hover {text-decoration: none;color:#ef0000}
a:active {text-decoration: none}
a.h2:link, a.h2:visited {text-decoration: underline overline}
a.h2:hover {text-decoration: underline;color:#f6802d;}
a.h2:active {text-decoration: underline overline}

p {margin-bottom:20px;text-align:left}

h1 {font-family: 'Open Sans', sans-serif; font-weight:100;color:#395492;font-size:44px;margin-bottom: 5px;}
h2 {font-family: 'Open Sans', sans-serif; font-weight:300;color:#395492;font-size:30px;margin-bottom: 12px;text-transform:uppercase;line-height:33px}
h22 a {color:#395492;font-size:12px;margin: 12px 0 0 0;text-align:left}
h22 a:link {color:#395492}
h22 a:hover {color:#ee011d}

h3 {font-family: 'Open Sans', sans-serif;font-weight:300;color:#415FA5;font-size:25px;margin-bottom:12px;}
h22 .small {font-family: 'Open Sans', sans-serif; font-weight:600;color:#395492;font-size:15px;margin-bottom:2px;text-align:left}
h4 {font-family: 'Open Sans', sans-serif;font-weight:300;font-size:20px;color:#4789b0;margin-bottom:6px;line-height:130%;text-align:left}
h5 {font-family: 'Open Sans', sans-serif; font-weight:400;font-size:12px;color:#5f7ead;text-align:left}
h8 { font-family: 'Open Sans', sans-serif; font-weight:400;font-size:12px;text-shadow:1px 1px 1px #ffffff; text-align:left}


#main-menu { }

.gk_npro_image {border: none!important;}

/* NAVIGATION */
#nav-outer {height:84px;padding-top:0px;position:relative;top:2px;z-index: 10;}
#navigation {height:100px;width:960px;margin:0 auto;}

/* SEARCH */
#search {background-color:#051733;float:right;width:240px;padding:10px;}
#searchtxt { padding:3px; width:150px; }
#searchbtn {border:1px solid #eee !important;background-color:#ECB613;color:#FFFFFF;padding:3px;margin-left:5px;}

/* HEADER TEXT */
#headertxt {width:960px;margin:0 auto;clear:both;position:relative;top:55px;}
#firstline {color:#1B2940;font-size:33px;padding:4px 13px 6px;float:left;display:block;font-family: 'Open Sans', arial, sans-serif;}
#secondline {font-family: 'Open Sans', arial, sans-serif;color:#DD6400;text-decoration:none;font-size:50px;padding:0 13px 10px;float:left;display:block;clear:both;}
#secondline:hover {text-decoration:none;color:#334B8C;}

.pictured {background-color:#F06F00;color:#FFF;font-size:10px;padding:5px 10px;text-transform:uppercase;float:left;display:block;clear:both;margin-top:10px;}
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:none; }

/* HEADER HAVIGATION */
#headernav-outer {position:relative;top:280px;margin:0 auto;width:960px;}
#headernav {padding-left:864px;}

/* CONTENT */
#content {z-index: 4100;float: left;margin-top: 30px;clear: both;width: 100%;}
#content p {padding:10px 0px;font-size:12px;margin:0 auto;}
#content p a { text-decoration:none; color:#CD2B3A; }
#content p a:hover { text-decoration:none; color:#7F000C; }

hr {color:#7b98ba; height:1px; background-color:#7b98ba; border: thin; margin:36px 0}

.conteudo { background-color:#FFFFFF;width:940px;z-index:999;position:relative;float: left;text-align:left;margin-left:-490px; margin-top:-31px;
left:50%;padding:25px 22px 30px 22px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;}

.pull-left { float:left; margin:0 12px 10px 0; border-color:#FFFFFF;-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.51);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.51);box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.51); border-width:4px; border-style:solid}
.pull-right { float:right; margin:0 0 10px 12px;border-color:#FFFFFF;-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.51);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.51);box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.51);border-width:4px;border-style:solid}

.page-header { margin-top:-94px; margin-bottom:55px; z-index:15; position:relative}
.page-header a{ color:#FFFFFF; }
.page-header h1 { font-size:36px; font-weight:100; text-shadow:1px 1px 1px #333333;color:#FFFFFF; margin-top:-96px; padding-bottom:13px}
.page-header h2 { font-size:32px; text-shadow:1px 1px 1px #333333; font-weight:100; text-transform:none; padding-top:14px;color:#FFFFFF;}

.strong {font-weight:bold;}
.italic {font-style:italic;}
.imgshadow { /* Better style on light background */
background:#FFFFFF;	padding:4px;border:1px solid #777777;margin-top:5px;-moz-box-shadow:0px 0px 5px #666666;
-webkit-box-shadow:0px 0px 5px #666666;box-shadow:0px 0px 5px #666666;}
.img_left { /* Image sticks to the left */width:auto;float:left;margin:5px 15px 5px 5px;}


.titimg {display: block;width:auto; height:200px;overflow: hidden; z-index:1; float:left; position:relative}
.moduletable {z-index:10; float:left; position:relative}

.item-page {font-size:105%; line-height:170%;text-align:justify;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px; margin-top:-26px; padding:26px; z-index:20; position:relative;padding-top:32px}

.item-page li { background-image:url(img/li.png); padding-left:15px; background-repeat:no-repeat;background-position: 0px 7px; margin-bottom:12px}

.blog {background-color: #f0f4f5;font-size:105%; line-height:170%;text-align:justify;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px; margin-top:-26px; padding:26px; z-index:20; float:left; position:relative; padding-top:32px}




TABLE.contentpaneopen {MARGIN: 0px;WIDTH: 95%;BORDER-COLLAPSE: collapse;border-spacing: 0px;padding: 0px;margin-bottom: 5px;text-align: justify;line-height:150%}
TABLE.contentpaneopen TD {PADDING-RIGHT: 5px;text-align: left;WIDTH: 92%;}
TD {margin-top: 8px;text-align:justify; vertical-align:top}
p {margin-top: 8px;text-align:justify; vertical-align:top}
TABLE.contentpaneopen TD.componentheading {}
TABLE.contentpane {PADDING-RIGHT: 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;MARGIN: 0px;WIDTH: 100%;PADDING-TOP: 0px;BORDER-COLLAPSE: collapse;border-spacing: 0px;}
TABLE.contentpane TD {PADDING-RIGHT: 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;MARGIN: 0px;PADDING-TOP: 0px;text-align:justify}
TABLE.contentpane TD.componentheading {}
TABLE.contentpaneopen FIELDSET {BORDER-right: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: #eee 1px solid; padding:9px; width:980px}

.button {float: left;display: block;color:#FFFFFF;FONT-SIZE: 15px;text-align: center;font-weight: 600; padding:4px 15px 4px 15px; background-color:#ACBCCA}
a.readon {float: left;display: block;color:#FFFFFF;FONT-SIZE: 15px;text-align: center;font-weight: 600; padding:4px 15px 4px 15px; background-color:#ACBCCA}
a.readon:visited {color: #FFFFFF;text-decoration: none;}
a.readon:hover {color: #FFFFFF;text-decoration: none;background-color:#FCBE03}
a.readon:active, a.readon:focus {color: #FFFFFF;text-decoration: none;}


.componentheading {color: #999999;font-size:18px; font-weight:600; margin-bottom:15px}
.contentcolumn {PADDING-RIGHT: 5px}
.contentheading {font-family: 'Open Sans', sans-serif; font-weight:200;color:#395492;font-size:30px;line-height:120%;text-transform:uppercase}

.titulos {FONT-SIZE:22px;font-family: 'Open Sans', sans-serif; text-transform: none;font-weight: 300;line-height: 100%;color:#525354}
.titulo {FONT-SIZE:22px;font-family: 'Open Sans', sans-serif; text-transform: none;font-weight: 300;line-height: 100%;color:#ffffff;}
.inputbox {FONT-SIZE:12px; width:160px; margin-top:9px; float:right; position:relative; margin-right:17px}
.buttonok{float: left;display: block;color:#FFFFFF;FONT-SIZE: 18px;text-align: center;font-weight: 600; padding:6px 18px 6px 18px; background-color:#ACBCCA}
a.buttonok:visited {color: #FFFFFF;text-decoration: none;}
a.buttonok:hover {color: #FFFFFF;text-decoration: none;}
a.buttonok:active, a.readon:focus {color: #FFFFFF;text-decoration: none;}

.fabrikinput checkbox {width:180px}
.copy{ color:#FFFFFF; font-size:12px; word-spacing:160%}
ul{ list-style-type: none; padding: 0; margin: 0;}
img { border:0}
.blog_more {font-size:22px;color: #395492;margin-bottom: 13px;font-weight: 300;padding:25px;}
.blog_more UL LI {font-size:16px; line-height:160%}
article_separator{background-color:#F8AF07;width:100%;height:1px; }
.linha{ background-image: url(/modules/mod_fpss/tmpl/Movies/images/dotted.gif); background-repeat:repeat-x; width:100%; height:20px}
.leg{width:90px;float: left;}
.social { padding:5px 5px 5px 5px}




/* Colorbox Core Style:   The following CSS is consistent between example themes and should not be altered.*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* User Style:  Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
       #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
       #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.  See: http://jacklmoore.com/notes/ie-transparency-problems/*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}



.btn {background: #629dc4; background-image: -webkit-linear-gradient(top, #3498db, #0b5c8f);
  background-image: -moz-linear-gradient(top, #629dc4, #0b5c8f);
  background-image: -ms-linear-gradient(top, #629dc4, #0b5c8f);
  background-image: -o-linear-gradient(top, #629dc4, #0b5c8f);
  background-image: linear-gradient(to bottom, #629dc4, #0b5c8f);
-webkit-border-radius: 8; -moz-border-radius: 8; border-radius: 8px;color: #ffffff; font-size: 12px; padding: 6px 12px 6px 12px; text-decoration: none; font-weight:400; }
.btn:link {color: #ffffff;}
.btn:visited {color: #ffffff}
.btn:hover {background: #124b7d; background-image: -webkit-linear-gradient(top, #124b7d, #0b5c8f);background-image: -moz-linear-gradient(top, #124b7d, #0b5c8f);background-image: -ms-linear-gradient(top, #124b7d, #0b5c8f); background-image: -o-linear-gradient(top, #124b7d, #0b5c8f); background-image: linear-gradient(to bottom, #124b7d, #0b5c8f);text-decoration: none;color: #ffffff}

.readmore{ margin-top:10px}




input, textarea, select { padding:7px;border: solid 1px #E5E5E5;outline: 0;width:260px;background: #FFFFFF url('bg_form.png') left top repeat-x;background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
textarea { width: 450px;max-width: 450px;height: 110px;line-height: 150%;}
input:hover, textarea:hover, select:hover,
input:focus, textarea:focus, select:focus { border-color: #C9C9C9; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;}
.form label {width:90px; float:left; margin-top:9px}
.button {width: auto;padding: 9px 15px;background: #617798;border: 0;font-size: 14px;color: #FFFFFF;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.submit input {width: auto;padding: 9px 15px;background: #617798;border: 0;font-size: 14px;color: #FFFFFF;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.contentpaneopen input, checkbox { width:70px}








#tabInfo {display: none;}
ul.resp-tabs-list, p {margin: 0px;padding: 0px;}

.resp-tabs-list li {font-weight:400;font-size: 0.86em;display: inline-block;padding: 10px 10px;margin: 0;list-style: none; cursor: pointer;float: left; background-image:none; text-transform:uppercase;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.resp-tabs-container {padding: 0px;background-color: #fff;clear: left;}

h2.resp-accordion { cursor: pointer; padding: 5px;display: none;}

.resp-tab-content {display: none;padding: 15px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
.resp-tab-active {border: 1px solid #c1c1c1; border-bottom: none; margin-bottom: -1px !important;padding: 12px 14px 14px 14px !important;}
.resp-tab-active {border-bottom: none;background-color: #fff;}
.resp-content-active, .resp-accordion-active {display: block;}
.resp-tab-content {border: 1px solid #c1c1c1;}

h2.resp-accordion {font-size: 13px;border: 1px solid #c1c1c1;border-top: 0px solid #c1c1c1;margin: 0px;padding: 10px 15px;}
h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important;margin-bottom: 0px !important;padding: 10px 15px !important;}
h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {float: left;width: 30%;}
.resp-vtabs .resp-tabs-list li {display: block;padding: 15px 15px !important; margin: 0;cursor: pointer;float: none;}
.resp-vtabs .resp-tabs-container {padding: 0px;background-color: #fff;border: 1px solid #c1c1c1;float: left;width: 68%;    min-height: 250px;border-radius: 4px;clear: none;}
.resp-vtabs .resp-tab-content {border: none;}
.resp-vtabs li.resp-tab-active {border: 1px solid #c1c1c1;border-right: none;background-color: #fff;position: relative;z-index: 1;margin-right: -1px !important;    padding: 14px 15px 15px 14px !important;}
.resp-arrow {width: 0;height: 0;float: right;margin-top: 3px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 12px solid #c1c1c1;}
h2.resp-tab-active span.resp-arrow {border: none;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #9B9797;}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {background: #DBDBDB !important;}
.resp-easy-accordion  h2.resp-accordion {display: block;}
.resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
.resp-jfit {width: 100%;margin: 0px;}
.resp-tab-content-active {display: block;}
h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1 !important;}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
ul.resp-tabs-list {display: none;}
h2.resp-accordion {display: block;}
.resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;}
.resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%;min-height: initial;clear: none;}
.resp-accordion-closed {display:none !important;}
.resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
}