/* reset css --------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* clearfix */

content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* structure css --------------------------------------- */

/* grid */

/*	Grid  */
.container  {
    max-width:  1000px;
    min-width:  220px;
    margin:  0 auto;
    -moz-box-sizing:  content-box;
    -webkit-box-sizing:  content-box;
    box-sizing:  content-box;
}

.container .row,  .col  {
    -moz-box-sizing:  border-box;
    -webkit-box-sizing:  border-box;
    box-sizing:  border-box;
}

.row  {
    margin-bottom:  1.5em;
}

.col  {
    display:  block;
    float:  left;
    width:  100%;
}

.col:first-child  {
    margin-left:  0;
}

.row:after,  .col:after,  .clr:after,  .group:after  {
    display:  block;
    height:  0;
    clear:  both;
    content:  "";
    visibility:  hidden;
}
/* grid */
.col  {
    margin-left:  2%; }
.span_1  {
    width:  6.5%; }
.span_2  {
    width:  15.0%; }
.span_3  {
    width:  23.5%; }
.span_4  {
    width:  32.0%; }
.span_5  {
    width:  40.5%; }
.span_6  {
    width:  49.0%; }
.span_7  {
    width:  57.5%; }
.span_8  {
    width:  66.0%; }
.span_9  {
    width:  74.5%; }
.span_10  {
    width:  83.0%; }
.span_11  {
    width:  91.5%; }
.span_12  {
    width:  100%; }

.count-1  {
    clear:  both;
    margin-left:  0;
}

/* Body + Main Containers */

body  {
    color:  #444;
    font-weight:  400;
    background:  #EDEDED url(../images/bg.png) 0 0 repeat;
    font:  13px/25px Arial,  sans-serif;
    position: relative;
}

#box-wrap  {
    margin:  20px auto;
    padding:  0px;
}

#main-content  {
    -moz-box-sizing:  border-box;
    -webkit-box-sizing:  border-box;
    box-sizing:  border-box;
}

#wrapper  {
    margin: 0 auto;
    padding: 10px 0 0 0;
    position:  relative;
    background: #fff;
    border-bottom:  1px solid #DADADA;
    border-top:  1px solid #DADADA;
}

#comp-wrap  {
    padding: 0;
}

.full  {
    padding: 0;
    margin: 0;
    clear: both;
}
.contact a  {
    text-decoration: none;
}

/* Article Columns */

.column-1,  .column-2,  .column-3,  .column-4  {
    position: relative;
    margin: 0;
    padding: 0;
}

/* Content styles */

#archive  {
    padding: 0;
    margin: 0;
}

.archive  {
    padding: 0;
}

.archive .article-count  {
    color: #999;
}

.blog-featured  {
}

.items-leading  {
    position:  relative;
    clear: both;
    margin: 0 0 20px 0;
    padding: 0;
}

.leading  {
    margin: 0 0 20px 0;
    position: relative;
}

.items-row  {
    position:  relative;
}

.item-separator  {
}

.item-page  {
    position: relative;
}
.item-page-title  {
    padding: 0 70px 5px 0;
    margin: 0 0 10px 0;
}
.item-page-title,  .item-page-title a  {
    text-decoration: none;
    font-size: 35px;
    line-height: 35px;
    color: #01b29f;
}

.item-page-title a:hover  {
    color: #035e53;
    text-decoration: none;
}
h1.componentheading  {
    margin: 0 0 10px 0;
}

.contact h2 {
    margin: 0 0 20px 0;
}

.contact .current  {
    margin: 0;
    padding: 0;
}

dl.tabs  {
    display: block;
    clear: both;
    border-bottom: 1px solid #ddd;
}

dl dt.tabs  {
    display:  inline-block;
    margin: 0 0 -3px 0;
}
dt.tabs h3  {
    margin: 0 2px 6px 0;
}

dt.tabs h3 a {
    padding: 8px 8px 3px 8px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    text-decoration: none;
}

dt.tabs.closed h3 a  {
    border-color: #eeeeee #eeeeee #dddddd;
}

dt.tabs h3 a, dt.tabs h3.open a {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

dd.tabs  {
    padding: 10px 20px;
}
.jicons-icons  {
    float: left;
    margin: 0 10px 0 0;
    padding: 5px 0 0 0;
}
h1.componentheading  {
    margin: 0 0 10px 0;
    padding: 0;
    position: relative;
    color: #333;
}

ul.button-icons  {
    position: absolute;
    top: 3px;
    right: 5px;
    margin: 10px 0 0 0;
    padding: 0;
}

ul.button-icons li  {
    display: inline-block;
}

ul.button-icons li.edit-icon, 
ul.button-icons li.print-icon, 
ul.button-icons li.email-icon  {
    margin: 0;
    padding: 0;
    width: 20px;
    height: 16px;
    float: left;
    overflow: hidden;
    line-height: 12px;
    font-size: 12px;
}
.iteminfo  {
    font-size:  11px;
    display: block;
    color: #999999;
    margin: 0 0 5px 0;
}

.iteminfo span  {
    margin: 0 10px 0 0;
}

.iteminfo a  {
}
.iteminfo a:hover  {
}

.iteminfo .category, .iteminfo .sub-category, .iteminfo .create, .iteminfo .modified, .iteminfo .published, .iteminfo .createdby, .iteminfo .hits  {
    display: inline-block;
    line-height: 20px!important;
}

.iteminfo .createdby  {
    font-weight: bold;
}

.items-more  {
    clear: both;
}
h3.items-more  {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.items-more ol  {
    margin: 0 0 0 30px;
    padding: 0;
}
table.category  {
}

th.item-title,  th.list-title  {
    font-size:  15px;
    font-weight:  bold;
    text-align:  left;
}

/* Commons */

.clear  {
    clear:  both }

blockquote  {
    position:  relative;
    margin:  30px 0;
    padding:  20px;
    background-color:  #e9e9e9;
    color:  #505050;
    border-left:  5px solid #ddd;
    font-size:  16px;
    font-style:  italic;
    font-family:  'Georgia',  sans-serif;
    line-height:  1.8em;
}

pre  {
    margin:  30px 0;
    padding:  20px;
    background-color:  #e9e9e9;
    color:  #505050;
    border-left:  5px solid #ddd;
    font-size:  15px;
    font-family:  'Georgia',  sans-serif;
    line-height:  1.8em;
    white-space:  pre-wrap;
    white-space:  -moz-pre-wrap;
    white-space:  -pre-wrap;
    white-space:  -o-pre-wrap;
    word-wrap:  break-word;
}

address  {
    margin:  20px 0;
    letter-spacing:  1px;
}

/* Typography */

h1,  h2,  h3,  h4,  h5,  h6  {
    color:  #01b29f;
    font-weight:  bold;
    font-family: Arial,  Helvetica,  sans-serif;
}

h1  {
    margin:  0 0 20px;
    font-size:  23px;
}

h2  {
    font-size:  18px }
h3  {
    font-size:  16px }
h4  {
    font-size:  14px }
h5  {
    font-size:  12px }
h6  {
    font-size:  10px }
.entry p:last-child  {
    margin:  0 }
.entry ul  {
    margin:  30px 0 30px 20px }
.entry ul li,  .entry ol li  {
    margin:  0 0 5px }
.entry ol  {
    margin:  30px 0 30px 25px }
.entry ol  {
    list-style:  decimal }
.entry ul  {
    list-style:  disc }
.entry h2,  .entry h3,  .entry h4,  .entry h5,  .entry h6  {
    margin:  40px 0 20px }
p  {
    margin:  0 0 10px }
p.lead  {
    color:  #777;
    font-size:  21px;
    line-height:  27px;
}

em  {
    font-style:  italic }
strong  {
    font-weight:  bold }
small  {
    font-size:  80% }
hr  {
    height:  0;
    margin:  30px 0 30px;
    border:  solid #eee;
    border-width:  1px 0 0;
    clear:  both;
}

a  {
    color: #01b29f; 
    text-decoration:none;
    outline:  0;
    -webkit-transition:  all 0.15s ease;
    -moz-transition:  all 0.15s ease;
    -o-transition:  all 0.15s ease;
    transition:  all 0.15s ease;
}
a:hover  {
    color: #00685a;
}
p a,  p a:visited  {
    line-height:  inherit }

/* topbar */

#topbarwrap {
    width:100$;
    height:35px;
    background-color:black;
}

/* Header  */
#header-wrap  {
    padding: 0;
    height: auto;
    position: relative;
    border-bottom: 1px solid #fff;
}

#header-wrap .row  {
    margin-bottom:  0 }
#logo  {
    display: inline-block;
    margin: 20px 0;
}

#logo img  {
    display: block;
    width: 100%;
}

#logo a {
    color: #01b29f;
    text-shadow:  0px 0px 0 #fff;
    line-height: 60px;
    font-size: 60px;
    font-family: 'Oswald', Arial,  Helvetica,  sans-serif;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
}
#site-description  {
    color: #444;
    text-shadow:  0px 0px 0 #fff;
    margin: 5px 0 0 0;
    font-size: 12px;
    font-family: Arial,  Helvetica,  sans-serif;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform:  uppercase;
}
#top  {
    line-height: 18px;
    float:  right;
    display:  inline-block;
}

#top a  {
    text-decoration: underline;
}
#top h1, #top h2, #top h3, #top h4  {
    font-size: 15px;
    padding: 0;
    margin: 0;
}

#social  {
    display: none;
    max-width: 372px;
    margin: 10px auto 0 auto;
}
#social a.social-icon  {
    display:  inline-block;
    margin-left:  2px;
    padding:  0;
    width: 32px;
    height: 32px;
}

#social a.social_1  {
    background: url(../images/social/facebook.png) 0 0 no-repeat;
}

#social a.social_2  {
    background: url(../images/social/twitter.png) 0 0 no-repeat;
}

#social a.social_3  {
    background: url(../images/social/google.png) 0 0 no-repeat;
}

#social a.social_4  {
    background: url(../images/social/youtube.png) 0 0 no-repeat;
}

#social a.social_5  {
    background: url(../images/social/dribbble.png) 0 0 no-repeat;
}

#social a.social_6  {
    background: url(../images/social/flickr.png) 0 0 no-repeat;
}

#social a.social_7  {
    background: url(../images/social/pinterest.png) 0 0 no-repeat;
}

#social a.social_8  {
    background: url(../images/social/picasa.png) 0 0 no-repeat;
}

#social a.social_9  {
    background: url(../images/social/linkedin.png) 0 0 no-repeat;
}

#social a.social_10  {
    background: url(../images/social/reddit.png) 0 0 no-repeat;
}

/* Navigation ------------------------------------ */

#navbar-wrap  {
    padding:  0px;
    margin: 0 0 10px 0;
    float: right!important;
}
#navbar  {
    height:  55px;
}

#navbar.row  {
    margin-bottom:  0 }
#navigation  {
    padding: 0 10px;
}

#navigation ul.menu  {
    float: right;
}
#navigation .menu  {
    margin:  0;
    padding:  0;
    list-style:  none;
}

#navigation .menu .icon-angle-right  {
    position:  absolute;
    right:  10px;
    top:  50%;
    margin-top:  -6px;
    color:  #aaa;
    font-size:  12px;
}

#navigation .menu > li  {
    display:  block;
    float:  left;
}

#navigation .menu > li ul  {
}

#navigation .menu ul  {
    position:  absolute;
    left:  0;
    top:  100%;
    margin:  10px 0 0 0;
    /*IE6 only*/ _margin:  0;
    opacity:  0;
    transition:  all .2s ease-in-out;
    visibility:  hidden;
    z-index:  99;
}

#navigation .menu ul ul  {
    left:  100%;
    top:  0;
}

#navigation .menu ul ul li  {
    width:  100% }
#navigation .menu li  {
    position:  relative;
    list-style:  none;
}

#navigation .menu li:hover > ul  {
    margin:  0;
    opacity:  1;
    visibility:  visible;
}

#navigation .menu a  {
    display:  block;
    position:  relative;
    padding:  20px 10px 0 10px;
    font-family: Arial,  Helvetica,  sans-serif;
}

/* current item */
#navigation .menu > li > a:hover,  #navigation .menu > li.sfHover > a,  #navigation .menu > .active > a,  #navigation .active > a:hover,  #navigation .active > a:hover {
    color:  #fff;
    background: #01b29f;
}

#navigation .menu > .active > a,  #navigation li.active > a  {
    color:  #fff  }
#navigation .menu > li  {
    margin-right:  5px;
    padding: 0;
}

#navigation .menu a  {
    height:  55px;
    color:  #606060;
    font-weight:  400;
    text-align:  left;
    text-decoration:  none;
    cursor:  pointer;
    line-height:  55px;
    font-size: 14px;
}

/*drop-down styles*/
#navigation .menu ul  {
    border-top:  none;
    background:  #F5F5F5;
    border:  1px solid #ccc;
    min-width: 170px;
    
    box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
    -o-box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
}
#navigation .menu li:hover ul  {
    margin-top:  0;
}

#navigation .menu ul ul.sub-menu  {
    margin-top:  -1px;
    margin-left:  1px;
}

#navigation .menu ul li  {
    border-bottom:  1px solid #ccc }
#navigation .menu ul li:first-child  {
}

#navigation .menu ul li:last-child  {
    border:  0 }
#navigation .menu ul li > a:hover  {
    color:  #00a08d;
    background: none;
}

#navigation .menu ul a  {
    display:  block;
    height:  auto;
    margin:  0px;
    padding:  12px 15px;
    text-transform:  none;
    border:  0px;
    line-height:  1.7em;
}

#navigation .selector  {
    display:  none }
#navigation ul.sub-menu .icon-angle-down:before  {
    content: "\f105"!important;
}

#navigation ul.sub-menu a  {
    font-size: 12px;
}

#navigation ul.sub-menu .active > a  {
    color: #67ABC9;
}
#navigation i  {
    text-align: right;
}
#menu-icon  {
    display:  none;
}

#slide-wrap a:hover {
    color: #fff;
}

/* Navigation servicos */

#secnav {
    width: 100%;
    margin: 5px auto;
    overflow: hidden;	
}

#secnav ul {
    display: inline-block;
    text-decoration: none;
}

#secnav li {
    list-style: none;
    display: inline-block;
    overflow: hidden;
}

#secnav li:last-child a {
    margin-right: 0px;
}

#secnav ul.menu {    
    display: inline-block !important;
    text-align: center;
    width: 100%;
}

#secnav li a {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #666;
    display: inline-block;
    font: 400 10px Arial, sans-serif;
    padding: 8px 10px 0 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100px;   
    height: 23px;
    margin-right: 10px;
    margin-bottom: 10px;
    
    /*TRANSISTIONS*/
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

#secnav li a:hover {
    color:  #fff;
    background: #01B29F;
}

/* Breadcrumbs */
.breadcrumbs  {
    padding: 0;
    margin: 0 0 10px 0;
    color: #999;
}
.breadcrumbs a  {
    color: #999;
}
.breadcrumbs .icon-caret-right {
    padding: 0 5px;
}
/* Sidebar */
#leftbar-w  {
    float: left;
}
#rightbar-w  {
    float: right;
    display: block;
}

#sidebar  {
    padding: 0;
}

#sidebar .module  {
    margin-bottom: 20px;
    border:  1px solid #ccc;
    position:  relative;
    background: #f5f5f5;
    padding: 10px;
    
    box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
    -o-box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
}
#sidebar .module-title  {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    text-shadow: 1px 1px 0 #01b29f;
    padding: 5px 0 5px 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid #e0e0e0;
    border:  1px solid #00a08d;
    background: #01b29f;
}

#sidebar h3  {
    margin: 0;
    padding: 0 0 5px 0;
}

#rightbar-w  .module-title  {
}

#sidebar .module-body  {
    margin: 0;
    padding: 5px;
}

#sidebar .module-body p {
    padding: 0;
    margin: 0 0 5px 0;
}

#sidebar  ul li  {
    margin: 0 5px;
    padding: 0;
}

#sidebar  a {
}

#sidebar  a:hover {
}

/* Sidebar Menu*/
#sidebar .module ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar .module ul.menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    background: url(../images/sidebar-menu-sep.png) bottom left repeat-x;
}

#sidebar .module ul.menu li:hover {
}

#sidebar .module ul.menu li a, 
#sidebar .module ul.menu li.active ul li a, 
#sidebar .module ul.menu li ul li.active ul li a {
    display: block;
    margin: 0;
    padding: 5px 0 7px 25px;
    background: url(../images/sidebar-li1.png) 5px 50% no-repeat;
    text-decoration: none;
    color:  #999;
    font-family: Arial,  Helvetica,  sans-serif;
    font-size: 16px;
    line-height: 25px;
}

#sidebar .module ul.menu li a:hover, #sidebar .module ul.menu li.active a, 
#sidebar .module ul.menu li ul li a:hover, 
#sidebar .module ul.menu li ul li.active a, 
#sidebar .module ul.menu li.active ul li a:hover, 
#sidebar .module ul.menu li ul li.active ul li.active a  {
    background: url(../images/sidebar-li2.png) 5px 50% no-repeat;
    text-decoration: none;
    color: #00a08d;
}

#sidebar .module ul.menu li.active  {
}

/* Sidebar SubMenu*/
#sidebar .module ul.menu li ul  {
    margin: 0;
    background: url(../images/sidebar-menu-sep.png) top left repeat-x;
}
#sidebar .module ul.menu li ul li  {
    background: none;
    margin: 0;
    padding: 0 0 0 10px   }
#sidebar .module ul.menu li:last-child,  #sidebar .module ul.menu li ul li:last-child,  #sidebar .module ul.menu li.active ul li:last-child  {
    background: none }
#sidebar .module ul.menu li ul li a {
}

#sidebar .module ul.menu li ul li a:hover {
    border:  0;
}

#sidebar .module ul.menu li ul li.active,  #sidebar .module ul.menu li.active ul li  {
    background: url(../images/sidebar-menu-sep.png) bottom left repeat-x;
}
.module .menu .icon-angle-down:before  {
    content: ""!important;
}

/* Page Navigation */
ul.pagenav  {
    display: block;
}
ul.pagenav li  {
    list-style: none;
}
ul.pagenav li a {
    display: block;
}
.pagenav-prev  {
    float: left;
}

.pagenav-next  {
    float: right;
}
#pagination  {
    clear: both;
    text-align: center;
    padding: 0;
}

/* pagina home ---------- */

#servicos-wrap{
    overflow:auto;
    clear:both;
}

#servico-1, #servico-2, #servico-3{
    width:30%;
    float: left;
    text-align:center;
    text-transform:uppercase;
    padding:0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    position:relative;
}

#servico-1, #servico-2{
    margin-right: 5%;
}
#servico-1 a, #servico-2 a, #servico-3 a{
    text-decoration:none;
}

#servico-1 img, #servico-2 img, #servico-3 img{
    margin-bottom: 20px;
}

#servico-1 h5, #servico-2 h5, #servico-3 h5{
    color:#606060;
    margin-bottom: 10px;
    height:40px;
}
#servico-3{
    clear:right;
}

#servico-1 p, #servico-2 p, #servico-3 p{
    color:#606060;
    text-transform:none;
}

.servicos-btn{
    display:block;
    padding: 7px;
    width:90px;
    margin:20px auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    font: 400 10px Arial, sans-serif;
    text-decoration: none;
}


#servicos-wrap a:hover .servicos-btn{
    background:#01b29f;
    color:#fff;
}

#servicos-wrap a:hover img{
    margin-top:10px;
    margin-bottom: 10px !important;
}


#destaques-wrap{
    padding:20px;
    border: 1px solid #d4d4d4;    
    overflow:auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

#destaques-wrap h3{
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing:2px;
    position:relative;
}

#destaque-1, #destaque-2, #destaque-3{
    width:100%;
    float: left;
    position:relative;
    margin-bottom: 20px;
}


#destaque-1 img:first-child , #destaque-2 img:first-child, #destaque-3 img:first-child {
    float: left; 
    width:40px;
    margin-top: 5px;
}

#destaque-1 h4 , #destaque-2 h4, #destaque-3 h4,
#destaque-1 p , #destaque-2 p, #destaque-3 p{
    margin-left: 20px;
    float: left;
    line-height:21px;
}

#destaque-1 h4 , #destaque-2 h4, #destaque-3 h4{
    text-transform: uppercase;
    width: 190px;
}
   
#destaque-1 p , #destaque-2 p, #destaque-3 p{
   width: 60%;
}

#destaque-1 h4{
   color:#156dac;
}

#destaque-2 h4{
   color:#58b201;
}

#destaque-3 h4{
   color:#d7a200;
}

#destaque-1 .arrow-btn , #destaque-2 .arrow-btn, #destaque-3 .arrow-btn{
    float:right;
    margin-top: 10px;
}

#destaque-1 a:hover img, #destaque-2 a:hover img, #destaque-3 a:hover img{
   
    margin-right: -3px;
}

#destaque-1 a:hover h4, #destaque-2 a:hover h4, #destaque-3 a:hover h4{
   
    margin-left: 23px;
}
   

/* outras paginas ------------------ */

.content-title-wrap{
    overflow:auto;
    margin-bottom: 20px;
    padding:20px;
    border: 1px solid #d4d4d4;
}

.content-title-wrap img{
    float: left;
    margin-right: 20px;
}

.content-title-wrap h2{
    text-transform: uppercase;
}

.content-wrap{
    overflow:auto;
    margin-bottom: 20px;
    padding:20px;
    border: 1px solid #d4d4d4;
}
.content-wrap h3{
    margin-bottom: 10px;
    text-transform: uppercase;
}

.content-wrap .content-left{
    float: left;
    width:57%;
}

.content-wrap .content-right{
    float: right;
    width:40%;
}

.content-wrap .content-left h3, .content-wrap h3{
    margin-bottom: 10px;
    text-transform: uppercase;
}

.content-wrap .content-right img{
    margin-top: 35px;
    width:100%;    
}

.img-bg{
    background-image:url(../../../images/qna.png);
    background-repeat:no-repeat;
    background-position:95% 100%;
}

.bg-politicas{
    background-image:url(../../../images/img_politica_privacidade.png);
    background-repeat:no-repeat;
    background-position:95% 100%;
}
.content-wrapper{
    overflow:auto;
    position:relative;
    margin-bottom: 20px;

}
   
.content-wrap-servicos{
    overflow:hidden;
    
    padding:20px;
    border: 1px solid #d4d4d4;
    width:49%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}
.content-wrapper.serv a {
    color:#444;
}
.content-wrapper.serv a:hover p{
    color:#01b29f;
}
.content-wrapper.serv a:hover .content-wrap-servicos{
    border: 2px solid #01b29f;
    padding:19px;
}



.servico-left{
    float: left;
    
}

.servico-right{
    float: right;
    position:absolute;
    bottom:0px;
    right:0;
    height:100%;
}

.bg-webdesign{
    background-image:url(../../../images/servicos/webdesign-servicos.png);
    background-repeat:no-repeat;
    background-position:100% 100%;
}

.bg-ecommerce{
    background-image:url(../../../images/servicos/ecomerce-servicos.png);
    background-repeat:no-repeat;
    background-position:100% 100%;
}

.bg-marketing{
    background-image:url(../../../images/servicos/emarketing-servicos.png);
    background-repeat:no-repeat;
    background-position:100% 100%;
}

.bg-catalogos{
    background-image:url(../../../images/servicos/catalogos-servicos.png);
    background-repeat:no-repeat;
    background-position:100% 100%;
}

.bg-redes{
    background-image:url(../../../images/servicos/redes-servicos.png);
    background-repeat:no-repeat;
    background-position:100% 100%;
}

.bg-sitenahora{
    background-image:url(../../../images/servicos/sitenahora-servicos.png);
    background-repeat:no-repeat;
    background-position:100% 100%;
}

.bg-grafico{
    background-image:url(../../../images/servicos/design-servicos.png);
    background-repeat:no-repeat;
    background-position:100% 100%;
}

/* Pagina Portfolio ----------- */

.slider-container a{
    display: inline-block;
    background: black;
    padding: 0;
}

.slider-container a img {
    display: block;
    opacity: 0.7;

    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

.slider-container a:hover img {
    opacity: 1;
}

#navigation123 {
    top: 40% !important;
}
#navigation124 {
    top: 60% !important;
}
#navigation125 {
    top: 70% !important;
}



.half-width, .mobile-width{
    display: none;
}


/* Contactos ----------- */

/* Flexible iFrame */

.Flexible-container {
    position: relative;
    height: 250px;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#fluid {
	float: left;
	width: 100%;
	margin-left: -300px; /* The size of the fixed block. */
    overflow:auto;
    margin-bottom: 20px;
	}
.content-wrap-left{
    margin-left: 300px;    
    padding:20px;
    border: 1px solid #d4d4d4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}
.content-wrap-right{
    float: left;
    width: 280px;
    overflow:auto;
    margin-bottom: 20px;
    padding:20px;
    border: 1px solid #d4d4d4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    margin-left: 20px;
}
.half-left{
    float: left;
    width:45%;
}
.half-right{
    float: right;
    width:50%;
}
.content-wrap-left h3{
    text-transform: uppercase;
}

#contact input[type="text"]{
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    padding:5px;
    height:30px;
}
#contact textarea{
    width:100% !important;
    max-width:100% !important;
    height:170px;
}
.recaptcha_input_area input[type="text"]{
    border: 1px solid #ccc !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    height:30px;
}
.form-horizontal .controls{
    margin-left: 0 !important;
}
.form-horizontal .control-group{
    margin-bottom: 0px !important;
}
.control-group label{
    color:#01b29f;
}
label.error {
    color: red !important;
    display: none !important;
}


/* recapcha custom */
.control-group.recapcha-wrap{
    clear:both;
    overflow:auto;
}
.wrap-recap{
    float: left;
    width:302px;
}
.recapcha-btn a{    
    text-decoration:none;
}
.recapcha-btn{
    float: left;
    margin-top: 40px;
    margin-left: 10px;
}
.recap-img{
    float: left;
    margin-top: 40px;
    width:19%;
    margin-left: 10px;
}
.recap-img img{
    width:100%;
}
.recapcha-btn a{
    margin-bottom: 7px;
}
.recapcha-btn .btn{
    width: 13px;
}

#recaptcha_image{
    border: 1px solid #ddd;
    margin-top: 10px;
    float: left;
    position: relative;
}
#recaptcha_response_field{
    margin-top: 10px;
    max-width:302px;
    float: left;
}

a#recaptcha_audio_play_again{
    position: absolute;
    top: 5px;
    left: 5px;
}

a#recaptcha_audio_download{
    position: absolute;
    top: 30px;
    left: 5px;
}




/* end of recapcha custom */

#contact {
    padding: 0 !important;
}

.content-wrap-right a{
    text-decoration: none;
}
.content-wrap-right h3{
    text-transform: uppercase;
    margin-bottom: 20px;
}

.content-wrap-right img{
    float:left;
    margin-right: 10px;
    margin-top: 5px;
}

.content-wrap-right.contactos span.morada-full{
    display:none;    
}
#redes-contactos{
    margin-bottom: 18px;
    overflow:auto;
}
#redes-contactos span{
    display: none;
}
.content-wrap-right #redes-contactos a{
    text-decoration: none;
    margin-right: 13px;
}

.content-wrap-right #redes-contactos a:last-child{
    text-decoration: none;
    margin-right: 0px;
}
#redes-contactos img{
    margin-top: 0;
    margin-right: 20px;
}


.content-wrap-right a.facebook_icon{
    background: url(../../../images/facebook-normal_icon-big.png) 0 0 no-repeat;
    background-size: 37px 37px;
    width: 37px;
    height: 37px;
    display:block;
    float: left;
}

.content-wrap-right a.facebook_icon:hover{
    background: url(../../../images/facebook-hover_icon-big.png) 0 0 no-repeat;
    background-size: 37px 37px;
}

.content-wrap-right a.google-plus_icon{
    background: url(../../../images/gplus-normal_icon-big.png) 0 0 no-repeat;
    background-size: 37px 37px;
    width: 37px;
    height: 37px;
    display:block;
    float: left;
}

.content-wrap-right a.google-plus_icon:hover{
    background: url(../../../images/gplus-hover_icon-big.png) 0 0 no-repeat;
    background-size: 37px 37px;
}

.content-wrap-right a.linkedin_icon{
    background: url(../../../images/linkedin-normal_icon-big.png) 0 0 no-repeat;
    background-size: 37px 37px;
    width: 37px;
    height: 37px;
    display:block;
    float: left;
}

.content-wrap-right a.linkedin_icon:hover{
    background: url(../../../images/linkedin-hover_icon-big.png) 0 0 no-repeat;
    background-size: 37px 37px;
}

.content-wrap-right a.twitter_icon{
    background: url(../../../images/twitter-normal_icon-big.png) 0 0 no-repeat;
    background-size: 37px 37px;
    width: 37px;
    height: 37px;
    display:block;
    float: left;
}

.content-wrap-right a.twitter_icon:hover{
    background: url(../../../images/twitter-hover_icon-big.png) 0 0 no-repeat;
    background-size: 37px 37px;
}

.content-wrap-right a.rss_icon{
    background: url(../../../images/rss-normal_icon-big.png) 0 0 no-repeat;
    background-size: 37px 37px;
    width: 37px;
    height: 37px;
    display:block;
    float: left;
}

.content-wrap-right a.rss_icon:hover{
    background: url(../../../images/rss-hover_icon-big.png) 0 0 no-repeat;
    background-size: 37px 37px;
}

/* pagina site na hora */

/* price table site na hora */

		/*----------
		Blocks
		----------*/
		/*Pricing table and price blocks*/
		.pricing_table {
			line-height: 150%; 
			font-size: 12px; 
			margin: 0 auto; 
			width: 99%; 
			max-width: 1000px; 
			padding-top: 10px;
			margin-top: 40px;            
		}
		
		.price_block {
			text-align: center; 
			width: 100%; 
			color: #fff; 
			float: left; 
			list-style-type: none; 
			transition: all 0.25s; 
			position: relative; 
			box-sizing: border-box;
			
			margin-bottom: 20px; 
			border-bottom: 1px solid transparent; 
		}
		
		/*Price heads*/
		.pricing_table h3 {
			text-transform: uppercase; 
			padding: 5px 0; 
			background: #01b29f; 
			margin: -10px 0 1px 0;
            color: #fff;
            display: table;
            width: 100%;
		}
		
		/*Price tags*/
		.price {
			display: table; 
			background: #444; 
			width: 100%; 
			height: 70px; 
		}
		.price_figure {
			font-size: 24px; 
			text-transform: uppercase; 
			vertical-align: middle; 
			display: table-cell;
		}
		.price_number {
			font-weight: bold; 
			display: block;
		}
		.price_tenure {
			font-size: 11px; 
		}
		
		/*Features*/
        .valigner {
            height:100%;
            width: 0px;
            vertical-align: middle;
            visibility: hidden;
        }
		.features {
			background: #fff; 
			color: #000;
		}
		.features li {
			padding: 8px 15px;
			border-bottom: 1px solid #ccc; 
			font-size: 11px; 
			list-style-type: none;
            height: 40px;
            vertical-align: middle;
		}
		
		.footer {
			padding: 15px; 
			background: #fff;
		}
		.action_button {
			text-decoration: none; 
			color: #fff; 
			font-weight: bold; 
			border-radius: 5px; 
			background: #333; 
			padding: 5px 20px; 
			font-size: 11px; 
			text-transform: uppercase;
		}
		
		.price_block:hover {
			box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5); 
			transform: scale(1.04) translateY(-5px); 
			z-index: 1; 
			border-bottom: 0 none;
		}
		.price_block:hover .price {
			background: #01b29f; 
			
		}
		.price_block:hover h3 {
			background: #222;
		}
		.price_block:hover .action_button {
			background: #01b29f; 
		}
.skeleton, .skeleton ul, .skeleton li, .skeleton div, .skeleton h3, .skeleton span, .skeleton p {
			border: 5px solid rgba(255, 255, 255, 0.9);
			border-radius: 5px;
			margin: 7px !important;
			background: rgba(0, 0, 0, 0.05) !important;
			padding: 0 !important;
			text-align: left !important;
			display: block !important;
			
			width: auto !important;
			height: auto !important;
			
			font-size: 10px !important;
			font-style: italic !important;
			text-transform: none !important;
			font-weight: normal !important;
			color: black !important;
		}
		.skeleton .label {
			font-size: 11px !important;
			font-style: italic !important;
			text-transform: none !important;
			font-weight: normal !important;
			color: white !important;
			border: 0 none !important;
			padding: 5px !important; 
			margin: 0 !important;
			float: none !important;
			text-align: left !important;
			text-shadow: 0 0 1px white;
			background: none !important;
		}
		.skeleton {
			display: none !important;
			margin: 100px !important;
			clear: both;
		}

        .check-icon{
            margin-top: 7px;
        }
        .content-price{
            overflow:auto;
        }     

.content-price .panel{
    border: 1px solid #ccc;
    padding:5px 20px;
    text-transform: uppercase;
}
.content-price .panel-body{
    border-top: 1px solid #ccc;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 10px;
}
.content-price .panel-body li{
    padding: 0 0 0 20px;
    background: url(../images/user2-arrow.png) 0 8px no-repeat;
    text-transform:none;
}
.content-price .panel-body p{
    text-transform: none;
    margin-top: 10px;
    font-style:italic;
}
.h5-price{
    margin-bottom: 20px;
    font-size: 14px;
    font-weight:normal;
    text-align:center;
    border: 1px solid #ccc;
    padding:5px 20px;
}
.price_block a.modal_link.cboxElement{
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    background: #333;
    padding: 5px 20px;
    font-size: 11px;
    text-transform: uppercase;
}
.price_block:hover a.modal_link.cboxElement {
	background: #01b29f; 
}

.form-sitenahora .control-label, .form-sitenahora .input-80{
    width:100%;
    max-width:100%;
}

.form-sitenahora .btn{
    margin-top: 30px;
    width: 100px;
}


/* pagina pesquisa  */

form#searchForm .inputbox{
    float: none;
    width:50%;
}

form#searchForm .ordering-box .inputbox, form#searchForm .form-limit .inputbox{
    float: none;
    width:120px;
}
.searchintro{
    margin-top: 20px;
}
.only-search{
    display: none;
}
.result-text{
    margin-bottom: 10px;
}
.result-created, .result-category{
    display:none;
}

.search-results a{
    text-decoration:none;
    color:#01b29f;
}

.search-results a:hover{
    text-decoration:none;
    color:#00685a;
}

/* pagina mapa do site */


/* User1 and User2 */
#user1-wrap {
    position:  relative;
}

#user1 {
    padding: 0;
    margin: 0 auto;
    clear: both;
    border:  1px solid #00a08d;
    background: #01b29f;
    
    box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
    -o-box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
}
#user1 .module {
    color: #fff;
    margin-bottom: 10px;
    padding: 20px;
}
#user1 .inner {
    padding: 0 20px;
}

#user1 .module-title {
    display:  block;
    
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 0 #578FAD;
}

#user1 h3.module-title {
    font-size:  13px;
    line-height:  20px;
    margin-bottom: 20px;
    padding-bottom: 0;
}

#user1 .module-body  {
}

#user1 a  {
    color: #29708f;
}
#user1 a:hover {
    color: #fff;
}
#user1 ul  {
    margin: 0;
    padding: 0;
}

#user1 ul li {
    border-bottom: none;
    list-style: none;
}

#user1 ul li:hover {
}

#user1 ul li a {
    display: block;
    padding: 0 0 0 20px;
    background: url(../images/user1-arrow.png) 0 50% no-repeat;
    text-decoration: none;
    font-size: 14px;
    font-family: Arial,  Helvetica,  sans-serif;
}

#user1 ul li a:hover {
}

/* User 2 */
#user2-wrap {
    margin: 20px 0 0 0;
    position:  relative;
}

#user2 {
    margin: 0 auto;
    clear: both;
    text-shadow: 0px 0px #fff;
}

#user2 .module {
    color: #555;
    margin-bottom: 10px;
}
#user2 .inner {
    padding: 0 10px;
}

#user2 .module-title {
    display:  block;
    font-size:  14px;
    line-height:  32px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #00a08d;
}
#user2 h3.module-title {
    margin-bottom: 0;
    padding-bottom: 10px;
}

#footer-redes-sociais h3.module-title {
    padding-bottom: 0;
}

#user2 .module-body  {
}

#user2 a  {
}

#user2 a:hover {
}

#user2 ul  {
    margin: 0;
    padding: 0;
}

#user2 ul li {
    border-bottom: none;
    list-style: none;
}

#user2 ul li:hover {
}

#user2 ul li a {
    padding: 0 0 0 20px;
    background: url(../images/user2-arrow.png) 0 50% no-repeat;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial,  Helvetica,  sans-serif;
    color:#333;
}

#user2 ul li a:hover {
    color:#00a08d;
}

/* footer (user 3) items */

#user3-wrap{
    margin-top:20px;
}

#user3-wrap .row{
    margin-bottom: 10px;    
}

/* newsletter items */

.footer-newsletter input[type="text"]{
    width: 100%;
    background-color: #f7f7f7;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;      
}
.overTxtLabel{
    color: #adadad;
    margin-top: 6px;
    margin-left: 5px;
}
.validation-advice{
    display:none !important;
}
input#FNAME{
    width: 48%;
    float: left;
}
input#LNAME{
    width: 48%;
    float: right;
}
/* footer (user2) items */ 

.footer-morada{
    width: 280px !important;
    float: right;
}
.footer-servicos, .footer-cliente{
    width: 200px !important;
}
.footer-newsletter{
    width: 230px !important;
}
#footer-logo{
    float: right;
    margin-bottom: 15px;
    margin-top: 10px;
    
}

#footer-tele-mail{
    float: right;
    clear:both;
    margin-bottom: 10px;
    text-align: right;
}

#footer-tele-mail p, #footer-morada p{
    margin-bottom: 0px;
}

#footer-tele-mail img{
    margin-right: 10px;
    margin-left:20px;
}

#footer-morada{
    float: right;
    text-align:right;
    clear:both;
}

#social-share-btn{
    float: right;
    margin-top: 10px;
}

#social-share-btn #___plusone_0{
    width: 30px !important;
}

#social-share-btn #___plus_0{
    width: 70px !important;
    overflow: hidden;
}

#footer-redes-sociais{
    float: right;
    margin-bottom: 10px;
    text-align:right;
    clear:both;
}

#footer-redes-sociais h3{
    text-align:right;
}

#footer-copyright{
    float: right;
    color: #fff;
    font-size: 12px;
}

#footer-copyright a{
    margin-left: 5px;
}
#footer-copyright img{
    margin-bottom: -2px;
}
#footer-copyright p{
    margin: 0;
}

#icons-sociais{
    float: right;
    margin-top: 5px;
}

#icons-sociais span{
    display: none;
}

#icons-sociais a{
    margin-left: 10px;
}
a.facebook_icon{
    background: url(../../../images/facebook-normal_icon.png) 0 0 no-repeat;
    width: 56px;
    height:16px;
    display:block;
    float: left;
}

a.facebook_icon:hover{
    background: url(../../../images/facebook-hover_icon.png) 0 0 no-repeat;
}

a.google-plus_icon{
    background: url(../../../images/gplus-normal_icon.png) 0 0 no-repeat;
    width: 56px;
    height:16px;
    display:block;
    float: left;
}

a.google-plus_icon:hover{
    background: url(../../../images/gplus-hover_icon.png) 0 0 no-repeat;
}

a.linkedin_icon{
    background: url(../../../images/linkedin-normal_icon.png) 0 0 no-repeat;
    width: 56px;
    height:16px;
    display:block;
    float: left;
}

a.linkedin_icon:hover{
    background: url(../../../images/linkedin-hover_icon.png) 0 0 no-repeat;
}

a.twitter_icon{
    background: url(../../../images/twitter-normal_icon.png) 0 0 no-repeat;
    width: 16px;
    height:16px;
    display:block;
    float: left;
}

a.twitter_icon:hover{
    background: url(../../../images/twitter-hover_icon.png) 0 0 no-repeat;
}

a.rss_icon{
    background: url(../../../images/rss-normal_icon.png) 0 0 no-repeat;
    width: 16px;
    height:16px;
    display:block;
    float: left;
}

a.rss_icon:hover{
    background: url(../../../images/rss-hover_icon.png) 0 0 no-repeat;
}

#footer-back{
    background-color:#000;
}
#footer-wrap{
    margin-bottom: 0;
}



/* Search */
input[type="search"]  {
    display:  block;
    width:  100%;
    padding:  10px 32px 10px 11px;
    color:  #202020;
    font-size:  11px;
    -moz-box-sizing:  border-box;
    -webkit-appearance:  none !important;
    -webkit-box-sizing:  border-box;
    background:  #fff;
    border:  1px solid #ddd;
    box-sizing:  border-box;
}

input[type="search"]::-webkit-search-cancel-button  {
    -webkit-appearance:  none }
input[type="search"]::-webkit-search-decoration  {
    display:  none }
input[type="search"]:focus  {
    color:  #000;
    outline:  none;
}

.att-searchform  {
    position:  relative }
.att-searchform #searchsubmit  {
    position:  absolute;
    right:  5px;
    top:  50%;
    height:  16px;
    margin-top:  -9px;
    color:  #999;
    font-size:  11px;
    -webkit-appearance:  none;
    background:  none;
    border:  none;
    cursor:  pointer;
    line-height:  16px;
    outline:  none;
}

.att-searchform #searchsubmit:hover  {
    color:  #000 }

/* Forms / Inputs / Buttons */

input[type="text"],  input[type="password"],  input[type="email"],  input[type="url"],  input[type="tel"],  textarea  {
    display:  block;
    max-width:  100%;
    margin-bottom:  10px;
    margin-left:  0;
    padding:  7px !important;
    color:  #808080;
    font-size:  13px;
    font-weight:  400;
    background:  #fff;
    border:  1px solid #ddd;
    border-radius:  4px 4px 4px 4px;
    box-shadow:  0 1px 0 0 rgba(0,  0,  0,  0.030) inset;
}

textarea  {
    width:  100%;
    -moz-box-sizing:  border-box;
    box-sizing:  border-box;
    line-height:  1.6em !important;
}

input[type="text"]:focus,  input[type="password"]:focus,  input[type="email"]:focus,  input[type="url"]:focus,  input[type="tel"]:focus,  textarea:focus  {
    color:  #505050;
    border-color:  #ccc;
    outline:  none;
}

input[type="button"],  input[type="submit"],  button[type="submit"],  button[type="button"]  {
    display:  inline-block;
    font: 400 11px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
    margin-top:  0px;
    background-color:  #fff;
    color:  #666;
    text-decoration:  none;
    -webkit-appearance:  none !important;
    background:  transparent;
    filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',  endColorstr='#efefef', GradientType=0 );
    border:  1px solid #ccc;
    border-radius:  4px;
    box-shadow:  0 1px 0 0 rgba(0,  0,  0,  0.05);
    cursor:  pointer;
    height: 28px;
    text-shadow:  0px 0px 0 #FFFFFF;
    
    /*TRANSISTIONS*/
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

input[type="button"]:active,  input[type="submit"]:active,  button[type="submit"]:active,  button[type="button"]:active  {
    background-image:  linear-gradient(to bottom,  #efefef 0px,  #fff 100%);
    border-color:  #bbb #bbb #ddd;
    box-shadow:  0 1px 5px rgba(0,  0,  0,  0.10) inset;
}

input[type="button"]:hover,  input[type="submit"]:hover,  button[type="submit"]:hover,  button[type="button"]:hover {
    color:  #fff;
    background: #01B29F; }
a.btn-readmore  {
    background:  url(../images/readmore.png) 0 50% no-repeat;
    color: #5FABCD;
    padding: 0 0 0 20px;
    font-weight: bold;
    font-family: Arial,  Helvetica,  sans-serif;
    letter-spacing: 0.5px;
}
a.btn-readmore:hover  {
    color: #000;
}

.inputbox,  input,  textarea,  select  {
    background: #fff;
    border: 1px solid #d4d4d4;
}

/* Mailto */
.mailto  {
    background: #fff;
    color: #222;
    padding: 10px;
}

/* Tooltips */
.tip-wrap  {
    float:  left;
    padding:  8px 35px 8px 14px;
    margin-bottom:  20px;
    text-shadow:  0 0px 0 rgba(255,  255,  255,  0.5);
    background-color:  #535353;
    border:  1px solid #222;
    -webkit-border-radius:  4px;
    -moz-border-radius:  4px;
    
    border-radius:  4px;
    color:  #fff;
    max-width:  200px;
    text-shadow: 1px 1px #000;
}
.tip-title  {
    padding:  0;
    margin:  0;
    display: none;
}
.tip-text  {
    font-size:  100%;
    margin:  0;
}

#topcontrol  {
    background: url(../images/arrow_up.png) 50% 50% no-repeat;
    width: 60px;
    height: 60px;
    white-space: nowrap;
    cursor:  pointer;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    bottom: 20px;
    right: 20px;
    z-index: 999;
}

/* Error */
#error  {
    padding: 20px;
    text-align: center;
}
#error .error  {
    color: #FF0000;
    display: block;
    padding: 0;
    font-size:  200px;
    font-weight:  bold;
    line-height:  200px;
}

#error .center  {
    width:  400px;
    margin-left: -200px;
    left:  50%;
    position:  absolute;
    text-align:  center;
    top:  20%}
#error .error  {
    text-shadow:  0 -1px 0 rgba(0, 0, 0, 0.9),  0 1px 0 rgba(255, 255, 255, 0.7);
}

#error .error > span  {
    display:  inline-block;
    position:  relative;
}

#error .error > span:before  {
    content:  "";
    position:  absolute;
    top:  70%;
    left:  -30px;
    right:  -30px;
    height:  80px;
    background:  url(../images/error.png) no-repeat;
    background-size:  100% 100%;
}

#error ol li {
    text-align: left;
}

/* Offline */
.error-offline .error > span:before  {
    top:  65%;
}

.error-offline .message  {
    width:  350px;
}

/* Thumbs */
.width-10  {
    width:  10px;
}
.width-20  {
    width:  20px;
}
.width-30  {
    width:  30px;
}
.width-40  {
    width:  40px;
}
.width-50  {
    width:  50px;
}
.width-60  {
    width:  60px;
}
.width-70  {
    width:  70px;
}
.width-80  {
    width:  80px;
}
.width-90  {
    width:  90px;
}
.width-100  {
    width:  100px;
}
.height-10  {
    height:  10px;
}
.height-20  {
    height:  20px;
}
.height-30  {
    height:  30px;
}
.height-40  {
    height:  40px;
}
.height-50  {
    height:  50px;
}
.height-60  {
    height:  60px;
}
.height-70  {
    height:  70px;
}
.height-80  {
    height:  80px;
}
.height-90  {
    height:  90px;
}
.height-100  {
    height:  100px;
}

.thumbnail {
    border: 1px solid #ccc!important;
    max-width:  100%!important;
}

.thumbnail img  {
    -moz-opacity:  0.8;
    -webkit-opacity:  0.8;
    opacity:  0.8;
    -moz-transition:  all 0.15s ease-in-out;
    -ms-transition:  all 0.15s ease-in-out;
    -o-transition:  all 0.15s ease-in-out;
    -webkit-transition:  all 0.15s ease-in-out;
    transition:  all 0.15s ease-in-out;
}

.thumbnail img:hover  {
    opacity:  1;
}

.thumbnail.pull-left {
    margin-right: 10px!important;
}
.thumbnail.pull-right {
    margin-left: 10px!important;
}
.thumbnails  {
    margin-left:  -20px;
    list-style:  none;
    *zoom:  1;
}

.thumbnails:before, 
.thumbnails:after  {
    display:  table;
    content:  "";
    line-height:  0;
}

.thumbnails:after  {
    clear:  both;
}

.thumbnails > li  {
    float:  left;
    margin-bottom:  18px;
    margin-left:  20px;
}

.thumbnail  {
    display:  block;
    padding:  4px;
    line-height:  18px;
    border:  1px solid #ddd;
    -webkit-border-radius:  4px;
    -moz-border-radius:  4px;
    border-radius:  4px;
    -webkit-box-shadow:  0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow:  0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow:  0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition:  all .2s ease-in-out;
    -moz-transition:  all .2s ease-in-out;
    -o-transition:  all .2s ease-in-out;
    transition:  all .2s ease-in-out;
}

a.thumbnail:hover  {
    border-color:  #08c;
    -webkit-box-shadow:  0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow:  0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow:  0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img  {
    display:  block;
    max-width:  100%;
    margin-left:  auto;
    margin-right:  auto;
}

.thumbnail .caption  {
    padding:  9px;
    color:  #555;
}

/* Footer */

#footer-wrap p {
    margin: 0;
    padding: 0;
}

/* Footer Menu*/
#footer-nav  {
    float: left;
    clear: left;
}
#footer-nav ul  {
    margin: 0;
    padding: 0;
    float: right;
}

#footer-nav ul li  {
    list-style: none;
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0 1px 0 0;
    height: 25px;
    border-right: none;
    font-family: Arial,  Helvetica,  sans-serif;
}

#footer-nav ul li a  {
    display: block;
    padding: 0 10px;
    margin: 5px 0 0 0;
    line-height: 12px;
    text-decoration: none;
    font-size: 10px;
    text-transform: uppercase;
    border-left: 1px solid #cfcfcf;
    
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition:  none;
    transition: none;
}
#footer-nav ul li:first-child a  {
    border: none!important;
}

#footer-nav ul li a:hover  {
    color: #000;
}
.copyright  {
    margin: 0;
    padding: 0;
    font-size: 12px;
    float: left;
    color:#fff;
}

.copyright a  {
    font-size: 12px;
    color:#00a08d;
    text-decoration:none;
}
.copy a:hover  {
}

.company {
    margin: 0 -500px 0 0;
    padding: 0;
    font-size: 10px;
    color: #bcbcbc;
    text-align: right;
    text-shadow: none;
    bottom: 0;
    right: 50%;
    line-height: 10px;
    height: 10px;
    position: absolute;
}

.company a  {
    text-decoration: none;
    font-size: 10px;
    color: #bcbcbc;
}
.dl-horizontal dt  {
    clear:  left;
    float:  left;
    overflow:  hidden;
    text-align:  right;
    text-overflow:  ellipsis;
    white-space:  nowrap;
    width:  40px;
}

.dl-horizontal dd  {
    margin-left:  50px;
}

.admin-area{
    float: right;
}
.admin-area a{
    color: #888;
}

/* Modules ------------------------------------------ */


/* top login module */

#topbar .userdata{
    float: right;
    display:inline-block;
    width:253px;
    margin-left: 10px;
}
#topbar .logout-button{
    float: right;
    display:inline-block;
    width:50px;
    margin-left: 10px;
}


#topbar span.add-on, #topbar #form-login-remember, #topbar ul.unstyled {
    display:none;
}

#topbar .input-small[type="text"],  #topbar .input-small[type="password"],  #topbar .input-small[type="email"],  #topbar .input-small[type="url"],  #topbar .input-small[type="tel"],  #topbar .input-small textarea{
    float:left;
    width:100px;
    height:20px;
    margin-top:7px;
    margin-bottom: 0;
    margin-right: 5px;
    background-color:#484848;
    border:0;
}

#topbar input[type="submit"]{
    float: left;
    height:20px;
    margin-top: 7px;
    margin-bottom: 0;
    line-height:15px;
    padding:2px 5px 2px 5px;
    color:#adadad;
    background:#484848 !important;
    border:0;
    text-shadow: 0px 0px 0 #FFFFFF;
}

#topbar input[type="button"]:hover,  #topbar  input[type="submit"]:hover,  #topbar  button[type="submit"]:hover,  #topbar button[type="button"]:hover {
    color:  #fff;
    background: #484848; 
}


/* top search module */

#topbar div.search input.inputbox{
    float:right;
    width: 120px;
    height:20px;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;  
    color:#adadad;
    background-color:#484848;
    border: 0;
    margin-top:7px;
    margin-bottom: 0;  
}

#topbar div.search input.btn-primary{
    display:none;
}

/* search module */

div.search input.inputbox{
    float:left;
    width: 70%;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;   
    
}

div.search input.btn-primary{
    float:right;
    margin-top:0;
    margin-left:5px;
    height:34px;   
    width:26%;
    line-height:15px;
}

/* login module */

.input-small[type="text"],  .input-small[type="password"],  .input-small[type="email"],  .input-small[type="url"],  .input-small[type="tel"],  .input-small textarea{
    width:100%;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;     
}

/* Module Classes */
/* light */
.light  {
    border: 1px solid #ccc !important;
    background: #fff url(../images/light-bg.png) 0 0 repeat !important;
    color: #555 !important;
    text-shadow: opx opx #fff!important;
}
.light .module-title {
    color: #555 !important;
    background: none!important;
    border: none!important;
    text-shadow: opx opx #fff!important;
}

.light .module-body  {
    border-top: none !important;
}

.light a {
    text-decoration: underline !important;
}
.light a:hover {
    color: #333!important;
}
/* normal */
.normal  {
    border: 1px solid #4289ae !important;
    background: #4289ae url(../images/normal-bg.png) 0 0 repeat !important;
    color: #fff!important;
    text-shadow: 1px 1px #4289ae!important;
}
.normal .module-title {
    color: #fff !important;
    background: none!important;
    border: none!important;
    text-shadow: 1px 1px #4289ae!important;
}
.normal .module-body  {
    border-top: none !important;
}

.normal a {
    text-decoration: underline !important;
    color: #fff!important;
}
.normal a:hover {
    color: #c6ecff!important;
}
/* dark */
.dark  {
    border: 1px solid #111 !important;
    background: #222 url(../images/dark-bg.png) 0 0 repeat !important;
    color: #fff !important;
    text-shadow: 1px 1px #000!important;
}

.dark .module-title {
    color: #fff !important;
    background: none !important;
    border: none!important;
    text-shadow: 1px 1px #111!important;
}
.dark .module-body  {
    border-top: none !important;
}

.dark a {
    text-decoration: underline !important;
    color: #ccc!important;
}
.dark a:hover {
    color: #fff!important;
}
/* blank */
.blank  {
    border: none!important;
    background: none!important;
    padding: 5px!important;
    
    -webkit-border-radius:  0!important;
    -moz-border-radius:  0!important;
    -o-border-radius:  0!important;
    border-radius:  0!important;
    
    box-shadow: none!important;
    -webkit-box-shadow:  none!important;
    -moz-box-shadow:  none!important;
    -o-box-shadow:  none!important;
}
.blank .module-title  {
    border: none!important;
    padding: 0 0 0 5px!important;
    color: #606060!important;
    text-shadow: none!important;
    background: none!important;
}

.light,  .normal,  .dark  {
    padding: 10px!important;
}

.light ul.menu li a,  .normal ul.menu li a,  .dark ul.menu li a {
    text-decoration: none!important;
}
.light .module-title,  .normal .module-title,  .dark .module-title  {
    padding: 0 0 0 5px!important;
    border: none!important;
    line-height: 30px!important;
}

.light .module-body,  .normal .module-body,  .dark .module-body  {
    padding: 0 5px !important;
}
.share-txt{
    position: absolute;
    top: 30px;
    left: 60px;
    color: #ffffff;
    font-weight: bold;
    background-color: #01b29f;
    padding: 2px 10px;
    box-sizing: border-box;
    width: 70px;
    border-radius: 0px 0px 5px 5px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.item-page .itp-fshare-floating {
    display: block !important;
    background-color: #fff;
    border: 1px solid #01b29f;
    padding: 0 0 5px 0;
    text-align: center !important;
    width: 80px;
    border-radius: 0px 5px 5px 0px;
    z-index: 999999;
}

.item-page .itp-fshare-fstyle:hover{
    left: 0px !important;
}