html,body{margin:0;padding:0;outline:0;}
body{font-family:'Montserrat',sans-serif,Arial,Tahoma,Verdana;font-size:0.95rem;line-height:20px;background:#ddd;position:relative;color:#fff;}
:focus{outline-style:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
a:hover{color:#888;}
h1,h2,h3{font-size:1.4rem;display:block;width:90%;line-height:40px;text-align:center;font-weight:normal;background:transparent url(img/Grison3.png);padding:6px 0;color:#fff;float:left;margin:182px 5% 20px 5%;position:relative;z-index:980;}
h2{margin:50px 5% 20px 5%;z-index:985;}
h3{margin:0px 5% 20px 5%;}
h4{line-height:26px;margin:5px 0 0 0;padding:0;font-size:0.95rem;color:#292929;}
.clear{height:0px;clear:both;}
.clear10{height:10px;clear:both;}
.clear20{height:20px;clear:both;}
.clear50{height:50px;clear:both;}
ul{line-height:26px;}
a#logo{display:block;width:80px;height:80px;position:fixed;top:0px;left:50%;margin-left:-40px;z-index:998;}
a#logo img{width:100%;}
header{width:100%;height:150px;background:#222;position:fixed;top:0;left:0;color:#f7f7f7;z-index:990;}
header #hbck{width:100%;height:80px;background:#333;position:absolute;top:0;left:0;z-index:995;}
a#mnlk,#phone{display:block;position:absolute;bottom:0;left:0;width:70px;height:70px;background:#111;border-right:1px solid #a23835;z-index:990;}
a#mnlk div{width:44px;height:8px;margin:7px 13px 0 13px;background:#a23835;border-radius:1px;float:left;}
a#mnlk div:first-of-type{margin:16px 13px 0 13px;}
@keyframes mnhov{from{background:#a23835;}to{background:#bb413e;}}
a#mnlk:hover div{animation:mnhov 2s 1;animation-fill-mode:none;background:#bb413e;}
#mn{display:none;position:fixed;top:150px;left:0;width:100%;height:auto;text-align:center;z-index:990;background:#fdfbfb;overflow-y:auto;}
#mn a{display:block;width:96%;height:44px;line-height:44px;border-bottom:1px solid #c59696;margin:4px auto;font-weight:normal;font-size:1rem;}
#mn a:hover{background:#fbf7f7;}
#phone{left:auto;right:0;border-left:1px solid #a23835;border-right:0px;z-index:990;}
#phone img{width:60px;height:60px;margin:5px;padding:0;z-index:990;}
#bct{width:100%;height:30px;line-height:30px;font-size:0.75rem;color:#eee;z-index:985;text-align:center;position:absolute;bottom:40px;left:0;}
#lad{width:100%;height:40px;line-height:40px;font-size:1.25rem;position:absolute;bottom:4px;left:0;text-align:center;color:#ff0;z-index:985;}
#lad span{padding-left:17px;}
#global{width:900px;height:auto;min-height:800px;background:transparent;margin-top:170px;margin-left:auto;margin-right:auto;margin-bottom:0px;position:relative;color:#070707;}
#crsl{width:90%;height:auto;margin:10px auto;background:transparent;position:relative;}
#crsl img{max-height:100%;max-width:100%;}
.droul{width:96%;height:30px;line-height:30px;background:#a23835;color:#f7f7f7;text-align:center;margin:2px 2%;position:relative;cursor:pointer;}
.arwlft,.arwrgt{position:absolute;width:10px;height:20px;line-height:20px;bottom:5px;left:10px;text-align:center;}
.arwrgt{left:auto;right:10px;text-align:center;}
#prov,#liv,#apdn{display:none;width:90%;padding:10px 0;color:#070707;margin:0 auto;font-size:0.85rem;}
a.lkevid{display:block;width:200px;height:28px;line-height:28px;background:#00b95c;color:#fff;font-weight:bold;text-align:center;margin:0 auto 20px auto;font-size:1rem;border-radius:14px;}
a.lkevid:hover{text-decoration:underline;}
#dstin{width:100%;position:relative;}
a.dst{display:block;position:relative;float:left;width:280px;height:140px;margin:10px;box-shadow:2px 2px 7px #777;}
a.dst:hover{box-shadow:2px 2px 7px #555;}
a.rart{display:block;width:100%;font-size:0.8rem;text-align:center;color:#a23835;margin:0 0 30px 0;}
a.rart:hover{color:#c45a57;}
#bouts{width:100%;}
#bouts a{display:block;width:44%;height:96px;margin:10px 3%;padding:2px 0;float:left;background:#999;color:#fff;font-size:1rem;position:relative;}
#bouts a span,a.dst span{background:transparent url(img/Grison3.png);padding:6px 14px;margin:0 0 0 6px;}
a.dst span{display:block;width:132px;height:96px;position:absolute;top:0;left:140px;text-align:center;color:#fff;margin:0;font-size:1.2rem;line-height:96px;padding:20px 4px 24px 4px;}
#bouts a.btlarg{width:94%;height:126px;}
#pgimg{width:96%;height:200px;margin:10px auto;background:#933;position:relative;}
.vignin{position:relative;}
.pvign{width:209px;height:290px;background:#fff;float:left;margin:7px;border:1px solid #ccc;position:relative;}
.pvign img{width:179px;height:179px;border:1px solid #ddd;position:absolute;top:10px;left:15px;}
.pvign .vnm{width:98%;margin:200px 1% 0 1%;font-size:1rem;font-weight:bold;text-align:center;color:#222;}
.pvign .vprix{width:100%;height:30px;line-height:30px;font-size:1.25rem;text-align:center;color:#a23835;position:absolute;bottom:10px;left:0;}
.pvign .vprix span{font-size:0.9rem;}
#lCol{position:relative;width:500px;margin:0 auto;}
#lCol .lColP{display:block;width:90%;margin:2px 5%;height:52px;line-height:52px;float:left;position:relative;background:#f7f7f7;cursor:default;color:#000;}
#lCol .lColP img{width:50px;height:50px;float:left;margin:1px 13px 0 1px;border-radius:2px;}
#lCol .lColP .lColPqu,#lCol .lColP .lColPori,#lCol .lColP .lColPunikg{display:block;width:200px;height:30px;line-height:30px;position:absolute;top:1px;right:10px;color:#a23835;text-align:right;font-size:1.15rem;}
#lCol .lColP .lColPori,#lCol .lColP .lColPunikg{height:18px;line-height:18px;top:auto;bottom:0;color:#888;font-size:0.65rem;}
#lCol .lColP .lColPunikg{height:20px;line-height:20px;top:auto;bottom:12px;color:#222;font-size:0.6rem;}
#colprx{width:100%;height:40px;line-height:40px;text-align:center;font-size:2.75rem;color:#a23835;font-weight:bold;margin:0;float:left;}
#cololdprx{width:320px;height:50px;line-height:25px;text-align:center;font-size:1.25rem;color:#eee;position:absolute;top:93px;left:50%;margin-left:-160px;background:#a23835;border-radius:7px;}
#cololdprx span{display:block;width:100%;height:25px;line-height:25px;position:absolute;bottom:0;left:0;color:#fff;font-size:1rem;}
footer{width:96%;min-height:120px;margin:0;padding:10px 2%;background:#222;color:#eee;}
footer a{color:#f7ecd5;font-size:0.9rem;}
footer a:hover{color:#fdfaf2;}
ul.dd-options{max-height:400px; overflow:scroll-y;}
@media only screen and (max-width:900px){
	#global{width:100%;}
	.vignin,#dstin{width:675px;margin:0 auto;}
	a.dst{width:279px;margin:10px 28px;}
	a.dst span{width:131px;}
}
@media only screen and (max-width:674px){
	.vignin{width:450px;}
	#dstin{width:560px;}
	a.dst{width:270px;margin:10px 5px;}
	a.dst span{width:122px;font-size:1.1rem;}
}
@media only screen and (max-width:560px){
	#bouts a{height:100px;padding:0;}
	#bouts a span{padding:0 1%;margin:0;font-size:0.9rem;text-align:center;display:block;width:98%;height:auto;line-height:24px;}
	#dstin{width:320px;}
	a.dst{width:300px;margin:10px;}
	a.dst span{width:152px;}
}
@media only screen and (max-width:520px){
	#lad{line-height:20px;font-size:1.15rem;bottom:6px;}
	#lad span{display:block;width:100%;height:20px;position:absolute;bottom:0;left:0;padding-left:0;}
	#lCol{width:100%;}
	#lCol .lColP{width:98%;margin:2px 1%;}
	#lCol .lColP img{margin:1px 7px 0 1px;}
	#lCol .lColP .lColPqu,#lCol .lColP .lColPori{right:7px;}
}
@media only screen and (max-width:449px){
	.vignin{width:100%;}
	.pvign{width:48%;margin:7px 1%;border:0px;}
	.pvign img{width:86%;height:auto;border:0px;left:7%;}
}
@media only screen and (max-width:420px){
	#bct{font-size:0.6rem;}
	#lad{font-size:0.95rem;}
	#bouts a span{padding:0 3%;width:94%;line-height:22px;}
}
@media only screen and (max-width:400px){
	.pvign{height:260px;}
	.pvign .vnm{margin:180px 1% 0 1%;}
}
@media only screen and (max-width:380px){
	.pvign .vnm{margin:170px 1% 0 1%;}
}