/*

	Author: 		Diego Delbono

	Version: 		1.0	

	

	Fonts

	---------------------------------------------

	font-family: 'Montserrat', sans-serif;

	font-family: 'Open Sans', sans-serif;

	

*/



	body{}

	/*body.bodyFixed{

		overflow: hidden;

	}*/

	

	h1, h2, h3{

		color: #000;

		font-family: 'Montserrat', sans-serif;

		font-size: 1.125rem;

		font-weight: normal;

		margin: 0;

		text-transform: uppercase;

	}

	

	a{

		-webkit-transition: all 0.3s ease;

		   -moz-transition: all 0.3s;

				transition: all 0.3s ease;

	}

	

	p, span, ul li, a{

		font-family: 'Open Sans', sans-serif;

		font-size: 1.625rem;

		line-height: 1.85rem;

		margin: 0;

	}

	

	p{

		color: #404040;

		font-weight: 300;

	}

	

	p.important{

		color: #000;

		font-size: 2.625rem;

		margin-bottom: 2rem;

		line-height: 3rem;

	}

	

	i{ font-weight: italic; }

	

	.inline-list{ margin: 0;}

	.inline-list > li { margin: 0;}

	

/*	Header

	------------------------------------------ */

	header{

		padding: 1rem 0;

		position: fixed;

		top: 0;

		left: 0;

		width: 100%;

		z-index: 1000;

		height: 9rem;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}	



/*	HEADER + NAV

	------------------------------------------ */

	header nav{

		margin-top: 1.5rem;

	}

	

	header nav ul.inline-list li{

		margin-left: 1rem;

	}

	

	header nav ul li a{

		color: #fff;

		font-family: 'Montserrat', sans-serif;

		font-size: 0.9375rem;

		padding: 0.75rem 0;

		text-transform: uppercase;

	}

	

	header nav ul li a:hover,

	header nav ul li a:focus{

		color: #fff;

		opacity: 0.5;

	}

	

	header nav ul li a.pedidos{

		background: url(../assets/ico-whatsapp-header.png) no-repeat right center;

		display: none;

		color: #dd272f;

		padding-right: 3.5rem;

	}

	

/*	HEADER fixed [shrink]

	------------------------------------------ */

	header.header.shrink{ background: #fff; height: 5rem; border-bottom: 1px solid #d6d6d6;}

	header.header.shrink .logo-relative{ display: none;}

	header.header.shrink .logo-fixed{ display: block;}

	

	header.header.shrink nav{

		margin-top: 0rem;

	}

	

	header.header.shrink nav ul li a{

		color: #000;

	}

	

	header.header.shrink nav ul li a.pedidos{

		color: #dd272f;

		display: block;		

	}

	

/*	Section

	------------------------------------------ */

	section.section-general{

		padding: 3.75rem 0;

	}

	

	section.section-general h2{

		margin-bottom: 2rem;

	}

	

/*	Section

	------------------------------------------ */

	section#intro{}

	

	section#intro{

		position: relative;

	}

	

	section#intro .img-bienvenido{

		position: absolute;

		top: 50%;

		left: 50%;

		transform: translate(-50%, -50%);

		z-index: 1000;

	}

	

	.orbit-timer,

	.orbit-slide-number,

	.orbit-progress,

	.orbit-next,

	.orbit-prev{

		display: none;

	}

	

	.orbit-bullets{

		position: absolute;

		bottom: 3rem;

		width: 100%;

		top: inherit;

		margin: 0;

	}

	

	.orbit-bullets li{

		background: #fff;

		margin-right: 0.75rem;

		height: 0.75rem;

		width: 0.75rem;

	}

	

	.orbit-bullets li.active{

		background: #000;

		border: 2px solid #fff;

	}

	

/*	Section [MENU]

	------------------------------------------ */

	section#menu{

		background: url(../img/bg-section-menu.jpg) no-repeat center center;

		max-height: 32rem;

	}

	

	section#menu h2,

	section#menu p{

		color: #fff;

	}

	

	section#menu .button{

		margin-top: 3rem;

	}

	

	/*	Section [MENU] + MODAL

		------------------------------------------ */

		.reveal-modal{

			border-radius: 0;			

			top: 0;

			/*overflow-y: scroll;*/

			max-width: 48.75rem;

		}

		

		.reveal-modal .logo{

			border-bottom: 1px solid #e5e5e5;

			padding-bottom: 2rem;

			margin-bottom: 2rem;

		}

		

		.reveal-modal .close-reveal-modal{

			color: #dd272f;

			font-family: 'Open Sans', sans-serif;

			font-size: 2rem;

			right: 0;

			top: 0.5rem;

			right: 0.5rem;

		}

		

		.reveal-modal-bg{

			background: rgba(0, 0, 0, 0.8);

		}

		

		.reveal-modal *{

			color: #000;			

		}

		

		.reveal-modal h3{

			color: #dd272f;

			font-family: 'Open Sans', sans-serif;

			font-size: 2.25rem;

			font-weight: 300;

			margin-bottom: 1rem;

			text-transform: none;

		}

		

		.reveal-modal p{

			font-size: 1.125rem;

			font-weight: 400;

			margin-bottom: 1rem;

		}

		

		.reveal-modal ul{

			margin-left: 0;

		}

		

		.reveal-modal ul li{

			border-bottom: 1px solid #e1e1e1;

			font-size: 1.125rem;

			line-height: 1.5rem;

			list-style-type: none;

			position: relative;

			padding: 0.5rem;

			text-align: left;

		}

		

		.reveal-modal ul li .left { width: 80%;}

		.reveal-modal ul li .right{ width: 20%;}

		

		.reveal-modal ul li strong{

			display: block;

			font-weight: 700;

		}		

		

		.reveal-modal ul li span{

			bottom: 0.5rem;

			font-size: 1rem;

			font-weight: 700;

			line-height: 1.25rem;

			right: 0.5rem;

			position: absolute;

			text-align: right;

		}

	

/*	Section [CONTACTO]

	------------------------------------------ */

	section#contacto{}

	section#contacto p{

		color: #000;

	}

	

	section#contacto .tipo-contacto{

		margin: 2rem 0;

	}	

	section#contacto .tipo-contacto img{

		margin: 1rem 0;

	}

	section#contacto .tipo-contacto h3{

		font-family: 'Open Sans', sans-serif;

		font-size: 1.25rem;

		font-weight: 600;

		text-transform: none;

	}

	section#contacto .tipo-contacto p{

		font-size: 1.25rem;

		font-weight: 300;

	}

	

/*	Footer

	------------------------------------------ */

	footer{

		background: #dd272f;

		padding: 1rem 0 2rem 0;

	}

	

	footer *{

		color: #fff;

		font-size: 1rem;

		line-height: 1.25rem;

	}

	

	footer ul.inline-list{

		display: table;

		margin: 2rem auto;

	}	

	

	footer ul.menu li{

		margin: 0 0.75rem;

	}

	footer ul.menu li a{

		font-family: 'Montserrat', sans-serif;

		font-size: 0.875rem;

		text-transform: uppercase;

	}

	footer ul.menu li a:hover,

	footer ul.menu li a:focus{

		color: #fff;

		opacity: 0.5;

	}

	

	footer ul.social{}

	footer ul.social a{

		background: url(../assets/spriteSocial.png) no-repeat 0 0 transparent;

		height: 2rem;

		margin: 0 0.25rem;

		opacity: 0.5;

		text-indent: -9999px;

		width: 2rem;

	}

	

	footer ul.social a:hover{ opacity: 1;}

	

	footer ul.social a.icoFb{ background-position: 0 0;}

	footer ul.social a.icoTw{ background-position: -2rem 0;}

	footer ul.social a.icoIt{ background-position: -4rem 0;}

	

	footer p.by{

		font-size: 0.75rem;

		opacity: 0.3;

	}

	

/*	Formulario

	------------------------------------------ */

	form{}

	fieldset{

		border:  none;

		margin:  0;

		padding: 0;

	}

	

	.combo-form{ margin-bottom: 1.25rem; }	

	

	label{

		font-family: 'Open Sans', sans-serif;

		font-size: 1.125rem;

		text-align: left;

	}

	

	input[type=text],

	select,

	textarea{

		border: 1px solid #cecece;

		box-shadow: none;

		color: #000;

		font-family: 'Open Sans', sans-serif;

		font-size: 1rem;

		margin: 0;

	}

	

	textarea{

		min-height: 8rem;

	}

	

	input[type=text]:hover, input[type=text]:focus,

	select:hover, select:focus,

	textarea:hover, textarea:focus{

		border: 1px solid #d72135;

	}

	

	input[type=submit],

	.button{

		background: transparent;

		border: 1px solid #d72135;

		color: #d72135;

		cursor: pointer;

		font-family: 'Montserrat', sans-serif;

		font-size: 1rem;

		text-transform: uppercase;

		padding: 0.5rem 1.5rem;

		

		-webkit-transition: all 0.3s ease;

				transition: all 0.3s ease;

	}

	

	.button.white{		

		border: 1px solid #fff;

		color: #fff;

	}

	

	input[type=submit]:hover, input[type=submit]:focus,

	.button:hover, .button:focus{

		background: #d72135;

		color: #fff;

	}

	

	.button.white:hover{		

		background: transparent;

		border: 1px solid #d72135;

		color: #d72135;

	}	



/*	Error

	------------------------------------------ */

	.error{}	

	

	.error span.msgError{

		color: #da2128;

		font-size: 1rem;

		display: block;

		text-align: left;

	}

	

	.error label{ color: #da2128;}

	

	.error input,

	.error textarea{ 

		border: 1px solid #da2128;

		color: #da2128;

	}

	

	.msg{

		font-family: 'Montserrat', sans-serif;

		font-size: 1rem;

		padding: 0.5rem;

		margin: 0.5rem 0;

		text-transform: uppercase;

	}

	

	.msg-ok{

		background: #c4f8dd;

		border: 2px solid #379d67;

		color: #379d67;

	}