@import "../css/reset.css";@import "../css/skeleton_12.css";@import "../css/superfish.css";@import"../css/flexslider.css";@import"../css/carousel.css";@import"../css/jqtransform.css";@import"../css/datepicker.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body{font-family: Arial, Helvetica, sans-serif;  font-size:12px; line-height:19px; color:#000; min-width:320px; background:#efefef; -webkit-text-size-adjust: none;}
body p{font-family: Arial, Helvetica, sans-serif;  font-size:12px; line-height:19px; color:#000;}
img{max-width:100%; height:auto;}
.bg{background:#fff;}
/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}
   
.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}
.bdl_none{border-left:none !important;}
.bdr_none{border-right:none !important;}


/*==================================== Links ======================================================== */
a {color:#000;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#f54455; text-decoration:none;}

.button, .button1{ display:inline-block; padding:4px 22px 4px; margin: 19px 0 0 0; font-size: 12px; color:#fff; background: url('../images/button.png') repeat-x #7ca452;}
.button:hover,  .button1:hover{ background:#c1d98e;color:#fff;}
.button1{padding: 6px 24px;margin-top:12px;}
.but_wrap2{text-align:right;}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {padding: 37px 0 37px;overflow:hidden;}
header h1{width:280px;float:left;}
header h1 a {display:block;padding: 7px 0 0 55px;margin-left:-1px;background:url(../images/logo.png) 0 0 no-repeat;text-transform:uppercase;font-size: 36px; line-height: 43px; color: #424242 !important;font-family:Georgia, serif;font-weight:400;}
header #search{float:right;margin: 15px 0px 0 0;overflow:hidden;background: url('../images/search.png') no-repeat;width:257px;height:37px;}
header #search input{float:left;margin:0;border:none;width:204px;height:15px;background:none;padding: 11px 5px 11px 10px;font-family:Arial, Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
header #search a{display:block;background: url('../images/search_right.png') no-repeat;width:28px;height:28px;float:left;margin: 4px 0 0 4px;}
header #search a:hover{background-position:0 -28px;}
/*********************************content*************************************/
#content {padding:59px 0px 51px 0px;position:relative;}
.cont_pad{padding:74px 0 51px 0 !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:19px}
.p2{ margin-bottom:23px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 0 5px no-repeat; padding-left:13px; margin-bottom:5px;}
.list1 a{}


/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 24px; line-height: 29px; color:#424242; font-family:Georgia, serif;padding-bottom:3px;border-bottom:1px solid #e0e0e0;margin-bottom:31px;}

h2.ind{ margin-bottom:29px;}
h2.ind1{ margin-bottom:27px;}
h2.ind2{ margin-bottom:35px;}
h2.ind3{margin-bottom:30px;}
h2.ind4{margin-bottom:34px;}
h2.ind5{margin-bottom:33px;}

h3, h4{font-size: 18px; line-height: 22px; color:#787878;margin-bottom:13px;}
h4{font-size:16px;font-family:Georgia, serif;}
/*================================>> hovers <<========================================*/
.items a, .link1{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.link1, .list1 a, .news li a, .news li figure{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.welcome{margin-bottom:13px;}
.welcome>div{padding-top:2px;}
.welcome>figure{margin-right:21px;}

.m_bot1{margin-bottom:36px;}
.m_bot2{margin-bottom:62px;}
.m_bot3{margin-bottom:15px;}
.m_bot4{margin-bottom:59px;}
.m_bot5{margin-bottom:20px;}

.news{}
.news>li{line-height:18px;margin-bottom:37px;overflow:hidden;}
.news>li>a{display:block;}
.news>li>a>figure{width:42px;font-size: 18px;text-align:center;margin: 4px 13px 0 1px;padding: 10px 0 3px;color:#fff; line-height: 22px;text-transform:uppercase;background:#525252;float:left;}
.news>li>a>figure span{font-size: 10px;margin-top:-6px;display:block;}
.news>li>a>span{display:block;overflow:hidden;}
.news>li>a:hover>figure{background:#f54455;}

.car_box{border:1px solid #ebeae4;margin-left:-1px;}

.items{margin: 7px 0 0;overflow:hidden;position:relative;}
.items a{display:block;width:100%;height:98px;position:absolute;top:-130px;background: url('../images/item_bg.png') repeat;font-size: 13px; line-height: 18px; color: #fff;text-align:center;padding: 20px 0 0;}
.items a strong{display:block;font-size: 30px; line-height: 36px; color: #fff;font-weight:normal;padding-top:5px;}
.items:hover a{top:0px;}

.link1{font-size: 14px; color: #f54455;font-family:Georgia, serif;text-decoration:underline;}
.link1:hover{text-decoration:none;}
.link_wrap{text-align:right;padding-top:17px;}

.tips{border:1px solid #edece5;background:#f7f7f7;padding: 31px 23px 39px 28px;}
.tips .title{font-size: 18px; line-height: 22px; color:#777777;margin-bottom:11px;}
.tips .list1{padding: 0 0 0 18px;}
.tips p{margin-bottom:21px;}
/*********************************page_2*************************************/
.dogs{background:#fbfbfb;border:1px solid #edece5;padding: 30px 0px 29px 29px;overflow:hidden;margin-bottom:15px;}
.dogs .description{width:440px;float:left;}
.dogs .options{float:left;padding: 35px 0 0 45px;width:175px;}
.dogs .options strong{text-transform:uppercase;}
.dogs .options dd{margin-bottom:3px;}
.dogs .text{overflow:hidden;}
.dogs>div{padding: 6px 0 0 0;}
.dogs>figure{margin: 0 24px 0 0;}
.dogs .button{margin-top:15px;}
/*********************************page_3*************************************/
.rating{padding: 0 0 0 1px;margin-bottom:33px;}
.rating>figure{margin: 0 21px 0 0;}
.rating>div{padding: 1px 20px 0 0;}
.rating strong{font-size:13px;color:#868686;}
.rating p{margin-bottom:13px;}
.rating .button1{margin-top:18px;}
/*********************************page_4*************************************/
.gallery{background:#fdfdfd;border:1px solid #edece5;padding: 14px 14px 13px;}
.gallery a{display:block;margin-bottom:11px;}

/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:3px 0 0 0;}
#contact-form .success {width:246px; margin-bottom:20px; padding:10px; position:absolute;}
#contact-form textarea, #contact-form input {margin:0;font-size:13px; border:1px solid #e7e7e7; color:#000; padding:10px 14px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}
#contact-form input {width:268px;float:left;}
#contact-form textarea {overflow:auto; width:590px; height:253px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:45px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:8px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; line-height:14px; float:left;padding:9px 5px 0;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:30px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;display:inline-block;margin-bottom:21px;}
#map_canvas {
   width:298px;
   height:319px;
}
.adress{}
.adress span{ display:inline-block; width:71px;}
.adress dt{ margin-bottom:19px;}

.demo{text-decoration:underline;}
.demo:hover{ text-decoration:none;}
/*
<div class="social">
	<a href="#" title="RSS"><img src="images/soc1.png" width="32" height="64" alt=""></a>
	<a href="#" title="Twitter"><img src="images/soc2.png" width="32" height="64" alt=""></a>
	<a href="#" title="Facebook"><img src="images/soc3.png" width="32" height="64" alt=""></a>
	<a href="#" title="Google +"><img src="images/soc4.png" width="32" height="64" alt=""></a>
</div>
*/
/****************************footer************************/
footer {padding:20px 0px 28px;font-size:13px;}
footer .privacy{padding-left:10px;}
footer, footer a{color:#777777;}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
   .welcome>div{overflow:visible;}
   .welcome>figure{margin-bottom:5px;}
   .news>li{margin-bottom:5px;}
   .items a{height:108px;padding-top:10px;}
	 .dogs .description, .dogs .options{float:none;}
	 .dogs .options{padding:10px 0 0 0;}
	 #contact-form textarea{width:460px;}
	 #map_canvas{width:235px;}
	 .ui-datepicker .ui-datepicker-title{font-size: 13px;}
	 .ui-datepicker .ui-datepicker-prev { left:12px;}
}

@media only screen and (max-width: 767px) {
	header h1, header #search{float:none;}
	.dogs>figure{float:none;margin:0;margin-bottom:10px;}
	.dogs>figure img{width:360px;}
	.dogs>div{overflow:visible;}
	.dogs{padding-right:30px;}
	.rating>div{overflow:visible;}
	.gallery{margin-right:0px;}
	.gallery img{width:390px;}
	#contact-form input, #contact-form textarea{width:390px;}
	#contact-form .error, #contact-form .empty{clear: both;padding: 0 0 5px;}
	#map_canvas{width:420px;}
	#content{padding-top:20px !important;position:relative;z-index:10;}
	.m_bot1,.m_bot2,.m_bot3,.m_bot4,.m_bot5{margin-bottom:20px;}
}

@media only screen and (max-width: 479px) {
	.welcome>figure{float:none;margin:0 0 10px;}
	.rating>figure img, .welcome>figure img{width:300px;}
	.items a{font-size:11px;line-height:14px;}
	.items a strong{font-size:24px;line-height:29px;}
	.rating>figure{float:none;margin: 0 0 5px;}
	.rating>div{padding-right:0;}
	#content{padding-top:30px !important;}
	.gallery{margin-right:0;}
	#map_canvas{width:300px;}
	#contact-form input, #contact-form textarea{width:270px;}
	
}