<!--

#store{
    background-color: rgba(255,255,255,.85);
    min-height: 950px;
}

#container-page{
    background-image: url(../images/fondogris.jpg);
    background-size: cover;
}

#bggoo{
    margin-right: 0px;
	width: 155px;
	height: 20px;
	background-color: rgba(52,134,212,1);
    color: #fff
}

#formgoo {
	width: 100px;
	border: 0px;
	background-color: rgba(52,134,212,1);
	font-size: 15px;
	font-family: verdana;
	color: #fff;
	margin: -2px;
}

#btngo {
	border: 0px;
	background-color: rgba(52,134,212,1);
	font-size: 16px;
	font-family: verdana;
	color: #fff;
	margin: -2px 0px 0px 0px;
	float: right;
}

#btngo:hover {
	color: #000;
	background-color: rgba(52,134,212,1);
}

#slider {
position: relative;
overflow: hidden;
width: 900px;
height: 480px;
border:1px solid #000;
border-radius: 5px;
padding: 0;
margin: 5 auto;
}

#slider > div {
position:absolute;
top:0;
left:0;
}
#slider img {
width:100%;
min-height:300px;
margin:0;
padding:0;
border:0;
}

#slider p {
position: absolute;
bottom: -8px;
left: -1;
display: block;
width: 900px;
height: 32px;
margin:0;
padding: 3px 0;
color: #000;
background: #fff;
font-size: 22px;
line-height:22px;
text-align:center;
opacity: 0.7;
border:1px solid #000;
font-weight:bold;
}


/* Flechas de navegación */
a.mas, a.menos {
position: absolute;
top: 47%;
left: 10px;
z-index: 10;
width: 30px;
height: 40px;
text-align: center;
font-weight:bold;
line-height: 30px;
font-size: 45px;
color: #000;
background: #fff;
text-decoration: none;
opacity:.5;
border-radius: 50%;
border:1px solid #000;
}
a.mas {
left: 100%;
margin-left: -40px;
}

a.mas:hover {
opacity:.6;
color: #01DF74;
}

a.menos:hover {
opacity:.7;
color: #01DF74;
}

.facebook {
 background: rgba(52,134,212,1);
 border-radius: 6px;
 width:26px;
}

.facebook:hover {
 background: #fff;

}

.twitter {
 background: rgba(52,134,212,1);
 border-radius: 50%;
 width:26px;
}

.twitter:hover {
 background: #fff;

}

.gmail {
 background: rgba(52,134,212,1);
 border-radius: 15%;
 width:27px;
 
}

.gmail:hover {
 background: #fff;

}

.menu {
 background: rgba(52,134,212,1);
 border-radius: 10%;
 width:25px;
 
}

.menu:hover {
 background: #fff;

}

/* Círculos de colores numerados */
#circleBlack {
    top: 2%;
    position: absolute;
    width: 10px;
     height: 10px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #fff;
     border:1px solid #000;
     opacity:.4;
}

#circleWhite {
    top: 2%;
    position: absolute;
    width: 10px;
     height: 10px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #01DF74;
     border:1px solid #000;
     opacity:.6;
}

#circleRelleno {
  top: 1%;
  font-weight:bold;
  position: absolute;
  background: #FF0000;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff;
  display: inline-block;
  line-height: 1.6em;
  text-align: center;
  width: 1.6em; 
  opacity:.7;
  border-radius: 50%;
}


.slider20 {
position: relative;
overflow: hidden;
width: 60px;
height: 50;
border:0px solid #333;
border-radius: 4px;
margin: 0 auto;
padding: 0;
}

.slider20 > div {
position:absolute;
top:0;
left:0;
}
.slider20 img {
width:100%;
min-height:00px;
margin:0;
padding:0;
border:0;
}

.slider20 p {
position: absolute;
bottom: 28px;
left: 0;
display: block;
width: 900px;
height: 32px;
margin:0;
padding: 5px 0;
color: #fff;
background: #000;
font-size: 22px;
line-height:22px;
text-align:center;
opacity: .7;
}

.box1 { 
	position:relative;
	z-index: 1;
	 }

.box2 { 
	position:relative;
	z-index: 0;
	 }

.sub2 {
	left:126;
}

.barra {
	background-color: rgba(52,134,212,1);
    opacity: 0.9;
	padding: 0px 10px 2px 10px;
	-moz-box-shadow: 0px 0px 0px #000;
	-webkit-box-shadow: 0px 0px 0px #000;
        -moz-border-radius: 0px;
	-webkit-border-radius: 2px;
        border: 0px solid #fff;
        z-index: 1;
}

.barra ul {
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
	font-family: sans-serif;
	font-size: 100%;
}

.barra > ul > li {
	float:left;
}

.barra ul li a {
	text-decoration:none;
	color:#fff;
	display:block;
	padding:6px 16px;

}

.barra ul li a:hover {
	color: #000;
	background-color: #fff;
        -moz-border-radius: 0px;
	-webkit-border-radius: 5px;
        border: 0px solid #fff;
}

.barra > ul > li:hover div {
	display:table;
}


/*Submenu*/
 li div {
	width:170px;
	position: absolute;
	left:10;
	background:rgba(52,134,212,1);
	box-sizing:border-box;
	display:none;
	-webkit-border-radius:5px;
}

nav ul li div ul{
	width:33%;
	display:table-cell;
	border-right:0px solid rgba(255,255,255,.5);
	box-sizing:border-box;
	border: 0px solid #fff;
}

.head {
	width:100%;
	margin:auto; 
	position: fixed;
	z-index: 100;
	opacity: .9;
}

.contenido {
  padding-top: 80px;
}

.wrapper {
  width: 90%;
  margin: auto;
  overflow:hidden;
}

.margen { margin-left: -10px; }

.relative { position:fixed;bottom:10px; margin-left: 10px; }

.autoajustable{table-layout:auto;}

.barraPad {bottom:0px;}

.img{position:relative; padding-top: 0px; border-color: #fff;}

.imgSlide{position:relative; padding-top:1px}

.imgHost{position:fixed; right: 30px; bottom:5px}

.transparent {opacity: .7;}

->