html, body{
	/*background: url("../img/fondo4.jpg") no-repeat fixed center top / 100% 100% #FFF;*/
	height:100%;
	width:100%;
	margin:0px;
	font-family:source sans pro,droid sans,lancelot,arial,helvetica;
	font-size:25px;/*vmin;*/
	/*background-color:#138f77; /*verde marino oscuro*/
	background-color:#334d5c; /*gris*/
	/*background-color:#5e543e; /*marrón*/
	
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-weight : normal;
	
	/*#334d5c; /*gris*/
	/*#138f77; /*verde marino oscuro*/
	/*#189e83; /*verde marino claro*/
	/*#5e543e; /*marrón*/
	/*#e60086; /*rosa*/	
}

h1{
	display: inline;
	font-size: 90px; /*vmin ;*/
	font-weight:normal;
	margin-bottom:2em;
}

h2{
	display: inline;
	font-size: 65px; /*8vmin;*/
	font-weight:normal;
	margin-bottom:1em;
}

h3{
	display: block;
	font-size: 40px; /*8vmin;*/
	font-weight:normal;
	/*padding-bottom:80px;*/
	line-height:0px;
}

a{
	text-decoration:none;
	color:#FFFFFF;
}
/*h1, h2, h3, h4, h5, h6, p { font-weight : normal;}*/

/**********************************************************************************************/
.cuerpo{
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -115px; /* the bottom margin is the negative value of the footer's height */	
	width:100%;
}

.cabecera{
	/*height:50px; /*25%;*/
	color:#FFFFFF;
	/*background-color:#334d5c; /*gris*/
	background-color:#189e83; /*verde marino claro*/
}

.portada{
	/*height:200px; /*25%;*/
	background-color:#FFFFFF;
	/*text-align:center;*/
	color:#42a964; /*verde 2 oscuro*/
	font-size:16px;
	
}

.muestras{
	/*height:200px; /*25%;*/
	background-color:#42a964; /*verde 2 oscuro*/
	/*text-align:center;*/
	color:#FFFFFF; /*verde oscuro*/
	/*padding:10px;*/
	
}
.muestras img{
	/*display:block;*/
	/*display:none;*/
	-webkit-filter: invert(100%);
	filter: invert(100%);
	height:32px; /*48*/
}
.muestras a{
	text-decoration:none;
	color:#FFFFFF;
}

.col5{
	width:10%;
	float:left;
	text-align:center;
	/*margin-bottom:10px;*/
	font-size:16px;
}
.col10{
	width:10%;
	float:left;
	text-align:center;
}

.bloque1{
	color:#FFFFFF;
	/*background-color:#189e83; /*verde marino claro*/
	background-color:#334d5c; /*gris*/
	/*background-color:#5e543e; /*marrón*/
}

.pie, .push{
	height: 115px; 
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}


.contenido{
	width:980px; /*60%;*/
	margin:0 auto;
	padding:25px;
	/*2017*/
	text-align:center;
}

.mini{
	clear:both;
	display:none;
}

.desktop{
	display:inline;
}

.columna{
	/*2017*/
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;	
	
	min-width:400px;
	
	/*
	background-color:#42a964;
	-webkit-border-radius:50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding:15px;
	color:#FFFFFF;
	text-decoration:none;
	min-width:400px;
	*/
}

.columna_b{
	/*2017*/
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;	
	/*
	-webkit-border-radius:50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	 border: 2px solid #FFFFFF;
	padding:15px;
	color:#FFFFFF;
	text-decoration:none;	
	min-width:400px;
	*/
}


/*******************************************************************************************************************/

.tagline{
	
	text-align:center;
	color:#42a964; /*#e60086; /*rosa*/	
}

.tagline h3, .tagline h2, .tagline h1{
	font-family:'just another hand';
}
.titulo{
	float:left;
	text-align:right;
	width:33%;
}
.lagarto{
	height:120px;
	z-index:-1;
}

.col_left{
	float:left;
}

.col_right{
	float:right;
}

.col_clear{
	clear:both;
}
.centrado{
	text-align:center;
}

.boton{
	background-color:#42a964; /*verde 2 oscuro*/
	-webkit-border-radius:50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding:15px 45px;
	color:#FFFFFF;
	text-decoration:none;
}

.boton:hover{
	background-color:#56c97c; /*verde 1 claro*/
}

.navidad{
	background-color: #f24050; /*#ff8000; /*#ff4c4d;*/
}

.navidad:hover{
	background-color: #f45866; /*#ff9933;  /*#f33738; /*verde 1 claro*/
}


.pink{
	color:#e60086; /*rosa*/
}

.bloque1 .email, .bloque1 .tel{
	/*background-color:#42a964; /*verde 2 oscuro*/
	-webkit-border-radius:50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	 border: 2px solid #FFFFFF;
	padding:15px 45px;
	color:#FFFFFF;
	text-decoration:none;
	
}

#share-buttons img {
	width: 35px;
	padding: 5px;
	border: 0;
	box-shadow: 0;
	display: inline;
}

/*---------------------------------*/
.cortinilla{
	width:100%;
	height:100%;
	/*background-color:#000000;*/
	background:rgba(0,0,0,0.3);
	position:absolute;
	top:0px;
	display:none;
}

.cortinilla .flotante{
	margin:20px auto;
	width:1000px;
	/*height:80%;*/
	background-color:#FFFFFF;
	box-shadow: 0px 0px 10px #DDDDDD;
	padding:0px 60px 40px;
	border-radius: 25px;
	font-size:18px;
	
}
.cortinilla .flotante h1, .cortinilla .flotante h2{
	color:#42a964; /*verde 2 oscuro*/
}

/**********************************************************************************************/
@media screen and (max-width: 980px) {
	body {
		font-size:12px;/*vmin;*/
	}
	h1{
		display: inline;
		font-size: 60px; /*vmin ;*/
		font-weight:normal;
		margin-bottom:4em;
	}

	h2{
		display: inline;
		font-size: 40px; /*8vmin;*/
		font-weight:normal;
		margin-bottom:1em;
	}

	h3{
		display: block;
		font-size: 20px; /*8vmin;*/
		font-weight:normal;
		/*padding-bottom:80px;*/
		line-height:0px;
	}
	.muestras img{
		/*height:50%;
		width:50%;*/
		height:24px;
	}
	.mini{
		clear:both;
		display:block;
	}
	.desktop{
		display:none;
	}
	
	
	.col5{
		font-size:12px;
		width:20%;
	}
	
	.col_left{
		width:100%  !important;
		float:unset !important;
	}
	.col_right{
		width:100% !important;
		/*float:unset !important;*/
	}
	
	.bloque1 .email, .bloque1 .tel {
		line-height:30px;
	}
	.contenido{
		width:100%; /*60%;*/
		margin:0 auto;
		padding: 15px 0px 15px 0px
	}
	.titulo{
		text-align:center;
	}
	.portada{
		padding-left:10px;
		/*text-align:center !important;*/
	}
	
	.columna{
		min-width:0px;
	}
	
	.cortinilla .flotante{
		margin:0px auto;
		width:100%;
		/*height:80%;*/
		background-color:#FFFFFF;
		box-shadow: 0px 0px 0px #DDDDDD;
		padding:0px 0px 20px;
		border-radius: 0px;
		font-size:14px;
		
	}
	p{
		padding:0px 10px;
	}
	
}