@import url(//fonts.googleapis.com/css?family=Titillium+Web:400,600,700);

/*------------------------------------------------------------------------------
    Color
    (link hover, logo span,
    dropcap first letter, quotes, meta calendar icon)
------------------------------------------------------------------------------*/
a:hover,
#site_title span,
.footer_menu li a:hover,
.dropcap:first-letter,
.full_meta span.meta_date:before,
.full_meta span.meta_comments:before,
.full_meta span.meta_views:before,
.full_meta span.meta_author i,
blockquote p span:first-child,
blockquote p span:last-child,
.entry_media span.meta_likes a,
article.post .entry_content p a,
.full_meta span.meta_likes:before {
    color: #F85050;
}

/*------------------------------------------------------------------------------
    Background
    (mark, button, search icon in menu, format, tags hover, post format hover,
    input submit, shop hover icon, pagination current link, shop button,
    span format icon, review border, rating result, transition line, wide slider
    controls, filter shop handle)
------------------------------------------------------------------------------*/
.search_icon_form a,
span.format,
.item .item_thumb .thumb_icon a,
input[type="submit"], 
.thumb_meta span.category,
ul.page-numbers li span.current,
ul.products li.product a.btn:hover,
.layout_post_1 .item_thumb .thumb_icon a,
.full_meta span.meta_format,
.layout_post_2 .item_thumb .thumb_icon a,
.list_posts .post .item_thumb .thumb_icon a,
.wide_slider .bx-wrapper .bx-controls-direction a:hover,
.ui-slider-range,
#gallery_grid .gallery_album .item_thumb .thumb_icon a,
#back_to_top a:hover {
    background-color: #F85050;
}

.category-blue,a .blue{background-color: #446CB3!important;}
.category-red,a .red{background-color: #F85050!important;}

#back_to_top a{
border-radius: 3px;
}
/*------------------------------------------------------------------------------
    Border
    (drop down menu, tags hover, slider pager top border)
------------------------------------------------------------------------------*/
nav.site_navigation ul.menu ul.sub-menu,
nav.site_navigation ul.menu-button ul.sub-menu-button,
nav.site_navigation ul.menu > li > .content,
nav.site_navigation ul.menu-button > li > .content,
nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu,
.tagcloud a:hover:before,
#footer .tagcloud a:hover:before,
#wide_slider_pager .box.active {
    border-color: #F85050;
}

/*------------------------------------------------------------------------------
    Heading colors in post content
------------------------------------------------------------------------------*/
.entry_content>h1:not(.page_title):not(.entry-title):not(.entry_title),
.entry_content>h2,
.entry_content>h3,
.entry_content>h4,
.entry_content>h5,
.entry_content>h6,
.entry_content>.row>.col>h1:not(.page_title):not(.entry-title):not(.entry_title),
.entry_content>.row>.col>h2,
.entry_content>.row>.col>h3,
.entry_content>.row>.col>h4,
.entry_content>.row>.col>h5,
.entry_content>.row>.col>h6 {
    color: #222222;
}
.entry_content .head_title h2 {
	color: #222;
}

.entry_content .head_title h2 {
	color: #222;
}

/*------------------------------------------------------------------------------
    Content Link Color
------------------------------------------------------------------------------*/

.entry_content a:not(.ui-tabs-anchor):not(.btn):not(.gal-link):not(:hover) {
    color: #FC8D8D;
}



/*------------------------------------------------------------------------------
    Body
------------------------------------------------------------------------------*/
body {
    font-family: "Titillium Web", sans-serif;
    font-size: 14px;
}
/*------------------------------------------------------------------------------
    Main Menu
------------------------------------------------------------------------------*/
nav.site_navigation ul.menu > li > a,nav.site_navigation ul.menu-button > li > a {
    font-size: 16px;
}
nav.site_navigation ul.menu > li > a > div.subtitle,nav.site_navigation ul.menu-button > li > a > div.subtitle  {
	font-size: 12px;
}
nav.site_navigation ul.menu ul.sub-menu,nav.site_navigation ul.menu-button ul.sub-menu-button {
	font-size: 12px;
}
/*------------------------------------------------------------------------------
    Headings
    (headings, menu links, dropcap first letter, panel subtitle)
------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
nav.site_navigation ul.menu > li > a,
nav.site_navigation ul.menu-button > li > a,
.dropcap:first-letter,
.panel_title span {
    font-family: "Titillium Web", sans-serif
}

/*wysihtml5*/
.form-horizontal .wysihtml5-sandbox{margin-left:170px !important;}
nav.wysihtml5-toolbar{float: none;}
.wysihtml5-toolbar .current-font,.wysihtml5-toolbar a i{font-size: 14px !important;}

/*chkeditor*/
.form-horizontal .cke{margin-left:170px !important;}

#grupo_interno .cke{margin-left:0px !important;}


.form-horizontal .fileupload-preview-load,.form-horizontal .btn-file{margin-left:180px !important;}


.btn{border-radius: 3px;}
.btn.save, .green,.btn-success{background-color:#2ecc71!important; color:#ffffff;}
.btn.cancel, .red,.btn-danger,.btn-error{background-color:#b70900!important; color:#ffffff;}
.btn.yellow{background-color:rgb(255, 106, 0) !important; color:#ffffff;}
.btn-primary, .btn-primary{background-color:#200DBD!important; color:#ffffff;}


#newsf .tab-content{margin-top: 0px;}
#newsf .tabs-left{margin-right: -1px;}
#newsf .tabs-left .tab-content{border-top: 1px solid #ddd;}

.form-wizard .tab-content{border-top: 1px solid #ddd;}




/**/

.input-append .add-on,
.input-prepend .add-on {
    display: inline-block;
    width: 29px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 29px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc
}

.page-login .input-append .add-on,
.page-login .input-prepend .add-on {
    position: absolute;
}

.add-on.m-wrap{
	min-height: 39px;
}


.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group>.dropdown-toggle,
.input-prepend .btn-group>.dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-prepend .add-on,
.input-prepend .btn {
    margin-right: -1px
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
    margin-left: -1px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child>.dropdown-toggle {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-prepend input,
.input-prepend select,
.input-prepend uneditable-input {
    padding-left: 33px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-prepend.input-append input+.btn-group .btn,
.input-prepend.input-append select+.btn-group .btn,
.input-prepend.input-append .uneditable-input+.btn-group .btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append .btn-group:first-child {
    margin-left: 0
}


.input-prepend {
    *display: inline-block;
    *margin-left: 0;
    *padding-left:0;
}


.input-append {
    display: inline-block;
    margin-bottom: 10px;
}


.input-append.datetimepicker{
 display: inline;
}

.input-.modal-body append .add-on, .input-prepend .add-on{height: auto;}


.modal-body .input-append .add-on, .modal-body .input-prepend .add-on{position: initial;height: 39px;}
.modal-body .input-.modal-body append .add-on, .modal-body .input-prepend .add-on i{margin: 6.25px;}
.modal-body .input-prepend input, .input-prepend select, .modal-body .input-prepend uneditable-input{padding-left: 10px;}

.input-append.datetimepicker .add-on i{
	margin: 6.5px;
}

.input-append.date-picker .add-on,.input-append.datetimepicker .add-on{
    height: auto;
}

.horizontal-form .input-append.date-picker .add-on i{
	margin: 6.25px;
}

.modal-body .pagination ul>li>a, .modal-body .pagination ul>li>span{padding: 0;}

.modal-body .pagination ul{display: inline; */}
.page-numbers li{margin: 0!important;}

.modal-body .input-append.date-picker .add-on i{
	margin: 7.5px;
}

.bootstrap-datetimepicker-widget .separator{padding-top: 20px;}

/*.datepicker.dropdown-menu,.datepicker .datepicker-days,.timepicker-picker,{*/

/*pick range*/
ul.breadcrumb li div{display: inline-block;font-size: 12px;}

.dashboard-report-range-container{
    text-shadow: none !important;
    padding-top: 1px;
    margin-right: -10px;
    margin-top: -8px;
    padding: 8px;
    cursor: pointer;
    color: #fff;
    background-color: #d12610
}

.daterangepicker .label{display: block;}
.input-mini{width: 70px;padding: 5px;display: block;}

.daterangepicker button{margin-top: 10px;}


/*desk*/

.block {
  background-color: #F6F6F6;
  background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#F9F9F9), to(#EDEDED));
  background-image: -webkit-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
  background-image: -moz-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
  background-image: -ms-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
  background-image: -o-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
  background-image: linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffF9F9F9', endColorstr='#ffEDEDED', GradientType=0);

  border: 1px solid #D5D5D5;
  box-shadow: 0 1px 0 0 white inset, 0 1px 0 rgba(255, 255, 255, 0.4);

 -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  
  line-height: 18px;
  margin: 0 0 20px 0;
  padding: 10px;
}


.block .progress{margin-bottom: 0px;}
.stat .percent {float: left;padding-right: 6px;font-weight: bold;}


/**/

.datepicker.dropdown-menu,.bootstrap-datetimepicker-widget,.daterangepicker,.colorpicker{
display: none;
position: absolute;
background-color: #FFFFFF;
border-color: rgba(0, 0, 0, 0.47);
border: solid 1px;
}

.color-options,.img-options{display: inherit;padding: 5px 10px 10px 10px;}
.color-bulb,.img-bulb{
    display: inline-block;
    font-size: 0;
    width: 20px;
    height: 20px;
    background: #222;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0px 5px 5px 0px;

}

/*tables input*/
.input-small{
	width:auto;
}

.dataTables_filter,.dataTables_paginate{
    float: right;
}

.textarea{ min-height: 100px!important;}

/**/

.controls-radio{display: -webkit-box;padding: 10px;}
.controls-radio label div.radio{margin: 0 5px 0 10px;}

#frmnews .tagsinput{min-height: 0px!important;   height: auto!important;}

form label span{font-weight: initial;}

.item-list{list-style: none;}
.item-list li{padding: 10px;}
.big{font-size: large;min-width: 14px;min-height: 14px;}



.group-item{margin: 10px 0 0 10px !important;}
#page_galeria a,#page_galeria span{padding: 0;}




.item {
  overflow: hidden;
  display: block;
}

.item .details {
  width: 100%;
  display: none;
  background-color: #000;
  color: #fff !important;
  text-align: center;
  position: relative;
  bottom:30px; 
  padding: 5px;
  margin-bottom:-30px; 
  overflow: hidden; 
  z-index: 6;
}
.item:hover .details {
  display: block;
  opacity: 0.7;
  filter: alpha(opacity = 70);
}

.item .details a{color:#FFFFFF;} 

.item:hover .zoom-icon,.item:hover .zoom-play{
  opacity:0.5;  
  filter: alpha(opacity = 50);
  z-index: 99;
}

.item .details i{margin-left: 10px;}

/* zoom icon overlay on images */
.zoom {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;   
  z-index: 6;
}

.zoom .zoom-icon {
  background-image:url("../admin/img/overlay-icon.png");
  background-color: #222;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  width: inherit;
  height: inherit;
  opacity: 0; 
  filter: alpha(opacity = 0);
  z-index: 99;
  top:0;  
}

.zoom .zoom-play {
  background-image:url("../admin/img/overlay-play.png");
  background-color: #222;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  width: inherit;
  height: inherit;
  opacity: 0; 
  filter: alpha(opacity = 0);
  z-index: 99;
  top:0;  
}


span.pre-input {margin-left:10px;margin-top: 10px;}
input.pre-input{margin-left: 0px !important;}

.title span{ float: right;}
