/* CSS BENIDORM */
* { box-sizing: border-box; }
input[type=submit] {color: white; background: green; border-radius: 0.4rem}
body { background: #A0D900; font-family:Verdana, Arial, Helvetica, sans-serif;  color: #000; }
a:link { background-color: transparent; color: #009; font: bold 1em Arial, Helvetica, sans-serif; text-decoration: underline; }
a:visited { background-color: transparent; color: #03F; font: bold 1em Arial, Helvetica, sans-serif; text-decoration: underline; }
a:hover { color: #000;  background-color: transparent; font: bold 1em Arial, Helvetica, sans-serif; text-decoration: underline; }
a.lk-wht:link { background-color: transparent; color: #ffffff; font: bold .75rem Arial, Helvetica, sans-serif; text-decoration: underline; }
a.lk-wht:visited { background-color: transparent; color: #ccffcc; font: bold .75rem Arial, Helvetica, sans-serif; text-decoration: underline; }
a.lk-wht:hover { color: #000000; background: #FFFFFF; font: bold .75rem Arial, Helvetica, sans-serif; text-decoration: underline; }
a.map:link { background-color: transparent; color: #000000; font: bold .5625rem Arial, Helvetica, sans-serif; text-decoration: underline; }
a.map:visited { background-color: transparent; color: #222222; font: bold .5625rem Arial, Helvetica, sans-serif; text-decoration: underline; }
a.map:hover { color: #006600; background: #FFFFFF; font: bold .5625rem Arial, Helvetica, sans-serif; text-decoration: underline; }
a.nav1:link { background-color: transparent; color: #000000; font: bold .6875rem Arial, Helvetica, sans-serif; text-decoration: underline; margin-top: 0; padding-top: 0; padding-bottom: 0; height: .5rem; vertical-align: top; text-align: left; }
a.nav1:visited { background-color: transparent; color: #000000; font: bold .6875rem Arial, Helvetica, sans-serif; text-decoration: underline; margin-top: 0; padding-top: 0; padding-bottom: 0; height: .5rem; vertical-align: top; text-align: left; }
a.nav1:hover { color: #006600; background: #FFFFFF; font: bold .6875rem Arial, Helvetica, sans-serif; text-decoration: underline; margin-top: 0; padding-top: 0; padding-bottom: 0; vertical-align: top; text-align: left; }
.blokcol, .bor1, h1, h2, h3, .hi, .btn, .rd, .round, .top-10, .offer img { border-radius:.625rem; box-shadow: .2rem .2rem .4rem #000; font-weight: bold; }
.btn a:link {color: #fff; font-weight: bold; text-decoration: none; }
.bloki { border-radius:.625rem; box-shadow: none;}
li{ margin-top: .25rem; list-style-image: url(../graphic/bul.gif); font-size: 0.9rem; font-family: Arial, Helvetica, sans-serif; font: normal 0.9rem Arial, Helvetica, sans-serif;  }
code, pre { background : #ddd; color : navy; }
h1, h2 { background: #9C9; background-image: linear-gradient(#9C9, #DFD, #9C9); border: solid #393; font-size:1.3rem; font-weight: bold; margin: 1.125rem 0; padding: .25rem .625rem; }
.h2h, h3 { background: #474; background-image: linear-gradient(#474, #252, #474); color: #fff; border: .12rem  groove #0f0; font-weight: bold; border-color: #030; }
.blokh2{font-size:.7rem;color:#fff;padding:.2rem .625rem;margin:0;text-align:center;border:.2rem solid #fff;width:100%}
h3{display: inline-block; font-weight: bold; border-color: #030; }
h2, h3 , .mb{ margin-bottom: 1rem; }
h4 { font: 1.25rem Arial, Helvetica, sans-serif; margin-right: 1.25rem; margin-bottom: .25rem; padding-bottom: 0; color: #060; font-weight: bold; text-shadow: 2px 2px 4px #FFF;}
h5, .LImg { font:  1.25rem Arial, Helvetica, sans-serif; margin-right: 1.25rem; margin-top: 0; margin-bottom: .25rem; padding-bottom: 0; color: #330; }
.blokh2 { border-radius:.625rem .625rem 0 0; border: 0; box-shadow: none; margin: -.1rem 0 0 0; width: 100%; background: #060; }
.hi{background-color:#FC6; display: inline-block;  margin:  -.5rem 0 .15rem .2rem; padding: .1rem .2rem}
h3, .hi:after {content: '\A'; white-space: pre;}
th { font-weight : bold; }
td { vertical-align : top; }
td { margin-bottom: 0; font:.625rem Arial, Helvetica, sans-serif; }
p, td { margin-bottom: 0; font: 1rem Arial, Helvetica, sans-serif; color: #000; padding-left: .25rem; }
strong {font-weight: bold; color: #330000; }
p { font: normal 1rem Arial, Helvetica, sans-serif; margin: 0 0.25rem 0.875rem 0; color: #000; }
table, th, td { margin: 0; font: 1em Arial, Helvetica, sans-serif; border: .0625rem
 solid #603; padding: 0; margin: 0;}
.right table td { text-align: right; }
table.jspa td { vertical-align: bottom; padding:.625rem .625rem .625rem .625rem; text-align: center; font: bold .625rem Verdana, Arial, Helvetica, sans-serif; color: #000; }
iframe { margin: 1.25rem 0 0; padding-right: 0; padding-left: 0;  width: 7.85rem; height: 15.6rem;}
ul {list-style-image: url(../graphic/bul.gif);}
#byMe { font-weight : bold; }
#content { /*width : 70%; */margin : auto; padding : 1.25rem; border : .625rem solid #ddd; background : #efefef; }
#footer { text-align: center; max-width: 100%;}
#header { text-align: center; max-width: 100%; z-index: 10; margin-right: .375rem; margin-bottom:  1.375rem; margin-left: .375rem; }
#Headimage { z-index: 12;/* float: left; */}
/*.page { background: #DFD; max-width: 81rem; width: 100%; height:auto; border: 0.125rem solid #000; margin: 0.75rem  auto 0; padding:0.5rem; }*/
.pcontents p {padding: .375rem 0;}
.address { margin-right: .125rem; margin-left: .25rem; border: .625rem ridge; margin-top: 0; padding-left: .25rem; padding-top: .6rem; padding-bottom: .125rem; background: #FFF669; width: 21.875rem; }
.bgtopbg01 { background: #FFC53C url(../images/topbg01.gif) repeat-x; }
.bgtopbg2 { background: #A0D900 url(../images/topbg2.gif) repeat-x; }
.bgbottom_Bg { background: #DFC url(../images/bottom_Bg.gif) repeat; }
.blokcol{border:.14rem solid #060;padding:0 0 .6rem 0; margin-right: .1rem; }
.bor1{ border: .0625rem solid #093; }
.box1, .box1c { margin-right:.625rem; margin-left:.625rem; border: .625rem ridge; margin-top: 0; padding-left: .25rem; padding-top: .125rem; padding-bottom: .125rem; background: #FFF669 url(../images/yellow_bg.gif) repeat-x; }
.box1c { text-align: center; }
.box1 { text-align: left; }
.box2, .box2c { margin-right:.625rem; margin-left:.625rem; border: .625rem ridge; margin-top: 0; padding-left: .25rem; padding-top: .125rem; padding-bottom: .125rem; background: #FFF669 url(../images/green_bg.gif) repeat-x }
.box2c { text-align: center; }
.box2 { text-align: left; }
.boxsale { margin-right:.625rem; margin-left:.625rem; border: .625rem ridge; margin-top: 0; padding-left: .25rem; padding-top: .125rem; padding-bottom: .125rem; background: #FF0000; width: 30rem; }

.btn{color: #fff;margin: 0 0 .5rem 1rem}
.centre { text-align: center; margin-right: auto; margin-left: auto; }
.clearfloat { clear:both; height:0; font-size: .625rem; line-height: 0; }
.col-r-L { float: right; text-align: left; }
.col-l-L { float: left; text-align: left; }
.c2, .c3, .c4, .cols2, .cols3, .cols4 {column-gap: 0.75rem; column-width: 12.5rem;  padding: 0; margin: 0; line-height: .5rem}
.c2, cols2 {column-count:2 }
.c3, .cols3 {column-count: 3; }
.c4, .cols4 { column-count: 4; }
.container { background: #EFE;}
.cont0, .containerO{position:relative;margin-bottom:.03rem}
.headlogo{ position: relative;}
.left { text-align: left; }
.LImg 
.list-photoL .twoColElsRtHdr #list-photoL p { margin-left: .25rem; }
.list-content { margin: 0; padding: 0 .25rem 0.625rem; background: #DFC; }
.ln { border-top: medium solid #660000; border-bottom: thin solid #CC3300; line-height: 1.375rem; background: #FFFFFF; }
.lnhd { border-top: medium solid #660000; border-bottom: thin solid #339900; line-height: 1.375rem; background: #FFFFFF; font-size: .875rem; font-weight: bold; color: #333300; }
.map-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; }
.map-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; }
.menus { color: #000; margin-right: auto; margin-left: auto; width: 100%; background: #DFC; border: none; }
.michelin{ width: 4.125rem; height:1.625rem; margin: -.125rem 0; }
.name { font: bold .875rem Verdana, Arial, Helvetica, sans-serif; color: #330000; }
.nob{border:0}
.search{ margin-bottom: -.5rem; }
.shad, .shadow{box-shadow: .4rem .4rem .3rem #000; margin-bottom: 1rem }
.style1 { background-color:#FFFFFF; font-weight:bold; border: .125rem solid #000; font-family: Arial, Helvetica, sans-serif; font-size: .875rem; }
.text { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.tdmain { background: #DFC }
.to1,.to2{ position: absolute; color: #000; text-shadow: .063rem .063rem .063rem #fff, .063rem -.063rem  .063rem #fff, -.063rem .063rem .063rem #fff, -.063rem  -.063rem  .063rem #fff,.063rem 0  .063rem #fff, 0  .063rem .063rem #fff, -.063rem  0  0 #fff, 0  -.063rem  .063rem #fff;background: 0 0; box-shadow: none; border: 0; left:  0 }
.to1{top:-1rem}
.to2{bottom:-.5rem}
.top-10 { padding-top: 0; border: .225rem solid #930; }
.TopMarg {margin-top: 1rem;}
.videoWrapper { overflow:hidden; padding-bottom:56.25%; position:relative; height:0;  margin-bottom: 1rem}
.videoWrapper iframe { left: .0625rem; top: .6875rem; height: 100%; width: 100%; position: absolute; }
.w100 { max-width: 78rem; width: 100%; height: auto; margin-bottom: 1.25rem; }
.mw50{width: 75%; margin-bottom: 1.25rem;}
.w100m { width:100%; height:auto; max-width:15.625rem}
.wht { color: #FFFFFF; font-size: 1em; }
.whtb { background: #FFF; }
logotxt{ position: absolute; top: 5%; left: 5%;}
h1, h2 {font-size: clamp(0.75rem, 0.6037rem + 0.7317vw, 1.125rem)}
h3, h4 {font-size: clamp(0.5625rem, 0.3674rem + 0.9756vw, 1.0625rem); padding:  0.2rem 0.5rem}
p, li {font-size: clamp(0.805rem, 0.75rem + 0.420vw, 0.875rem); line-height: 1.1;}
span {font-size: clamp(0.700rem, 0.75rem + 0.280vw, 0.787rem); line-height: 1.1; }
.bloki{margin:0 auto .5rem;border:.25rem solid #fff}
