/*
Colors
Replace colors to set your color scheme

Default Color #F78E1E
Default Color Darker #DD7619
*/

/* Title font */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/*
Body
Set your default "font-family", color and background.
*/

body, .blog-item-list-text h2 {
    font-family: Helvetica, Arial, sans-serif;
    color: #838383;
	font-weight:300;
    background-color: #fff;
    
    background-position: left top;
    background-repeat: repeat;
}

/*
Title Font
To change title font replace "@import" font with your Google font. 
You'll also need to replace "font-family" for "H" tags. 
Additionally you can add other title like H4, H5 and H6.
*/

h1, h2, h3, .divider-title, .price-table-title, .jumbotron p, .royalSlider .royalCaptionItem, a.thumbnail span, .mega-blockquote .btn, .sf-menu a.first-level-link, .sf-menu a.first-level-link:visited, .mega-blockquote-title, span.pg-title-sub, .divider span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}

/*
Logo
Replace logo url.
*/

.logo-image-A h1 a {
    background: url(../images/GFCU_vacio.png) left top no-repeat;
}
.logo-image h1 a {
    background: url(../images/logo_default.png) left top no-repeat;
}

/* Other Theme Settings */

a {
    color: #F78E1E;
    text-decoration: none;
}
a:hover {
    color: #DD7619;
    text-decoration: none;
}
a.thumbnail:hover {
    border: 1px solid #F78E1E;
}
a.thumbnail-no-padding:hover {
    border: none;
    box-shadow: 0 0 1px #b2b2b2;
    -moz-box-shadow: 0 0 1px #b2b2b2;
    -webkit-box-shadow: 0 0 1px #b2b2b2;
}
.focused, input:focus, textarea:focus {
    border-color: #F78E1E;
    -webkit-box-shadow: inset 0 0 3px #F78E1E;
    -moz-box-shadow: inset 0 0 3px #F78E1E;
    box-shadow: inset 0 0 3px #F78E1E;
}
.btn-primary, #banner-rotator .tintButton {    
    background: #F78E1E;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled], 
#banner-rotator .tintButton:hover {
    background: #DD7619;
}
.nav-list > .active > a,
.nav-list > .active > a:hover {
    background-color: #F78E1E;
    text-shadow: none;
}
.nav-pills > .active > a, .nav-list > .active a {
    background-color: #5d5d5d;
    color: #fff;
}
.nav > li > a:hover, .nav-pills > .active > a:hover {
    background: #F78E1E;
    color: #fff;
}
.nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret {
    border-bottom-color: #F78E1E;
    border-top-color: #F78E1E;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    background-color: #5d5d5d;
    color: #fff;
    border: none;
}
.accordion-heading .accordion-toggle:hover {
    background: #F78E1E;
    color: #fff;
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #F78E1E;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  background-color: #F78E1E;
}
.mini-layout.fluid .mini-layout-sidebar {
    background-color: #DD7619
}
.mini-layout .mini-layout-body {
    background-color: #F78E1E;
}
header {
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: #F78E1E;
}
span.pg-title-sub {
    border-left: 1px solid #F78E1E;
}
.newsbar-wrapper {
    background-color: #DD7619;
    color: #fff;
    text-shadow: none;
    padding: 21px 15px;
}
.alert .close-newsbar {
    background: #F78E1E;
    color: #CE5700;
}
.alert .close-newsbar:hover {
    background: #CE5700;
    color: #F78E1E;
}
.newsbar-title {
    font-weight: bold;
    text-transform: uppercase;
}
.newsbar-content {
    font-style: italic;
}

.sf-menu a.first-level-link, .sf-menu a.first-level-link:visited {
    color: #5d5d5d;
    font-weight: 300;
}
.sf-menu a, .sf-menu a:visited  {
    /* text color */
    color:                      #fff;
}
.sf-menu li {
    /* box color for top-level menu items */
    background:         none;
}
.sf-menu li li {
    /* box color for second-level menu items */
    color: #fff;
}
.sf-menu li li li {
    /* box color for third-level menu items */
    color: #fff;
}
.sf-shadow ul {
    border-top: 4px solid #F78E1E;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    /* box color for menu items when the mouse hovers over them */
    background:         none;
    color:              #333;
    outline:            0;
}
.sf-menu li.sfHover a.sf-with-ul, .sf-menu a.active, .sf-menu a.active:visited {
    color: #F78E1E;
}
.sf-menu a.first-level-link:hover, .sf-menu a.active {
    box-shadow: inset 0 10px 0 #DD7619;
    -moz-box-shadow: inset 0 10px 0 #DD7619;
    -webkit-box-shadow: inset 0 10px 0 #DD7619;
    background-position: center 10px;
    background-repeat: no-repeat;
}
@media (max-width: 768px) {
    .sf-menu a.first-level-link, .sf-menu a.first-level-link:visited {
        padding: 0 15px;
    }
    .first-level-li {
        margin-top: -10px;
    }
}
.sf-menu li.sfHover li a.sf-with-ul, .sf-menu li.sfHover li li a.sf-with-ul {
    color: #fff;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
    /* box color for menu items when the mouse hovers over them */
    background:         #F78E1E;
    color:              #fff;
    outline:            0;
}
.sf-menu a:active {
    
}
.sf-menu li li a:active {
    background: #DD7619;
}
.sidebar-menu li {
    background: url(../images/dotted_hor.png) bottom left repeat-x;
}
.sidebar-menu li a:hover {
    color: #F78E1E;
}

footer {
    color: #FFF;
}
footer a {
    color: #F78E1E;
}
footer a:hover {
    color: #F78E1E;
}
footer .popular-posts {
    margin-bottom: 11px;
    padding: 4px 0 0;
    background: none;
}
footer .popular-posts:last-child {
    margin-bottom: 0;
}
.popular-posts small {
    font-size: 11px;
}
.popular-posts h4 {
    margin: 0;
    padding: 0;
}
.popular-posts h4 a {
    text-transform: uppercase;
    line-height: 1.5em;
    font-size: 12px;
}
footer h3 {
    font-size: 140%;
    text-transform: uppercase;
}
footer h4, footer p, footer li, footer small, footer .copy {
	font-size: 85%;
}
.copy {
	background: #4D4D4D;
	color: #FFF;
}
#toTop {
    background-color: #F78E1E;
}
#toTopHover {
    background-color: #DD7619;
}
.thumbnail .caption h5 a:hover {
    color: #F78E1E;
}
ul.caption-tags li a:hover {
    color: #F78E1E;
}
.hover-arrow:hover {
    border-bottom: 1px solid #F78E1E;
}
.arrowPrev1,.arrowNext1, .arrowPrev2,.arrowNext2 {
    background-color: #F78E1E;
}
.arrowPrev1:hover,.arrowNext1:hover, .arrowPrev2:hover,.arrowNext2:hover {
    background-color: #DD7619;
}
.royalSlider.default .arrow.left {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    height: 31px;
    left: 0;
    width: 32px;
}
.royalSlider.default .arrow.right {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    height: 31px;
    right: 0;
    width: 32px;
}
.blog-item-wrapper {
    box-shadow: 1px 0 0 0 #FF6C00 inset, 1px 0 0 0 #F0F0F0, 0 1px 0 #F0F0F0 inset, 0 -1px 0 0 #F0F0F0 inset;
    -moz-box-shadow: 1px 0 0 0 #FF6C00 inset, 1px 0 0 0 #F0F0F0, 0 1px 0 #F0F0F0 inset, 0 -1px 0 0 #F0F0F0 inset;
    -webkit-box-shadow: 1px 0 0 0 #FF6C00 inset, 1px 0 0 0 #F0F0F0, 0 1px 0 #F0F0F0 inset, 0 -1px 0 0 #F0F0F0 inset;
}
@media (max-width: 480px) { 
    .blog-item-wrapper {
        box-shadow: 1px 0 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 #FF6C00  inset, 0 1px 0 0 #f0f0f0 inset;
        -moz-box-shadow: 1px 0 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 #FF6C00  inset, 0 1px 0 0 #f0f0f0 inset;
        -webkit-box-shadow: 1px 0 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 #FF6C00  inset, 0 1px 0 0 #f0f0f0 inset;
    }
}
.well-color-top {
    border-top: 1px solid #FF6C00;
}
.well-color-right {
    border-right: 1px solid #FF6C00;
}
.well-color-bottom {
    border-bottom: 1px solid #FF6C00;
}
.well-color-left {
    border-left: 1px solid #FF6C00;
}
.blog-item-list-text h2 a:hover {
    color: #FF6C00;
}

/* Graphics */

.sf-menu a.first-level-link:hover, .sf-menu a.active {
    background-image: url(../images/menu_active_orange.png);
}
span.pg-title-sub, .sidebar-menu-arrow li a {
    background: url(../images/arrow_right_orange.png) left center no-repeat;
}
.royalSlider.default .arrow.left {
    background: url(../images/slider_left_orange.png) left top no-repeat;
}
.royalSlider.default .arrow.right {
    background: url(../images/slider_right_orange.png) right top no-repeat;
}
.hover-arrow:hover {
    background: #fff url(../images/hover_arrow_orange.png) center bottom no-repeat;
}