/*font-family: "PT Sans", Arial, Helvetica, sans-serif;*/
body{
    background: #f7f7f7;
    font-size:13px;
    line-height:26px;
    text-shadow:none !important;
    text-align: justify;
    color:#444;
}
.color-header {
    background-image: url("../image/header_background.png");
    background-repeat: repeat-x;
}
.color-blue{
    color:#30add1;
}
.color-blue-obs{
    color: #3997d1;
}
h1,h2,h3,h4,h5,h6{
    font-family: "Oswald", sans-serif;
    font-weight:normal;
    color: #5a5a5a;
    margin:3px 0px;
    padding:3px 0px;
}
hr{
    margin:9px 0px 12px 0px;
    padding:0px;
    border-top:0px;
    border-bottom:1px solid #dddddd;
    height:0px;
}
.center{
    text-align:center !important;
}
ul,ol {
    padding: 0;
    margin: 0 0 10px 30px;
}
ul ul, ul ol, ol ol, ol ul {
    padding-top: 5px;
}
i{
    color: #30add1;
}
a:hover,a:active,a:focus {
outline: 0;
}
#contact select, textarea, input[type="text"] {
    padding: 18px 12px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #555555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}
#contact textarea {
    padding: 10px 12px;
}
#contact .form-horizontal .control-label {
    padding-top: 8px;
}
.fade {
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}
.fade.in {
    opacity: 0.8;
}
.tooltip-inner {
    max-width: 190px;
    padding: 3px 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 4px solid #30add1;
    line-height: 18px;
}
.socket .tooltip-inner  {
    border-bottom: 0px;
    border-top: 4px solid #30add1;
}
.row-fluid {
    margin-bottom: 15px;
}
.introduction {
    padding: 10px 15px 2px 15px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 6px #8e8e8e;
    width: auto;
    background: #fbfbfb;
}
header{
    padding:7px 0 7px 0;
    background-color: #777;
    background-size: contain;
    background-image: url("../image/header_ondas.png");
}
header .row-fluid{
    margin-bottom: 0;
}
header h1 a, header h1 a:visited, header h1 a:hover{
color:#777;
text-decoration:none;
font-size:45px;
line-height:55px;
}
.logo {
    background: rgba(255,255,255, 0.6);
    width: 73%;
    padding: 5px 0 5px 8px;
}
header .list{
position:relative;
top:-12px;
background: rgba(255,255,255, 0.7);
padding:8px;
border:1px solid #ddd;
box-shadow:0px 1px 2px #ddd;
border-top:none;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
line-height:20px;
color: #4b4b4b;
margin-right: 10px;
text-align: center;
float: right;
}
header .list i{
    font-size:16px;
    margin-top:3px;
    color: #656565;
}
header .list hr{
margin:2px 0px 6px 0px;
}
.flexslider  ul li{
background-image:none;
padding:0px;
}
.flexslider{
margin-top:10px;
margin-bottom:15px;
border:1px solid #bbb;
padding:1px;
border-radius:0px;
box-shadow:none;
}
.flexslider .flex-control-nav{
bottom:0px;
}
.flex-control-paging li a{
background:#fff;
box-shadow:0px 0px 3px #555;
}
.flex-control-paging li a:hover{
background:#ccc;
}
.flex-control-paging li a.flex-active{
background:#ccc;
}
.flexslider .slides > li {
position:relative;
}
.flex-caption{
	width: 35%;
	padding: 11px 0;
	margin: 0 0 40px 40px;
	background-color: #222;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
    border-left:4px solid #30add1;
    text-align: center;
}
.flex-caption a {
    color: #fff;
}
.flex-caption h3 {
	color: #fff;
	font-size: 16px;
	padding-bottom: 5px;
	margin:0;
   margin-bottom:3px;
	line-height: 22px;
}
.flex-caption h3 span{
   padding-bottom:3px;
}
.flex-caption p {
	margin:0;
	line-height: 19px;
	color: #ddd;
}
.services{
    border-bottom:1px solid #f4f4f4;
}
.service,
.service-small {
    background:#fff;
    border:1px solid #ddd;
    border-bottom: 2px solid #30add1;
}
#contact .service {
    border-top: 2px solid #30add1;
}
.service {
    padding:10px 18px 5px 18px;
}
.service-small {
    padding:15px 18px 11px 18px;
    text-align: center;
}
.service-small i {
    color: #444;
}
.service-small:hover i {
    color: #fff;
}
.service-small:hover{
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: color,background-color 1s ease;
    -moz-transition: color,background-color 1s ease;
    -o-transition: color,background-color 1s ease;
    transition: color,background-color 1s ease;
}
.services .service ul li {
    margin-bottom: 5px;
}
#index .service i{
font-size:24px;
margin-top:3px;
margin-right:8px;
}
/* 404 */
.error-page{
padding:20px 20px;
border:1px solid #ddd;
border-radius:10px;
color:#666;
text-align:center;
}
.error .error-med{
font-size:20px;
line-height:30px;
}
.error .error-big{
font-size:60px;
line-height:70px;
}
.error .error-small{
font-size:15px;
max-width:600px;
margin:0 auto;
}
.socket {
    background-color: rgba(30, 30, 30, 0.8);
    padding: 8px 0;
    color: rgb(228, 228, 228);
    border-top:2px solid #ff6a00;
    bottom: 0;
    position:relative;
    right:0;
    left:0;
    z-index:1030;
    margin-bottom:0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    margin-top: 30px;
}
.socket small {
    color: rgb(228, 228, 228);
    padding-right: 10px;
    padding-bottom: 15px;
    font-weight: 300;
}
.socket img {
    padding-right: 3px;
}
.socket .row-fluid {
    margin: 0;
}
.socket a {
    color: rgb(228, 228, 228);
    margin-right: 10px;
}
.socket i {
    color: rgb(228, 228, 228);
    margin-right: 10px;
}
/* Navbar */
.navbar.navbar-static-top {
    margin-bottom: 35px;
}
/*.navbar.transparent.navbar-inverse .navbar-inner {*/
    /*background: rgba(0,0,0,0.4);*/
    /*border-bottom: 1px solid rgb(88, 88, 88);*/
/*}*/

.navbar.transparent.navbar-inverse .navbar-inner .container {
    margin-top: 10px;
    margin-bottom: 20px;
    -webkit-transition: margin .2s ease-in-out;
    -moz-transition: margin .2s ease-in-out;
    transition: margin .2s ease-in-out;
}
.navbar.navbar-inverse .navbar-inner {
    padding: 7px 0;
    background-color: rgba(16, 16, 16, 0.80);
}
.navbar.navbar-inverse .navbar-inner.sticky {
    background-color: rgba(16, 16, 16, 0.80);
}
.navbar-inverse .navbar-inner.sticky .container {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.navbar-inverse .brand {
    color: #fff;
}
.navbar-inverse .nav > li > a {
    /*color: rgb(177, 177, 177);*/
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    opacity: .8;
    filter: alpha(opacity=60);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a.active {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}
.navbar-inverse .dropdown-menu {
    background: rgba(0,0,0,0.8);
}
.navbar-inverse .nav > li > .dropdown-menu::after {
    border-bottom: 6px solid #252528;
}
.navbar-inverse .dropdown-menu li > a {
    color: #fff;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    text-decoration: none;
}
.navbar-fixed-top {
    position: relative;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 13px;
}
/* Page Header */
.page-header {
    margin: 5px 0 15px;
    border-bottom: none;
    padding-bottom: 0px;
}
.page-header h4 {
    color:#ff6a00;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}
.page-header img {
    margin-bottom: 10px;
}
.page-header .row-fluid {
    margin-bottom: 0px;
}
.page-header .title{
    width: 100%;
    padding: 11px 0;
    background-color: #222;
    background: rgba(0, 0, 0, 0.8);
    display: block;
    border-top:3px solid #30add1;
    text-align: center;
    margin-bottom: 15px;
}
.page-header h4{
    color: #fff;
}
.http-404 {
    text-align: center;
    margin: 67px 0 80px 0;
}
.http-404 h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 150px;
    margin-bottom: 80px;
    margin-top: 50px;
    font-weight: 600;
}
.http-404 h1 {
    font-family: 'Open Sans', sans-serif;
}
/* Row Images */
.section-row-imgs {
    margin: 18px 0;
}
.section-row-imgs img {
    border: 5px solid #fff;
    width: 98%;
    height: 98%;
    box-shadow: 0px 0px 3px #8e8e8e;
}
.section-row-imgs img:hover {
    border: 5px solid #ff6a00;
    -webkit-transition: border 1s ease;
    -moz-transition: border 1s ease;
    -o-transition: border 1s ease;
    transition: border 1s ease;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #BABABA;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #BABABA;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #BABABA;
}
/* Responsive */
@media (max-width: 480px){
   header .list .social{
   text-align:center;
   }
   .logo{
   margin:0 auto;
   }
}

@media (max-width: 767px){
    header .row-fluid .span3 {
        float: left;
        width: 23.404255319148934%;
    }
    header{
        background-image: url("../image/header_background.png");
        background-repeat: repeat-x;
    }
    .logo{
        text-align:center;
        margin:5px 15px;
        width: 120%;
        padding: 5px 5px 5px 8px;
    }
   header .list{
       margin:18px 13px;
       border-radius:0px;
       box-shadow:0px 0px 2px #ddd;
       font-size: 12px;
       line-height: 10px;
       padding: 6px;
   }
   .navbar,header,footer{
   margin-left:-20px;
   margin-right:-20px;
   }
   .navbar .nav{
   border:0px !important;
   }
   .navbar .nav > li > a{
   border:0px !important;
   }
   .dropdown-menu a{
   border-bottom:none !important;
   } 
   .flex-caption{
   display:none;
   }
    .section-row-imgs .row-fluid .span3 {
        float: left;
        width: 23.404255319148934%;
        margin-left: inherit;
    }
   footer{
   padding:10px 20px;
   }
   .socket {
       margin-right: -20px;
       margin-left: -20px;
       padding-right: 20px;
       padding-left: 20px;
       text-align: center;
   }
}

@media (min-width: 768px) and (max-width: 979px){
    header .list {
        padding: 8px;
        width: auto;
    }
   .navbar .nav{
   border:0px !important;
   }
   .navbar .nav > li > a{
   border:0px !important;
   }
   .dropdown-menu a{
   border-bottom:none !important;
   }
   .rpost2{
   margin-left:10px;
   }
   .entry img{
   display:block;
   float:none;
   margin:0 auto;
   margin-bottom:8px;
   width:100%;
   }   
}