/* =============================================================================
   Base
   ========================================================================== */

body { 
	background:url('../img/background.jpg') #fbf9f8 repeat top center;
	z-index:1;
	position:relative;
overflow-x:hidden;	
}
/* =============================================================================
   Header
   ========================================================================== */
	#top-shadow{
			background:url('../img/top_shadow.png') repeat;
			top:0;
			z-index:5;
			position:absolute;
			width:100%;
			height:469px;
	}
	
	#top-decoration{ 
			background:url('../img/top_decoration.png') no-repeat top center;
			top:0;
			z-index:10;
			position:absolute;
			width:100%;
			height:68px;
	}
	
	.brand{
				background:url('../img/logo.png') no-repeat bottom center;
				width:278px;
				height:116px;
				margin: 0 auto;
				margin-bottom:9px;
				padding-top:54px;
				display:block;
				
	}
   
   #banner { 
			z-index:15;
			position:relative;
   }
   
   #brand-main { 
			position:relative;
   }
   
   #soc-buttons{			
			width:295px;
			height:30px;
			position:absolute;
			top:86px;
			left:720px;		
	}
   
   #soc-shadow{
			background:url('../img/social_shadow.png') no-repeat;			
			width:295px;
			height:82px;
			position:absolute;
			top:116px;
			left:680px;		
	}
	
	#youtube-button{
	width:55px;
	height:22px;
	background:url('../img/youtube.png') no-repeat;
	float:left;
	z-index:15;
	padding-right:15px;
	}
	
	#youtube-button a {
		display:block;
		width:55px;
		height:22px;
		cursor:hand;
		cursor:pointer;
		z-index:25;
		
		
	}

	
	.menu-bresh{ width:802px; height:66px; background:url('../img/menu.png') no-repeat; position:relative; margin: 0 auto; padding: 0; list-style: none;}
	
	.menu-bresh li{ margin: 0; padding: 0; position: absolute; top: 0; height: 66px;}
	.menu-bresh a { height:44px; padding:10px 0 12px 0; display:block; text-indent:-9999px;}
	
	.menu-bresh li.menu-inicio{ left:0; width:136px}
	.menu-bresh li.menu-productos{ left:136px; width:168px}
	.menu-bresh li.menu-novedades{ left:305px; width:170px}
	.menu-bresh li.menu-videos{ left:476px; width:159px}
	.menu-bresh li.menu-contacto{ left:635px; width:170px}
	
	.menu-bresh li.menu-inicio a:hover,  .menu-bresh li.menu-inicio.active{ background: transparent url('../img/menu.png') 0 -66px no-repeat;}
	.menu-bresh li.menu-productos a:hover, .menu-bresh li.menu-productos.active{ background: transparent url('../img/menu.png') -136px -66px no-repeat;}
	.menu-bresh li.menu-novedades a:hover, .menu-bresh li.menu-novedades.active{ background: transparent url('../img/menu.png') -305px -66px no-repeat;}
	.menu-bresh li.menu-videos a:hover, .menu-bresh li.menu-videos.active{ background: transparent url('../img/menu.png') -476px -66px no-repeat;}
	.menu-bresh li.menu-contacto a:hover, .menu-bresh li.menu-contacto.active{ background: transparent url('../img/menu.png') -635px -66px no-repeat;}

		
	.tw-follow{ float:left;padding-right:15px;}
	.fb-like{ float:left;}
/* Fixed Topbar Navigation */
body.top-navbar { padding-top: 60px; }
body.admin-bar .navbar-fixed-top { top: 28px; }

#wrap{
		position:relative;
		z-index:10;
}



/* =============================================================================
   Content
   ========================================================================== */

#content { }

#separador-footer{
					width:1583px;
					left:50%;
					margin-left:-791px;
					top:480px;
					height:255px;
					background:url('../img/separador_footer.png') no-repeat center center;
					overflow-x:hidden;
					position:absolute;
					z-index:11;
}


#separador-centro{
					width:1670px;
					left:50%;
					margin-left:-832px;
					top:230px;
					height:254px;
					background:url('../img/divisor-superior.png') no-repeat center center;
					overflow-x:hidden;
					position:absolute;
					z-index:11;
}



.noticia{
		position:relative;
		height:210px;
		z-index:12;
		padding-bottom:50px;
}



.noticia .noticia-thumb img, .noticia-full img, .noticia-right img {
							border: 4px solid #433d6e;
							box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
							-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
							-moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
							-webkit-border-radius: 12px;
							-moz-border-radius: 12px;
							border-radius: 12px;
}




.noticia-thumb{float:left;width:102px;}
.noticia header h2, .noticia-right header h2 { 
				float:left;
				font-family:BryantBoldCondensedRegular;
				color:#433d6e;
				font-size:17px; 
				width:190px;
				line-height:20px;
				text-align:left;
				height:80px;
				padding-top:20px;
}	

.noticia-excerpt{
				color:#6c6b70;
				font-family:Verdana;
				font-size:11px;
				line-height:14px;
				padding-right:20px;
				height:80px;
				width:300px;
								
}

.noticia-leer a{
				color:#df1059;
				font-family:Verdana;
				font-size:11px;
				text-decoration:none;
				font-weight:bold;
}

.noticias-social{
				height:45px;
				padding-top:5px;
				z-index:30;
}			

/* =============================================================================
   Primary Content
   ========================================================================== */

#main { 
		text-align:center;
		padding-top:20px;
		padding-bottom:50px;
}

#empaques{
			text-align:center;
			margin-top:30px;
			padding-bottom:30px;
}





/* =============================================================================
   Sidebar
   ========================================================================== */

#sidebar { }



/* =============================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry h2 a { text-decoration: none; }
.hentry time { display: block; }
.hentry p.byline { }
.hentry footer { clear: both; }



/* =============================================================================
   Post Comments
   ========================================================================== */

#comments, #respond, #submit { clear: both; display: block; }
ol.commentlist img.avatar { float: left; margin-right: 10px; }

/* =============================================================================
   Novedades
   ========================================================================== */
.noticia-fullexcerpt{
				font-size:14px;
				line-height:20px;
				padding-top:20px;
				text-align:left;				
}


.noticia-main{
		margin: 0 auto;
		position:relative;
		height:335px;
		width:800px;
		padding-top:20px;
		z-index:12;
}

.noticia-text{
				float:left;
				width:406px;
				color:#6c6b70;
				font-family:Verdana;
}




a.noticia-text-title, .single-text-title{ 
				
				float:left;
				font-family:BryantBoldCondensedRegular;
				color:#433d6e;
				font-size:24px; 
				line-height:30px;
				text-align:left;
				width:360px;
				background:url('../img/flecha-titulo.png') no-repeat scroll 0 7px transparent;
				text-decoration:none;
				display:block;
				padding-left:24px;
}

.noticia-text-leer a{
					color:#df1059;
					font-family:Verdana;
					font-size:11px;
					text-decoration:none;
					font-weight:bold;

}

.noticia-text-leer {
			
					text-align:left;
}



.noticia-full{float:left;width:360px;z-index:10;padding-right:20px;}

.noticia-full img {z-index:10;}

.noticia-right-excerpt{
				color:#6c6b70;
				font-family:Verdana;
				font-size:11px;
				line-height:14px;
				height:80px;
				width:300px;
								
}

#separador-novedades{
					width:964px;
					left:50%;
					margin-left:-482px;
					top:370px;
					height:5px;
					background:url('../img/separador-novedades.png') no-repeat center center;
					position:absolute;
					z-index:10;
}

#preview-shadow{
				background:url('../img/image-shadow.png') no-repeat;
				top:271px;
				width:400px;
				height:41px;
				position:absolute;
				z-index:-1;
				left:-16px;
}




/* =============================================================================
   Post
   ========================================================================== */
	.single-main{width:540px;}
	
	.single-text{
				color:#6c6b70;
				font-family:Verdana;
				font-size:12px;
				line-height:20px;
				text-align:left;
				padding-top:60px;
				padding-bottom:60px;
	}
	
	.single-text-title{
						padding-bottom:20px;
						width:520px;
	}
	
	.single-text-title h2{
						color:#505ba1;
						font-family:Verdana;
						font-size:12px;
						line-height:20px;
						text-align:left;
						padding-top:15px;
	}
	
	#noticias-relacionadas{float:left;}
	
	#noticias-relacionadas-titulo{background:url('../img/noticias-relacionadas.png') no-repeat;width:223px;height:96px;padding-bottom:20px;}
	
	.post-left{float:left;width:580px;padding-left:30px;}
	
	#single-img-shadow{
				background:url('../img/image-shadow.png') no-repeat;
				top:322px;
				width:400px;
				height:41px;
				position:absolute;
				z-index:-1;
				left:12px;
	}
	
	.noticia-right{text-align:left;padding-left:20px;position:relative;z-index:12;padding-bottom:10px;}
	
	#divisor-noticias{background:url('../img/divisor-noticias.png') no-repeat; width:326px; height:20px;}
	
	#divisor-single{background:url('../img/separador-noticias.png') no-repeat; width:254px; height:930px;z-index:4;position:absolute;top:-11px; left:486px;}


	/* =============================================================================
   Productos
   ========================================================================== */
	
	.main-productos{width:840px; height:390px;margin:0 auto;}
	
	#productos-presentacion {float:left;background:url('../img/productos-fondo.png') no-repeat; width:835px; height:388px;}
	
	#productos-texto{float:right;color:#403c6a;font-family:Verdana;font-size:12px;text-align:left;width:350px;height:314px;padding-right:28px;padding-top:30px;}
	
	#separador-footer-productos{
					width:1583px;
					left:50%;
					margin-left:-791px;
					top:311px;
					height:255px;
					background:url('../img/separador_footer.png') no-repeat center center;
					position:absolute;
					z-index:11;
	}
	
	
	/* =============================================================================
	Videos
   ========================================================================== */
	
	.main-videos{width:795px; height:500px;margin:0 auto;}
	
	#video-stream{background:url('../img/video-fondo.png') no-repeat; width:709px; height:400px;margin:0 auto;}
	.no-video-found{background:url('../img/contrus_video_bresh.png') no-repeat; width:500px; height:212px;margin:0 auto;}
	.container-no-video{margin:0 auto;padding-top:120px}
	#video-carousel{width:709px; height:106px;margin:0 auto;text-align:center;z-index:15;}
	.video-container{width:152px; height:96px;float:left;}
	
	.video-container a{cursor:hand;cursor:pointer;}
	

	a.prev span, a.next span {
	display: none;
	}
	
	
	#prev-video{background:url('../img/left-video.png') no-repeat; width:24px; height:37px;display: block;position: absolute;top: 446px;left: 120px;z-index:15;}
	#next-video{background:url('../img/right-video.png') no-repeat; width:24px; height:37px;display: block;position: absolute;top: 446px;right: 136px;z-index:15;}
	
	#separador-footer-videos{
					width:1583px;
					left:50%;
					margin-left:-791px;
					top:421px;
					height:255px;
					background:url('../img/separador_footer.png') no-repeat center center;
					position:absolute;
					z-index:11;
	}
	
	.caroufredsel_wrapper{margin: 0 110px !important;}
	
	/* =============================================================================
   Contacto
   ========================================================================== */
	
	#contacto-presentacion {float:left;background:url('../img/telefono.png') no-repeat; width:413px; height:413px;}
	#contacto-datos{float:left;padding:20px;width:340px;}
	#contacto-datos p {text-align:left;line-height:30px;}
	.main-contacto{width:795px; height:500px;margin:0 auto;}
	.bryant-black-medium{color:#000;font-family:BryantBoldCondensedRegular;font-size:20px;}
	.bryant-black-light{color:#000;font-family:bryant_light_condensedregular;font-size:22px;font-weight:bold;}
	
	#divisor-contacto{background:url('../img/separador-contacto.png') no-repeat; width:165px; height:336px;z-index:4;position:absolute;top:50px; left:470px;}
	
	input[type=text].holder-contacto, .area-contacto {font-family:Verdana;font-size:14px;width:310px;border-top:solid #bfbfbf 1px;border-left:solid #bfbfbf 1px; border-right:none; border-bottom:none; resize:none;} 
	
	#contacto-form{padding-top:30px;position:relative;z-index:100;}
	
	#boton-deco{background:url('../img/boton-deco.png') no-repeat; width:156px;height:100px;top:430px;left:580px;position:absolute;z-index:2}
	
	input[type=submit].boton-contacto{
		border: 1px solid #696;
		text-align: center; 
		width: 320px !important;
		height:42px !important;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background: #92B341;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#92B341), to(#557c14));
		background: -webkit-linear-gradient(#92B341, #557c14);
		background: -moz-linear-gradient(#92B341, #557c14);
		background: -ms-linear-gradient(#92B341, #557c14);
		background: -o-linear-gradient(#92B341, #557c14);
		background: linear-gradient(#92B341, #557c14);
		-pie-background: linear-gradient(#92B341, #557c14);
		behavior: url(/PIE.htc);
		color: #fff;
		font-family:bryant_light_condensedregular;
		font-size:16px;
	}
	
	input[type=submit].boton-contacto:hover{
		border: 1px solid #696;
		width: 320px !important;
		height:42px !important;
		border: 1px solid #696;
		text-align: center;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background: #8B36EF;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8B36EF), to(#390a89));
		background: -webkit-linear-gradient(#8B36EF, #390a89);
		background: -moz-linear-gradient(#8B36EF, #390a89);
		background: -ms-linear-gradient(#8B36EF, #390a89);
		background: -o-linear-gradient(#8B36EF, #390a89);
		background: linear-gradient(#8B36EF, #390a89);
		-pie-background: linear-gradient(#8B36EF, #390a89);
		behavior: url(/PIE.htc);
		color: #fff;
		font-family:bryant_light_condensedregular;
		font-size:16px;
	}
	
	span.wpcf7-not-valid-tip {
				position: absolute;
				top: -11px;
				left: 323px;
				z-index: 100;
				background: transparent;
				border: none;
				font-size: 10pt;
				width: 280px;
				padding: 2px;
				font-family:bryant_light_condensedregular;
				color:#000;
	}
 
	div.wpcf7-validation-errors {
		position: absolute;
		font-family:bryant_light_condensedregular;
		color:#000;
		border: none;
		top:355px;
	} 
	
	#separador-footer-contacto{
					width:1583px;
					left:50%;
					margin-left:-791px;
					top:423px;
					height:255px;
					background:url('../img/separador_footer.png') no-repeat center center;
					position:absolute;
					z-index:11;
}


/* =============================================================================
   Footer
   ========================================================================== */

#content-info {
  padding-top: 15px;
  position:relative;
  z-index:15;
}

#content-info p small { font-size: 13px;}

#twitter-footer{
	width:303px;
	height:158px;
	background:url('../img/bresh_tweets.png') no-repeat;
	float:left;
	margin-right:73px;
	z-index:35;
	position:relative;
}

#twitter-footer a {
		margin-left:30px;
		display:block;
		width:215px;
		height:50px;
		z-index:100;
		cursor:pointer;
}
#facebook-footer{
	width:197px;
	height:140px;
	background:url('../img/bresh_facebook.png') no-repeat;
	float:left;
	margin-right:73px;
	z-index:15;
	position:relative;
	
}

#facebook-footer a {
		margin-left:30px;
		display:block;
		width:153px;
		height:63px;
		z-index:100;
		cursor:pointer;
}

#youtube-footer{
	width:221px;
	height:146px;
	background:url('../img/bresh_youtube.png') no-repeat;
	float:left;
	z-index:15;
	position:relative;
	
}

#youtube-footer a {
		margin-left:3px;
		display:block;
		width:215px;
		height:66px;
		z-index:100;
		cursor:pointer;
}

#separador-vertical{
	left:340px;
	width:73px;
	height:131px;
	background:url('../img/separador_vertical.png') no-repeat;
	float:left;
	position:absolute;
	z-index:10;
}

#separador-vertical2{
	left:610px;
	width:73px;
	height:131px;
	background:url('../img/separador_vertical.png') no-repeat;
	float:left;
	position:absolute;
	z-index:10;
}

#footer-shadow{
					height:59px;
					width:100%;
					background:url('../img/foot_shadow2.png') no-repeat bottom center;
					position:absolute;
					z-index:10;
}

#footer-container{
					width:100%;
					position:relative;
					height:59px;
}

#footer-container a{
					display:block;
					position:absolute;
					height: 20px;
					width: 90px;
					top: 31px;
					right: 464px;
}


#twitter-container { 
					padding: 14px 7px 0 11px;
					height: 80px;
					overflow: hidden;
					position: relative;
					width: 270px;
					margin-left: 6px;
					z-index:15px;
}
	
	
	
	#facebook-container { 
						padding-top: 33px;
						padding-left:10px;
						text-align:left;
						height: 40px;
						overflow: hidden;
						position: relative;
						width: 200px;
						font-family: 'GothamNarrow-Medium';
						font-size:13px;
						color:#687e10;
	}
    
	#youtube-container { 
						padding-top: 31px;
						padding-left:30px;
						text-align:left;
						height: 38px;
						overflow: hidden;
						position: relative;
						width: 221px;
						
	}
	
	#youtube-container a {font-family: 'GothamNarrow-Medium';
						font-size:12px;
						color:#687e10;}

   #facebook-container a{font-family: 'GothamNarrow-Medium';
						font-size:14px;
						color:#687e10;}						
	
	#outer {height: 81px; overflow: hidden; position: relative; width: 100%}
	#outer[id] {display: table; position: static;}

	#middle {position: absolute; top: 50%;} /* for explorer only*/
	#middle[id] {display: table-cell; vertical-align: middle; width: 100%; position:static }

	#tweet {position: relative; top: -50%;font-family: 'GothamNarrow-Medium';font-size:12px;color:#687e10;line-height:16px;} /* for explorer only */
	/* optional: #inner[id] {position: static;} */

/* =============================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { margin: 0 20px 20px 0; float: left; }
.alignright { margin: 0 0 20px 20px; float: right; }

figure.alignnone { margin-left: 0; margin-right: 0; }

.text-left:´{text-align:left;}


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

@media (max-width: 979px) {
  /* Fix top padding when using the responsive grid with the fixed topbar */
  body.top-navbar {
    padding-top: 0;
  }
}

@font-face {
    font-family: 'GothamNarrow-Medium';
    src: url('gothamnarrow-medium.eot');
    src: url('gothamnarrow-medium.eot?#iefix') format('embedded-opentype'),
         url('gothamnarrow-medium.woff') format('woff'),
         url('gothamnarrow-medium.ttf') format('truetype'),
         url('gothamnarrow-medium.svg#gothamnarrow-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BryantBoldCondensedRegular';
    src: url('bryant-boldcondensed-webfont.eot');
    src: url('bryant-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('bryant-boldcondensed-webfont.woff') format('woff'),
         url('bryant-boldcondensed-webfont.ttf') format('truetype'),
         url('bryant-boldcondensed-webfont.svg#BryantBoldCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bryant_light_condensedregular';
    src: url('bryant-lightcondensed-webfont.eot');
    src: url('bryant-lightcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('bryant-lightcondensed-webfont.woff') format('woff'),
         url('bryant-lightcondensed-webfont.ttf') format('truetype'),
         url('bryant-lightcondensed-webfont.svg#bryant_light_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}