body,td,th {
	font-family: Verdana, Geneva, sans-serif;
}
body {
	text-align:center;}
img {
	height: auto;
	max-width: 99%;
	}
a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: none;
	color: #f4be4a;
}
a:active {
	text-decoration: none;
	color: #999;
}
#fondo-mm {
	background-image: url("fondo.jpg");
	top: 0px;}
#logo-mm {
    margin:0 auto;
    padding:0;
    width: 10%; 
    top: 20px;
    left:-49%;
    right:-51%;
    z-index: 1000;
}
@media screen and (max-width: 980px){
#logo-mm img {
	margin:0 auto;
    padding:0;
    position:fixed;
    top:20px;
    left:-49%;
    right:-51%;
    z-index: 1000;
}}
#nombre-mm {
    margin:0 auto;
    padding:0;
    width:20%; 
    top:110px;
    left:-48%;
    right:-52%;
    z-index: 999;
	font-size: 170%;
}
		@media screen and (max-width: 980px){
#nombre-mm{
	margin:0 auto;
    padding:0;
    position:fixed;
	left:-50%;
    right:-50%;
	top:120px;
	text-align:center;
	width: 100%;
	font-size: 0.8em;
}}


.menu_bar {
	display:none;
	width: 100%;
	z-index:998;
}

header {
	width: 100%;
	font-size: 16px;
	text-align:center;
	z-index:998;
}

header nav {
	background:#2b2b2b;
	z-index:998;
	width:100%;
	margin-top:50px;
	border-bottom: 10px solid #f8d326;
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
	background:#2b2b2b;
}

header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 20px 30px 10px 1px;
}

header nav ul li a span {
	margin-right:10px;
}

header nav ul li:hover .children {
	display:block;
}
.children {
	text-align:left;
}

header nav ul li .children {
	display: none;
	background:#4e4e4e;
	position: absolute;
	width: 180%;
	z-index:998;
}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

header nav ul li .children li a {
	display: block;
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:1px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:1px;
	margin-right:0px;
}
@media screen and (max-width: 1050px) {
	header nav ul li a {
	padding: 20px 10px 10px 1px;
}}
	
@media screen and (max-width: 800px) {
	body {
		padding-top:0px;
	}
	header {
	text-align:left;
}
	.menu_bar {
		display:block;
		width:95%;
		position: fixed;
		top:0px;
		background:#2e2e2e;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		color: #fff;
		overflow: hidden;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;

	}

	.menu_bar span {
		float: right;
		font-size: 30px;
	}

	header nav {
		width: 85%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		top:70px;
		margin: 0;
		overflow: scroll;
	}

	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	header nav ul li a {
		display: block;
	}

	header nav ul li:hover .children {
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:2px;
	}

	header nav ul li .caret {
		float: right;
	}
}

    #slides {
	margin:0 auto;
    padding:0;
    top:200px;
    left:-50%;
    right:-50%;
    z-index: 10;
     display: none
    }
@media screen and (max-width: 980px){
	    #slides {
      top:80px;
	  margin-top:160px;
    }}
	#slides img {
	height: auto;
	max-width: 100%;
	}
    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(http://www.latiendadecolchones.com/WebRoot/StoreES/Shops/ea6409/MediaGallery/latiendadecolchones-inicio/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;

      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 1px 0 0;
      float: left;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(http://www.latiendadecolchones.com/WebRoot/StoreES/Shops/ea6409/MediaGallery/latiendadecolchones-inicio/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

		
		#circulo1a-mm{
		float: left;
		margin-left: 10px;
		width: 10%;
		}
		#circulo1b-mm{
		float: left;
		margin-left: 1px;
		text-align: left;
		width: 21%;
		}
		#circulo1a-mm img { 
		padding-top: 15px;
		}
	@media screen and (max-width: 1050px){
		#circulo1b-mm{
		margin-left: 10px;
		}}
		
	@media screen and (max-width: 980px){
		#circulo1a-mm{
		float: left;
		clear: left;
		margin-left: 10px;
		width: 20%;
		}
		#circulo1b-mm{
		float: left;
		margin-left: 10px;
		text-align: left;
		font-size: 0.8em;
		width: 72%;}
		#circulo1a-mm img { 
		height: auto;
		padding-top: 15px;
		width: 100%;}}
		
		#separador-mm{
		float: left;
		height: 40px;
		background-color:#EBEBEB;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		}
		#separador2-mm{
		float: left;
		height: 1px;
		background-color:#EBEBEB;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		}
		#separador3-mm{
		float: left;
		height: 40px;
		background-color:#eeca24;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		}
		#separador4-mm{
		float: left;
		height: 40px;
		background-color:#ffffff;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 50px;
		}
		#separador5-mm{
		float: left;
		background-color:#ffffff;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 50px;
		}
		#separador6-mm{
		float: left;
		width: 90%;
		margin-top: 20px;
		margin-left: 50px;
		margin-bottom: 20px;
		text-align: justify;
		}
		#catalogo1a-mm{
		float: left;
		margin-left: 1px;
		width: 16%;
		}
		#catalogo1b-mm{
		float: left;
		margin-left: 1px;
		text-align: left;
		margin-right: 10px;
		width: 31%;
		}
		#catalogo1a-mm img { 
		border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		}
	@media screen and (max-width: 1050px){
		#catalogo1b-mm{
		margin-left: 10px;
		}}
	@media screen and (max-width: 980px){
		#catalogo1a-mm{
		float: left;
		clear: left;
		margin-left: 1px;
		margin-top: 15px;
		width: 27%;
		}
		#catalogo1b-mm{
		float: left;
		margin-left: 10px;
		text-align: left;
		font-size: 0.8em;
		width: 65%;}
		#catalogo1a-mm img { 
		height: auto;
		width: 100%;
		border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;}
		#separador2-mm{
		background-color:#ffffff;
		margin-top: 1px;
		margin-bottom: 1px;}
		
		#seaprador5-mm img { 
		height: auto;
		padding-top: 15px;
		width: 100%;
		}
		#separador6-mm img{
		height: auto;
		padding-top: 15px;
		width: 100%;
		}}
		
		#pie-mm{
		float: left;
		margin-left: 10px;
		text-align: left;
		width: 21%;
		}
		#pie2-mm{
		float: left;
		margin-left: 10px;
		text-align: left;
		width: 24%;
		}
		#pie3-mm{
		float: left;
		background-color: #eeca24;
		padding-left: 20px;
		text-align: left;
		margin-left: 10px;
		width: 22%;
		}
		@media screen and (max-width: 1050px){
		#pie3-mm{
		width: 25%;
		}}
		@media screen and (max-width: 980px){
		#pie-mm{
		float: left;
		clear: left;
		text-align: left;
		margin-left: 5px;
		font-size: 0.8em;
		width: 100%;
		}
		#pie2-mm{
		float: left;
		text-align: left;
		margin-left: 10px;
		width: 100%;
		}
		#pie3-mm{
		float: left;
		background-color: #eeca24;
		text-align: left;
		padding-left: 20px;
		margin-left: 10px;
		width: 87%;
		}}
		#contenidot1-mm{
		float: center;
		width: 100%;
		height: 30px;
		padding-top: 7px;
		background-color:#EBEBEB;
		margin-top: 20px;
		margin-bottom: 20px;
		font-weight: bold;
		}
		#contenidot2-mm{
		float: center;
		width: 100%;
		height: 30px;
		padding-top: 7px;
		background-color:#EBEBEB;
		margin-top: 20px;
		margin-bottom: 20px;
		}
		#contenido-mm{
		float: left;
		width: 45%;
		margin-top: 20px;
		margin-left: 50px;
		margin-bottom: 20px;
		text-align: justify;
		}
		#contenidoizq-mm{
		float: left;
		width: 30%;
		margin-top: 20px;
		margin-left: 50px;
		margin-bottom: 20px;
		text-align: justify;
		}
		#contenidoder-mm{
		float: left;
		width: 50%;
		margin-top: 20px;
		margin-left: 50px;
		margin-bottom: 20px;
		text-align: justify;
		}
		#contenido2-mm{
		float: left;
		width: 45%;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
		}
		@media screen and (max-width: 980px){
		#contenidot1-mm{
		margin-top:180px;
		}
		
		#contenidot2-mm{
		margin-top:1px;
		}
		#contenido-mm{
		margin-left: 10px;
		width: 95%;
		}
		#contenido2-mm{
		margin-left: 10px;
		width: 95%;
		}
		#contenido-mm img {
		height: auto;
		max-width: 100%;
		}
		#contenido2-mm img {
		height: auto;
		max-width: 100%;}
		#contenidoizq-mm{
		margin-left: 10px;
		width: 95%;
		text-align: justify;
		}
		#contenidoder-mm{
		margin-left: 10px;
		width: 95%;
		text-align: justify;
		}
		#contenidoder-mm img {
		height: auto;
		max-width: 100%;
		text-align:justify;}
		#contenidoizq-mm img {
		height: auto;
		max-width: 100%;
		text-align:justify;}
		}
		
		#barraaceptacion {
		display:none;
		margin:0 auto;
		left:0px;
		right:0px;
		bottom:0px
    	padding-bottom:20px;
		width:100%;
   		position:fixed;
    	top:95%;
  		text-align:center;
		min-height:50px;
		background-color: rgba(0, 0, 0, 0.5);
		color:#fff;
		z-index:99999;
		}

		.inner {
		margin:0 auto;
    	padding:0;
		width:100%;
    	position:fixed;
		padding-left:5px;
		padding-right:10px;
		font-family:verdana;
		font-size:12px;
	    z-index: 112000;
		}

		.inner a.ok {padding:4px;color:#face49;text-decoration:none;}
		.inner a.info {padding-left:5px;text-decoration:none;color:#face49;}
		
		@media screen and (max-width: 980px){
		#barraaceptacion {
	 	top:86%;
	 	min-height:70px;}
	 	.inner {
		margin:0 auto;
   	 	padding:0;
		width:100%;
    	position:fixed;
		padding-left:5px;
		padding-right:10px;
		font-family:verdana;
		font-size:10px;
	    z-index: 112000;
		}
		}
		#liquidaciones-mm{
		margin-left: 10px;
		width: 95%;
		text-align: justify;
		}
		#separadorliq-mm{
		float: left;
		width: 90%;
		height: 5px;
		margin-top: 2px;
		margin-left: 5px;
		margin-bottom: 2px;
		text-align: justify;
		}
		@media screen and (max-width: 980px){
		#separadorliq-mm{
		float: left;
		width: 90%;
		height: 100px;
		margin-top: 2px;
		margin-left: 5px;
		margin-bottom: 2px;
		text-align: justify;
		}
		}