/* headerwrap */ .special { float: right; } .left_side.white a.pic img.h { height: 142px; } .right_side_big.nik a.pic img.h { height: 360px; } .container_bg a.pic img.h { height: 199px; } .left_side.well { margin-right: 19px; width: 32%; } .left_side.well a.pic img.h { height: 156px; } .left_side.well.last { margin-right: 0px; } .met.went a.pic img.h { height: 158px; } .end.at a.pic img.h { height: 208px; } .gave .left_side.white a.pic img.h { height: 321px; } .gave .left_side_big.add a.pic img.h { height: 251px; } .gave .left_side_big.add a.pic img.h.one { height: 155px; } #gallery.gave .left_side_big.last a.pic img.h.one { height: 155px; } #gallery.gave .left_side.white.next a.pic img.h { height: 251px; } #gallery.gave .left_side.white.next.add a.pic img.h { height: 143px; } /* srart logo */ /* end logo */ /* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ /* #Page Styles ================================================== */ /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #gallery .left_side { margin: 0 15px 15px 0; } #gallery .left_side.last { margin-right: 0px; float: left; } #gallery .left_side_big { margin: 0 15px 15px 0px; } #gallery .left_side_big.add { margin-right: 15px; margin-left: 0px; } #gallery .left_side_big.last { margin: 0px; width: 32%; float: left; } #gallery .left_side.white.some { margin-right: 0px; } .body_pattern_bg .fbg .norm_box { margin-right: 30px; } .container .adder .left_side.white { width: 90%; } .container .contact .right_side { margin-right: -12px; } .container .contact .maps_view { width: 100%; } #gallery .left_side_big.net { } #gallery .right_side_big.get { margin-right: 0px; float: left; width: 315px; } #gallery .right_side_big.get .right_side { margin-top: 10px; width: 280px; } .right_side_big.nik img { width: 100%; height: auto; } .right_side_big.nik img.h { width: 100%; height: 284px; } #gallery .right_side.sit { float: left; margin-left: 50px; } #gallery .port_2 { width: 100%; } #gallery .manage .left_side { margin: 0 20px 15px 0; } #gallery .manage .left_side.well { margin: 0 15px 0 0; } #gallery .manage .left_side.well.last { margin: 0 0 0 0; } #gallery .manage { margin-left: 58px; } #gallery .manage.het { margin-left: 0; } .container .met { margin-left: 25px; float: left; } .container .met .left_side.white.small.last { margin: 0 8px 15px 0; float: left; } .container .gal .col44 { margin-left: 30px; float: left; } .container .end .left_side.white { margin: 0px; width: 90%; } #gallery .end .left_side { margin: 0; } #gallery .end img.h { height: 163px; } #gallery .left_side.white { margin: 0 0 15px 0; } #gallery .left_side.white.small { margin: 0 10px 15px 0; } #gallery .left_side.white.small a.pic img.h { height: 126px; } #gallery .left_side.white.small.last { margin: 0 0 15px 0; } #gallery .left_side.white a.pic img.h { height: 111px; } #gallery.gave .left_side.white a.pic img.h { height: 256px; } #gallery.gave .left_side.add a.pic img.h { height: 225px; } #gallery .gave .left_side.add a.pic img.h { height: 257px; } .right_side_big.nik a.pic img.h { height: 262px; } .container_bg a.pic img.h { height: 199px; } .left_side.well a.pic img.h { height: 125px; } .container .met.went { margin-left: 0px; } #gallery .end.at a.pic img.h { height: 164px; } .gave .left_side_big { width: 30%; margin:0 15px 15px 0; } #gallery.gave .left_side_big.add a.pic img.h { height: 171px; } #gallery.gave .left_side.white.val a.pic img.h { height: 170px; } #gallery.gave .left_side_big.add a.pic img.h.one { height: 124px; } #gallery.gave .left_side.white.next a.pic img.h { height: 200px; } #gallery.gave .left_side.white.next.add a.pic img.h { height: 114px; } #gallery.gave .left_side_big.add a.pic img.h.two { height: 201px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container .contact .right_side { margin-right: -7px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .menu ul { display: none; } .menu select { display: block; margin: 0px 0 10px 0; width:100%; } .body_pattern_bg .fbg .norm_box { margin: 0px; width: 100%; } .body_pattern_bg .fbg .small_box { margin: 0px; width: 100%; } .body_pattern_bg .fbg .block_pict img { margin-right: 50px; } .body_pattern_bg .fbg .block_pict img:hover { margin-right: 50px; } .container .adder .left_side.white { width: 100%; } .container .contact .right_side { margin: 0 0 0 0; width: 92%; float: left; } .container .contact .maps_view { width: 100%; } .container .left_side_big.let { width: 100% } .container .right_side_big.nik { padding: 0px; width: 100% } .container .right_side_big.nik .right_side { width: auto; } .container .container_bg img { margin-right: 100px; width: 384px; height: 250px; } .container .container_bg.gap img { margin-right: 100px; width: 384px; height:auto; } .container .container_bg.vet img { margin-right: 100px; width: 100%; height: auto; } .container .container_bg.vet img.h { margin-right: 0px; height: 218px; } #gallery .left_side.add { margin-right: 0px; float: right; } #panel_setting_side { position: absolute !important; top: 30% !important; z-index: 9999 !important; } .right_side_big.nik img.h { width: 100%; height: 229px; } .container .met { margin-left: 95px; float: left; } .container .gal .col44 { margin-left: 30px; float: left; } .container .end .left_side.white { margin: 0px; width: 100%; } #gallery .end img.h { height: 286px; } #gallery .left_side.white a.pic img.h { height: 213px; } .right_side_big.nik a.pic img.h { height: 229px; } .container_bg a.pic img.h { height: 249px; } .container .left_side.well { width: 44%; } #gallery .manage .left_side.well.second { margin-right: 0px; float: right; } #gallery .manage .left_side.well.last.nik { margin-right: 0px; float: right; } #gallery .manage .left_side.well { margin-right: 0; } .left_side.well a.pic img.h { height: 93px; } #gallery .left_side.white.small { margin-right: 0px; width: 44%; } #gallery .left_side.white.small.sett { float: right;} #gallery .left_side.white.small.last.ant { float: right;} #gallery .left_side.white.small.last { margin-right: 0px; } #gallery .end.at a.pic img.h { height: 286px; } .container .gave .left_side { margin-right: 0px; width: 44%; } #gallery .gave .left_side { margin-right: 0px; } .container .gave .left_side_big { width: 44%; margin:0 15px 15px 0; } #gallery .left_side_big.add { margin-right: 0px; float: right; } #gallery .left_side_big.last { width: 44%; margin:0 0 15px 0; } #gallery.gave .left_side.white a.pic img.h { height: 193px; } #gallery.gave .left_side_big.add a.pic img.h.one { height: 93px; } #gallery.gave .left_side_big.add a.pic img.h { height: 129px; } #gallery.gave .left_side.white.next a.pic img.h { height: 151px; } #gallery.gave .left_side.white.next.add a.pic img.h { height: 85px; } #gallery.gave .left_side_big.add a.pic img.h.two { height: 150px; } #slider-wrapper object { height:279px;} a.pic img.h { display: none !important;} .img_hover_box.pic a img.r_plus { display: none !important;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .body_pattern_bg .fbg .block_pict img { margin-right: 30px; } .body_pattern_bg .fbg .block_pict img:hover { margin-right: 30px; } .container .contact .right_side { margin: 0 0 0 0; width: 89%; float: left; } .container .container_bg img { margin-right: 0px; width: 264px; height: 200px; } .gall a.pic img.h { position: absolute; padding:0; top: 0px; left: 0px; visibility:hidden; height: 158px; width: 100%; } #gallery .left_side { margin: 0px 0 15px 0; } #gallery .left_side.add { margin: 0px 0 15px 0; } #panel_setting_side { position: absolute !important; top: 30% !important; z-index: 9999 !important; } .right_side_big.nik img.h { width: 100%; height: 157px; } .container .container_bg.vet img.h { margin-right: 0px; height: 144px; } #gallery .manage { margin-left: 0px; } #gallery .manage .left_side.white { margin: 0px; width: 100%; } #gallery .manage .left_side.white img { margin-left: 18px; width: 90%; height: 161px; } .container .met { margin-left: 0px; float: left; } .container .left_side.white.small { width: 100%; } .container .left_side.white.small img { margin-left: 18px; } #gallery .end img.h { height: 204px; } #gallery .right_side.sit { float: left; margin-left: 0px; } #gallery .left_side.white a.pic img.h { height: 152px; } .right_side_big.nik a.pic img.h { height: 157px; } .container_bg a.pic img.h { height: 199px; } .container .left_side.well { width: 100%; } .left_side.well a.pic img.h { height: 152px; } .left_side.well .pad_inside { padding: 10px 0px; } #gallery .left_side.white.small { margin-right: 0px; width: 100%; } #gallery .left_side.white.small img { margin-left: 0px; } #gallery .left_side.white.small a.pic img.h { height: 206px; } #gallery .end.at a.pic img.h { height: 204px; } .container .gave .left_side { margin-right: 0px; width: 100%; } .container .gave .left_side_big { width: 100%; margin:0 0 15px 0; } #gallery .left_side_big.add { margin-right: 0px; float: left; } #gallery .left_side_big.last { width: 100%; margin:0 0 15px 0; } #gallery.gave .left_side_big.add a.pic img.h.one { height: 153px; } #gallery.gave .left_side.white a.pic img.h { height: 313px; } #gallery.gave .left_side.white.addjust a.pic img.h { height: 209px; } #gallery.gave .left_side.white.next a.pic img.h { height: 245px; } #gallery.gave .left_side.white.next.add a.pic img.h { height: 139px; } #gallery.gave .left_side.white.well a.pic img.h { height: 209px; } #gallery.gave .left_side_big.add a.pic img.h.two { height: 245px; } .container .coment2 { margin-left: 0px; } .container .coment2 img { width: auto; } .container .coment2 div.fl { float: none; } .container .coment1 div.fl { float: none; } .container .coment1 img { width: auto; } a.pic img.h { display: none !important;} .img_hover_box.pic a img.r_plus { display: none !important;} div.ppt { display: none !important; } } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */