@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'charis';
    src: url('fonts/charissilb-webfont.eot');
    src: url('fonts/charissilb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/charissilb-webfont.woff') format('woff'),
         url('fonts/charissilb-webfont.ttf') format('truetype'),
         url('fonts/charissilb-webfont.svg#charis') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'charis';
    src: url('fonts/charissilbi-webfont.eot');
    src: url('fonts/charissilbi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/charissilbi-webfont.woff') format('woff'),
         url('fonts/charissilbi-webfont.ttf') format('truetype'),
         url('fonts/charissilbi-webfont.svg#charis') format('svg');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'charis';
    src: url('fonts/charissili-webfont.eot');
    src: url('fonts/charissili-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/charissili-webfont.woff') format('woff'),
         url('fonts/charissili-webfont.ttf') format('truetype'),
         url('fonts/charissili-webfont.svg#charis') format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'charis';
    src: url('fonts/charissilr-webfont.eot');
    src: url('fonts/charissilr-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/charissilr-webfont.woff') format('woff'),
         url('fonts/charissilr-webfont.ttf') format('truetype'),
         url('fonts/charissilr-webfont.svg#charis') format('svg');
    font-weight: 400;
    font-style: normal;
}
@keyframes flashRW { 0% {color:#fff;font-size:18px} 50% {color:#f00;font-size:21px} 100% {color:#fff;font-size:18px} }
@-webkit-keyframes flashRW { 0% {color:#fff;font-size:18px} 50% {color:#f00;font-size:21px} 100% {color:#fff;font-size:18px} }
@keyframes flashRWmob { 0% {color:#fff;margin:20px 0 20px 20px;font-size:36px} 50% {color:#f00;margin:20px 0 20px -20px;font-size:36px} 100% {color:#fff;margin:20px 0 20px 20px;font-size:36px} }
@-webkit-keyframes flashRWmob { 0% {color:#fff;margin:20px 0 20px 20px;font-size:36px} 50% {color:#f00;margin:20px 0 20px -20px;font-size:36px} 100% {color:#fff;margin:20px 0 20px 20px;font-size:36px} }
@-webkit-keyframes slider { 0%{-webkit-background-position:0 0;background-position:0 0;} 100%{-webkit-background-position:-2072px 0;background-position:-2072px 0;} }
@keyframes slider { 0%{-webkit-background-position:0 0;background-position:0 0;} 100%{-webkit-background-position:-2072px 0;background-position:-2072px 0;} }
@-webkit-keyframes flashY {
	0%,100%{color:#ff0;-webkit-transform:scale(1,1);transform:scale(1,1);}
	50%{color:#000;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
}
@keyframes flashY {
	0%,100%{color:#ff0;-webkit-transform:scale(1,1);transform:scale(1,1);}
	50%{color:#fff;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
}



body {
	font-family: 'charis', Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 24px;
	background: #006
}
#wrapper {
	min-width: 900px;
	width: 96%;
	padding: 0;
	margin: 1% auto 2%
}
header, #leftCol nav, #leftCol > div, section, footer, #slideContainer {
	border: 2px solid #fff;
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px;  
	border-radius: 20px;
	background: #009
}
header {
	padding: 1%;
	margin: 0 0 2%;
	background: url('../img/header.jpg') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center
}
.flagLeft { float: left }
.flagRight { float: right }
.flagLeft, .flagRight {
	width: 25%;
	height: auto;
	max-width: 249px
}
#slideContainer {
	background: url('../img/logos-slider.jpg') repeat-x 100% 0% #fff;
	height: 90px;
	width: 100%;
	display: block;
	position: relative;
	margin: 0 0 2%;
	text-align: center;
	-webkit-animation: slider linear 25s infinite;
	animation: slider linear 25s infinite
}
/*#slideContainer:after {
	content: "We have all the TOP brands!";
	display: inline-flex;
	padding: 5px;
	color: #fff;
	background: #009;
	margin: 35px auto auto;
	font-weight: 700;
	font-size: 1.25em
}*/
h1, h2, section h3 {
	color: #f00;
	text-shadow: 3px 3px 2px #000;
	font-size: 80px;
	line-height: 64px;
	text-align: center
}
h1 { text-shadow: 3px 3px 2px #000, 1px 1px 5px #000; }
h1 span {
	display: block;
	clear: both;
	font-size: 24px;
	line-height: 24px;
	margin-top: 25px;
	text-shadow: 2px 2px 1px #000, 1px 1px 3px #000
}
h2 {
	text-shadow: 2px 2px 1px #000;
	font-size: 48px;
	line-height: 48px;
	margin: 20px 0 20px
}
section h3 {
	text-shadow: 1px 1px 1px #000;
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	margin: 40px 0 20px
}
#leftCol > div p {
	font-weight: 700;
	font-style: italic;
	color: #fff;
	font-size: 18px;
	line-height: 20px
}
.flashingRW {
	animation: flashRW 1.5s infinite;
	-webkit-animation: flashRW 1.5s infinite;
}
p {
	margin: 0 0 15px
}
strong {
	font-weight: 700;
	font-style: italic;
	color: #009
}
aside strong {
	color: inherit;
	font-style: inherit
}
#leftCol {
	width: 220px;
	text-align: center;
	float: left
}
#rightCol {
	margin: 0 0 2% 200px;
	padding: 0 0 0 4%
}
#leftCol nav, #leftCol > div {
	margin: 0 2% 2% 0;
	width: 200px;
	padding: 10px;
}
#leftCol h3 {
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	font-style: italic;
	margin: 20px 0
}
#leftCol h3 span { display: inline; line-height: inherit }
#leftCol h3.yellow {
	color: #ff0;
	text-shadow: 3px 3px 2px #000;
	animation: flashY 1.5s infinite;
	-webkit-animation: flashY 1.5s infinite;
}
#leftCol h3.yellow + h3.yellow {
	margin-top: -10px
}
section {
	padding: 1% 2%;
	background: #ccf;
	text-align: justify;
	-moz-box-shadow: inset 0px 0px 20px 5px rgba(0,0,48,0.5);
	-webkit-box-shadow: inset 0px 0px 20px 5px rgba(0,0,48,0.5);
	box-shadow: inset 0px 0px 20px 5px rgba(0,0,48,0.5)
}
#leftCol ul, footer ul, #beds { list-style-type: none }
#main li {
	display: block;
	margin: 0 0 10px
}
#main li:last-child { margin: 0 }
#main li a {
	display: block;
	padding: 5px 10px;
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px;  
	border-radius: 20px;
	background: #fff;
	color: #006;
	font-size: 20px;
	font-weight: 700;
	font-style: italic;
	text-decoration: none;
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
}
#main li a:hover, #main li a:active {
	padding: 4px 11px 6px 9px;
	background: #f00;
	color: #fff;
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
}
#main img {
	width: 25px;
	height: 25px;
	margin: 0 10px 0 0;
	vertical-align: middle;
	float: left
}
#main li a.compact, .compact {
	line-height: 20px;
	font-size: 18px;
	word-spacing: -1px;
	letter-spacing: -0.015em
}
#types_of_mattresses article {
	clear: right
}
#logos li, #sofas li {
	float: left;
	width: 45%;
	margin: 2.5%;
	background: #fff;
	text-align: center;
	height: 50px;
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;  
	border-radius: 10px;
	overflow: hidden
}
#logos li img, #sofas li img {
	max-height: 50px;
	max-width: 100%;
	width: auto;
	height: auto
}
footer {
	text-align: center;
	font-size: 14px;
	padding: 1% 0;
	clear: both
}
footer ul {
	display: block;
	margin: 0 0 10px
}
footer li {
	display: inline-block;
	border-left: 3px solid #006;
	border-right: 0px none;
	margin: 0
}
footer li:first-child { border: none }
footer li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 10px;
	transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-o-transition: background .25s ease-in-out;
}
footer li a:hover {
	background: #f00;
	transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-o-transition: background .25s ease-in-out;
}
footer li img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: 0 5px 0 0
}
footer span { display: inline-block }
.half {
	float: right;
	width: 49%;
	margin: 0 0 0 2%
}
.third {
	float: right;
	width: 33%;
	margin: 0 0 1% 2%
}
.quarter {
	float: right;
	width: 22%;
	margin: 0 0 1% 2%
}
.full {
	display: block;
	width: 100%;
	margin: 2% 0
}
.left {
	float: left;
	margin: 0 2% 1% 0
}
.blue {
	color: #fff;
	background: #006;
}
.one_third, .two_third {
	float: left;
	width: 32%;
	margin: 0 2% 2% 0
}
.two_third {
	width: 66%
}
.last {
	margin-right: 0%
}
.clear { clear: both }
.clearR { clear: right }
.clearL { clear: left }
.center { text-align: center }
figure, aside, .split, #beds li {
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px;  
	border-radius: 20px;
	overflow: hidden;
	-moz-box-shadow: 6px 6px 9px #666;
	-webkit-box-shadow: 6px 6px 9px #666;
	box-shadow: 6px 6px 9px #666
}
figure, aside, #beds li {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 3px solid #009
}
figure img {
	width: 100%;
	height: auto;
	margin: 0;
	display: block
}
figcaption {
	width: 96%;
	padding: 0 2% 1%;
	margin: 0;
	font-style: italic;
	display: block;
	text-align: right
}
aside {
	float: right;
	margin: 1% 0 0 2%;
	width: 49%;
	padding: 2%;
	background: #fff;
	text-align: left;
	line-height: 18px
}
aside span {
	width: 33%;
	display: inline-block
}
section ul, section ol {
	margin: 10px 0 20px 30px;
	text-align: left
}
section li {
	margin: 0 0 15px 0
}
article {
	margin-bottom: 40px
}
.bedName, .bedFt {
	color: #009
}
.bedCm {
	color: #f00;
	text-align: right
}
.bedFt {
	text-align: right
}
.split {
	display: table;
	width: 99%;
	border: 3px solid #009;
	margin: 10px 0 20px 0;
}
.split li {
	display: table-cell;
	padding: 20px;
	width: 25%;
	border-left: 3px solid #009
}
.split li:first-child { border-left: none }
#beds {	margin: 0 }
#beds li {
	display: block;
	width: 100%;
	margin: 0 0 20px;
	background: #002
}
#beds img {
	display: block;
	max-width: 100%;
	height: auto
}
#beds a[rel="fancybox"] {
	max-width: 100%;
	height: auto;
	display: inline-block;
	padding: 0;
	margin: 20px 0 0 20px;
	border: 3px solid #002;
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;  
	border-radius: 10px;
	overflow: hidden;
}
#beds a[rel="fancybox"]:hover, #beds a[rel="fancybox"]:active { border: 3px solid #f00 }
#beds .bedInfo {
	display: block;
	background: #006;
	padding: 20px;
	margin: 10px 0 0 0
}
#beds .BChalf {
	width: 47.5%;
	margin-right: 2.5%;
	float: left
}
#beds .BChalf a[rel="fancybox"] {
	max-width: 85%
}
#beds h3 { margin: 0 }
#beds h4 { color: #fff }
.bedInfo a { text-decoration: underline; color: #fff }
.spainMap {
	width: 47.5%
}
.tick-list {
	margin-left: 0;
	padding-left: 1em;
	text-indent: 0;
	list-style: none;
	list-style-position: outside;
}
.tick-list li {
	display: inline-block;
    width: 40%;
    margin-left: 5%;
    margin-right: 0;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1em;
}
.tick-list li:before {
    content: '✔';
    margin-left: -1.5em;
    margin-right: .25em;
    font-size: 1.5em;
    line-height: 0em;
    vertical-align: middle;
}
#bullets {
	background: #ff0;
	margin-bottom: 1em;
}

.mobile_only {
	visibility: hidden;
	height: 0;
	overflow: hidden;
}
::-moz-selection { background:#f00;color:#fff }
::selection { background:#f00;color:#fff }

@media only screen and (max-device-width: 720px) {
.mobile_only {
	visibility: visible;
	height: auto;
}
body {
	font-size: 32px;
	line-height: 40px
}
#wrapper { min-width: 0 }
header { padding: 3% 1% }
.flagLeft, .flagRight { margin-top: 10px }
section { margin: 40px 0 }
h1 span {
	font-size: 48px;
	line-height: 48px
}
h2 {
	font-size: 64px;
	line-height: 64px
}
section h3 {
	text-shadow: 2px 2px 1px #000;
	font-size: 48px;
	line-height: 48px;
	text-align: center;
	margin: 60px 0 20px
}
p {
	margin: 0 0 30px;
	text-align: left
}
#leftCol {
	margin: 0 0 2% 0;
	width: 100%;
	padding: 0;
	float: none
}
#rightCol {
	margin: 0 0 2% 0;
	padding: 0
}
#leftCol nav, #leftCol > div {
	width: 98%;
	padding: 1%;
}
#leftCol h3 {
	font-size: 36px;
	line-height: 40px
}
#leftCol h3 span { display: inline-block; margin: 0 }
.flashingRW {
	animation: flashRWmob 3s infinite;
	-webkit-animation: flashRWmob 3s infinite;
}
section {
	padding: 2% 4%;
}
#main li a, #main li a.compact, .compact {
	font-size: 64px;
	line-height: 96px;
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px;  
	border-radius: 20px;
}
#main img {
	width: 90px;
	height: 90px
}
#logos li, #sofas li {
	height: 100px;
	margin: 1% 2.5%
}
#logos li img, #sofas li img {
	max-height: 100px
}
aside {
	float: none;
	margin: 1% 0;
	width: 95%;
	padding: 2%;
	line-height: 32px
}
footer {
	font-size: 24px;
	line-height: 28px;
	padding: 0 0 20px
}
footer li {
	display: block;
	width: 100%;
	padding: 10px 0;
	border-left: none;
	border-top: 3px solid #006;
	font-size: 32px
}
footer li a {
	padding: 20px 0
}
footer li img {
	width: 40px;
	height: 40px;
	margin: 0 15px 0 0
}
.split {
	display: block;
	width: auto;
	padding: 20px
}
.split li {
	display: block;
	padding: 0;
	width: auto;
	border-left: none
}
#beds {
	text-align: center
}
#beds li {
	margin: 10px 0 30px;
}
#beds img {
	width: auto;
	height: 300px;
}
#beds a[rel="fancybox"] {
	height: 300px
}
.spainMap {
	width: 100%
}
}