@charset "utf-8";
/* ******  CSS Document para pag ADATATIVA  ****** */
/*http://fonts.googleapis.com/css?family=Raleway:400,300,600*/

/* ************** latin-ext  ****************/
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(http://fonts.gstatic.com/s/raleway/v11/ZKwULyCG95tk6mOqHQfRBCEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(http://fonts.gstatic.com/s/raleway/v11/-_Ctzj9b56b8RgXW8FArifk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(http://fonts.gstatic.com/s/raleway/v11/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(http://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(http://fonts.gstatic.com/s/raleway/v11/STBOO2waD2LpX45SXYjQBSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(http://fonts.gstatic.com/s/raleway/v11/xkvoNo9fC8O2RDydKj12b_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*******http://mueblesqueidea.com/tipuesearch/tipuesearch.css *******/
#tipue_search_input{font: 13px/1.6 'open sans', sans-serif;color: #333;padding: 12px 12px 12px 40px;width: 170px;border: 1px solid #e2e2e2;border-radius: 0;-moz-appearance: none;-webkit-appearance: none;box-shadow: none;outline: 0;margin: 0;background: #fff url('img/search.png') no-repeat 15px 15px;}
/***********http://mueblesqueidea.com/css/normalize.css ***********/
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
[hidden],template {display: none;}
a {background-color: transparent;border:none;outline: 0;text-decoration: none;}
a:active,a:hover {outline: 0;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em; margin: 0.67em 0;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;max-width: 100%;height: auto;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
.fieldset {border: 3px solid #fbf8c9;margin: 2px 2px 2px 2px;/*padding: 0.35em 0.625em 0.75em;*/}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
/***********http://mueblesqueidea.com/css/skeleton.css ***********/
.fram {max-width: 640px;}
.alt,.anch,.gru,.fnd {width: 100px;}
.alt {background: #fff url('../images/logos/alt1.gif') no-repeat 5px 5px;}
.anch {background: #fff url('../images/logos/anch1.gif') no-repeat 5px 5px;}
.gru {background: #fff url('../images/logos/gru2.gif') no-repeat 5px 5px;}
.container {position: relative;width: 100%;max-width: 960px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
.column,.columns {width: 100%;float: left;box-sizing: border-box;} 
#capcha{;max-width: 140px;margin: 0 0 0 64%;bottom: 67px;position: fixed;width: 40%;background: rgb(255,255,255); opacity: 0.8;color: #ff0000;text-align: center;border: 1px solid #ff0000;font-size: 11px;}
a {border:none;outline: 0;}
@media (min-width: 310px) {
.container {width: 90%;padding: 0;}
#capcha{bottom: 56px; width: 25%; position: fixed;}
#rotate-me{transform: rotate(90deg);min-width: 80px;}
#rotate-mo{transform: rotate(90deg);min-width: 80px;}
}
@media (min-width: 480px) {
#capcha{bottom: 65px;width: 35%; position: fixed;} 	
}
@media (min-width: 550px) {
.container {
    width: 90%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }
}
html{font-size: 62.5%;}
body{font-size: 1.5em;line-height: 1.6;font-weight: 400;font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #222;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 2rem;font-weight: 300;}
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem;}
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem;}
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem;}
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem;}
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0;}
@media (min-width: 550px) {
h1 { font-size: 4.0rem; }
h2 { font-size: 3.5rem; }
h3 { font-size: 3.0rem; }
h4 { font-size: 2.5rem; }
h5 { font-size: 2.0rem; }
h6 { font-size: 1.0rem; }
}
@media (min-width: 750px) {
#capcha{margin: 0 0 0 27%;bottom: 77px;width: 20%;}
#rotate-me{transform: rotate(0deg);min-width: 100px;}  
#rotate-mo{transform: rotate(90deg);min-width: 100px;} 
}
p {margin-top: 0;}
a {color: #1EAEDB; }
a:hover {color: #0FA0CE; }
.button,button,input[type="submit"],input[type="reset"],input[type="button"]{display: inline-block;height: 38px;padding: 0 30px;color: #555;text-align: center;font-size: 11px;font-weight: 600;line-height: 38px;letter-spacing: .1rem;text-transform: uppercase;text-decoration: none;white-space: nowrap;background-color: transparent;border-radius: 4px;border: 1px solid #bbb;cursor: pointer;box-sizing: border-box;}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus {color: #333;border-color: #888;outline: 0; }
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary {color: #FFF;background-color: #33C3F0;border-color: #33C3F0;}
.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus {color: #FFF;background-color: #1EAEDB;border-color: #1EAEDB;}
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select {height: 38px;padding: 6px 10px;background-color: #fff;border: 1px solid #D1D1D1;border-radius: 4px;box-shadow: none;box-sizing: border-box;}
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
textarea {min-height: 105px;padding-top: 6px;padding-bottom: 6px;}
input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus {border: 1px solid #33C3F0;outline: 0;}
label,legend {display: block;margin-bottom: .1rem;font-weight: 600; }
fieldset {padding: 0;border-width: 0; }
@media (min-width: 1000px) {
#capcha{margin: 0 0 0 -13%;bottom: 80px;width: 35%;} 
#rotate-me{transform: rotate(0deg);}		
}
ul {list-style: circle inside;}
ol {list-style: decimal inside;}
ol, ul {padding-left: 0;margin-top: 0;}
ul ul,ul ol,ol ol,ol ul {margin: 1.5rem 0 1.5rem 3rem;font-size: 90%;}
li {margin-bottom: 1rem;}
code {padding: .2rem .5rem;margin: 0 .2rem;font-size: 90%;white-space: nowrap;background: #F1F1F1;border: 1px solid #E1E1E1;border-radius: 4px;}
th,td {padding:5px 9px 9px 10px;text-align: left;border-bottom: 1px solid #012383;}
th:first-child,td:first-child {padding-left: 0;}
th:last-child,td:last-child {padding-right: 0;}
button,.button {margin-bottom: 1rem;}
input,textarea,select,fieldset {margin-bottom: 1.5rem;}
pre,blockquote,dl,figure,p,ul,ol,form {margin-bottom: 2.5rem;}
.u-full-width {width: 100%;box-sizing: border-box;background: #fdfbda;}
.img-full-width {
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	background-image: url("../images/bak.jpg");
  background-repeat: no-repeat;
  background-position: center;}
/*.lellamamo {
	width: 100%;
	height: 50%;
	padding-top: 50%;
background: url("../images/logos/lellamamo3.jpg") no-repeat 100% 50%;
  background-repeat: no-repeat;
  background-position: top;
 }*/ 
  
  
  	
.u-pull-right {float: right;}
.u-pull-left {float: left;}
hr {margin-top: 3rem;margin-bottom: 3.5rem;border-width: 0;border-top: 1px solid #E1E1E1;}
.container:after,.row:after,.u-cf {content: "";display: table;clear: both;}
#subira{width:48px;height:42px;position:fixed;bottom:11px;right:10px;text-aling:center;background: rgb(252,252,210); opacity: 0.8;display: inline;border: 1px solid #297cee;}
#subiro{width:60px;height:78px;position:fixed;bottom:30px;left:10px;text-aling:centerdisplay: inline;}
.cajinline{display:inline-block; margin: 0 0 0 8px; text-align:"center";}
/* ******* http://mueblesqueidea.com/css/customoriginal.css ********/
.container1 {max-width: 900px;margin-left: auto;margin-left: auto;}
.header {margin-top: .1rem;text-align: center;}
.value-prop {margin-top: 1rem;}
.value-props {margin-top: 4rem;margin-bottom: 4rem;}
.docs-header {text-transform: uppercase;font-size: 1.4rem;letter-spacing: .2rem;font-weight: 600;}
.docs-section {border-top: 1px solid #eee;padding: 1rem 0;margin-bottom: 0;}
.docpubl-section {border-top: 2px solid #ef0a7d;border-bottom: 2px solid #ef0a7d;padding: 1rem 1rem;margin-bottom: 0;background: #fdeaf4;}
.value-img {display: block;text-align: center;margin: 2.5rem auto 0;}
.navbar {display: none;}
.textred {color:#ff0000}
.textclar{color:#d5d2d2;}
.textblu {color:#297cee}
.textgold {color:#e6cd29}
.textWhite {color:#ffffff;margin-left: 2.75rem;margin-right: 2.75rem;}
@media (min-width: 550px) {
.header {margin-top: .1rem;}
.value-props {margin-top: 1rem;margin-bottom: 7rem;}
.value-img {margin-bottom: 1rem;}
.docs-section {padding: 7rem 0;}		
}
@media (min-width: 750px) {
.navbar + .docs-section {border-top-width: 0;}
.navbar,.navbar-spacer {box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);display: block;width: 100%;height: 6.5rem;background: #f9f6dd;z-index: 99;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.navbar-spacer {display: none;}
.navbar > .container1 {margin-right: auto;margin-left: auto;width: 100%;}
.navbar-list {list-style: none;margin-bottom: 0;}
.navbar-item {position: relative;float: left;margin-bottom: 0;}
.navbar-link {text-transform: uppercase;font-size: 11px;font-weight: 600;letter-spacing: .1rem;margin-right: 25px;text-decoration: none;line-height: 6.5rem;color: #666666; }
.navbar-link.active {color: #33C3F0;}
.has-docked-nav .navbar {position: fixed;top: 0;left: 0;}
.has-docked-nav .navbar-spacer {display: block;}
.has-docked-nav .navbar > .container1 {width: 80%;}
.popover.open {display: block;}
.popover {display: none;position: absolute;top: 0;left: 0;background: #fffef5;border: 1px solid #eee;border-radius: 6px;top: 92%;left: -50%;-webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,.4));-moz-filter: drop-shadow(0 0 5px rgba(0,0,0,.4));filter: drop-shadow(0 0 5px rgba(0,0,0,.4)); }
.popover-item:first-child .popover-link:after,.popover-item:first-child .popover-link:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.popover-item:first-child .popover-link:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 10px;margin-left: -10px; }
.popover-item:first-child .popover-link:before {border-color: rgba(238, 238, 238, 0);border-bottom-color: #eee;border-width: 11px;margin-left: -11px; }
.popover-list {padding: 0;margin: 0;list-style: none; }
.popover-item {padding: 0;margin: 0; }
.popover-link { position: relative;color: #222;display: block;padding: 8px 20px;border-bottom: 1px solid #eee;text-decoration: none;text-transform: uppercase;font-size: 1.0rem;font-weight: 600;text-align: center;letter-spacing: .1rem;}
.popover-item:first-child .popover-link {border-radius: 4px 4px 0 0;}
.popover-item:last-child .popover-link {border-radius: 0 0 4px 4px;border-bottom-width: 0;}
.popover-link:hover {color: #fff;background: #33C3F0; }
.popover-link:hover,.popover-item:first-child .popover-link:hover:after {border-bottom-color: #33C3F0;}
.lgo {float: left;padding: 8px 10px;}
}
/* ********* http://mueblesqueidea.com/css/mainoriginal.css ********* */
* { margin: 0;padding: 0;}
html {background-color: #fff;height: 100%;}
.containermen {margin-left: auto;margin-right: auto;margin-top: -8px;width: 100%;}
#navi span {display: none;}
#navi, #navi ul {list-style: none outside none;margin: 0;padding: 0;}
#navi {box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);background-color: #f9f6dd;border-bottom: 5px solid #700000;float: left;margin-left: 1%;margin-right: 1%;position: relative;width: 98%;font: 1em/1.5em Arial,sans-serif;}
#navi ul.subs {background-color: #fffef5;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);display: none;left: 0;padding: 2%;position: absolute;top: 48px;width: 100%;font: 1em/1.5em Arial,sans-serif;}
#navi > li {border-bottom: 5px solid transparent;float: left;margin-bottom: -5px;text-align: left;-moz-transition: all 300ms ease-in-out 0s;-ms-transition: all 300ms ease-in-out 0s;-o-transition: all 300ms ease-in-out 0s;-webkit-transition: all 300ms ease-in-out 0s;transition: all 300ms ease-in-out 0s;}
#navi li a {display: block;text-decoration: none;-moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;-ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;-o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;-webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;white-space: normal;}
#navi > li > a {color: #333333;display: block;font-size: 1.2em;line-height: 49px;padding: 0 15px;text-transform: uppercase;}
#navi > li:hover > a, #navi > a:hover {background-color: #33C3F0;color: #FFFFFF;}
#navi li:hover ul.subs {display: block;}
#navi ul.subs > li {display: inline-block;float: none;padding: 10px 3%;vertical-align: top;width: 17%;}
#navi ul.subs > li a {color: #777777;line-height: 20px;}
#navi ul li a:hover {color: #33C3F0;}
#navi ul.subs > li > a {font-size: 1.4em;margin-bottom: 10px;text-transform: uppercase;}
#navi ul.subs > li li {float: none;padding-left: 8px;-moz-transition: padding 150ms ease-out 0s;-ms-transition: padding 150ms ease-out 0s;-o-transition: padding 150ms ease-out 0s;-webkit-transition: padding 150ms ease-out 0s;transition: padding 150ms ease-out 0s;}
#navi ul.subs > li li:hover {padding-left: 15px;}
.cerrar {display: none;}
#flot{margin-top: -15rem;}
@media all and (max-width : 750px) {
#navi > li {float: none;border-bottom: 0;margin-bottom: 0;}
#navi ul.subs {position: relative;top: 0;}
#navi li:hover ul.subs {display: none;}
#navi li #s1:target + ul.subs,#navi li #s2:target + ul.subs,#navi li #s3:target + ul.subs,#navi li #s4:target + ul.subs {display: block;}
#navi ul.subs > li {display: block;width: auto;}
.cerrar {display: block;background-color: #e4fdfd;text-align: right;}
#flot{display: none;}	
}
/* ******  CSS Document para simulador de colores adaptable  ****** */
#imgbase{max-width: 520px;padding-bottom: 350px;margin-left: auto;margin-right: auto;clear: both;}
#imgbase1{background-color:#000;}
/*#img-poin {cursor: pointer;}*/
@media all and (max-width : 750px) {#imgbase{padding-bottom: 300px;}}
@media all and (max-width : 640px) {#imgbase{padding-bottom: 350px;}}
@media all and (max-width : 480px) {#imgbase{padding-bottom: 290px;}}
@media all and (max-width : 360px) {#imgbase{padding-bottom: 220px;}}
@media all and (max-width : 320px) {#imgbase{padding-bottom: 195px;}}	
#canblanco,#cancerezo,#canceniza,#canwengue,#base,#blanco,#tortola,#crudo,#pink,#sky,#lila,
#gris,#plata,#naranja,#ferrari,#fuxia,#rojo,#granate,#morado,#azul,#marino,#piedra,#hielo,
#amahuevo,#beig,#camello,#cuero,#chocolate,#negro,#vison,#H3403,#H3404,#H3406,#F478,#f310,#F365,#f186
{width: 100%;max-width: 520px;position:absolute;visibility: hidden;}

#canblanco {visibility: visible;z-index:50;}
#cancerezo {z-index:51;}
#canceniza {z-index:53;}
#canwengue {z-index:52;}

#base {visibility: visible;z-index: 10;}

#centrado  {text-align: center; cursor:pointer; background-color:#000;}

#blanco {visibility: visible;z-index: 11;}
#tortola {z-index: 12;}
#crudo {z-index: 13;}
#pink {z-index: 14;}
#sky {z-index: 15;}
#lila {z-index: 16;}
#gris {z-index: 17;}
#plata {z-index: 18;}
#naranja {z-index: 19;}
#ferrari {z-index: 20;}
#fuxia {z-index: 21;}
#rojo {z-index: 22;}
#granate {z-index: 23;}
#morado {z-index: 24;}
#azul {z-index: 25;}
#marino {z-index: 26;}
#piedra {z-index: 27;}
#hielo {z-index: 28;}
#amahuevo {z-index: 29;}
#beig {z-index: 30;}
#camello {z-index: 31;}
#cuero {z-index: 32;}
#chocolate {z-index: 33;}
#negro {z-index: 34;}
#vison {z-index: 35;}
#H3403 {z-index: 36;}
#H3404 {z-index: 37;}
#H3406 {z-index: 38;}
#F478 {z-index: 39;}
#f310 {z-index: 40;}
#F365 {z-index: 41;}
#f186 {z-index: 42;}


 /* Barra Horizontal de Corrimiento */ 
.barra-panel {overflow:auto; position:relative; left:5px; top:80%; width:98.5%; right:20; height:160px; z-index:1; margin-top: 10px;} 
.borde-Panel {border: 1px solid RGB(0,0,0); background: RGB(0,0,0); } 
.punta-Izq {border-top-left-radius: 5px;} 
.punta-Der {border-top-right-radius: 5px;} 
.barra-Scroll {width: 3100px; cursor:pointer;} 
.contiene-Item {border: 1px solid RGB(0,0,0); width: 96px; height: 117px; float: left; margin-top: 15px;}
 /* Barra Horizontal de Corrimiento */ 



/* **** http://mueblesqueidea.com/highslide1/highslideresponsive.css **** */
.highslide-gallery {text-align: center;vertical-align: baseline;}
.highslide1-gallery1 {text-align: center;background: #b2b1b1;padding: 0px 7px 0px 3px;clear: both;}
.highslide {outline: none;text-decoration: none;}
.highslide img {border: 2px solid silver;}
.highslide:hover img {border-color: gray;}
.highslide1 img {border: 2px solid white;}
.highslide1:hover img {border-color: gray;}
.highslide-caption {display: none;font-size: 1em;padding: 5px;background: white;text-align: center;}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.gif) right -90px no-repeat;}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
	list-style: none;}
.highslide-controls a {
	background-image: url(graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;}
.highslide-controls a.disabled {
	cursor: default;}
.highslide-controls a.disabled span {
	cursor: default;}
.highslide-controls a span {
	/* ocultar el texto para estos botones gráficos*/ 
	display: none;
	cursor: pointer;}
	/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}
@media (max-width: 550px) {
    /*.nada {
	display:block;
	font-size: small;
	min-width: 320px;
	}*/
.highslide-controls {
	position: absolute;
	display: none;
	width: 265px;
	margin: 98px 0px 10px -140px;
}

.highslide-caption {
	display:none;
	font-size: small
	}
.highslide-controls li {
	float: left;
	padding: 5px 19px 0 0;
	margin:0;
	list-style: none;
}
.highslide-controls .highslide-move a {
	display:none;
}
.highslide-controls .highslide-move a:hover {
	display:none;
}
.highslide-controls .highslide-full-expand a {
	display:none;
}
.highslide-controls .highslide-full-expand a:hover {
	display:none;
}
.highslide-controls .highslide-full-expand a.disabled {
	display:none !important;
}
}
@media (max-width: 750px) {
	.nada {
	display:block;
	font-size: small;
	}
	/*.highslide-controls {
	display:none;
    }*/
}

/* CSS Document */
/*Rolower de bajada  11/20/2017*/
/*
    Author: Rolando Caldas Sanchez
    Blog: http://rolandocaldas.com/
    Google+: https://plus.google.com/+RolandoCaldasSanchez
    Linkedin: http://www.linkedin.com/in/rolandocaldas
    Twitter: https://twitter.com/rolando_caldas
    This file is part of an article:
    http://rolandocaldas.com/html5/carga-asincrona-de-javascript 
*/

/*body {
    background: rgba(0, 0, 0, 0.1);
}
*/
#page {
    /*display: none;*/
}

.loading {
    background: rgba(0, 43, 255, 0.3);
    bottom: 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    height: 200px;
    left: 0;
    margin: auto;
    overflow: hidden;    
    padding: 25px;
    position: fixed;
    right: 0;
    top: 0;
    width: 250px;
}

.loading .big-circle {
    -moz-animation: circleEffectOut 1s infinite linear;
    -o-animation: circleEffectOut 1s infinite linear;
    -webkit-animation: circleEffectOut 1s infinite linear;
    animation: circleEffectOut 1s infinite linear;

    background: rgba(0,0,0,0);
    border-bottom: 10px solid rgba(86, 16, 36, 0.7);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 100%;
    border-right: 5px solid rgba(0,0,0,0);
    border-top: 10px solid rgba(86, 16, 36, 0.7);
    box-shadow: 0 0 35px rgb(16, 86, 66);
    box-sizing: border-box;
    height: 150px;
    margin: 0 auto;
    opacity: 0.9;
    width: 150px;
}

.loading .content {
    padding: 0 10px;
    position: relative;
    text-align: left;
    top: -100px;
}

.loading .little-circle {
    -moz-animation: circleEffectIn 1s infinite linear;
    -o-animation: circleEffectIn 1s infinite linear;
    -webkit-animation: circleEffectIn 1s infinite linear;
    animation: circleEffectIn 1s infinite linear;
    
    background-color: rgba(0,0,0,0);
    
    border-bottom: 5px solid rgba(16, 86, 66, 0.7);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 100%;
    border-right: 5px solid rgba(0,0,0,0);
    border-top: 5px solid rgba(16, 86, 66, 0.7);
    box-shadow: 0 0 15px rgb(86, 16, 36);
    box-sizing: border-box;

    height: 100px;
    margin: 0 auto;
    opacity: 0.9;
    position: relative;
    top: -125px;
    width: 100px;
}

@-moz-keyframes circleEffectOut {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px rgb(16, 86, 66);
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-webkit-keyframes circleEffectOut {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px rgb(16, 86, 66);
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    }
}

@-moz-keyframes circleEffectIn {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}

@-webkit-keyframes circleEffectIn {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}