* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
@font-face {
font-family: 'unplc';
   src: url('fonts/unplc.eot');
   src: url('fonts/unplc.eot?#iefix') format('embedded-opentype'),
        url('fonts/unplc.woff') format('woff'),
        url('fonts/unplc.ttf') format('truetype'),
        url('fonts/unplc.svg#adlerRegular') format('svg');
  font-style: normal;
}


@font-face {
font-family: 'isocp';
   src: url('fonts/isocp.eot');
   src: url('fonts/isocp.eot?#iefix') format('embedded-opentype'),
        url('fonts/isocp.woff') format('woff'),
        url('fonts/isocp.ttf') format('truetype'),
        url('fonts/isocp.svg#adlerRegular') format('svg');
  font-style: normal;
}

@font-face {
font-family: 'isocpeur';
   src: url('fonts/isocpeur.eot');
   src: url('fonts/isocpeur.eot?#iefix') format('embedded-opentype'),
        url('fonts/isocpeur.woff') format('woff'),
        url('fonts/isocpeur.ttf') format('truetype'),
        url('fonts/isocpeur.svg#adlerRegular') format('svg');
  font-style: normal;
}

@font-face {
font-family: 'opensansr';
   src: url('fonts/opensansr.eot');
   src: url('fonts/opensansr.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensansr.woff') format('woff'),
        url('fonts/opensansr.ttf') format('truetype'),
        url('fonts/opensansr.svg#adlerRegular') format('svg');
  font-style: normal;
}

@font-face {
font-family: 'opensansl';
   src: url('fonts/opensansl.eot');
   src: url('fonts/opensansl.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensansl.woff') format('woff'),
        url('fonts/opensansl.ttf') format('truetype'),
        url('fonts/opensansl.svg#adlerRegular') format('svg');
  font-style: normal;
}


/* Track */
::-webkit-scrollbar {
  width: 0px;
}
	@media (max-width: 770px) {
		::-webkit-scrollbar {
		  width: 0px;
		}
	}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #CCCCCC; 
  border-radius: 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #808080; 
}

body{
	padding:0px ;margin:0px; 
	padding-bottom: 2px;
	/*font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;*/
	Font-family: 'opensansl';
	position:relative;
	cursor:default;
	/*color: #5a5a5a;*/
	overflow: auto;
	overflow-x: hidden;
}


.redondo{
     -moz-border-radius: 15px;
     -webkit-border-radius: 15px;
     border-radius: 15px;
     border: 2px solid #ffffff;	
}

.borde_gordo{
     border: 15px solid #ffffff;	
}

.borde_fino{
     border: 5px solid #ffffff;	
}

.grayscale_m {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}



a:hover { text-decoration:none}

a:link { text-decoration:none}

.movil {display:none;}
.no_movil {display:block;}

    @media only screen and (max-width:768px) {
		.movil {display:block;}
		.no_movil {display:none;}
	}


.ir-arriba { position:fixed; bottom:40px; right:40px; font-size:3.7em; z-index:9999; display:none; }
.ir-arriba a { background-color:transparent !important }
 

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-100px * 7));
            transform: translateX(calc(-100px * 7));
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-100px * 7));
            transform: translateX(calc(-100px * 7));
  }
}
.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 50px;
  z-index: 2;
}
.slider::before {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 50px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: flex;
  /*width: calc(100px * 14);*/
}
.slider .slide {
  height: 100%;
  width: 100px;
}


#div_counter { position:fixed; top:0px; right:0px; width:350px; height: 90px; padding:10px; z-index:999; border:10px white solid; background-color:black; color:white; text-align:left}

    @media only screen and (max-width:800px) {
		#div_counter { top: inherit; bottom:0px; right:0px; width:100%; }
    }

#emergente {width:70%; height:70%; margin-left:15%; margin-top:7.5%; background-color: #fff; overflow:hidden}
#emergente .cerrar {float: right}
#emergente .cartel {width: 40%; height:auto; max-height:94%; margin:2%; float:left}
#emergente .cartel img {width: 100%; height:auto; max-height:90%}
#emergente h1 {font-size:2.5em; font-weight:700; width:auto; margin:2%; }
#emergente h2 {font-size:1.9em; font-weight:700; width:auto; margin:2%; margin-top:-10px; }
#emergente h3 {width:60%; margin-top:6px; float:left; font-size:1.3em}

#emergente p {font-size:1.5em; font-weight:400; width:auto; margin:2%; }

    @media only screen and (max-width:1200px) {
		#emergente h3 {width:100%; float: inherit;}
	}

    @media only screen and (max-width:768px) {
		#emergente {width:100%; height:100%; margin:0px; }
		#emergente h1 {font-size:1.7em; font-weight:500; margin:1%; }
		#emergente h2 {font-size:1.2em; font-weight:400; margin:1%; }
		#emergente p {font-size:0.9em; font-weight:200; margin:1%; }
	}



#sello { float:right; margin:10px; margin-right:20px; width:40%; height:auto}

    @media only screen and (max-width:768px) {
		#sello { width:90%; margin:5%}
    }

.red { background-color:red; }

.sombras {
	-moz-box-shadow: 10px 10px 20px 0px #000;
	-webkit-box-shadow:  10px 10px 20px 0px #000;
	box-shadow:  10px 10px 20px 0px #000;
}

.sombra_img { -webkit-filter: drop-shadow(10px 10px 10px #000);
			  filter: drop-shadow(10px 10px 10px #000);
}

.w25 { width:24.5% !important; height: auto !important; margin:0px; margin-top:45px; cursor:pointer}

.arriba-3 {margin-top:-50px; float:left }
.izquierda {float:left }
.derecha {float:right}

#footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-image:url('../images/fondo_traslucidow.png');
   background-repeat:repeat;
   /*color: #666666;*/
   text-align: center;
   z-index:999;
   border-top: thin #333333 solid;
}

    @media only screen and (max-width:360px) {
		#footer {width:85%; }
    }

.secciones {width:22%; height:100px; margin:1%; float:left; text-align:center; padding:5px; }
.secciones h1 { font-weight:700; font-size:2.2em; word-wrap: break-word !important;}
    @media only screen and (max-width:1200px) {
		.secciones {width:30%; }
    }
    @media only screen and (max-width:990px) {
		.secciones {width:47%; }
    }
    @media only screen and (max-width:765px) {
		.secciones {width:98%; }
    }

#cabecera { width:100%; height:100px; margin:0px; position:relative; top:0px; left:0px; margin-top:0px; border-bottom:thin #999999 solid; }
#cabecera #Logo { width:18%; height:100%; float:left; background-repeat:no-repeat; background-size:contain; cursor:pointer; }

#BannerTop { width :50%; height:100%; float:left; overflow:hidden; }
#BannerTop img { width:100%; height:auto; object-fit: contain; }

#SearchShop { width:30%; height:auto; float:right;   }
#SearchShop #Buscar { width:65%; height:50px; float:left; padding-top:25px; padding-bottom:28px; border-bottom:thin #666666 solid;  }
#SearchShop #Buscar input { font-size:1.1em; width:80%; padding-left:5px; padding-right:5px; border: 0; }
#SearchShop #Buscar input:focus { border: 0; outline:none;  }
#SearchShop #shopping { width:30%; height:25px; float:right; padding-top:25px; font-size:2.2em; cursor:pointer;  }
#SearchShop #shopping #contador_items { float:right; margin-top:-10px; margin-right:-10px; z-index:999;
  /*background: #d46c5b;
  color: #fff;*/
  font-weight: bold;
  line-height: 1.5em;
  text-align: center;
  width: 25px; height:25px;  padding:2.5px;
  font-size:0.40em;
   border-radius: 0.9em;
  -moz-border-radius: 0.9em;
  -webkit-border-radius: 0.9em;
}

    @media only screen and (max-width:1050px) {
		#SearchShop #shopping #contador_items { margin-right:45px; margin-top:-40px  }
    }

    @media only screen and (max-width:800px) {
		#cabecera #Logo { width:50%; }
		#SearchShop { width:50%;  }
		#BannerTop { display:none; }
    }

    @media only screen and (max-width:500px) {
		#SearchShop #Buscar { width:70%; }
		#SearchShop #Buscar input { width:85%; padding-left:2px; padding-right:2px;  }
    }

    @media only screen and (max-width:490px) {
		#cabecera { height:80px; }
		#cabecera #Logo { z-index:999; }

		#SearchShop { width:100%; margin-top:60px; padding:0px 0px 0px 25px; /*background-color:#fff;*/ z-index:99; position: relative}
		#SearchShop #Buscar { width:85%; font-size: 1.2em; }

		#SearchShop #shopping .fa { font-size:2.5em}

		#SearchShop #shopping { margin-top:-140px; }
		#SearchShop #shopping #contador_items { margin-top:-75px; margin-right: 75px  }
    }

    @media only screen and (max-width:360px) {
		#SearchShop #Buscar { width:80%; margin-left:10% }
    }


#sorting { width:auto}
#sorting input { cursor:pointer }

#limprint { width:50%; margin:0px; margin-top:5px; margin-left:25%; height: 60px; text-align:center; z-index:999; 
	/* Desplegado suave con transiciones */
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.boton_print { font-size:2.7em}
#texto_limite { margin-top:-40px}

#limprint #left { width:10%; float:left; }
#limprint #center { width:55%; float:left; }
#limprint #right { width:35%; float:left; }

#form_search #cancela {width:auto; height:100%; padding:0px; margin:0px; float:right }


    @media only screen and (max-width:1366px) {
		#limprint{ width:70%; margin-left:15%; }
    }

    @media only screen and (max-width:1100px) {
		#limprint { width:80%; margin-left:10%; }
    }

    @media only screen and (max-width:995px) {
		#sorting { margin-left:25px; }
    }

    @media only screen and (max-width:850px) {
		#limprint { width:100%; margin-left:0%; }
    }

    @media only screen and (max-width:768px) {
		#limprint #left { display:none }
		#limprint #center { width:50%; float:left; }
		#limprint #right { width:50%; float:right; }
    }

    @media only screen and (max-width:500px) {
		#sorting {display:none; z-index:-999;}
		#limprint { width:100%; height:auto; position: inherit; float:none; z-index:9}
		#limprint #left { display:none }
		#limprint #center { width:100%; padding:0px; margin:0px; float: none; }
		#limprint #right { display:none }
    }

    @media only screen and (max-width:360px) {
		#texto_limite { margin-top:37px; width:100% }
		#texto_limite select {font-size:1.5em; width:100%;}		
		.icon_img { margin-top:-40px; height:40px; width:auto;}
    }

.centrado {width:80%; margin-left:10%; overflow:hidden; }




#MenuCatalogoSup { width:100%; height: auto; float:left; text-align: left; margin-top:10px; line-height:15px; display:none;  }


#loading_page {
		position: fixed;
		left: 15.5%;
 		top: 180px;
 		width: 59%;
 		height: calc(100% - 190px);
 		z-index: 99;
 		opacity: 0.9;
 		background: url(../images/preloader.gif) center no-repeat #fff  ;
		}

.marketing { width:59%; float:left;  }

#MenuCatalogo { width:15%; height:100%; overflow: hidden; overflow-y:auto; float:left; padding:4px 15px ; padding-left:2%  }
#MenuCatalogo a:hover { font-weight:bold }

#AddsRight { width:23%; height: auto; overflow: hidden; float:right; padding-right:2%;
	-ms-overflow-style: none; scrollbar-width: none; text-align:center }

#AddsRight img { width:100%; height:100%; object-fit: contain; }

    @media only screen and (max-width:1366px) {
		#loading_page { left:15.5%; width: 69%; }
		.marketing { width:79%;  }
		#MenuCatalogo { width:15%; padding-left:15px;  }
		#AddsRight { display:none }
    }

    @media only screen and (max-width:990px) {
		#loading_page { left:25.5%; width: 64%; }
    }

    @media only screen and (max-width:800px) {
		#loading_page { left:1.5%; width: 97%; }
		.marketing { width:98%; margin-left:1%;  }
		#MenuCatalogo { display: none;  }
		#MenuCatalogoSup { display: block;  }
    }

    @media only screen and (max-width:490px) {
		#MenuCatalogoSup { width:100% !important; font-size:1.3em }
    }

    @media only screen and (max-width:360px) {
		#MenuCatalogoSup { margin-left:10% }
		.marketing #fondo_items h3 { font-size:1.2em; margin-top:8px}
    }

    @media only screen and (max-height:1000px) {
		#loading_page { top: 150px; }
	}
	
    @media only screen and (max-height:980px) {
		#loading_page { top: 180px; }
	}


#ContactUs { width:98%; margin-left:1%; padding:2px 15px; height:100px; position: relative; top:0px; left:0px; float:left; margin-bottom:-100px; background-color:white; border:thin #C0C0C0 solid; filter:alpha(opacity=90);
		-moz-opacity: 0.90;
		opacity: 0.90;
 }
#ContactUs:hover { filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
 }
#ContactUs ul {
  list-style-type: none;
  display: flex;
  justify-content: center;
}

#ContactUs li {
  float: right;
  margin: 0px 10px 0px 10px;
}

#ContactUs li a {
  display: block;
  color: #C0C0C0;
  text-align: center;
  text-decoration: none;
}

#ContactUs li a:hover {
  color: #666666;
  text-decoration: underline;
}

.FotoArt { width:20%; height: auto; padding:1%; float:left; margin-bottom:25px; }
.FotoArt:hover { border:thin #808080 solid; }
.FotoArt img { cursor:pointer; width:450px; max-width:100%; height:auto; object-fit: cover;  }
.FotoArt h2 { height: 75px; font-size:1.2em; overflow:hidden; white-space:normal; overflow:hidden;  }
.FotoArt h3 { margin:0px; text-align:center; font-size:1.3em; font-weight:bold;  }
.FotoArt .BtnShop { width:100%; height:40px; text-align:center; font-size:1.5em; border:medium black solid; }
.FotoArt .BtnShop:hover { background-color: #000; color: #fff; font-weight:bold;  }

    @media only screen and (max-width:1000px) {
		.FotoArt { width:25%; }
    }

    @media only screen and (max-width:850px) {
		.FotoArt { width:33.3%; }
    }

    @media only screen and (max-width:700px) {
		.FotoArt { width:50%; height:auto }
    }


/* CARRITO DE LA COMPRA */


#BandaShare { width:90%; margin-left:-15px; margin-bottom:5px; height:auto; padding:6px 10px 4px 10px; border:thin black solid }
#FotoFicha { width:33%; height:auto; float:left; padding-top:15px;  }
#FotoFicha .icon_fa { font-size:2.3em; width: 18%; margin:0px; cursor:pointer}

#imagen_articulo {  margin:0px; width: 80%; margin-right:10%; height:auto; position:relative; top:0px; left:0px; float:left }

#TextoFicha { width:66%; height:auto; float:right;  }
#TextoFicha h1 { font-size:1.8em; font-weight:500 }
#TextoFicha h2 { font-size:1.2em; color:red  }
#TextoFicha h3 { font-size:1.1em  }
#TextoFicha h3 span { font-size:1.5em; font-weight :bold}
#TextoFicha p { font-size:1.0em  }
#FotHid { display:none  }

    @media only screen and (max-width:900px) {
		#TextoFicha h1 { font-size:1.6em;  }
		#FotoFicha .icon_fa { font-size:2.4em; width: 30%; }
    }

    @media only screen and (max-width:600px) {
		#FotoFicha { width:100%;float: none;  }
		#FotoFicha div { text-align:center; }
		#FotoFicha .icon_fa { font-size:2.4em; width: 18%; }
		#imagen_articulo { margin-left:10%; margin-top:15px; position: inherit; float: none }
		
		#TextoFicha { width:100%; float: none; padding: 0px; }
		#TextoFicha h1 { font-size:1.8em; font-weight:700; word-wrap: break-word; }
		#TextoFicha h2 { font-size:1.2em; color:red  }
		#TextoFicha h3 { font-size:1.1em; margin-bottom:5px;  }
		#TextoFicha h3 span { font-size:1.9em; font-weight :bolder;}
		#TextoFicha p { font-size:1.2em; padding-bottom:25px; margin-bottom:60px;  }
		#TextoFicha .completo { width:100%; height:60px; font-size:2.0em; font-weight:bolder}
		#BandaShare { margin-left: 5%; }
    }



.pola_shop {width:100%; height:100px; border: 1px #999999 solid; margin-bottom:15px; float:left;  }
.pola_shop_foto { width:100px; height:90px; margin:5px; background-size:cover; background-repeat:no-repeat; float:left; }
.pola_shop_foto img { width:100%; height:100%;}
.pola_shop_texto {width:80%; height:auto; text-align: left; float:right; margin-top:-2px; }
.pola_shop_texto h3 { font-size:1.2em; text-align:left; margin-bottom:0px; }
.pola_shop_texto p { font-size:1.2em; text-align:right; padding-right:20px; margin-top:-5px; }
.pola_shop_texto .cant_item { margin-left:15px; width:25px; height:auto }

    @media only screen and (max-width:1440px) {
		.pola_shop_texto {width:70% !important;}
    }

    @media only screen and (max-width:1100px) {
		.pola_shop_texto {width:70%;}
    }

    @media only screen and (max-width:995px) {
		.pola_shop_texto {width:65%; margin-top:-5px; }
		.pola_shop_texto h3 { font-size:1.3em !important;}
		.pola_shop_texto p { font-size:1.3em !important;}
    }

    @media only screen and (max-width:950px) {
		.pola_shop_foto { width:30%; height:80px; margin:0px; margin-top:2px; margin-left:0px !important}
		.pola_shop_texto {width:70% !important;  }
		.pola_shop_texto h3 { font-size:1.3em !important; margin-top:1px;}
		.pola_shop_texto p { font-size:1.3em !important; margin-top:-5px;}
		.pola_shop_texto .cant_item { margin-left:2px; width:20px;}
    }
    
    @media only screen and (max-width:920px) {
		.pola_shop_foto { width:25% !important; }
    }
    


.cover_photo {width: 100%;height: 100%; z-index:9}
.dec_item { position:relative; top:-40px; left:-55px;}

.fondo0 { background-color: #F0F0F0}
.fondo1 { background-color: white}

#pedido_right {width:100%; height: auto;    }
#pedido_right h1 { font-size:1.2em; font-weight:bolder }
#pedido_right h2 { font-size:1.1em }
#pedido_right a img { width:43%; margin:0px; padding:2%; float:left; height:165px;}

#pto_doc { height:75px !important; width:auto !important; float:left}
#correos_doc { height:75px !important; width:auto !important; float:left}

.col-md-4 {
  float:right;
  width:45%;
}

.col-md-8 {
  width:54.5%;
}

.col-md-8 h3 { margin:3.5px; }
.col-md-8 h3 span { font-weight:700 }


@media only screen and (max-width:1100px) {
	.col-md-8 { width:48%; float:left; font-size:0.8em }
	.col-md-4 { width:48%; float:right; font-size:0.8em }
}

@media only screen and (max-width:768px) {
	.col-md-4 { width:100%;}
	.col-md-8 {  width:100%;}
	
}


#mensa_emergente { position:absolute; top:150px; left:10%; width:50%; height:auto; background-color:#fff; z-index:9999; border:medium black solid; padding:25px 50px 50px 50px; display:none }
#mensa_emergente h3 { font-weight:bold }
#mensa_emergente p { font-size:1.2em  }
#mensa_emergente p span { font-weight:bold  }

    @media only screen and (max-width:1400px) {
		#mensa_emergente { left:15%; width:70%; top:80px;  }
    }

    @media only screen and (max-width:900px) {
		#mensa_emergente { left:2%; width:95%; padding:20px; }
    }


#tabla_pedido { background-color:white; font-size:1.1em; width:100%; height:auto;}
#tabla_pedido tr { width:100%; height:10px;}


    @media only screen and (max-width:800px) {
		#tabla_pedido {font-size:1em;}
    }

    @media only screen and (max-width:360px) {
		#tabla_pedido {font-size:1em;}
    }


#DatosPersonales {
    width:100%;
    height:350px;
    margin:auto;
    font-size: 1.3em;
    margin-top:10px;
    display:none;
}

#DatosPersonales h2 {	display: block;
	width:100%;
    font-weight:bold;
    position: relative;
    margin-bottom:10px;
}

#DatosPersonales h2 span { color:red; width: auto; }

#DatosPersonales input{
	display: block;
	float:right;
	width:100%;
	margin-bottom: 7px;
	font-size:1.2em;
	/*background-color: #FFFF99;*/
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #000000;
        filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	padding-left:2%; 
	padding-right:2%; 
}

#DatosPersonales textarea{
	display: block;
	float:left;
	width:100%;
	height: 150px;
	margin-bottom: 5px;
	padding:10px;
	/*background-color: #FFFF99;*/
	resize: none;
	font-size:1.2em;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #000000;
        filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
}




#formulariop {
    width:100%;
    margin:auto;
    font-size: 1.3em;
    margin-top:10px;
}

    @media only screen and (max-width:800px) {
		#formulariop { font-size:1.1em;}
    }
    
    @media only screen and (max-width:360px) {
		#formulariop { font-size:1.1em;}
		#formulariop p { width:100%; }
    }
    
#formulariop h2 {	display: block;
	width:100%;
    font-weight:bold;
    position: relative;
    margin-bottom:10px;
}

#formulariop h2 span { color:red; width: auto; }


#Boton_Ped { font-size:1.5em; width:auto; float:right; margin-top:15px; }
#nBoton_Ped { font-size:1.5em; width:auto; float:right; margin-top:15px;}

    @media only screen and (max-width:995px) {
		#Boton_Ped { font-size:1.2em;}
		#nBoton_Ped { font-size:1.2em;}
    }



#formulariop input{
	display: block;
	float:right;
	width:100%;
	margin-bottom: 7px;
	font-size:1.2em;
	/*background-color: #FFFF99;*/
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #000000;
        filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	padding-left:2%; 
	padding-right:2%; 
}

#formulariop textarea{
	display: block;
	float:left;
	width:100%;
	height: 150px;
	margin-bottom: 5px;
	padding:10px;
	/*background-color: #FFFF99;*/
	resize: none;
	font-size:1.2em;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #000000;
        filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
}



/* CARRITO DE LA COMPRA */



#payment {margin-top:2px; margin-left:0px; width:100%; float:left; }

#payfield p input {width:30px;  display:none}



/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  margin-bottom:25px;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 70px;
}

.inner .lead { font-size:1.2em}


@media (max-width: 700px) {
	.inner { padding: 10px;}
}


/* PUBLICIDAD
-------------------------------------------------- */

.publi_h1 {width:70%; height:auto; margin:15%; margin-top:1%; margin-bottom:1%}
.publi_h1 img {width:100%; height:auto;}

.publi_h2 {width:47%; height:auto; margin:1.5%; float:left }
.publi_h2 img {width:100%; height:auto;}

.publi_h3 {width:30.33%; height:auto; margin:1.5%; float:left; overflow:hidden; cursor:pointer; }
.publi_h3 img {width:100%; height: auto; float:left; }
.publi_h3 div {float:left; width:100%; height:auto; margin-top:-90%; background-image:url('../images/fondo_traslucido.png'); background-repeat:repeat}

.publi_h3 h2 { color:white; font-size:1.4em; font-weight:400; margin:0px; margin-left:5px; }
.publi_h3 h1 { color:white; font-size:1.8em; font-weight:800;  width:100%; padding:10px; text-align:center; }

@media (max-width: 1200px) {
	.publi_h3 h1 { font-weight:600; padding: 5px; }
	.publi_h3 div {margin-top:-100%;}
}

@media (max-width: 990px) {
	.publi_h3 h1 { font-weight:500; font-size:1.7em;}
	.publi_h3 h2 { font-weight:300; font-size:1.3em;}
}

@media (max-width: 700px) {
	.publi_h3 {width:70%; height:auto; margin:0px; margin-left:15%; margin-bottom:10px; float: inherit; }
	.publi_h3 h2 { font-weight:400;}
	.publi_h3 h1 { font-weight:800;}
}



/* CUSTOMIZE THE MENU
-------------------------------------------------- */
.navbar-brand { height: 100px;}
.navbar-brand img{ height:100%; width:auto; }
#carro { margin-left:40px;}

@media (max-width: 989px) {
	#carro { margin-left:-10px}
}

@media (max-width: 768px) {
	#logo { height:75px; margin-top:2px; position:absolute; top:0px; left:0px; }
	#carro { height:75px; margin-top:2px; position:absolute; top:0px; left:50%;}
}

@media (max-width: 330px) {
	#logo { height:60px; margin-top:5px;}
	#carro { height:60px; margin-top:5px;}
}


#contador_items { float:right; margin-top:-60px; margin-right:70px; z-index:9999;
  background: red;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  /* display: inline-block;*/
  font-weight: bold;
  line-height: 1.6em;
  text-align: center;
  width: 1.6em; 
}

/* Tabla de cookies */
#tab_cookies {
  border-collapse: collapse;
  width: 100%;
  font-size:1.2em;
}

#tab_cookies td, #tab_cookies th {
  border: 1px solid #ddd;
  padding: 8px;
  width: auto;
}

#tab_cookies tr:nth-child(even){background-color: #f2f2f2;}

#tab_cookies tr:hover {background-color: #ddd;}

#tab_cookies th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #808080;
  color: white;
}
/* Tabla de cookies */



#aviso_legal { width:90%; margin-left:5%; height:auto; background-color:#fff; word-wrap: break-word; padding:10%; padding-top:0px; color: #666 }
    @media only screen and (max-width:500px) {
		#aviso_legal { width:100%; margin-left:0px; padding:2%; }
    }

#cookie_poli {width:90%; margin-left:5%; padding:5%; padding-top:0px; color:white; }
    @media only screen and (max-width:500px) {
		#cookie_poli {width:100%; margin-left:0px; padding:2%; padding-top:10%;  }
    }






/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 100%;
  margin: 0px;
  padding:0px;
  }
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  background-image:url('../images/fondo_traslucido.png');
  background-repeat:repeat;
  padding:20px;
  margin-bottom:15%;
}

	@media only screen and (max-width:950px) {
		.carousel-caption {margin-bottom:25%;}
	}

	@media only screen and (max-width:600px) {
		.carousel-caption {margin-bottom:45%;}
	}


/* Declare heights because of positioning of img element */
.carousel .item {
  height: 100%;
  /*background-color: #777;*/
  background-repeat:no-repeat; background-size: cover;

}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  /*height: 500px;*/
  height: auto;
}

.portada {}
.destacados {margin:0px;  width: 20%; height:auto; margin:2.5%; float:left;   }


	@media only screen and (max-width:1200px) {
		.portada {width: 33% !important; float:left}
	}

	@media only screen and (max-width:1024px) {
		.portada {width: 50% !important; height:350px !important; }
		.destacados {width: 30%; margin:1%;}
	}

	@media only screen and (max-width:700px) {
		.portada {height:300px !important; }
		.destacados {width: 46%; margin:2%;}
	}

	@media only screen and (max-width:600px) {
		.portada {height:250px !important; }
	}

	@media only screen and (max-width:520px) {
		.portada {width: 100% !important; height:50% !important; float:none }
		.destacados {margin-bottom:5px !important}
	}



.img-circle:hover {border-radius:1%;
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}




  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

	@media only screen and (max-width:360px) {
		.carousel-caption h1 { font-size: 2.1em; }
		.carousel-caption p { font-size: 17px; line-height: 1.2; }
	}