@charset "utf-8";

*{
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}


.oculto{
	display: none;
}


#container{
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;	
}

/*cabecera*/

#cabecera{
	width: 100%;
	margin-bottom: 50px;
}
	
.padre{
	position: relative;
}

.hijo{
	position:absolute;
	z-index:1;
	top:20%;
	left:35%;
	text-align: center;
}

.web{
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #f6a317;
	margin-top: 50px;
	font-style: italic;
}

/*cabecera*/




/*section 1*/

#intro{
	overflow: auto;
	margin-bottom: 50px;
	border-bottom:2px solid  #f6a317;
	padding-bottom: 100px;
}

.frase{
	float: left;
	font-family: 'Yeseva One', cursive;
	color: #f6a317;
	font-size: 40px;
	width: 50%;
}

#textos{
	float: right;
	width: 50%;
	overflow: auto;
}

.col1{
	float: left;
	width: 40%;
	text-align: center;
}

.h2{
	font-family: 'Yeseva One';
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 20px;
}

.txt{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}

.col2{
	float: right;
	width: 40%;
	text-align: center;
}

/*section 1*/


/*section 2*/
#productos{
	overflow: auto;
	margin-bottom: 50px;
	border-bottom:2px solid  #f6a317;
	padding-bottom: 100px;
}

/*section 2*/


/*pie*/

#pie{
	margin-bottom: 50px;
	text-align: center;
}

.txtpie{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}


/*pie*/


@media screen and (min-width:481px) and (max-width:800px){
	
#container{
	margin-left:40px;
	margin-right:40px;	
}
	
	
	/*cabecera*/

#cabecera{
	width: 100%;
	margin-bottom: 50px;
}
	
.padre{
	position: relative;
}

.hijo{
	position:absolute;
	z-index:1;
	top:10%;
	left:30%;
	text-align: center;
	width: 40%;
}

.web{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #f6a317;
	margin-top: 20px;
	font-style: italic;
}

/*cabecera*/




/*section 1*/

#intro{
	overflow: auto;
	margin-bottom: 50px;
	border-bottom:2px solid  #f6a317;
	padding-bottom: 100px;
}

.frase{
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

#textos{
	float: none;
	width: 100%;
}

.col1{
	width: 45%;
}

.col2{
	width: 45%;
}

/*section 1*/

}

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

@media screen and (max-width:480px){
	
#container{
	margin-left:40px;
	margin-right:40px;	
}
	
	
	/*cabecera*/

#cabecera{
	width: 100%;
	margin-bottom: 50px;
}
	
.padre{
	position: relative;
}

.hijo{
	position:absolute;
	z-index:1;
	top:5%;
	left:25%;
	text-align: center;
	width: 50%;
}

.web{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #f6a317;
	margin-top: 3px;
	font-style: italic;
}

/*cabecera*/




/*section 1*/

#intro{
	overflow: auto;
	margin-bottom: 50px;
	border-bottom:2px solid  #f6a317;
	padding-bottom: 100px;
}

.frase{
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
	font-size: 30px;
}

#textos{
	float: none;
	width: 100%;
}

.col1{
	width: 100%;
	float: none;
	margin-bottom: 80px;
}

.col2{
	width: 100%;
	float: none;
}

/*section 1*/

	
}