/* 
Comentarios CSS
*/

*{
	margin: 0;
	padding: 0;
}

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

/* 16px = 12pt = 100% = 2em */
body{
	background: rgba(237,208,153,1);
	background: -moz-linear-gradient(top, rgba(237,208,153,1) 0%, rgba(237,208,153,1) 12%, rgba(234,194,113,1) 35%, rgba(234,194,113,1) 69%, rgba(237,208,153,1) 84%, rgba(237,208,153,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,208,153,1)), color-stop(12%, rgba(237,208,153,1)), color-stop(35%, rgba(234,194,113,1)), color-stop(69%, rgba(234,194,113,1)), color-stop(84%, rgba(237,208,153,1)), color-stop(100%, rgba(237,208,153,1)));
	background: -webkit-linear-gradient(top, rgba(237,208,153,1) 0%, rgba(237,208,153,1) 12%, rgba(234,194,113,1) 35%, rgba(234,194,113,1) 69%, rgba(237,208,153,1) 84%, rgba(237,208,153,1) 100%);
	background: -o-linear-gradient(top, rgba(237,208,153,1) 0%, rgba(237,208,153,1) 12%, rgba(234,194,113,1) 35%, rgba(234,194,113,1) 69%, rgba(237,208,153,1) 84%, rgba(237,208,153,1) 100%);
	background: -ms-linear-gradient(top, rgba(237,208,153,1) 0%, rgba(237,208,153,1) 12%, rgba(234,194,113,1) 35%, rgba(234,194,113,1) 69%, rgba(237,208,153,1) 84%, rgba(237,208,153,1) 100%);
	background: linear-gradient(to bottom, rgba(237,208,153,1) 0%, rgba(237,208,153,1) 12%, rgba(234,194,113,1) 35%, rgba(234,194,113,1) 69%, rgba(237,208,153,1) 84%, rgba(237,208,153,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edd099', endColorstr='#edd099', GradientType=0 );
	color:#000;
	font-family: "Monda-Regular",Helvetica, Verdana;
	font-size: 1em;
}

h1{
	color: #000;
	margin: 0.25em auto;
	text-align: center; 
}

h2{
	color: #000;
	text-align: center;
}

header{
	background: #555;
	box-sizing: border-box; /* para que el padding no afecte el tamaño  */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	clear: both;
	height: auto;
	padding: 0;
	width: 100%;
}

section#minislider, #header{
	background: #C49100;
	box-sizing: border-box; /* para que el padding no afecte el tamaño  */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	display: inline-block;
	height: 400px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 25%;
}

section#header{
	background: #FFF;
	background-image: url('../img/bgheader.jpg');
	background-size: 100% 100%;
	height: 400px;
	margin: 0 0 0 -4px;
	width: 75%;
}


nav, .separador{
	background: rgba(164,110,11,1);
	background: -moz-linear-gradient(top, rgba(164,110,11,1) 0%, rgba(254,191,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(164,110,11,1)), color-stop(100%, rgba(254,191,0,1)));
	background: -webkit-linear-gradient(top, rgba(164,110,11,1) 0%, rgba(254,191,0,1) 100%);
	background: -o-linear-gradient(top, rgba(164,110,11,1) 0%, rgba(254,191,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(164,110,11,1) 0%, rgba(254,191,0,1) 100%);
	background: linear-gradient(to bottom, rgba(164,110,11,1) 0%, rgba(254,191,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a46e0b', endColorstr='#febf00', GradientType=0 );
	height: 50px;
	margin-top: 50px;
	width: 100%;
}

#logoheader{
	height: 178px;
	margin: 0.8em auto;
	width: 350px;
}

#slogan{
	margin-top: 50px;
	float: right;
}

.separador{
	height: 30px;
	margin: 0 auto;
	width: 100%;
}

section#contenedorlineas{	
	background: rgba(237,208,153,1);
	background: -moz-linear-gradient(top, rgba(237,208,153,1) 0%, rgba(237,208,153,1) 12%, rgba(234,194,113,1) 35%, rgba(234,194,113,1) 69%, rgba(237,208,153,1) 84%, rgba(237,208,153,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,208,153,1)), color-stop(12%, rgba(237,208,153,1)), color-stop(35%, rgba(234,194,113,1)), color-stop(69%, rgba(234,194,113,1)), color-stop(84%, rgba(237,208,153,1)), color-stop(100%, rgba(237,208,153,1)));
	background: -webkit-linear-gradient(top, rgba(237,208,153,1) 0%, rgba(237,208,153,1) 12%, rgba(234,194,113,1) 35%, rgba(234,194,113,1) 69%, rgba(237,208,153,1) 84%, rgba(237,208,153,1) 100%);
	background: -o-linear-gradient(top, rgba(237,208,153,1) 0%, rgba(237,208,153,1) 12%, rgba(234,194,113,1) 35%, rgba(234,194,113,1) 69%, rgba(237,208,153,1) 84%, rgba(237,208,153,1) 100%);
	background: -ms-linear-gradient(top, rgba(237,208,153,1) 0%, rgba(237,208,153,1) 12%, rgba(234,194,113,1) 35%, rgba(234,194,113,1) 69%, rgba(237,208,153,1) 84%, rgba(237,208,153,1) 100%);
	background: linear-gradient(to bottom, rgba(237,208,153,1) 0%, rgba(237,208,153,1) 12%, rgba(234,194,113,1) 35%, rgba(234,194,113,1) 69%, rgba(237,208,153,1) 84%, rgba(237,208,153,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edd099', endColorstr='#edd099', GradientType=0 );
	box-sizing: border-box; /* para que el padding no afecte el tamaño  */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	clear: both;
	height: auto;
	padding: 0.5em;
	width: 100%;
}

section#lineascentrado{
	height: auto;
	margin: 0 auto;
	width: 93%;
	display: flex; /* Los pone en linea */
	flex-wrap: wrap; /* Para que los elementos bajen cuando no cabe en la ventana*/
	justify-content: space-around; /* Justificado */
}

section#lineatitulo{
	display: inline-block;
	text-align: center;
}

section#linea{
	background: rgba(233,190,116,1);
	background: -moz-linear-gradient(top, rgba(233,190,116,1) 0%, rgba(238,222,163,1) 45%, rgba(238,222,163,1) 56%, rgba(233,190,116,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(233,190,116,1)), color-stop(45%, rgba(238,222,163,1)), color-stop(56%, rgba(238,222,163,1)), color-stop(100%, rgba(233,190,116,1)));
	background: -webkit-linear-gradient(top, rgba(233,190,116,1) 0%, rgba(238,222,163,1) 45%, rgba(238,222,163,1) 56%, rgba(233,190,116,1) 100%);
	background: -o-linear-gradient(top, rgba(233,190,116,1) 0%, rgba(238,222,163,1) 45%, rgba(238,222,163,1) 56%, rgba(233,190,116,1) 100%);
	background: -ms-linear-gradient(top, rgba(233,190,116,1) 0%, rgba(238,222,163,1) 45%, rgba(238,222,163,1) 56%, rgba(233,190,116,1) 100%);
	background: linear-gradient(to bottom, rgba(233,190,116,1) 0%, rgba(238,222,163,1) 45%, rgba(238,222,163,1) 56%, rgba(233,190,116,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9be74', endColorstr='#e9be74', GradientType=0 );
	box-shadow: inset 8px 8px 5px rgba(255,255,255,.7), inset -8px -8px 3px rgba(216,161,42,1), 2px 2px 10px rgba(148,108,27,.5);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-sizing: border-box; /* para que el padding no afecte el tamaño  */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	display: inline-block;
	height: 350px;
	margin: 1em;
	padding: 0.5em;
	text-align: center;
	flex-grow: 1;
	width: 350px;
}

img.lineamovil{
	display: none;
}

img.logomovil{
	display: none;
}

img.sloganmovil{
		display: none;
}

footer {	
	background: rgba(249,192,20,1);
	background: -moz-linear-gradient(top, rgba(249,192,20,1) 0%, rgba(249,192,20,1) 1%, rgba(198,135,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,192,20,1)), color-stop(1%, rgba(249,192,20,1)), color-stop(100%, rgba(198,135,0,1)));
	background: -webkit-linear-gradient(top, rgba(249,192,20,1) 0%, rgba(249,192,20,1) 1%, rgba(198,135,0,1) 100%);
	background: -o-linear-gradient(top, rgba(249,192,20,1) 0%, rgba(249,192,20,1) 1%, rgba(198,135,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(249,192,20,1) 0%, rgba(249,192,20,1) 1%, rgba(198,135,0,1) 100%);
	background: linear-gradient(to bottom, rgba(249,192,20,1) 0%, rgba(249,192,20,1) 1%, rgba(198,135,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c014', endColorstr='#c68700', GradientType=0 );
	clear: both;
	color: #000;
	font-weight: 700;
	max-width: 100%;
	padding: 1em;
	text-align: center;
}

/* Tablets */
@media (max-width:768px ) {
	
	section#minislider{
		display: none;
	}

	section#header{
	background: #FFF;
	background-image: url('../img/bgheader.jpg');
	background-size: 100% 100%;
	height: 350px;
	margin: 0 auto;
	width: 100%;
	}

	#slogan{
	margin-top: 50px;
	}

	section#linea{
		height: 350px;
		width: 350px;
	}

	img.lineamovil{
	display: none;
	}

	img.logomovil{
	display: none;
	}

	img.sloganmovil{
		display: none;
	}
}

/* Moviles */
@media (max-width:380px ) {
	
	section#header{
	height: 300px;
	}

	#slogan{
	margin-top: 0px;
	}

	section#linea{
		height: 280px;
		margin: 0.5em;
		width: 280px;
	}

	img.normal{
	display: none;
	}

	img.lineamovil{
	display: block;
	}

	img.logonormal{
		display: none;
	}

	img.logomovil{
	display: block;
	}

	img.slogannormal{
		display: none;
	}

	img.sloganmovil{
	display: block;
	}

	footer {
		font-size: 0.6em;
	}
}