/*FUENTE TEXTO**/
@font-face {
font-family: "disney";
src: url("fonts/disney.ttf");
}
@font-face {
font-family: "JosefinSans-Light";
src: url("fonts/JosefinSans-Light.ttf");
}
@font-face {
font-family: "Montserrat";
src: url("fonts/Montserrat-Regular.ttf");
}

/*FIN FUENTE TEXTO**/

@media only screen and (min-width : 1200px) {
	body {
		font-family: "JosefinSans-Light";
		padding-top: 280px; /* Relleno superior igual a la altura de la cabecera*/
	}
	#main-header {
		width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
		left: 0; /* Posicionamos la cabecera al lado izquierdo */
		top: 0; /* Posicionamos la cabecera pegada arriba */
		position: fixed; /* Hacemos que la cabecera tenga una posición fija */
		z-index: 10;
	}

	.menu{
		background:url("images/fondo_blanco.png") no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		font-family: "disney", Open Sans;
		color: #689484;
		text-align:center;
		widht: 100%;
		backgroud:#ffffff;
	}
	.menu a{
		margin-top: 0px;
	}
	
	.menu ul{
	  	list-style: none;
		overflow: hidden;
		margin-left: 10%;
	}
	.menu ul li {
	  float: left;
	  margin:auto;	
	}
	.liLong{
		width: 20%;
	}
	.liShort{
		width: 10%;
	}
	
	.menu ul li a{
	  	text-decoration: none;
	  	font-size: 150%;
	}
	
	.text_encima {
		font-size: 150%;
		color: #689484;
		text-align:center;
		vertical-align:top;
		top:0px;
	}
	.text_encima:hover {
		color: #B2B2B2;
	}
	.text_encima_on {
		font-size: 150%;
		color: #B2B2B2;
		text-align:center;
		vertical-align:top;
		top:0px;
	}
	
	#sub-menu li:hover #sub-menu2{
		display: block;
	}
}

@media only screen and (max-width : 1200px) {
	.drop-menu {
	  cursor: pointer;
	  /*display: block;**/
	  margin: 0 auto;
	  text-align: left;
	  width: 300px;
	  font-family: "disney", Open Sans;
	  color: #689484;
	  backgroud:#ffffff;
	  height:auto;
	}
	.drop-menu:hover .sub-menu {
	  display: inline-block;
	}
	.menu ul{
	  	list-style: none;
		overflow: hidden;
	}
	.menu ul li a{
	  	text-decoration: none;
	  	font-size: 150%;
	}
	.text_encima {
		font-size: 150%;
		color: #689484;
	}
	.sub-menu {
	  /*display: none;**/
	  border-top: none;
	  width: 300px;
	}
	.sub-menu li {
	  /*display: block;**/
	  list-style-type: none;
	}
	.sub-menu a {
	  text-decoration: none;
	}
	.text_encima:hover {
		color: #B2B2B2;
	}
	.text_encima_on {
		font-size: 150%;
		color: #B2B2B2;
	}
}

#content{
  height:100%;
  width: 90%;
  overflow:auto;
  margin:auto;
  display:table;
  text-align:center;
  z-index: 5; 
  //background-image:url("images/MaderaFondoCrudo.jpg");
  background-image:url("images/loros.png");
 }
 
#content2{
  height:100%;
  width: 90%;
  margin:auto;
  display:table;
  text-align:center;
 }

.post_menu{
  	display: none;
}

.galeriaCarrusel{
	//width: 80%;
	text-align:center;
	margin:auto;
	overflow: hidden;
}
#btn {
  position: absolute;
  float: left;
}
#btn img{
  width: 50px;
  height: auto;
  margin-top: 150px;
}
.a-left {
  float: left;
  margin-left: 220px;
}
.a-right {
  float: left;
  margin-left: 580px;
}
#carrusel {
	width: 700px;
	text-align:center;
}
.galeriaCarrusel img{
	//float: left;
}


.foot{
	clear:both; /**para que no quede alineado con los float anteriores**/
	margin:auto;
	text-align:center;
	/*widht: 60%;**/
    	background-color: #689484;
    	color: #FFFFFF;
    	margin-top: 10px;
}
.foot p a {
    color: #FFFFFF;
    text-decoration: none;
}
.about {
	font-family: "JosefinSans-Light", Open Sans;
	width: 80%;
	height:100%;
	background-image:url("images/loros.png");
	background-size: cover;
	color: #689484;
	margin:auto;	
	text-align: justify;
	font-size: 120%;
}
.about_txt{
	width: 80%;
	margin:auto;
}
.about_txt span{
	font-family: "disney", "JosefinSans-Light", Open Sans;
	width: 80%;
	margin:auto;
}
.about_txt h1{
	font-size: 140%;
}

/* FORMULARIO PEDIDOS **/
.formularioPedidos{
	background-color: #689484;
    	color: #FFFFFF;
	width: 80%;
	height:100%;
	margin:auto;
}
.condicionesPedidos{
	width: 90%;
	margin:auto;
	font-size: 110%;
}
.condicionesPedidos a{
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 80%;
}

.enviado{
	color: #FFFFFF;
	font-weight: bold;
}
.condiciones{
	background-color: #FFFFFF;
	color: #689484;
}

.boton{
	Border-radius: 6px;
	font-family: "disney", "JosefinSans-Light", Open Sans;
	font-size: 110%;
	align: right;
	color: #689484;
	background-color: #ffffff;
}
/* FIN FORMULARIO PEDIDOS **/

/* PRODUCTOS**/
.catalogo_prod{
	//width: 80%;
	margin:auto;
	text-align: center;
	font-family: "JosefinSans-Light", Open Sans;
	font-size: 100%;
	color:#FFFFFF;	
}
	
.catalogo_prod p{
	clear:both; /**para que no quede alineado con los float anteriores**/
	font-size: 175%;
	color: #689484;
}
.galeriaCanastilla {
	margin:auto;
	text-align: center;
	padding-left: 15%;
	float:center;
}
.galeriaCanastilla2 {
	margin:auto;
	text-align: center;
	padding-left: 20%;
	float:center;
}
.galeriaCanastilla3 {
	margin:auto;
	text-align: center;
	padding-left: 32%;
	float:center;
}
#imgProd{
	//padding-left: 15%;
	position: relative;
	float:left;
	//float:center;
	color:rgba(255,0,0,0);
	font-size:125%;
	height: 225px;
	margin:auto;
	text-align: center;
}
#imgProd img{
	height: 150px;
	width: auto;
	margin: 5px 5px 5px 5px;
}

#imgProd2{
	position: relative;
	float:left;
	//float:center;
	color:rgba(255,0,0,0);
	font-size:125%;
	height: 500px;
	text-align: center;
}
#imgProd2 img{
	height: 150px;
	width: auto;
	margin: 5px 5px 5px 5px;
}
#imgProdc{
	padding-right: 15%;
	position: relative;
	//float:left;
	float:center;
	color:rgba(255,0,0,0);
	font-size:125%;
	height: 225px;
	margin:auto;
	text-align: center;
}
#imgProdc img{
	height: 150px;
	width: auto;
	margin: 5px 5px 5px 5px;
}
#desc_prod{
	position: absolute;
	left: 0; width: 100%;
    	top: 70%;
   	color:#689484;
}
#desc_prodc{
	position: absolute;
	right: 7%; width: 100%;
    	top: 70%;
   	color:#689484;
}
#precio_prod{
	color: #B2B2B2;
	font-size: 80%;
	font-weight: bold;
}
.galeriaBi {
	margin:auto;
	text-align: center;
	width: 80%;
	padding-left: 10%;
}
.bordaittiers p{
	margin:auto;
	text-align: center;
	color: #a0a0a0;
	font-family: "Montserrat";
}
#imgBi{
	position: relative;
	float:left;
	color:rgba(255,0,0,0);
	font-size:125%;
	height: 225px;
	text-align: center;
}
#imgBi img{
	height: 200px;
	width: 200px;
	margin: 5px 5px 5px 5px;
}

/*#imgProd:hover{
	opacity: 0.6;
	color:#689484;
	/*text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;**/
}**/

.catalogo_indice {
	/*background-image: url("images/imgTranspa50.png");**/
	/*background-color: #a0a0a0;**/
	/*width: 80%;**/
	width: 100%;
	margin:auto;
	text-align: center;
	color: #a0a0a0;
	font-family: "Montserrat";
}
.catalogo_indice a{
	text-decoration: none;
	font-size: 90%;
	color: #a0a0a0;
}
.catalogo_indice strong{
	font-size: 90%;
	color: #a0a0a0;
}
.catalogo_indice a:hover{
	color: #689484;
	font-weight: bold;
}
.catalogo_indice #mCheck{
	color: #689484;
	font-weight: bold;
}

/* FIN PRODUCTOS**/

/*DETALLE PRODUCTOS**/
.detallesProductos {	
    	//color: #689484;
    	color: #ffffff;
    	text-align:center;
}
.detallesProductos p{
	clear:both; /**para que no quede alineado con los float anteriores**/
	//background-color: #c3d5ce;
	//color: #689484;
	background-color: #689484;
	color:#ffffff;
	//width: 80%;
	margin:auto;
}
.imgDetalle{
	text-align:center;
	background-color: #689484;
	//width: 80%;
	margin:auto;
}
.detallesProductos img{
	height: 200px;
	margin: 5px 5px 5px 5px;
	text-align:center;
}
.detallesProductos span{
	font-family: "disney", "JosefinSans-Light", Open Sans;
}
.galeriaT{
	text-align:center;
	background-color: #689484;
	//width: 80%;
	margin:auto;
}
.galeriaTelas{
	background-color: #689484;
   	//height: calc( var(--h) + 3em);
  	//width: var(--w);
  	height: calc( 300px + 3em);
  	width: 400px;
 	margin:1em auto;
 	//border: 1px solid #ffffff;
  	position: relative;  
}
.galeriaTelas img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 3s;
    width: 400px;
    height: 300px;
}
.galeriaTelas input[type=radio] {
  position: relative;
  //bottom: calc(-1 * var(--h) - 1.5em);
  bottom: calc(-300px - 1.5em);
  left: .5em;
}

.galeriaTelas input[type=radio]:nth-of-type(1):checked ~ img:nth-of-type(1){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(2):checked ~ img:nth-of-type(2){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(3):checked ~ img:nth-of-type(3){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(4):checked ~ img:nth-of-type(4){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(5):checked ~ img:nth-of-type(5){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(6):checked ~ img:nth-of-type(6){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(7):checked ~ img:nth-of-type(7){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(8):checked ~ img:nth-of-type(8){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(9):checked ~ img:nth-of-type(9){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(10):checked ~ img:nth-of-type(10){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(11):checked ~ img:nth-of-type(11){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(12):checked ~ img:nth-of-type(12){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(13):checked ~ img:nth-of-type(13){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(14):checked ~ img:nth-of-type(14){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(15):checked ~ img:nth-of-type(15){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(16):checked ~ img:nth-of-type(16){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(17):checked ~ img:nth-of-type(17){opacity: 1;}
.galeriaTelas input[type=radio]:nth-of-type(18):checked ~ img:nth-of-type(18){opacity: 1;}



/*CARRUSEL**/
.carruseldeimagenes{
	list-style: none;
	text-align:center;
	margin:auto;
}
.carruseldeimagenes li {
	background-color: #FFFFFF;
}
.carruseldeimagenes img {
	/*-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;**/
}

/* FIN CARRUSEL**/ 





.avisoLegal{
	width: 80%;
	background-image:url("images/imgTranspa50.png");
	margin:auto;
	font-family: "Montserrat";
	font-size: 70%;
	color: #a0a0a0;
	text-align:justified;
}