/* -------------------------------------------------- TOP PANEL -------------------------------------------------- */ .top-panel {width:100%; height:auto; float:left; padding:30px 0 0 0; background:rgba(0,0,0,0.8)} .top-panel .logo-nav {width:100%; height:auto; float:left; padding:15px 0; background:rgba(0,0,0,0.8)} .top-panel .menu {position:relative;} .top-panel .logo a {display:inline-block; } .top-panel ul.main-nav {width:auto; height:auto; float:right; margin:15px 0 0 0;} .top-panel ul.main-nav li {width:auto; height:auto; display:inline-block; margin:0 0 0 10px; font:normal 12px Tahoma, Geneva, sans-serif; color:#fff;} .top-panel ul.main-nav li a {width:auto; height:auto; float:left; padding:8px 10px; font:normal 12px Tahoma, Geneva, sans-serif; color:#fff;} .top-panel ul.main-nav li a:hover,.top-panel ul.main-nav li.active a {background:rgba(62,60,61,0.3); border-radius:5px;-moz-box-shadow:inset 0px 1px 1px #000000;-webkit-box-shadow:inset 0px 1px 1px #000000; box-shadow:inset 0px 1px 1px #000000;} .top-panel #pull { width:100px; height:auto; float:left; margin:0 0 0 -50px; padding:8px 10px; font:normal 12px Tahoma, Geneva, sans-serif; color:#fff; position:absolute; bottom:10px; left:50%; display:none; background:rgba(62,60,61,0.3) url(../images/arrow.png) no-repeat 90% center; border-radius:5px;-moz-box-shadow:inset 0px 1px 1px #000000;-webkit-box-shadow:inset 0px 1px 1px #000000; box-shadow:inset 0px 1px 1px #000000; } /* -------------------------------------------------- CONTAINER PANEL -------------------------------------------------- */ .container {width:100%; height:auto; float:left;} .banner-panel {width:100%; height:auto; float:left; margin:1px 0 0 0; background:rgba(0,0,0,0.5) } .banner-panel .slider {width:100%; height:auto; float:left; margin:40px 0 0 0; background:rgba(0,0,0,0.5); border-radius:5px;-moz-box-shadow: 0px -30px 40px rgba(165,27,4,0.5);-webkit-box-shadow: 0px -30px 40px rgba(165,27,4,0.5); box-shadow: 0px -30px 40px rgba(165,27,4,0.5); text-align:center; } .banner-panel .slider .left-panel,.banner-panel .slider .right-panel {padding:20px;} .banner-panel .slider .title {font-size:50px ; color:#FFF;} .banner-panel .slider p {color:#FFF;} .banner-panel .slider .btn-black {margin:5px 0 0 0;} .wight-panel {width:100%; height:auto; float:left; padding:35px 0; border-top:#999 solid 1px; border-bottom:#e6e6e6 solid 1px;background-color: #ffffff; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:17px; color:#2c2c2c; background-color: #c0c0c0; background-image: -moz-linear-gradient(top, #ffffff, #c0c0c0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#c0c0c0)); background-image: -webkit-linear-gradient(top, #ffffff, #c0c0c0); background-image: -o-linear-gradient(top, #ffffff, #c0c0c0); background-image: linear-gradient(to bottom, #ffffff, #c0c0c0); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c0c0c0', GradientType=0);} .black-panel {width:100%; height:auto; float:left; padding:35px 0; background:url(../images/mainBlock.png) repeat; border-top:#b2b2b2; -moz-box-shadow:inset 0px 2px 8px #000000;-webkit-box-shadow:inset 0px 2px 8px #000000; box-shadow:inset 0px 2px 8px #000000;} .black-box {width:100%; height:auto; float:left; padding:20px !important; color:#b4b4b4; background:#343434; background:rgba(51,51,51,0.2); border-bottom:#333333 solid 1px; border-radius:10px;-moz-box-shadow:inset 0px 1px 1px #000000;-webkit-box-shadow:inset 0px 1px 1px #000000; box-shadow:inset 0px 1px 1px #000000;} .black-box p { margin:10px 0 0 0; color:#b4b4b4; line-height:18px;} .subscribe form {width:100%; margin:0 0 0 0; float:left;} .subscribe form p {width:100%;} .subscribe form input[type="text"] {width:70%; float:left; padding:10px 10px; margin:0px; color:#b4b4b4; font-size:11px; border-radius:5px 0 0 5px; background:#CCCCCC; background:#343434; background:rgba(51,51,51,0.2); border-bottom:#333333 solid 1px; -moz-box-shadow:inset 0px 1px 1px #000000;-webkit-box-shadow:inset 0px 1px 1px #000000; box-shadow:inset 0px 1px 1px #000000;} .subscribe form .btn.btn-blue {width:30%; padding:2px 10px 3px 10px; float:left; margin:0 0 0 0; border-radius:0 5px 5px 0;} .wight-panel2 {width:100%; height:auto; float:left; background:#FFF; padding:35px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#434343; line-height:24px;} /* -------------------------------------------------- inner pages -------------------------------------------------- */ .inner-container {width:100%; height:auto; float:left; padding:35px 0; margin:35px 0 0 0; background:url(../images/mainBlock.png) repeat; border-top:#ffffff solid 6px; color:#fff; } .inner-container p {font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 13px; line-height: 23px; } .inner-container p a {color:#55b80d;text-decoration:underline;} .inner-container p a:hover {text-decoration:none;} .blog-panel {width:100%; height:auto; float:left; color:#fff; margin:20px 0 0 0} .blog-panel .postby {width:100%; height:auto; float:left; border-top:#666666 solid 1px; margin:10px 0 0 0; padding:8px 0; font:normal 13px Arial, Helvetica, sans-serif; color:#fff;} .blog-panel .postby span {color:#55b80d;} .blog-panel .row {margin-top:0px;} .blog-panel .row p {vertical-align:top; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 13px; line-height: 23px;} .blog-panel .row p:first-child {margin-top:0;} .blog-panel .row p a.pick {float:left;} .blog-panel .row p img {border:#343434 solid 5px; border-radius:5px; margin:8px 10px 0 0 ; float:left;} .blog-panel a {color:#55b80d;text-decoration:underline; } .blog-panel a:hover {text-decoration:none; color:#55b80d;} .gallery-panel .clm {width:49%; height:auto; float:left; margin:25px 0 0 0; border:#343434 solid 5px; border-radius:5px; overflow:hidden;} .gallery-panel .clm a {width:100%; height:auto; float:left; } .gallery-panel .clm a img { width:100%; float:left; margin:0px; padding:0px; } .comment {width:100%; height:auto; float:left; border-top:#666666 solid 1px; margin:10px 0 0 0; padding:8px 0; font:normal 13px Arial, Helvetica, sans-serif; color:#fff;} .comment [type="text"] {width:75% !important; } .comment textarea {height:200px } .comment .btn {float:right; margin-top:10px;} .comment.contact {border:none;} .map {width:100%; height:auto; float:left; border:#333 solid 2px; margin:35px 0 0 0;} .map iframe {float:left;} /* -------------------------------------------------- FOOTER PANEL -------------------------------------------------- */ footer {width:100%; height:auto; float:left; padding:35px 0; background:url(../images/footer-bg.png) no-repeat center bottom;} footer p {width:48%; height:auto; float:left; margin:0px; font:italic 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#b4b4b4;} footer p a {margin:0 5px; color:#b4b4b4;} footer p a:hover {color:#fff; text-decoration:underline} footer p.right {text-align:right;} .jumbotron p { text-align:justify; } #gallery{} #gallery ul{ margin:0; padding:0;} #gallery ul li { float: left; margin-left:5px; list-style-type:none;} #gallery ul li img { height: 200px; width: 170px; box-shadow:0px 0px 15px #000; }