html, body{
margin: 0;
height: 100%;
width: 100%;
overflow: hidden; /* Avoid horizontal scrolling */
padding: 0;
-webkit-overflow-scrolling: touch;
}
#full{
width:100%;
height: 100%;
margin: 0;
padding: 0;
background-color: rgb(192,189,189);
/*background-image:url("../../background/background.jpg");*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: hidden;
}
/* utiles */
.none{
text-decoration:none;
color:white;
}
/* header */
#header{
background-image: url("../images/barra.png");
background-repeat: repeat;
color:white;
height: 24px;/* 30px */
z-index: 2;
}
/* nav */
#nav{
/*border:2px solid orange;*/
}
#iconoHome,#lupaSearch{
margin:0;
margin-right:5px;
}
#enlaceLupa{
z-index: 1003;
}
#divText{
width:100px;
min-width:30px;
position:relative;
}
#buscador-text{
height:20px;
/*margin:1px;*/
border-radius:5px;
display:none;
position:absolute;
}
div#menuContainer{
position:absolute;
overflow-x: hidden;
width: 60%;
line-height: 20px;
top:2px;
left:37%;
}
div#ampliar{
position: absolute;
font-size:1.3em;
left: 48px;
top: 0px;
height: 22px;
text-decoration:none;
max-width: 95%;
max-height: 22px;
overflow: hidden;
color:white;
font-weight:bold;
cursor:pointer;
}
img#imgGoBack{
position: absolute;
left: 5px;
}
div#ampliar #tit{
width: 95%;
margin: 0px;
padding: 0px;
margin-left: 2px;
}
div#ampliar img{
}
div#goBackCont{
display:inline-block;
padding-left: 10px;
padding-right: 7px;
height: 22px;
cursor: pointer;
}
/* lista-dropdown */
ul#lista-down{
list-style-type: none;
display: block;
position: absolute;
/*background-image: url("../img/fondo_menu.png");*/
top:25px;
left: 38%;
/*left: 170px; */
width: 200px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
ul#lista-down li{
height: auto; /* auto */
font-size: 1.0em;
font-weight: bold;
cursor:pointer;
background-image: url("../images/menuitem-back.png");
background-repeat: repeat;
margin-bottom: 0;
margin-top: 0;
padding: 5px;
padding-left: 10px;/* 40px */
padding-right: 10px;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
border-radius:3px;
behavior: url(PIE.htc);
}
ul#lista-down li div a:hover{
color:rgb(192,189,189);
color:rgb(192,189,189)\9;
}
ul#lista-down li a{
padding-left: 23px;
display:inline-block;
}
ul#lista-down li span{
/*border:1px solid white;*/
position: absolute;
width: 18px;
display:inline-block;
background-image: url("../images/elemento.png");
background-repeat: no-repeat;
background-position: right;
}
/* lista-img */
ul.lista-img{
display:block;
list-style-type: none;
/*border:2px solid green;*/
width: 40%;
height: 100%;
margin: 0 auto;
overflow-y : auto;
}
/* ENLACES MENU */
.opcionGallery{
color:white;
font-size:1em
}
.opcionGallery:hover{
color:rgb(192,189,189);
color:rgb(192,189,189)\9;
}
/* CONTENEDOR */
div.contenedor{
height: 100px;
width: 25%;
min-width: 50px;
min-height: 30px;
max-width: 350px;
max-height: 250px;
border-radius: 5px;
background-color: white;
background-color: none\9;
padding:1px;
padding: 0\9;
float:left;
margin: 0 1% 2% 1%;
overflow: hidden;
background: url('../images/listimg-back.png') repeat;
/*position: relative;
behavior: url(PIE.htc);*/
}
/* imagen a mostrar */
img.item{
height: 100%;
width: auto;
border:1px solid white\9;
border-radius: 5px;
/*border-radius:0px\9;*/
position: relative\9;
/*top:1px\9;
left:1px\9;*/
behavior: url(PIE.htc);
}
section#images{
/*margin: 50px auto; */
margin : auto;
padding-top : 3%;
text-align: center;
width: 100%;
height: 100%;
/*padding-top: 20px;
padding-top: 10px\9;*/
/*border:1px solid red;*/
z-index: 1;
}
img.item:hover{
-moz-transform:scale(1.02,1.02);
-webkit-transform:scale(1.02,1.02);
-o-transform:scale(1.02,1.02);
scale(1.02,1.02);
opacity: 1.0;
}
/* loading */
.overbox{
display: none;
position: absolute;
top: 40%;
left: 48%;
width: 50px;
height: 50px;
z-index: 1002;
overflow: auto;
}
#cargando img{
width:31px;
height: 31px;
min-width:20px;
min-height:20px;
}
.fadebox {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.5;
opacity:.5;
filter: alpha(opacity=50);
}
p.mensaje{
text-shadow: 6px 5px 3px hsla(0,0%,0%,1);
behavior: url(PIE.htc);
}
.mensaje{
margin: 10% auto;
/*width: 60%;*/
font-size: 2em;
font-weight: bold;
text-shadow: 3px 3px 3px #000;
color:white;
}
/* PAGINACION */
/* se controla la vista del menu de paginacion */
ul.simplePagerNav li{
display:block;
float: left;
padding: 2px 4px 2px 4px;
margin: 0px 7px 0px 7px;
/*margin-bottom: 10px;*/
font-family: georgia;
background-color: rgba(192,186,186,.7);
background-color: rgb(192,186,186)\9;
border-radius:12px;
font-size: 10px;
box-shadow: 6px 6px 6px hsla(0,0%,0%,.3);
position: relative;
behavior: url(PIE.htc);
}
/*ul.simplePagerNav{
clear:both;
width: auto;
margin: 0 auto;
float:right;
min-width: 5%;
position: relative;
right: 30px;
}*/
ul.simplePagerNav li a{
color: #fff;
text-decoration: none;
padding: 3px;
border-radius:12px;
/*text-shadow: 6px 5px 3px hsla(0,0%,0%,1);*/
behavior:url(PIE.htc);
}
ul.simplePagerNav li a:hover{
color: #000;
}
/* page tabs slider css by roXon modified by Marcelo Muriel */
#sl{
position:relative;
margin:0 auto;
height:30px;
}
#sl #slider{
position:relative;
margin:0 auto;
height:30px;
overflow:hidden;
}
#sl #slider #slCont{
position:absolute;
height:30px;
left:0px;
top:0px;
}
.btn{
position:absolute;
top:-2px;
font-size:16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
background-image: url("../images/menuitem-back.png");
background-repeat: repeat;
width:25px;
height:25px;
line-height:22px;
text-align:center;
font-weight:bold;
/*border:1px solid #aaa;*/
color:#ddd;
cursor:pointer;
}
#forward{
right:-30px;
}
#back{
left:-30px;
}