@charset "utf-8";
/* CSS Document */

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html,
body
{
    font-family: "FuturaStdBook", "Helvetica", "Arial", sans-serif;
}

div#wrapper
{
	color: #6b6c6e;
    margin: 37px auto 35px;
    padding-right: 47px;
    width: 1187px;
}

/*--- Header ---*/
/* ------------ */
header div#logo
{
    float: left;
    text-align: center;
}

/* Menu for Desktop */
header nav#desktopMenu
{
    float: right;
    margin-top: 35px;
}


 a.fb 
	{
		color:#6B6C6E;
		font-family: Tahoma, Geneva, sans-serif; 
		font-weight:bold;
		text-decoration:none;
		font-family:  
	}
			
 a:hover.fb
	{
	 color:#333;
	 text-decoration:underline;
	 
	}
	

	nav#desktopMenu ul
	{
		text-align: center;
	}

		nav#desktopMenu ul li
		{
			display: inline;
			position: relative;
		}
			
			nav ul li a
			{
				color: #6b6c6e;
				font-size: 20px;
				text-decoration: none;
			}
			
			nav#desktopMenu ul li a
			{
				padding: 0 25px;
			}
			
			nav ul li a:active
			{
				
			}

			nav#desktopMenu ul li span
			{
				font-size: 11px;
				position: absolute;
					right: -5px;
					bottom: 4px;
			}

		nav#desktopMenu ul li.sep
		{
			font-size: 11px;
			padding: 0;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}

			nav#desktopMenu ul li.on a
			{
				font-family: "FuturaStdBold", "Helvetica", "Arial", sans-serif;
				font-weight: bold;
			}

			nav#desktopMenu ul li.first a
			{
				padding-left: 0 !important;
			}

			nav#desktopMenu ul li.last a
			{
				padding-right: 0 !important;
			}

/* Menu for Mobile */
header nav#mobileMenu
{
	clear: both;
	display: none;
	margin: 18px auto 0 auto;
	width: 300px;	
}
	
	nav#mobileMenu ul
	{
		width: 218px;
	}
	
	nav#mobileMenu ul li
	{
		background-color: #FFF;
	}
	
		/* All links */
		nav#mobileMenu ul li a
		{
			border: solid 1px #231f20;
			display: block;
			padding: 5px 0 5px 10px;
		}
	
	/* Only visible <li> */
	nav#mobileMenu > ul > li
	{
		position: relative;
	}
	
	/* Only active <li> */
	nav#mobileMenu > ul > li.on
	{
		background-color: #f3f3f3;
	}
		
		/* All links for active <li> */
		nav#mobileMenu > ul li.on a
		{
			border-top-style: none;
			border-bottom: dashed 1px #231f20;
		}
		
		/* Only link for active <li> */
		nav#mobileMenu > ul li.on > a
		{
			border-top-style: solid;
		}
		
		/* Link for last <li> (5th) */
		nav#mobileMenu > ul li.last a
		{
			border-bottom-style: solid;
		}
		
		/* Dropdown menu */
		nav#mobileMenu ul.dropdown
		{
			display: none;
			position: absolute;
			z-index: 1000;
		}

/*--- Main Wrapper (Image Slider) ---*/
/* --------------------------------- */
section#mainWrapper
{
    margin-top: 41px;
    position: relative;
}

	html.js .noJsSlider
	{
		display: none;
	}
	
	html.js section#mainWrapper ul.sliderDesktop,
	html.js section#mainWrapper ul.sliderMobile
	{
		min-height: 417px;
	}
	
	html.js section#mainWrapper ul.sliderMobile
	{
		display: none;
	}
	
	section#mainWrapper ul.sliderDesktop li > img,
	section#mainWrapper ul.sliderMobile li > img
	{
		display: block;
	}

	section#mainWrapper div#social
	{
		position: absolute;
			top: 135px;
			right: -47px;
	}

		section#mainWrapper div#social a
		{
			background: url("../img/social-sprites.png") no-repeat;
			display: block;
			height: 47px;
			width: 47px;
		}

		section#mainWrapper div#social a#tw
		{
			background-position: 0 -47px;
		}

		section#mainWrapper div#social a#yt
		{
			background-position: 0 -94px;
		}

/* Slider Loader */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url("../img/bx_loader.gif") center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* No JavaScript */
html.no-js .sliderDesktop,
html.no-js .sliderMobile,
html.no-js .noJsSlider li#noJsMobileSlide,
html.no-js .slider,
html.no-js #page-indicator
{
	display: none;
}

html.no-js .noJsSlider
{
	display: block;
}

/*--- Hoy ---*/
/* --------- */
section#mainWrapper div#hoyWrapper
{
	background-color: #f0f0f0;
	position: relative;
	text-align: center;
}

	section#mainWrapper div#hoyWrapper img
	{
		width: 80%;
	}
	
	section#mainWrapper div#hoyWrapper div#hoyText
	{
		font-size: 170%;
		margin: 0 auto;
		padding: 0 22%;
		position: absolute;
			top: 170px;
		text-align: center;
	}
	
		section#mainWrapper div#hoyWrapper div#hoyText p.bold
		{
			font-size: 18px;
		}

/*--- Variedades ---*/
/* ---------------- */
section#mainWrapper ul.slider > li
{
	background-color: #f0f0f0;
	min-height: 499px;
}

section#mainWrapper ul.slider li > div.slideContent
{
	color: #ee7531;
	font-family: "HelveticaNeueCondensedBold", "Helvetica", "Arial", sans-serif;
	padding-right: 15%; /* 40px */
}
	
	div.slideContent > div.slideImage
	{
		position: absolute;
			left: 0;
			bottom: 0;
	}
	
	div.slideContent > div.slideInfo
	{
		margin: 130px 0 0 20%; /* 130px 0 0 34% */
		position: relative;
	}
	
		div.slideInfo div.productName
		{
			border-bottom: dashed 1px #626264;
		}
	
			div.productName span.slideNum
			{
				font-size: 72px;
				font-weight: bold;
			}
		
				span.slideNum span.numeric
				{
					font-size: 30px;
					margin-right: 4px;
					vertical-align: middle;
				}
		
			div.productName h3
			{
				display: inline;
				font-size: 29px;
				margin-left: 10px;
			}
			
		div.slideInfo div.calibers
		{
			border-right: dashed 1px #626264;
			float: left;
			padding: 40px 2% 0 5px;
			position: relative;
			width: 60%;
		}
		
			div.calibers img
			{
				display: inline-block;
				margin-right: 4%;
				vertical-align: bottom;
			}
			
			div.calibers img.last
			{
				margin-right: 0 !important;
			}
			
			div.calibers ul
			{
				font-size: 15px;
				padding-right: 8%;
				position: absolute;
					top: 17px;
					right: 0;
			}
			
				div.calibers ul li
				{
					background: url("../img/calibres-circle.png") no-repeat 0 2px;
					list-style: none;
					padding-left: 22px;
					margin-left: auto;
				}
		
		div.slideInfo div.everyLiter
		{
			float: left;
			font-size: 20px;
			padding: 17px 10px 0 4%;
			position: relative;
			width: 25%;
		}
		
			div.everyLiter > div
			{
				margin-top: 20px;
			}
			
				div.everyLiter > div > div
				{
					width: 149px; /* antes 140*/
				}
	
	div.slideContent .red
	{
		color: #ea4235;
	}
	
	div.slideContent .allo
	{
		color: #FC3;
	}
	
	div.slideContent .italic
	{
		color: #ea4235;
		font-style:italic;
		font-weight: 100; 
	}

.bx-wrapper
{
	position: relative;
}

.bx-controls
{
	position: absolute;
		top: 24px;
		right: 10%;
}

div#page-indicator
{
	position: absolute;
}
	
	.bx-controls .bx-pager-item
	{
		display: inline-block;
		margin-right: 15px;
	}
	
		.bx-pager-item a
		{
			color: #ea4235;
			font-family: "HelveticaNeueCondensedBold", "Helvetica", "Arial", sans-serif;
			font-size: 28px;
			text-decoration: none;
		}
	
		.bx-pager-item a span.numeric
		{
			font-size: 14px;
			margin-right: 3px;
			vertical-align: middle;
		}

/*--- Producto ---*/
/* -------------- */
section#mainWrapper div#prodWrapper
{
	background-color: #f0f0f0;
	padding: 65px 50px 65px 80px;
}

	section#mainWrapper div#prodWrapper img
	{
		float: left;
		margin-right: 75px;
		margin-bottom: 33px;
	}
	
	section#mainWrapper div#prodWrapper div#prodText
	{
		margin-top: -5px;
	}
		
		section#mainWrapper div#prodWrapper div#prodText h1
		{
			font-family: "Helvetica", "Arial", sans-serif;
			
			font-size: 24px;
			margin-bottom: 21px;
		}
		
		section#mainWrapper div#prodWrapper div#prodText p
		{
			font-family: "FuturaStdLight", "Helvetica", "Arial", sans-serif;
			font-size: 15px;
			line-height: 23px;
			text-align: justify;
		}

/*--- Contacto ---*/
/* -------------- */
form
{
	float: left;
	width: 295px;
}

	form label
	{
		display: block;
		font-size: 18px;
		margin-bottom: 5px;
	}
	
	form input,
	form textarea
	{
		background-color: #FFF;
		border: none;
		display: block;
		height: 22px;
		margin-bottom: 10px;
		width: 295px;
	}
	

#prodWrapper select {
    width: 100%;
    border: none;
    height: 29px;
    margin: 10px 0px 24px 0;
}
#prodWrapper input[type="submit"] {
    background: #54AF5C;
    color: #fff;
    padding: 12px;
    height: 50px;
    font-size: 22px;
}
	
	form textarea
	{
		height: 75px !important;
		resize: none;
	}
	
	form a#btnEnviar
	{
		color: #6b6c6e;
		display: inline-block;
		font-family: "FuturaStdBold", "Helvetica", "Arial", sans-serif;
		font-size: 18px;
		margin-top: 10px;
		text-decoration: none;
	}
	
	form a#btnEnviar:hover
	{
		text-decoration: underline;
	}

/*--- Footer ---*/
/* ------------ */
footer
{
	font-size: 13px;
	margin-top: 30px;
	padding: 0 10px;
}

	footer > div.floatRight
	{
		margin-top: -10px;
	}

		footer > div.floatRight span
		{
			/*display: table-cell;*/
			font-size: 18px;
			vertical-align: bottom;
		}
	
		footer > div.floatRight img
		{
			display: inline;
			margin-left: 20px;
			width: 116px;
		}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Social Media Adjustment (+47px for Social Media) */
@media only screen and (max-width: 1234px)
{
	div#wrapper
    {
		padding-right: 0;
	}
	
	/* Main Wrapper (Image Slider) */
	section#mainWrapper,
	section#mainWrapper div#social
	{
		position: static;
	}
	
		section#mainWrapper div#social
		{
			/*
			top: auto;
			right: auto;
			bottom: -47px;
			left: 0;
			*/
		}
		
			section#mainWrapper div#social a
			{
				float: left;
			}
	
	footer
	{
		margin-top: 28px;
	}
}

/* Small desktop */
@media only screen and (max-width: 1187px)
{
	/*--- Producto ---*/
	section#mainWrapper div#prodWrapper img
	{
		margin: 0 30px 22px 0;
		width: 48%;
	}
	
	/*--- Contacto ---*/
	body.contacto section#mainWrapper div#prodWrapper
	{
		padding-right: 25px;
	}
	
		body.contacto section#mainWrapper div#prodWrapper img
		{
			width: 52% !important;
		}
}

@media only screen and (min-width: 960px) and (max-width: 1187px)
{
	div#wrapper
    {
        width: 100%;
    }
	
	/*--- Header ---*/
    header
    {
        padding: 0 10px;
    }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1090px), only screen and (max-device-width: 1024px), only screen and (max-device-width: 1280px) and (orientation: landscape), print
{
    div#wrapper
    {
		margin: 35px 0 35px;
		padding-right: 0;
		width: 100%;
    }
    
	/*--- Header ---*/
    header div#logo,
    header nav#desktopMenu
    {
        float: none;
        margin: 0 auto;
    }
	
	header nav#desktopMenu
	{
		margin-top: 37px;
	}
	
		header div#logo img
		{
			width: 340px;
		}
	
	/*--- Main Wrapper (Image Slider) ---*/
	section#mainWrapper
	{
		margin-top: 11px;
	}
	
	/*--- If JavaScript enabled, correct slider height ---*/
	html.js section#mainWrapper ul.sliderDesktop,
	html.js section#mainWrapper ul.sliderMobile
	{
		min-height: 0;
	}
	
	/*--- Variedades ---*/
	section#mainWrapper ul.slider li > div.slideContent
	{
		padding-right: 0;
	}
		
		div.slideContent > div.slideImage
		{
			left: -60px;
		}
		
		div.slideContent > div.slideInfo
		{
			margin-left: 15%;
			margin-right: 15%;
		}
		
			div.slideInfo div.calibers
			{
				width: 66%;
			}
			
				div.calibers img
				{
					margin-right: 3%;
				}
			
			div.slideInfo div.everyLiter
			{
				font-size: 18px;
				width: 21%;
			}
	
	/*--- Footer ---*/
	footer
	{
		padding: 0;
		text-align: center;
	}
	
		footer > div
		{
			float: none !important;
			margin: 0 auto;
		}
		
		footer > div.floatRight
		{
			margin-top: 10px;
		}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
    
}

/* Tablet Portrait size */
@media only screen and (max-width: 800px)
{
	/*--- Header ---*/
	header nav#desktopMenu ul li a
	{
		font-size: 18px;
		padding: 0 20px;
	}
	
	/*--- Main Wrapper (Image Slider) ---*/
	html.js section#mainWrapper ul.sliderDesktop
	{
		display: none;
	}
	
	html.js section#mainWrapper ul.sliderMobile
	{
		display: block;
	}
	
	/*--- No JavaScript ---*/
	html.no-js .noJsSlider li#noJsDesktopSlide
	{
		display: none;
	}
	
	html.no-js .noJsSlider li#noJsMobileSlide
	{
		display: list-item;
	}
	
	/*--- Hoy ---*/
	section#mainWrapper div#hoyWrapper
	{
		padding: 55px 0 85px;
	}
	
		section#mainWrapper div#hoyWrapper img
		{
			width: 100%;
		}
	
	/*--- Variedades ---*/
	section#mainWrapper ul.slider li > div.slideContent
	{
		padding: 0 30px;
	}
		
		div.slideContent > div.slideImage
		{
			display: none;
		}
		
		div.slideContent > div.slideInfo
		
		{
			margin-left: 7%;
			margin-right: 7%;
			
		}
		
			div.productName span.slideNum
			{
				font-size: 60px;
			}
			
			div.productName h3
			{
				font-size: 28px;
			}
		
			div.slideInfo div.calibers
			{
				padding-top: 35px;
				padding-bottom: 20px;
				width: 70%;
			}
			
				div.calibers img
				{
					margin-right: 3%;
				}
			
				div.calibers img.caliber1
				{
					width: 61px;
				}
				
				div.calibers img.caliber2
				{
					width: 52px;
				}
				
				div.calibers img.caliber3
				{
					width: 32px;
				}
				
				div.calibers img.caliber4
				{
					width: 28px;
				}
				
				div.calibers img.caliber5
				{
					width: 29px;
				}
				
				div.calibers img.caliber6
				{
					width: 52px;
				}
			
			div.slideInfo div.everyLiter
			{
				font-size: 17px;
				width: 19%;
			}
			
	.bx-controls
	{
		position: absolute;
			top: 24px;
			right: 7%;
	}
	
	div#page-indicator img
	{
		width: 28px;
	}
		
		.bx-controls .bx-pager-item
		{
			display: inline-block;
			margin-right: 12px;
		}
		
			.bx-pager-item a
			{
				color: #ea4235;
				font-family: "HelveticaNeueCondensedBold", "Helvetica", "Arial", sans-serif;
				font-size: 24px;
				text-decoration: none;
			}
		
			.bx-pager-item a span.numeric
			{
				font-size: 13px;
				margin-right: 3px;
				vertical-align: middle;
			}
	
	/*--- Producto ---*/
	section#mainWrapper div#prodWrapper
	{
		padding: 77px 57px;
	}
	
		section#mainWrapper div#prodWrapper img
		{
			display: none;
		}
		
		section#mainWrapper div#prodWrapper div#prodText
		{
			width: 385px;
		}
	
	/*--- Footer ---*/
	footer > div.floatRight img
	{
		width: 175px;
	}
}

@media only screen and (max-width: 800px)
{
	/*--- Header ---*/
	header nav#desktopMenu ul li a
	{
		font-size: 17px;
		padding: 0 15px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 550px)
{
	header div#logo img
	{
		width: 300px;
	}

	/*--- Header ---*/
	header nav#desktopMenu
	{
		display: none;
	}
	
	header nav#mobileMenu
	{
		display: block;
	}
	
	/*--- Social Media ---*/
	section#mainWrapper div#social
	{
		bottom: -37px;
	}
	
		section#mainWrapper div#social a
		{
			height: 37px;
			width: 37px;
		}
		
		section#mainWrapper div#social a#fb
		{
			background-position:-47px 0;
		}
		
		section#mainWrapper div#social a#tw
		{
			background-position:-47px -37px;
		}
	
		section#mainWrapper div#social a#yt
		{
			background-position:-47px -74px;
		}
	
	/*--- Hoy ---*/
	section#mainWrapper div#hoyWrapper
	{
		padding: 62px 0 65px;
	}
	
	/*--- Variedades ---*/
	section#mainWrapper ul.slider li > div.slideContent
	{
		padding: 0 15px;
	}
		
		div.slideContent > div.slideInfo
		{
			margin-top: 100px;
		}
	
			div.slideInfo div.calibers
			{
				width: 70%;
			}
			
				div.calibers img.caliber1
				{
					width: 50px;
				}
				
				div.calibers img.caliber2
				{
					width: 43px;
				}
				
				div.calibers img.caliber3
				{
					width: 26px;
				}
				
				div.calibers img.caliber4
				{
					width: 23px;
				}
				
				div.calibers img.caliber5
				{
					width: 24px;
				}
				
				div.calibers img.caliber6
				{
					width: 43px;
				}
			
			div.slideInfo div.everyLiter
			{
				font-size: 14px;
			}
			
			div#page-indicator img
			{
				width: 25px;
			}
				
				.bx-controls .bx-pager-item
				{
					margin-right: 8px;
				}
				
					.bx-pager-item a
					{
						font-size: 18px;
					}
				
					.bx-pager-item a span.numeric
					{
						font-size: 11px;
						margin-right: 2px;
					}
	
	/*--- Producto ---*/
	section#mainWrapper div#prodWrapper
	{
		padding: 37px 23px;
	}
		
		section#mainWrapper div#prodWrapper div#prodText
		{
			width: 100%;
		}
		
			section#mainWrapper div#prodWrapper div#prodText h1
			{
				font-family: "FuturaStdBold", "Helvetica", "Arial", sans-serif;
				font-size: 22px;
			}
			
			section#mainWrapper div#prodWrapper div#prodText p
			{
				font-size: 18px;
			}
	
	/*--- Contacto ---*/
	form,
	form input,
	form textarea
	{
		width: 100%;
	}
	
	/*--- Footer ---*/
	footer
	{
		font-size: 9px;
	}
	
		footer > div.floatRight span
		{
			font-size: 14px;
		}
		
		footer > div.floatRight img
		{
			margin-left: 16px;
			width: 136px;
		}
}

/* Resize logo */
@media only screen and (max-width: 375px)
{
	header div#logo img
	{
		width: 80%;
	}
	
	/* Menu for Mobile */
	header nav#mobileMenu
	{
		width: 100%;
	}
	
		nav#mobileMenu ul
		{
			margin: 0 auto;
		}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
    
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 490px)
{
    /*--- Variedades ---*/
	div.slideContent
	{
		padding-bottom: 30px !important;
	}
	
	div.slideInfo div.calibers
	{
		border: none;
		clear: both;
		float: none;
		width: 100%;
	}
		
		div.productName span.slideNum
			{
				font-size: 45px;
			}
		
				span.slideNum span.numeric
				{
					font-size: 22px;
				}
		
			div.productName h3
			{
				font-size: 19px;
				margin-left: 5px;
			}
	
		div.calibers img.caliber1
		{
			width: 50px;
		}
		
		div.calibers img.caliber2
		{
			width: 43px;
		}
		
		div.calibers img.caliber3
		{
			width: 26px;
		}
		
		div.calibers img.caliber4
		{
			width: 23px;
		}
		
		div.calibers img.caliber5
		{
			width: 24px;
		}
		
		div.calibers img.caliber6
		{
			width: 43px;
		}
	
	div.slideInfo div.everyLiter
	{
		clear: both;
		float: none;
		font-size: 16px;
		width: 50%;
	}
	
	div#page-indicator img
	{
		width: 25px;
	}
	
	.bx-controls
	{
		right: 0;
	}
		
		.bx-controls .bx-pager-item
		{
			margin-right: 8px;
		}
		
			.bx-pager-item a
			{
				font-size: 17px;
			}
		
			.bx-pager-item a span.numeric
			{
				font-size: 11px;
				margin-right: 2px;
			}
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }
	
    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}