/* 10/02/22 Quito border-radius*/
navhtml,
body {
/*height: 100%;
width:100%;*/
font-family:"firasans","Helvetica", "Arial" ; /* !important; */
color: #2b2b2b;
font-size: 0.9em !important; /*180730*/
/*180730 font-size: 0.85em !important;*/
margin:0.5%;
}
.formato
{
background-color:green;
font-size:25px;
/* mso-style-parent:style0;
mso-number-format:"\@";*/
}
label {
cursor: default;
color: #2e772e; /*#08A057;*/
font-weight:700;
font-size:105%;
/* line-height:1.2em;*/
}
.labelUds{
cursor: default;
color: #2e772e;/* #08A057;*/
font-size:1.3em;
font-weight:700;
}
.labelPrecio{
background-color:green;
color:white;
padding:7px 3px;
font-size:1.3em;
/*width:85px;*/
height:30px;
/*text-align:center;*/
font-weight:700;
}
.labelImpC{
background-color:red;
color:white;
padding:7px 7px !important;
font-size:1.3em;
width:100%;
height:30px;
text-align:center;
font-weight:700;
}
.labelImp{
color:red;
padding:7px 7px !important;
font-size:1.3em;
width:100%;
height:30px;
text-align:center;
font-weight:700;
}
::placeholder {
font-size: 0.65em !important;
margin:0 auto;
}
/* ASR.CSS*/
body {
/*background: url(IMGP1606.jpg);*/
/* font: Tahoma, Geneva, Arial, Helvetica, sans-serif;
margin: 10 0 10 0px; */
/*180205 mjl - 180730 pongo */
/*text-align: center; 16/11/15 lo quito para View Articulos
background-color: #ebebeb;*/
/*background: #a6e1ec url(IMGP1606.jpg);*/
}
div.contenedor{
text-align: left;
/*width: 700px;*/
margin: auto;
position:relative;
color:#000000;
border:0.1px solid #000;
}
div.float {
width:50%;
float: left;
list-style-type:none;
margin: 0em 0em 0em 0em;
padding:0 0 0 0;
text-align:center;
position:relative;
border:2px solid red;
}
div.float input,textarea,optgroup, select, button{
/*margin:0em 20em 0em 7em;*/
}
#buscar{
padding: 5px;
font-size: 13px;
}
#buscar::placeholder {
font-size: 13px;
color: #CCC;
font-weight:normal;
}
input{
/*,textarea,optgroup, select, button{
margin:0em 20em 0em 7em;*/
}
input::placeholder {
color: #CCC;
font-size: 1em;
/*font-style: italic;*/
font-weight:normal;
}
div.float p {
float:left;
color:#336633;
text-align:left;
width:100%;
position:bottom; /*relative;*/
top:0;
}
.img_r{
position:relative;
width:30%;
float:right;
border:1px solid #DDD;
margin: 0 0em 0em 0em;
}
#CoImg{
border:0;
/*border-radius:'inherit';*/
//visibility:hidden;
/*height:500px;
width:500px,*/
/* max-width: 100%;
height: auto;*/
}
#CO {
z-index:2;
position:absolute;
border: 2px solid #336633;
text-align:center;
background: #FFF; /*#CCC;*/
/*border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px*/
box-shadow: 12px 12px 20px;
top:10%;
}
#cerrar {
float:right;
margin-right:2px;
cursor:pointer;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#CCC;
width:12px;
position:relative;
margin-top:-1px;
text-align:center;
}
@-moz-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
/* IE */
@-ms-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
/* Opera and prob css3 final iteration */
@keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
.caja {
/* position:relative;
display:inline-block;*/
}
.txtimg{
position: relative;
/*top: 125px;*/
left:8px;
font-family:'brush script mt';
font-size:18px;
color:#ff002f;
z-index:100;
/*border-radius: 4px;*/
animation-name: blinkR ;
animation-duration: .5s ;
animation-timing-function: step-end ;
animation-iteration-count: infinite ;
animation-direction: alternate ;
}
.wrapper{
color: #08A057;
font-size:20px; font-weight:900;
z-index:0;
display:flex;
flex-shrink:0.6;
flex-wrap:nowrap;
}
.rotate {
position:absolute;
left:20%;
top:6%;
transform: rotate(-45deg);
/* Legacy vendor prefixes that you probably don't need... */
/* Safari +*/
-webkit-transform: rotate(303eg);
/* Firefox */
-moz-transform: rotate(303deg);
/* IE */
-ms-transform: rotate(303deg);
/* Opera */
-o-transform: rotate(303deg);
/* InternetExplorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-moz-animation: blink normal 10s infinite ease-in-out; /* Firefox */
-webkit-animation: blink normal 10s infinite ease-in-out; /* Webkit */
-ms-animation: blink normal 10s infinite ease-in-out; /* IE */
animation: blink normal 15s infinite ease-in-out;
}
.parpadea{
-moz-animation: blink normal 13s infinite ease-in-out; /* Firefox */
-webkit-animation: blink normal 13s infinite ease-in-out; /* Webkit */
-ms-animation: blink normal 13s infinite ease-in-out; /* IE */
animation: blink normal 5s infinite ease-in-out;
}
@keyframes blinkR {
50% { border-color: #ff0000; }
}
.kk3{
border: 3px solid #ffffff;
/*border-radius: 4px;*/
animation-name: blinkR ;
animation-duration: .5s ;
animation-timing-function: step-end ;
animation-iteration-count: infinite ;
animation-direction: alternate ;
}
.boton-op{
color:yelllow;
padding: 1px 5px;
background-color: #08A057;
margin-left:1em;
}
.btnC{
/*padding: 0px 1.5px;*/
background-color: transparent !important;
font-weight: bold;
margin:0.2em 0.2em;
color:#08A057;
font-size:1em;
border:0px;
color: #08A057;
}
.btn {
padding: 5px 5px;
background-color:transparent !important;/* #08A057;*/
color:#08A057;
border:1px solid #08A057;
font-weight: bold;
font-size:11px;
margin:0.5em 0.5em;
/*border-radius: 50px;
font-size:1.2em*/
}
.btn-lg{
font-size: 13px;
}
.btn-primary{
padding: 5px 5px;
background-color:transparent !important;
}
.btn:hover {
/*background-color:#218722 !important;*/
/*text-decoration:none;*/
color:#F00;
/*box-shadow:#1e6040 2px 2px 10px;*/
font-weight: 1200;
/*box-shadow:rgb(221, 221, 221) 2px 2px 10px;*/
}
.barcode {
padding: 0;
margin: 0;
vertical-align: bottom;
color: #FF0000;
font-size:5px;
}
.barcodecell {
/* text-align: center;
font-size:5px;*/
vertical-align: bottom;
padding: 0;
}
.titServ{
margin:10px 20px;
color:#FFF;
font-size:25px;
font-weight:900;
}
.imgCatPDF {
width:100px;
height:125px;
}
#thumbs {
/*position:relative; width: 1000px; height: 90px; padding:25px;*/
position:relative; height: 90px; padding:25px;
}
.thumb {
/*float:left;*/
width: 10em;
height:7em;
padding:10px 10px;
margin:10px 10px;
border:1px solid #eee;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.thumbM {
float:left;
padding:10px;
/* height: 7em; */
border: 1px solid #eee;
padding:10px 10px;
width: 10.5em;
height: 6em;
margin:10px 10px;
}
.thumb img { border: 1px solid grey; }
.img-ini{
width:350px;
height:155px;
float: right;
text-align:left;
margin:30px 10px 30px ;
}
.img-iniC{
width:200px;
height:150px;
float: right;
text-align:left;
margin:10px 10px;
}
.img-ini:hover{
width:375px;
height:175px;
margin-top:8px;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.2);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.work-item{
margin:15px 15px;
padding: 25px 15px 25px 20px;
border: 1px solid #CCC;
vertical-align:center;
height:18em;
}
.work-item:hover{
border: 1px solid green;
}
.imgM{
width:20%;
/* height:10%;
margin: 180px 0 0 -215px;
position:absolute;*/
top:65%;
text-align:center;
/*left:10%;*/
/*border:1px solid blue;*/
z-index:3;
}
.imgM_A{
width:15%;
position:absolute;
/*left:10%;*/
top:40%;
text-align:center;
z-index:3;
/* top:50%;*/
}
.imgCat{
border:0px solid blue;
height:40%;
}
.cardP{
/*display: flex;
flex-wrap: wrap;
justify-content: center;*/
}
.card{
border:1px solid #eee;
/*240605 border:3px solid red;*/
display: flex;
flex-wrap: wrap;
/*align-items: center;*/
justify-content: center;
width:23em;
height:33em;
margin-bottom:45px;
background-color:white;
}
.card:hover {
background-color:#fafafa !important;
}
/*@media screen and (min-width: 992px) {*/
/*Movil en vertical
@media screen and (max-width: 576px) {*/
@media screen and (max-width: 567px) {
navhtml,
body {
/*height: 100%;
width:100%;*/
font-family:"firasans","Helvetica", "Arial" ; /* !important; */
color: #2b2b2b;
font-size: 0.7em !important; /*180730*/
/*180730 font-size: 0.85em !important;*/
margin:0.5%;
}
.imgM_A{
top:35%;
}
.mro {
font-size: 0.7em !important; /*180730*/
}
.img-logo {
/*width:100%;
max-height:22px;*/
max-height:50px;
opacity: 1; /* Imagen Logo cabecera estaba a 0.7 */
margin-left: 0px;
/*margin-top: 10px;*/
}
}
@media screen and (max-width: 767px) {
/*.imgCat {
width:60%;
height:45%;
}*/
.card{
/*height:35em;
width:30em;*/
}
.menuFamilia{
display:block;
}
.imgM{
width:10%;
/*height:10%;*/
top:70%;
left:3%;
position:absolute;
z-index:3;
}
.titCabecera{
font-size:0.95em;
font-weight:bold;
}
.img-logo{
/*height:5.5em;
width:100%;*/
max-height:60px;
opacity: 1; /* Imagen Logo cabecera estaba a 0.7 */
/*margin-left: 30px;*/
margin-top:10px;
}
.img-semana{
/*height:5.5em;*/
width:125px; /*100px;*/
height:75px;
opacity: 1; /* Imagen Logo cabecera estaba a 0.7 */
/*margin-left: 30px;*/
margin-top:0px;
float:right;
}
.thumb {
/* float:left;
padding:10px;*/
width: 7em;
height: 4.5em;
/*width: 115px;
height: 75px; */
}
}
/*Tablet*/
@media screen and (min-width:768px) and (max-width: 991px) {
/*.imgCat {
width:60%;
height:45%
}*/
.cabecera {
font-size: 0.7em !important; /*180730*/
}
.my-navbar {
font-size: 0.8em !important; /*180730*/
}
.titServ{
font-size:10px;
font-weight:300;
}
}
@media screen and (min-width:768px) and (max-width: 991px) {
.card{
height:30em;
width:20em;
border:1px solid #eee;
}
.cardP{
height:5em;
width:2em;
}
.menuFamilia{
display:none;
}
.imgM {
width:18%;
/*height:10%;*/
/*margin: 180px 0 0 -215px;*/
/*top:25px;
left:195px;*/
position:absolute;
z-index:3;
}
.titCabecera{
font-size:1em;
font-weight:bold;
}
.img-logo{
/*height:5.5em;*/
/*width:100%; 100px;*/
max-height:60px;
opacity: 1; /* Imagen Logo cabecera estaba a 0.7 */
/*margin-left: 30px;*/
margin-top:10px;
}
.img-semana{
/*height:5.5em;*/
width:125px; /*100px;*/
height:75px;
opacity: 1; /* Imagen Logo cabecera estaba a 0.7 */
/*margin-left: 30px;*/
margin-top:0px;
}
.thumb {
/* float:left;
padding:10px;
width: 100%;
height: 7em; */
/*width: 115px;
height: 75px; */
}
}
@media screen and (min-width: 992px)and (max-width: 1199px) {
/*md*/
/*.imgCat {
width:60%;
height:45%
}*/
.card{
border:1px solid #eee;
/*height:28em;
width:23em;*/
}
.cardP{
height:8em;
width:3em;
}
.menuFamilia{
display:none;
}
.imgM {
width:20%;
/*height:10%;*/
/*margin: 180px 0 0 -215px;*/
/*top:10px;
left:200px;*/
position:absolute;
z-index:3;
}
.titCabecera{
font-size:1.10em;
font-weight:bold;
}
.img-logo{
/*height:5.5em;*/
/*width:100%; */
max-height:60px;
opacity: 1; /* Imagen Logo cabecera estaba a 0.7 */
/*margin-left: 30px;*/
margin-top:10px;
}
.img-semana{
/*height:5.5em;*/
width:125px; /*100px;*/
height:75px;
opacity: 1; /* Imagen Logo cabecera estaba a 0.7 */
/*margin-left: 30px;*/
margin-top:0px;
}
.titServ{
font-size:18px;
font-weight:700;
}
}
@media screen and (min-width: 1200px)and (max-width: 1550px) {
/*lg*/
/*.imgCat {
width:40%;
height:40%;
}*/
.card{
height:33em;
width:23em;
}
.cardP{
height:8em;
width:3em;
}
.menuFamilia{
display:none;
}
.imgM {
width:15%;
/*height:10%;*/
/*margin: 180px 0 0 -215px;*/
/*top:10px;
left:200px;*/
position:absolute;
z-index:3;
}
.titCabecera{
font-size:1.0em;
font-weight:bold;
}
.img-logo{
/*height:5.5em;*/
/*width:100%; */
max-height:60px;
opacity: 1; /* Imagen Logo cabecera estaba a 0.7 */
/*margin-left: 30px;*/
margin-top:10px;
}
.img-semana{
/*height:5.5em;*/
width:125px; /*100px;*/
height:75px;
opacity: 1; /* Imagen Logo cabecera estaba a 0.7 */
/*margin-left: 30px;*/
margin-top:0px;
}
.titServ{
font-size:20px;
font-weight:900;
}
}
@media screen and (min-width: 1551px)and (max-width: 2560px) {
.card{
/*height:35em;
width:25em;*/
}
.cardP{
height:5em;
width:2em;
}
/*.imgCat {
width:60%;
height:45%;
}*/
.imgM{
width:25%;
/*height:10%;*/
/*top:105px;
left:200px;*/
position:absolute;
z-index:2;
}
.titCabecera{
font-size:1.35em;
font-weight:bold;
}
.img-logo{
/*height:5.5em;*/
/* width:100%;100px;*/
background-color: transparent !important;
max-height:75px;
opacity: 1; /* Imagen Logo cabecera estaba a 0.7 */
/*margin-left: 30px;*/
/*margin-top:10px;
margin-bottom:10px;*/
}
.img-semana{
/*height:5.5em;*/
width:125px; /*100px;*/
height:75px;
opacity: 1; /* Imagen Logo cabecera estaba a 0.7 */
/*margin-left: 30px;*/
margin-top:-0px;
}
}
/*@media screen and (min-width: 1920px) {
.imgCat {
width:100%;
}
.card{
height:35em;
}
.imgM{
width:25%;
height:10%;
margin: 250px -350px;
position:absolute;
z-index:3;
}
}*/
/*
@media screen and (min-width: 2560px) {
.imgCat {
width:65%;
}
.card{
height:35em;
width:30em;
}
.cardP{
height:8em;
width:3em;
}
.imgM{
width:25%;
position:absolute;
z-index:3;
}
.img-logo{
width:100%;
background-color: transparent !important;
max-height:75px;
opacity: 1;
margin-top:-12px;
}
.img-semana{
height:75px;
opacity: 1;
margin-top:-0px;
}
}*/
h1{
font-size:350%;
font-weight:1500;
padding: 20px 0px 10px 0px;
}
h2{
font-size:300%;
font-weight:1300;
padding: 15px 0px;
}
h3{
font-size:250%;
font-weight:700;
padding: 15px 0px 15px 0px;
}
h4{
font-size:200%;
font-weight:500;
padding: 8px 0px 0px 0px;
}
/*h5{
font-size:110%;
font-weight:700;
/*padding: 8px 0px 25px 0px; */
}*/
table, th, td{
border:1.5px solid;
vertical-align:middle;
padding: 5px 5px;
}
th{
font-weight:bold;
}
b{
font-weight:900;
}
p{
text-align:justify;
}
title{
cursor: default;
color: yellow; /*#08A057;*/
font-size:105%;
font-weight:200;
/*line-height:1.2em;*/
}
#logoMarca{
height:100px;
padding: 10px 0 0 0;
}
#truncateMe {
height:150px;
white-space:wrap;
overflow:hidden;
text-align:justify;
text-overflow: ellipsis;
line-height:1.5em;
}
#dvBottom
{
position:absolute;
bottom:0px;
right:25px;
}
#barra_info{
/*height:15.3em; */
height:1.7em;
padding: 0px 1px;
/*margin-bottom: 10px;
padding-right: 20px;*/
background-color:#FF002F ; /*#d23844;*/
margin-top:-1.5px;
font-size: 1.1em;
font-weight:600;
color:#fff;
/* text-align: center;*/
}
#barra_flash{
/*height:15.3em; */
/*height:9.5em;
margin-top:-15px;*/
/*padding-top: 3px;
margin-bottom: 10px;
padding-right: 20px;
background-color:#08A057;*/
/* Degradado para Navegadores*/
/*background: -webkit-linear-gradient(BOTTOM, #2e772e, #58e858);
background: -moz-linear-gradient(BOTTOM,#2e772e, #58e858);
background: -o-linear-gradient(#2E772E, #58e858);*/
background: url('fondo-body.jpg');
opacity: 0.3;
width:20%;
}
.derecha{
position:absolute;
right:25px;
}
/* Prueba Alertas Modal*/
.modalV {
position: fixed;
font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif;
top: 40px;
right: 0;
bottom: 0;
/*left:-150px;*/
overflow: auto;
border:0.5px solid #CCC;
padding: 5px 10px 13px 10px;
/*background: rgba(C,C,C,0.8);*/
z-index: 1;
display:none;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 1000ms ease-in;
/*border-radius: 6.5px;*/
}
}
.vertical-alignment-helper {
display:table;
height: 100%;
width: 100%;
}
.vertical-align-center {
/* To center vertically */
display: table-cell;
vertical-align: middle;
}
.modal-content {
/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
width:85%;
height:95%;
/*height:inherit;*/
/*width:75%;
height:80%;*/
/* To center horizontally */
margin: 20 auto 0 auto;
}
/* Prueba Alertas Modal*/
.alertas{
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 5px;
display:none;
font-size:100%;
font-weight:200;
color: #a94442;
background-color: #f2dede;
border: 1px solid transparent;
/*border-radius: 3px;*/
/* background-color:rgba(200, 68, 66, .595);
border-color: #ebccd1;
color:#2e772e;
border:1px solid;*/
}
.leyendas, .pedido-minimo{
/*padding-top: 20px;
border-top: 1px solid red;
background-color: #f5f5f5;*/
margin: 1em 1em 1em 1em;
text-align:center;
color:#2e772e;
font-weight:400;
/*font-size:150%;
margin-top:1em; */
}
.carrito {
/*padding-left:24px;
background-image:url('http:/sanrafael/contenidos/fotos_articulos/app/carrito.png');*/
border:0px solid #cccccc;
background-color:transparent;
height:35px;
width:35px;
left:25px;
/* margin-top:-5px;*/
/*position:relative;*/
}
.tit-textos{
background-color:#08A057;
color:#ffffff;
font-size:150%;
font-weight:900;
padding: 0px 10px;
}
.resalta-textos{
color:#1B5633;
font-size:250%;
font-weight:600;
margin-top:3em;
margin-bottom:3em;
width:65%;
margin:3em auto;
text-align:center;
}
.abs-center {
/*margin-left:calc(100% - 75%);*/
/* display: flex;
align-items: center;
justify-content: center;*/
margin:0 auto;
}
.textosE{
background: url('fondo-textos.jpg');
margin-top:1em;
margin-bottom:1em;
/* border:1px solid;
border-radius: 10px; */
padding:1.5em 1.5em;
box-shadow:rgb(221, 221, 221) 8px 8px 8px;
}
.textosI{
background-color:#FFF;
font-size:115%;
font-weight:100;
margin-top:1.5em;
margin-bottom:1em;
text-align:justify;
/*border-radius: 10px;
border:2px solid #2e772e;*/
padding:1em 1em;
box-shadow:rgb(221, 221, 221) 8px 8px 8px;
}
.textosN{
background-color:#FFF;
font-size:100%;
font-weight:100;
margin-top:0em;
margin-bottom:1em;
text-align:justify;
/*border-radius: 10px; */
border:0.5px solid #2e772e;
padding:1em 1em;
box-shadow:rgb(221, 221, 221) 8px 8px 8px;
}
.mro{
height:50px;
color:#ffffff;
font-size:100%;
font-weight:700;
margin-top:-1px;
padding-top:17px;
padding-bottom:10px;
}
.cabecera {
/*background: url('fondo-menu.jpg');
background-size:auto;*/
/*color: #217822;*/
/* color: #08A057;*/
/* background-color: #f5f5f5;
border-bottom:3px inset #cce0d2;*/
/*font-weight:900;*/
/* margin-top:1em;
margin-bottom:1em;*/
/*padding: 2px 1px 2px 1px; 171005*/
font-size:100%;
margin-top:-15px;
margin-left:-15px;
margin-right:-15px;
vertical-align:middle;
}
#menuIni{
/*height:115px;*/
/*background: url('fondo-menu.jpg');
background-size:cover;*/
width:102%;
background-color:#f5f5f5;
}
.texto-cabecera {
background-color: transparent;
color: #217822;
/*color: #08A057;
color:#fff;*/
font-size:105%;
font-weight:900;
/* margin-top:1em;
margin-bottom:1em;*/
/*padding: 2px 1px 2px 1px; 171005*/
}
.car-texto-cabecera{
/*color:#fff;*/
color: #08A057;
font-size:105%;
font-weight:900;
}
.enlacesInicio {
/*background-color: transparent;*/
color: #1B5633;
font-size:1.25rem;
font-weight:900;
margin-top:1.5em;
margin-bottom:1.5em;
line-height: 28px;
}
.form-group {
/* margin-left: 15px; */
/* margin-bottom: 15px;*/
}
.mi-carousel2{
position:relative;
bottom:-1em;
/*right:10px;*/
}
/*16/02/2023*/
.game-section {
padding: 40px 10px;
}
.game-section .owl-stage {
margin: 15px 0;
width:25%;
display: flex;
column-gap:10px;
display: -webkit-flex;
}
.game-section .mi-item .owl-item{
/* margin: 0 15px 60px;*/
display: inline-flex;
flex-wrap: wrap;
width: 100px !important;
height: 350px;
/*height: 100%;*/
/*display: flex;*/
display: -webkit-flex;
align-items: flex-end;
-webkit-align-items: flex-end;
/* background: #343434 no-repeat center center / cover;*/
border-radius: 16px;
overflow: hidden;
position: relative;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
cursor: pointer;
column-gap:50px;
}
/*.game-section .owl-item{
width: 110px;
border: 0px;
}*/
.game-section .mi-item.active {
width: 100px;
box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25);
}
.game-section .mi-item:after {
content: "";
display: block;
position: absolute;
/*height: 100%;*/
/*width: 100%;*/
left: 0;
top: 0;
/*background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));*/
}
.game-section .mi-item-desc {
padding: 0 24px 12px;
color: #fff;
position: relative;
z-index: 1;
overflow: hidden;
transform: translateY(calc(25% - 54px));
-webkit-transform: translateY(calc(25% - 54px));
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.game-section .item.active .item-desc {
transform: none;
-webkit-transform: none;
}
.game-section .item-desc p {
opacity: 0;
-webkit-transform: translateY(32px);
transform: translateY(32px);
transition: all 0.4s ease-in-out 0.2s;
-webkit-transition: all 0.4s ease-in-out 0.2s;
}
.game-section .item.active .item-desc p {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.game-section .owl-theme.custom-carousel .owl-dots {
/* margin-top: -20px;*/
position: relative;
z-index: 5;
}
/*16/02/2023*/
.carousel-marcas{
/*display: flex;
width: 25%;
border: 1px solid black;
background: #ccc;
padding: 20px;
height: 600px;
width: 100%;
height: 100vh;
*/
margin:20px 20px;
height: 20vh;
max-width: 105%;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-content: left;
column-gap:25px;
align-items:flex-end;
/* overflow: hidden;*/
}
.carousel-marca img {
flex: 0 0 100%;
width: 25%;
object-fit: cover;
}
.carousel-marca .slider {
animation: slideshow 20s linear infinite;
}
@keyframes slideshow {
100% {
transform: translateX(-33.33%);
}
}
/*
.img-logo{
*/
/*height:5.5em;*/
/* width:175px;
max-height:50px:
margin-left: 30px
margin-top: 15px;
}*/
/*Añado 14/12/16 */
.breadcrumb {
margin-bottom: 10px;
font-size: 9px;
background-color:transparent;
}
.cab-navbar{
background: transparent;
/*background-size:cover;*/
min-height: 55px;
margin-bottom: 8px;
margin-left:-15px;
margin-right:-15px;
}
/*button.navbar-toggle{
color:red;
}*/
.navbar-default:{
background:transparent !important;
}
.my-navbar{
background-color: #1B5633;
background: transparent;
color:#FFF;
/*231122 background-size:cover;
z-index:97;*/
font-size:1.2em;/* 231122 */
padding-top:10px;
/*23115 background-color: transparent;
color:#1B5633;
font-size:105%;
border: 0px solid red;
padding-top: 0px;
margin-bottom: 3px;
margin-left:-15px;
margin-right:-15px; 231115*/
}
.my-navbar a {
/*background-color:transparent;
color: #1B5633;
background-color:#1b5633;
color: #FFFFFF !important; */
height: 25px;
display: list-item;
font-size:100%;
font-weight:900;
padding: 2px 1px 25px 25px; /*; 171005*/
}
.my-navbar a:hover {
background-color: #FFF !important; /*1B5633 !important;*/
color:#1b5633 !important;
height: 20px;
border:0px solid;
display: list-item;
line-height: 25px;
padding: 2px 13px 25px 13px; /*171005*/
font-weight:900;
/*border-radius: 2.5px;
-moz-border-radius: 2.5px;
-webkit-border-radius: 2.5px;*/
}
.my-navbar > li > a{
background-color:transparent;
color: #FFF !important; /*#1B5633;*/
/* background-color:#FFF;*/
/*width: 120px;*/
padding: 2px 13px 25px 13px;
margin: 1px 1px;
line-height: 21px;
height: 20px;
/*text-align: center;
border-radius: 2.5px;
-moz-border-radius: 2.5px;
-webkit-border-radius: 2.5px;*/
}
.my-navbar ul > li >ul > li > a{
background-color:transparent;
color: cyan !important; /*#1B5633;*/
/* background-color:#FFF;*/
/*width: 120px;*/
padding: 2px 13px 25px 13px;
margin: 1px 1px;
line-height: 21px;
height: 20px;
/*text-align: center;
border-radius: 2.5px;
-moz-border-radius: 2.5px;
-webkit-border-radius: 2.5px;*/
}
/*.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header*/
/*font-size: 1.2em;
background-color: YELLOW;
line-height: 50px;
height: 50px;
border-bottom: 1px solid red; */
.my-navbar > a .active {
background-color: transparent !important;
color:#1B5633 !important;
/*color: #1B5633 !important;*/
}
.dropdown-menu > li > a {
padding: 0px 15px 0px 10px;
/*argin: 2px 1px;*/
line-height: 21px;
height: 20px;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #1B5633;
font-size:105%;
font-weight:900;
text-decoration: none;
background-color: #f5f5f5; /*#337ab7;*/
outline: 0;
}
.my-nav a {
text-decoration: none;
color: #fff;
display: block;
transition: .3s background-color;
}
.my-nav a:hover {
color: #1B5633 !important;
font-size:110%;
font-weight:600;
}
/*@media (max-width: 991px) {*/
@media screen and (max-width:768px){
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
float:left;
margin:10px 20px;
background:transparent;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.my-navbar>li {
float: none;
background-color:#FFF;
color:green;
}
.my-navbar>li>a {
/*padding-top: 10px;
padding-bottom: 10px;*/
background-color:#FFF !important;
color: #1b5633 !important;
padding: 2px 13px 25px 13px;
margin: 1px 1px;
line-height: 21px;
height: 20px;
/*text-align: center;
*/
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{
color:green;
}
.collapse.in{
display:block !important;
}
.enlacesInicio {
text-align:center !important;
font-size:0.75rem;
}
}
/*.my-nav a.bInfo:hover{
background-color:transparent;
}*/
.bInfo a:hover{
font-size:35px;
background-color:transparent !important;
padding: 0px 0px 0px 20px;
}
.miniaturas img{
/*padding-right: 5px;*/
border: 1px solid #ddd;
margin:0px auto;
/*border-radius: 4px;*/
}
.redondo{
display:block;
width: 175px;
height:35px;
padding: 6px;
/*border-radius: 4px;*/
background-color: white;
color: #1e6040;
/* border: 2px solid red;
box-shadow: 2px 2px 10px;*/
}
.redondo:hover {
/*background-color: #1e6040;
color: red;
text-decoration:none;*/
}
/*
.pg-sidebar{
float:left;
width:20%;
background-color: #f5f5f5;
height:100%;
border:1px;
}
*/
.lista-catalogo{
float:unset; /* unset;No entiendo al ponerlo Left se queda reducido si menos de 4 familias*/
margin: 0em 0em ;
padding:20px 25px 20px 10px;
text-align:center;
height:22em;
border: 3px solid red;
/* height:200px;*/
/* padding:0em 0em 0em 0em;
180305 padding:20px 25px 105px 10px;*/
}
.lista-familia{
float:unset; /* unset;No entiendo al ponerlo Left se queda reducido si menos de 4 familias*/
margin: 0em 0em ;
padding:20px 25px 20px 10px;
text-align:center;
border: 0px solid red;
/* height:200px;*/
/* padding:0em 0em 0em 0em;
180305 padding:20px 25px 105px 10px;*/
}
.marco-familia{
margin:5px 5px 5px 5px;
border:1px solid #eee;
height:13em;
/* width:12em;*/
/*width:auto; */
padding:0px 0px 10px 0px;
/*max-height:13.5em;
max-width:12em;
height:auto;
width:auto;*/
}
.marco-familia:hover {
background-color:#fafafa !important;
/*text-decoration:none;*/
/*color:red;
box-shadow:#1e6040 2px 2px 10px;*/
/*box-shadow:rgb(221, 221, 221) 2px 2px 10px;*/
}
.tit-familia{
/*background-color: #08A056;*/
text-align: center;
color: #000;
vertical-align: middle;
height: 38px;
/* width: 11.5em;
width: auto; 180730*/
font-size: 0.93em;
line-height: 1em;
/* font-family: 'tahoma', sans-serif; */
font-weight: 600;
padding: 1px;
display: flex;
justify-content: center;
align-items: center;
/*20180327
background-color: #08A056;
text-align:center;
color:#fff;
vertical-align: middle;
height: 38px;
max-width:inherit;
width:11em;
font-size: 0.93em;
line-height:1em;
font-weight: 400;
padding:1px;
display:flex; justify-content:center; align-items:center;
20180327 */
/* HH display: block;*/
/*font-family: 'tahoma', sans-serif;*/
/*width:auto; */
}
.img-familia{
max-height:9em;
max-width:9em;
/*max-height:10em;
max-width:9.5em;
height:auto;
width:auto;*/
margin:auto;
padding:5px 0px 0px 0px;
/*HH display:flex;align-items:center; justify-content:center; */
}
.lista-articulo{
/*27/04/16
float:right;*/
/* width:75%; 20/09/16*/
/*27/04/16 */
/*background-color: #f5f5f5;*/
/* height:100%;*/
/*margin: 0 2em 1em 18em; */
padding:0 1em; /* 27/04/16 1em;*/
/*border:1px;*/
}
.pares{
/*line-height:1.5em;*/
margin-bottom:1.5em;
background-color: #FFFFFF;
margin-left:25px;
box-shadow: 0 1.3px #CCC; /*-1px 1px 3px;*/
padding: 0.5em 0em;
/*vertical-align: top;
margin-top:3px;*/
/*display: flex;*/
/*margin-right:3px;*/
}
.impares{
background-color: #FFFFFF;
/*line-height:1.5em;*/
margin-bottom:1.5em;
margin-left:25px;
box-shadow: 0 1.3px #CCC; /*-1px 1px 3px;*/
padding: 0.5em 0em;
/*vertical-align: middle;
margin-top:3px;*/
/* display: flex;
align-items: center;*/
/*border: 1px solid; */
/*padding: 0em 0em;*/
}
class^='col-'{
display:block;
background: #0070ce;
}
.alignright {
float: right;
}
/*button{
background-color: #CCC;
color: white;
font-weight: bold;
border:1px red;
padding: 5px 10px;
}*/
/*
.btn, .btn-primary{
padding: 1px 5px;
background-color: #1B5633;
}*/
#btnEscanear{
font-size: 10px;
line-height: 1.5;
background-color:red;
}
.btn-sm, .btn-group-sm > .btn{
padding: 2px 2px;
font-size: 8.5px;
line-height: 1.5;
/*border-radius: 3px;*/
}
.centrarV{
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
}
.centrarH{
display: flex;
justify-content: center;
}
.articulos-search{
/*float:left;
width:40%;*/
background-color: #f5f5f5;
/*height:35%;*/
border-style:solid;
border:1px;
border-color: green;
}
.articulos-lst{
/* width:75%; 20/09/16 /*lo pongo ortra vez hoy 20/07/16
float:RIGHT;
padding:0 1em; */
}
.articulos-form{
/*27/04/16 float:right;27/04/16 */
/*width:75%; lo pongo ortra vez hoy 20/07/16
float:left;*/
/*background-color: #f5f5f5;*/
/* height:100%;*/
/*margin: 0 2em 1em 2em; */
padding:0 1em;
position: relative;/* 27/04/16 1em;*/
/* border:1px solid;*/
}
.articulos-form60{
float:left;
width:58%;
/*border:2px;*/
padding:0 1em;
text-align: justify;
/*background-color: #f00;*/
/* height:100%;*/
}
.formulario{
/* float:left;
width:100%;*/
/*border:2px;*/
padding:0px 3px !important;
/*text-align: justify;
vertical-align: top;*/
/*background-color: #f00;*/
/* height:100%;*/
}
.formulario > label {
margin-top: -15px;
}
.imglst1{
/*max-height: 55px;
max-width:52px;*/
vertical-align:top;
height: 75px;/*55px;*/
width:72px; /*52px;*/
border:1px solid green;
/*border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 2px 2px 10px;*/
}
.imglst {
font-size:35%;
max-height: 75px;
max-width:72px;
height: 75px;
width:72px;
border:1px solid green;
/*180704 float:right;
position:absolute;*/
/*margin: 20px;*/
/*border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;*/
box-shadow: 2px 2px 10px;
/* -webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
-webkit-transition: widht 0.10s ease-out;
-moz-transition: width 0.20s ease-out;
-ms-transition: width 0.25s ease-out;
transition: width 0.30s ease-out*/ ;
}
hr {
display: block;
border-color: #2e772e;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
/* border-style: inset;*/
border-width: 2px;
}
.linea-60 {
float:left;
padding:0 1em;
width:200px;
/*height: 50px;*/
display: inline;
/* text-align:justify;*/
background-color:#fff;
}
.linea-20 {
float:left;
padding:0 1em;
width:90px;
/*height: 50px;*/
display: inline;
/* text-align:justify;*/
background-color:#fff;
}
.pagination > li > a, .pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #1B5633;
text-decoration: none;
background-color: #fff;
border: 0px solid #f00;
font-size:0.65em;
}
/* Original */
.wrap {
min-height: 110%;
height: auto;
margin: 0 auto -60px;
padding: 0 0 60px;
}
.wrap > .container {
padding:1px 15px 1px; /*mjl180205*/
/*background-image:url('fondo-body.jpg');*/
}
.footer {
/*height: 85px;*/
background-color: #f5f5f5;
border-top: 1px solid red; /* #ddd;*/
padding-top: 20px;
margin: 0 auto -60px;
}
.jumbotron {
text-align: center;
background-color: transparent;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
.not-set {
color: #c55;
font-style: italic;
}
.detail-disposal{
position:relative;
width:100%;
}
.detail-view {
/*margin-left:20px;
margin-bottom:20px;
float:left;
width: 300px;
border:1px solid #000;
font-size:0.8em;*/
}
/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
padding-left: 5px;
}
a.asc:after {
content: /*"\e113"*/ "\e151";
}
a.desc:after {
content: /*"\e114"*/ "\e152";
}
.sort-numerical a.asc:after {
content: "\e153";
}
.sort-numerical a.desc:after {
content: "\e154";
}
.sort-ordinal a.asc:after {
content: "\e155";
}
.sort-ordinal a.desc:after {
content: "\e156";
}
.grid-view th {
white-space: nowrap;
}
.hint-block {
display: block;
margin-top: 5px;
color: #999;
}
.error-summary {
color: #a94442;
background: #fdf7f7;
border-left: 3px solid #eed3d7;
padding: 10px 20px;
margin: 0 0 15px 0;
}
a, a:focus{
color: #2e772e;
text-decoration:none;
}
/*a:hover {
text-decoration:none;
color: #ff0000;
}*/
.list-group-item{
font-size: 1.2em;
line-height:1.3em;
font-weight: 500;
border:0;
}
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
/* color: #FFF ;
background-color: #2e772e;
text-decoration: none; */
/* background-color: #08A056;*/
color:#08A056; /*#fff;*/
font-size: 1.2em;
line-height:1.3em;
font-weight: 900;
text-decoration: none;
background-color:#fafafa;
/*font-family: 'tahoma', sans-serif;*/
/*display:flex; align-items:center; /*justify-content:center;*/
}
.list-group-item.active:hover, .list-group-item.active:focus,.list-group-item.active {
/* color: #FFF ;
background-color: #2e772e;
text-decoration: none; */
background-color:#fafafa; /* #08A056;*/
color:#08A056;
font-size: 1.3em;
line-height:1.3em;
font-weight: 1000;
text-decoration: none;
/*
background-color: #08A056;
color:#fff;
display: block;
vertical-align: middle;
height: 38px;
font-size: 1em;
line-height:1em;
font-weight: 900;
padding:1px;
*/
}
#volverCat {
/* display: none;*/
position: fixed;
right: 0px;
bottom: 60px;
margin: 0;
padding: 0;
z-index: 1000000;
font: 15px Verdana, Arial, sans-serif;
text-align: left;
width: 63px;
height: 38px;
border-top: 3px solid #ccc;
border-left: 1px solid #ccc;
-webkit-border-top-left-radius: 6px;
-moz-border-top-left-radius: 6px;
border-top-left-radius: 6px;
background: rgb(237,237,237);
/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
/*background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(53%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );*/
}
.bell{
/*display:block;
width: 10px;
height: 10px;
font-size: 15px;
margin:20px auto 0;
color: #FFF;*/
-webkit-animation: ring 4s .7s ease-in-out ;
-webkit-transform-origin: 50% 4px;
-moz-animation: ring 4s .7s ease-in-out ;
-moz-transform-origin: 50% 4px;
animation: ring 4s .7s ease-in-out ;
transform-origin: 50% 4px;
}
.bell-off{
display:block;
width: 15px;
height: 15px;
font-size: 20px;
margin:20px auto 0;
color: #CCC;
}
@-webkit-keyframes ring {
0% { -webkit-transform: rotateZ(0); }
1% { -webkit-transform: rotateZ(30deg); }
3% { -webkit-transform: rotateZ(-28deg); }
5% { -webkit-transform: rotateZ(34deg); }
7% { -webkit-transform: rotateZ(-32deg); }
9% { -webkit-transform: rotateZ(30deg); }
11% { -webkit-transform: rotateZ(-28deg); }
13% { -webkit-transform: rotateZ(26deg); }
15% { -webkit-transform: rotateZ(-24deg); }
17% { -webkit-transform: rotateZ(22deg); }
19% { -webkit-transform: rotateZ(-20deg); }
21% { -webkit-transform: rotateZ(18deg); }
23% { -webkit-transform: rotateZ(-16deg); }
25% { -webkit-transform: rotateZ(14deg); }
27% { -webkit-transform: rotateZ(-12deg); }
29% { -webkit-transform: rotateZ(10deg); }
31% { -webkit-transform: rotateZ(-8deg); }
33% { -webkit-transform: rotateZ(6deg); }
35% { -webkit-transform: rotateZ(-4deg); }
37% { -webkit-transform: rotateZ(2deg); }
39% { -webkit-transform: rotateZ(-1deg); }
41% { -webkit-transform: rotateZ(1deg); }
43% { -webkit-transform: rotateZ(0); }
100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
0% { -moz-transform: rotate(0); }
1% { -moz-transform: rotate(30deg); }
3% { -moz-transform: rotate(-28deg); }
5% { -moz-transform: rotate(34deg); }
7% { -moz-transform: rotate(-32deg); }
9% { -moz-transform: rotate(30deg); }
11% { -moz-transform: rotate(-28deg); }
13% { -moz-transform: rotate(26deg); }
15% { -moz-transform: rotate(-24deg); }
17% { -moz-transform: rotate(22deg); }
19% { -moz-transform: rotate(-20deg); }
21% { -moz-transform: rotate(18deg); }
23% { -moz-transform: rotate(-16deg); }
25% { -moz-transform: rotate(14deg); }
27% { -moz-transform: rotate(-12deg); }
29% { -moz-transform: rotate(10deg); }
31% { -moz-transform: rotate(-8deg); }
33% { -moz-transform: rotate(6deg); }
35% { -moz-transform: rotate(-4deg); }
37% { -moz-transform: rotate(2deg); }
39% { -moz-transform: rotate(-1deg); }
41% { -moz-transform: rotate(1deg); }
43% { -moz-transform: rotate(0); }
100% { -moz-transform: rotate(0); }
}
@keyframes ring {
0% { transform: rotate(0); }
1% { transform: rotate(30deg); }
3% { transform: rotate(-28deg); }
5% { transform: rotate(34deg); }
7% { transform: rotate(-32deg); }
9% { transform: rotate(30deg); }
11% { transform: rotate(-28deg); }
13% { transform: rotate(26deg); }
15% { transform: rotate(-24deg); }
17% { transform: rotate(22deg); }
19% { transform: rotate(-20deg); }
21% { transform: rotate(18deg); }
23% { transform: rotate(-16deg); }
25% { transform: rotate(14deg); }
27% { transform: rotate(-12deg); }
29% { transform: rotate(10deg); }
31% { transform: rotate(-8deg); }
33% { transform: rotate(6deg); }
35% { transform: rotate(-4deg); }
37% { transform: rotate(2deg); }
39% { transform: rotate(-1deg); }
41% { transform: rotate(1deg); }
43% { transform: rotate(0); }
100% { transform: rotate(0); }
}
.listado_documentos li
{
cursor: pointer;
list-style-type:none;
/* width:70%;
float: right;*/
line-height: 25px;
padding: 1em 0em 2.5em 0em; /*(T,L,B,R)*/
/* margin-top: 0.4em;*/
border-bottom: 1px dashed #2e772e;
color:#2e772e;
}
/*
.listado_documentos span
{
width:35%;
float: left;
list-style-type:none;
}
.listado_documentos span p
{
margin-bottom:0.2em;
text-align:left;
}
.listado_documentos span img
{
width:16em;
vertical-align:top;
}
*/
/* ---------------Carousel ------------*/
.container3D {
margin:1.55em auto;
width: 100px;
height:75px;
/* width: 90px;
height: 65px;*/
position: relative;
perspective: 1000px;
}
.marcacarousel3D {
height:100%;
width: 100%;
position: absolute;
transform-style: preserve-3d;
transition: transform 1s;
}
.itemMarca {
display: block;
position: absolute;
background: #fff;
/*width: 90px;
height: 65px;*/
width: 45px;
height: 33px;
line-height: 55px;
/* font-size: 2.5em; 160816*/
font-size:0.8em;
text-align: center;
color: #FFF;
opacity: 0.95;
/*border-radius: 10px;*/
}
/** Aumemtar translateZ para ampliar Carousel */
/*.a {
transform: rotateY(0deg) translateZ(205px);*/
/* background: #ed1c24;*/
.a {
transform: rotateY(0deg) translateZ(95px);
/* background: #ed1c24;*/
}
.b {
transform: rotateY(50deg) translateZ(95px);
/*background: #0072bc;*/
}
.c {
transform: rotateY(100deg) translateZ(95px);
/* background: #39b54a;*/
}
.d {
transform: rotateY(150deg) translateZ(95px);
/*background: #f26522;*/
}
.e {
transform: rotateY(200deg) translateZ(95px);
/*background: #630460;*/
}
.f {
transform: rotateY(250deg) translateZ(95px);
/*background: #8c6239;*/
}
.g {
transform: rotateY(300deg) translateZ(95px);
/*background: #8f6f3f;*/
}
/*
.a {
transform: rotateY(0deg) translateZ(225px);
background: #ed1c24;
}
.b {
transform: rotateY(50deg) translateZ(225px);
background: #0072bc;
}
.c {
transform: rotateY(100deg) translateZ(225px);
background: #39b54a;
}
.d {
transform: rotateY(150deg) translateZ(225px);
background: #f26522;
}
.e {
transform: rotateY(200deg) translateZ(225px);
background: #630460;
}
.f {
transform: rotateY(250deg) translateZ(225px);
background: #8c6239;
}
.g {
transform: rotateY(300deg) translateZ(225px);
background: #8f6f3f;
}
*/
.marcanextC, .marcaprevC {
color: #444;
text-align:center;
/*position: absolute;
bottom: 0px;*/
padding: 0.2em 0.3em;
width: 15px;
height: 11px;
cursor: pointer;
background: #CCC;
/*border-radius: 2px;*/
border-top: 1px solid #FFF;
box-shadow: 0 5px 0 #999;
transition: box-shadow 0.1s, top 0.1s;
}
.marcanextC:hover, .marcaprevC:hover { color: green;}
.marcanextC:active, .marcaprevC:active {
bottom: 0.2em;
box-shadow: 0 1px 0 #999;
}
.marcanextC {
right: 12.5em;
}
.marcaprevC {
left: 2.5em;
}
.carousel-control {
position: absolute;
top: 65%;
/*bottom: 0;
left: 0;
width: 0%;
text-align: center;
*/
font-size: 50px;
font-weight:400;
color: #ccc;
text-shadow: 0 1px 2px rgba(C, C, C, 0); /*MJL 180201*/
/* text-shadow: 0 1px 2px rgba(0, 0, 0, .6); /*MJL 180201*/
filter: alpha(opacity=0);
/*opacity: .5; */
opacity: 1;
}
.carousel-control1 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0%;
font-size: 50px;
color: #ccc;
text-align: center;
text-shadow: 0 1px 2px rgba(C, C, C, 0); /*MJL 180201*/
/* text-shadow: 0 1px 2px rgba(0, 0, 0, .6); /*MJL 180201*/
filter: alpha(opacity=0);
/*opacity: .5; */
opacity: 0;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
color:#CCC;
}
.carousel-control.right {
right:30px;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
color:#CCC;
}
.carousel-control:hover,
.carousel-control:focus {
color: #CCC;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: .9;
}
.inline-block {
display: inline-block;
}