@font-face {
    font-family: Sintony;
    src: url(sintony.woff);
}

* {
    border: 0;
    margin: 0
}
img {
    border: 0
}
body {
    font: 12px Arial, Helvetica, sans-serif;
    color: #000;
    background: url(images/body_bg.jpg) center fixed no-repeat #37c0f7;
    line-height: 20px
}
#main_bg {
    background: url(images/main_bg.png)
}
#main {
    margin: 0 auto
}
#main_img {
    margin: 0 auto
}
#header {
    padding: 10px 0 0 0
}
#logo {
    height: 0;
    padding: 10px 0 0 31px
}
.top {
    height: 235px;
    background: url(images/logo.jpg) 15px 0 no-repeat;
    padding-top: 9px
}
.top_text {
    background: #fff;
    padding: 0 7px 0 7px;
}
.top_img {
    float: right;
    padding: 10px;
    margin: 0 0 0 10px
}
.top_text h1 {
    color: #333;
    font-size: 24px;
    padding: 5px 0 5px 0;
    font-weight: 900;
    font-family: 'Sintony', cursive;
    font-style: italic
}
#content {
    background: url(images/content_text.png);
    padding-bottom: 15px;
}
.cont_top {
    background: url(images/cont_top.png) 15px top no-repeat;
    height: 6px;
    width: 100%
}
.cont_bot {
    background: url(images/cont_bot.png) 15px bottom no-repeat;
    height: 6px;
    width: 100%
}
#cont_razd {
    padding: 9px 0 0 15px
}
#cont_home {
    width: 100%;
}
#left {
    width: 682px;
    float: left;
    color: #000;
    margin-left: 0
}
.text {
    padding: 0 0 15px 0
}
.img_l {
    float: left;
    /*margin: 6px 15px 5px 0*/
}
.img_r {
    float: right;
    margin: 9px 10px 3px 10px
}
.span_cont {
    color: #333;
    font-size: 12px;
    font-weight: bold
}
H1 {
    font-family: 'Sintony', cursive;
    font-size: 24px;
    font-weight: 900;
    color: #333;
    text-align: left;
    padding: 7px 0 10px 0;
    font-style: italic
}
H2 {
    font-size: 14px;
    color: #333;
    text-align: left;
    font-style: italic
}
H5 {
    font-family: 'Sintony', cursive;
    font-size: 20px;
    font-weight: 100;
    color: #333;
    text-align: left;
    padding: 0 0 10px 0;
    font-style: italic
}
.next {
    width: 100%;
    text-align: left;
    padding: 0
}
.next a {
    color: #fff;
    text-decoration: none
}
.next a:hover {
    text-decoration: underline
}
#right {
    float: right;
    width: 33.33%;
    margin-top: 7px;
    background-color: #f2f2f2
}
#bottom {
    width: 100%
}
#bottom h3 {
    background: url(images/bottom_h1.png) left top no-repeat;
    padding: 8px 0 20px 17px;
    font-size: 18px;
    text-align: left;
    color: #000;
    font-weight: 900;
    font-family: 'Sintony', cursive;
    font-style: italic
}
#b_col1 {
    width: 300px;
    float: left;
    margin-left: 28px
}
#b_col2 {
    width: 300px;
    float: left;
    margin-left: 28px
}
#b_col3 {
    width: 300px;
    float: left;
    margin-left: 28px
}
.input_txt {
    width: 222px;
    border: 0;
    /*background: url(images/input.png) left top no-repeat;*/
    padding: 6px 16px 6px 16px;
    color: #333;
    border-radius:20px;
}
.text_area {
    width: 222px;
    height: 90px;
    border: 0;
    border-radius:10px;
    /*background: url(images/textarea.png) 0 0 no-repeat;*/
    padding: 6px 16px 6px 16px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    resize: none
}
.submit {
    background: url(images/submit.png) right 8px no-repeat;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 0 3px 0;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    width: 78px;
    height: 30px;
    margin: 0 40px 0 0;
    float: right
}
#b_col3 ul {
    list-style: none;
    padding: 0 0 0 13px
}
#b_col3 li {
    padding: 8px 0 0 20px;
    background: url(images/fish2.png) 0 14px no-repeat
}
#bottom ul a:hover {
    text-decoration: underline
}
#bottom ul a {
    color: #000;
    text-decoration: none;
    font-weight: bold
}
.fu_i {
    padding: 0 14px 0 0;
    vertical-align: middle
}
#b_col2 ul {
    list-style: none;
    padding: 0 0 0 13px
}
#b_col2 li {
    padding: 8px 0 0 0;
    background: 0
}
#footer {
    font-size: 12px;
    color: #000;
    text-align: center;
    padding: 30px 0 0 0;
    background: url(images/footer_bg.gif) 0 13px repeat-x
}
#footer a {
    color: #000;
    font-size: 12px;
    text-decoration: none
}
#footer a:hover {
    color: #fff;
    font-size: 12px;
    text-decoration: underline
}
.italic {
    font-style: italic
}
.box_home_all {
    padding: 15px 0 0 0;
    height: 198px
}
.box_home {
    height: 200px;
    margin-top: 15px;
    background: #fff;
}
.box_home H4 {
    font-size: 24px;
    font-family: 'Sintony', cursive;
    font-style: italic;
    color: #333;
    padding: 17px 0 17px 0
}
.box_home H4 a:link {
    text-decoration: none;
    color: #333
}
.box_home H4 a:visited {
    text-decoration: none;
    color: #333
}
.box_home H4 a:hover {
    text-decoration: underline;
    color: #333
}
.box_home H4 a:active {
    text-decoration: underline;
    color: #333
}
.datc_coment {
    height: 30px;
    width: 100%;
    border-bottom: 1px solid #333
}
.datc {
    float: left;
    width: 346px
}
.coment {
    float: right;
    width: 146px
}
.datc_coment a {
    color: #333;
    text-decoration: none
}
.datc_coment a:hover {
    text-decoration: underline
}
.img_ind1 {
    padding: 17px 0 10px 0
}
.text_ind1 {
    padding: 0 87px 0 0
}
#right h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 100;
    color: #333;
    text-align: left;
    padding: 3px 0 3px 0;
    border-bottom: 1px solid #333
}
.spis_und {
    list-style: none;
    padding: 0 0 0 13px
}
.spis_und li {
    padding: 8px 0 0 20px;
    background: url(images/fish1.png) 0 14px no-repeat
}
.spis_und a:hover {
    text-decoration: underline
}
.spis_und a {
    color: #333;
    text-decoration: none;
    font-weight: bold
}
.spis {
    list-style: none;
    padding: 0 0 0 13px
}
.spis li {
    padding: 8px 0 0 20px;
    background: url(images/fish1.gif) 0 14px no-repeat
}
.spis a:hover {
    text-decoration: underline
}
.spis a {
    color: #333;
    text-decoration: none;
    font-weight: bold
}
.row {
/*    padding: 0 0 0 6px;
    height: 235px;
    width: 999px*/
}
.box_img2 {
    width: 308px;
    height: 225px;
    background: url(images/img_bg_ind3.png) 0 0 no-repeat;
    padding: 10px 0 0 10px;
    float: left
}
.box_razd {
    width: 9px;
    height: 50px;
    float: left
}
.box_img2 h1 {
    font-family: 'Sintony', cursive;
    font-style: italic;
    font-size: 24px;
    font-weight: 100;
    color: #000;
    text-align: left;
    padding: 8px 0 3px 0
}
.rol_over:hover {
    background: url(images/rol_over_galery.png) left top no-repeat
}
.g_size {
    width: 298px;
    height: 123px;
    display: block
}
.g1 {
    background: url(images/img31.jpg) left top no-repeat
}
.g2 {
    background: url(images/img32.jpg) left top no-repeat
}
.g3 {
    background: url(images/img33.jpg) left top no-repeat
}
.g4 {
    background: url(images/img34.jpg) left top no-repeat
}
.g5 {
    background: url(images/img35.jpg) left top no-repeat
}
.g6 {
    background: url(images/img36.jpg) left top no-repeat
}
.g7 {
    background: url(images/img37.jpg) left top no-repeat
}
.g8 {
    background: url(images/img38.jpg) left top no-repeat
}
.g9 {
    background: url(images/img39.jpg) left top no-repeat
}
.pirobox_gal1 {
    width: 298px;
    height: 123px;
    display: block
}
.pirobox_gal1:hover {
    width: 298px;
    height: 123px;
    display: block;
    background: url(images/rol_over_galery.png) left top no-repeat
}
.text_ind3 {
    padding: 5px 30px 0 0
}
.read_quote {
    padding: 10px 0 10px 0
}
.input_txt2 {
    width: 644px;
    border: 0;
    background: url(images/input_ind5.png) left top no-repeat;
    padding: 8px 16px 8px 16px;
    color: #cfcfcf
}
.text_area2 {
    width: 644px;
    height: 157px;
    border: 0;
    background: url(images/message_ind5.png) 0 0 no-repeat;
    padding: 6px 16px 6px 16px;
    color: #cfcfcf;
    font-family: Arial, Helvetica, sans-serif
}
.submit2 {
    background: url(images/but_submi_ind5.png) right 0 no-repeat;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 8px 6px 6px 0;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    padding-right: 2px;
    font-weight: bold;
    width: 99px;
    height: 32px;
    margin: 0
}
.wiew_map {
    font-size: 12px;
    color: #6f0000;
    text-decoration: none
}
.wiew:hover {
    text-decoration: underline
}
#footer p,
#footer a,
#footer a:hover {
    font-size: 10px
}
#slider-wrapper {
    width: 964px;
    height: 200px;
    margin: 0 auto
}
#slider {
    position: relative;
    width: 964px;
    height: 200px
}
#slider img {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}
#slider a {
    border: 0;
    display: block
}
.nivo-controlNav {
    padding-left: 470px;
    padding-top: 220px
}
.nivo-controlNav a {
    display: block;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    border: 0;
    margin-right: 3px;
    float: left
}
.nivo-controlNav a.active {
    background-position: 0 -22px
}
.nivo-directionNav a {
    display: block;
    width: 30px;
    height: 30px;
    background: url(images/arrows.png) no-repeat;
    text-indent: -9999px;
    border: 0
}
a.nivo-nextNav {
    background-position: -30px 0;
    right: 15px
}
a.nivo-prevNav {
    left: 15px
}
.nivo-caption {
    text-shadow: none;
    font-family: Helvetica, Arial, sans-serif
}
.nivo-caption a {
    color: #efe9d1;
    text-decoration: underline
}
/*TOPONEDEVELOPER:*/

.navbar-default {
    background-color: #2ab4f3;
    border-color: #2ab4f3;
}
.navbar navbar-default ,
.navbar,
.navbar-nav{
	min-height: 28px!important; 
}
.navbar-default .navbar-nav>li>a {
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
}

div.fb ul{
	padding: 0px;
	list-style: none;
}
.clear-both{
	clear: both;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #12a1e7;
}
.navbar-default .navbar-toggle {
	border-color: #FFFFFF;
    color: #fff;
}
.navbar-default .navbar-nav>li>a:hover{
	background: #12a1e7;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #fff;
    text-decoration: none;
	background: #12a1e7;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #2ab4f3;
}
.dropdown-menu {
    background-color:  #2ab4f3;
    color: #fff;
}
.dropdown-menu>li>a {
    color: #fff;
}
.no-padding{
	padding: 0px;
}
.logo{
	padding-top: 15px;
	padding-bottom: 15px;
}
.navbar-default{
	margin-bottom: 0px;
}
.form-panel{
	margin-top: 20px;
}

.ddsmoothmenu{font-weight:bold;font-size:14px;font-family:'Sintony',cursive;background:#2ab4f3;width:100%}
.ddsmoothmenu ul{z-index:100;margin:0;padding:0;list-style-type:none}
.ddsmoothmenu ul li{position:relative;display:inline;float:left}
.ddsmoothmenu ul li a{display:block;background:#2ab4f3;color:white;padding:8px 10px;border-right:1px solid #778;color:#2d2b2b;text-decoration:none}
* html .ddsmoothmenu ul li a{display:inline-block}
.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited{color:white}
.ddsmoothmenu ul li a.selected{background:#12a1e7!important;color:white}
.ddsmoothmenu ul li a:hover{background:#12a1e7;color:white}
.ddsmoothmenu ul li ul{position:absolute;left:-3000px;display:none;visibility:hidden}
.ddsmoothmenu ul li ul li{display:list-item;float:none}
.ddsmoothmenu ul li ul li ul{top:0}
.ddsmoothmenu ul li ul li a{font:normal 13px;font-family:'Sintony',cursive;width:160px;padding:5px;margin:0;border-top-width:0;border-bottom:1px solid gray}
* html .ddsmoothmenu{height:1%}
.downarrowclass{position:absolute;top:12px;right:7px}
.rightarrowclass{position:absolute;top:6px;right:5px}
.ddshadow{position:absolute;left:0;top:0;width:0;height:0;background-color:#fff}

/*toogle able navbar start here*/
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
        padding-right: 10px;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-nav .open .dropdown-menu{
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
}
/*toogle able navbar end here*/
/*for dropdown hover start */
@media (min-width: 990px) {
    .dropdown-menu>li>{   
        padding-right: 10px;
    }
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0; // remove the gap so it doesn't close
        border-radius: 0px;
    }
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
        color: #fff;
        text-decoration: underline;
        text-decoration: none;
    }
    .dropdown-menu {
        min-width: 150px;
    }
}
/*for dropdown hover end*/

/* MEDIA QUIRIES START HERE*/
@media(max-width: 768px){
	.navbar-default .navbar-nav>li>a {
		width: 100%;
	}
    #right {
        width: 100%;
    }
}
@media (max-width: 767px){
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	    color: #FFF;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	    color: #FFF;
		background:#12a1e7;
	}
}
@media(min-width: 768px){
	.navbar-default .navbar-nav>li>a {
	    display: block;
	    width: 100%;
	}
	.navbar-nav>li>a {
	    padding-top: 6px;
	    padding-bottom: 6px;
	}
	.navbar-default{
		min-height: 28px!important; 
		border-radius: 0px;
	}
}
@media(min-width: 768px) and (max-width: 992px){
	.spis_bot li {
	    display: inline-block;
	    width: 33%;
	}
    #right {
        width: 50%;
    }
}
	
@media(min-width: 992px) and (max-width: 1310px){
	.navbar-default .navbar-nav>li>a{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media(max-width: 400px){
    .float-none{
        float: none!important;
    }
}  
@media(min-width: 1200px){	
}
/* MEDIA QUIRIES END HERE
/*TOPONEDEVELOEPR;*/