/*

Theme Name: Barral
Theme URI: http://www.cucuza.com
Author: Cucuza.com
Author URI: http://www.cucuza.com
Description: Tema para el sitio www.barral.com.ar
Version: 1.0
Text Domain: barral

*/


/*

Customización bootstrap.css:

	@sansFontFamily: Verdana, Arial
	@red: #d30018
	@linkColor: #7a7d80
	@baseFontSize: 12px
	@navbarHeight: 43px
	@navbarLinkColor: @white
	@navbarBackground: #262424
	@navbarBackgroundHighlight: 
	@navbarText: @white
	@navbarLinkBackgroundHover: @red
	@navbarLinkBackgroundActive: @navbarLinkBackgroundHover
	@navbarCollapseWidth: 769px

Para que tamaño mobile se vea en tablet portrait, reemplazar en bootstrap.css:

	767px ->	769px
	768px ->	770px


Colores

	Rojo: #d30018

*/

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

h1, h2, h3, h4 { font-family: 'Droid Sans', Verdana, Arial }


/* Header
-------------------------------------------------------------- */

.masthead { margin-bottom: 35px; background: url(img/header_background.jpg) center top no-repeat #2e2a29; position: relative; z-index: 1000;
-webkit-box-shadow: 0px 4px 29px rgba(50, 50, 50, 0.59);
-moz-box-shadow:    0px 4px 29px rgba(50, 50, 50, 0.59);
box-shadow:         0px 4px 29px rgba(50, 50, 50, 0.59);
}
.masthead .banner { height:142px; position: relative; }

.navbar-inner { background: url(img/navbar_background.png) repeat-x #262424; min-height: 43px; filter: none; border: none; padding-left: 0; padding-right: 0; }
.navbar .nav { margin-left: 220px; }
.navbar .nav > li > a { padding: 12px 25px 11px; text-shadow: none; font-size: 14px; }
.navbar .nav > .active > a,
.navbar .nav > li > a:hover,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.navbar .nav > li.dropdown.open > a { background: url(img/navbar_btn_background.png) repeat-x #d30018; color: #FFF; outline: none; }
.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle { color: #FFF; }
.navbar .nav li.dropdown.open>.dropdown-toggle .caret, .navbar .nav li.dropdown.active>.dropdown-toggle .caret, .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret { border-top-color: #FFF; border-bottom-color: #FFF; }

.navbar .nav > li > a:focus { background: transparent; color: #FFF; outline: none; } 

.navbar-static-top { margin-left: 0; margin-right: 0; }

.logo-barral { width: 154px; height: 74px; background: url(img/logo_barral.png) no-repeat center; text-indent: -9999px; position: absolute; top: 30px; }
.logo-precia-molen { width: 159px; height: 62px; background: url(img/logo_precia_molen.png) no-repeat center; text-indent: -9999px; position: absolute; top: 30px; left: 200px; }

.navbar .btn, .navbar .btn-group { margin-top: 5px; margin-right: 20px; }

/* Drop Downs */
.navbar .nav , .dropdown { position: static; }
.navbar .nav > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu:before { display: none; }
.dropdown-menu { border-radius: 0; -webkit-border-radius: 0; margin: 0; width: 100%; top: 42px; background-color: #262425; color: #FFF; }
.caret, .navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret { border-top-color: #FFF; }

/* Drop down tiles */
.dropdown-icons { padding: 10px; }
.dropdown-icons ul { list-style: none; margin: 0; display: table-row;  }
.dropdown-icons p { font-size: 12px; border-top: 1px solid #434142; padding-top: 10px; }
.dropdown-icons ul li a { font-size: 11px; color: #FFF; display: block; }
.dropdown-icons ul li a:hover { text-decoration: none;  }
.dropdown-icons ul li a:hover img { outline:#FFF solid medium;  }
.dropdown-icons ul li img { display: none; }


/* Footer
-------------------------------------------------------------- */

.footer { background-color: #212020; border-top: 3px solid #e2001a; padding: 30px 0 30px;  }
.footer .logos { width: 102px; height: 128px; background: url(img/barral_preciamolen_logos.png) no-repeat; margin-top: 40px;  }
.nav-footer { margin: 0; padding: 0 20px; list-style: none; min-width: 130px; font-size: 14px; }
.nav-footer li a { color: #FFF; padding: 10px 20px; display: block; margin-left: -20px; margin-right: -20px; border-bottom: 1px solid #434242; }
.nav-footer li.active a,
.nav-footer li a:hover { background-color: #302f2f; text-decoration: none; }
.nav-footer li.active a { background: url(img/mosaico-gris.png) right repeat-y #302f2f; }
.nav-footer li a span { display:inline-block; width: 12px; height: 11px; background: url(img/bullet-rojo.png) no-repeat; margin-right: 20px; position: relative; bottom:-3px; }
.footer .copyright { margin-top: 30px; }
.footer .copyright,
.footer .copyright a { color: #666; font-size: 11px; }


/* Sidebar
-------------------------------------------------------------- */

.sidebar-nav { margin-top: 40px;}
.sidebar-nav.first { margin-top: 0;}
.nav-list > li { position: relative; }
.nav-list > li > a { padding: 9px 15px 9px 35px; background-color: #f8f8f8; border-top: 1px solid #FFF; border-bottom: 1px solid #dfdede; font-size: 11px; }
.nav-list > .active > a, 
.nav-list > .active > a:hover, 
.nav-list > .active > a:focus { background-color: transparent; text-shadow: none; color: #000; }
.nav-list > li a:before { content: ''; display:inline-block; width: 14px; height: 14px; background: url(img/sprite-sidebar-btn.png) no-repeat 0 -15px; margin-right: 10px; position: absolute; left: -5px; top: 13px; }
.nav-list > .active > a:before { background-position: 0 0; }
.nav-list > .active > a { background: url(img/mosaico.png) right repeat-y; }
.nav-list .nav-header { text-shadow: none;  }
.nav-list .nav-header { font-family: 'Droid Sans', Verdana, Arial; padding: 10px 15px 9px; background: url(img/sidebar_header_background.png) repeat-x #2d2b2b; color: #FFF; font-size: 16px; text-transform: none; font-weight: normal; cursor: default; }


/* Elements
-------------------------------------------------------------- */

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d30018;
  background-image: -moz-linear-gradient(top, #d30018, #a40013);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d30018), to(#a40013));
  background-image: -webkit-linear-gradient(top, #d30018, #a40013);
  background-image: -o-linear-gradient(top, #d30018, #a40013);
  background-image: linear-gradient(to bottom, #d30018, #a40013);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d30018', endColorstr='#a40013', GradientType=0);
  border-color: #d30018 #d30018 #a40013;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #7a7b80;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #a40013;
  *background-color: #a40013;
}
.btn:hover,
.btn:focus { color: #FFF; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.alignright { float:right; margin-left: 20px; }

/* Inicio 
-------------------------------------------------------------- */
.mapa-home { position: relative; }
.mapa-home div { width: 374px; height: 209px; background: url(img/mapa.jpg); position: absolute; right: -140px; top: -65px; }
.welcome-text { margin-top: 10px;  }
.welcome-text p { color: #3B3D3F; font-size: 12px; }
#home-carousel { position: relative; margin-top: 30px; }
#home-carousel img { width: 100%; }
#home-carousel div.malla { background: url(img/mosaico-home.png) repeat-x top; position: absolute; width: 100%; height: 159px; top: -10px; z-index: 1; }
.carousel { margin-bottom: 0; }
.carousel-caption h4 { position: relative; }
.carousel-caption h4:before { content: ''; width: 12px; height: 11px; background: url(img/bullet-negro.png); display: inline-block; position: absolute; top: 5px; left:-20px;  }
.carousel-caption h4 a { color: #FFF; font-weight: normal; font-size: 16px; }
.carousel-caption h4 a:hover { color: #FFF; }
.carousel-caption ul { color: #000; font-size: 12px; list-style: none; margin: 0; }
.carousel-caption p { color: #000; font-size: 12px; padding-right: 20px; }
.carousel-control { position: absolute; z-index: 21; width: 35px; height: 35px; background: url(img/carousel-buttons.png);
	opacity: 1; filter: alpha(opacity=100); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	border: none; text-indent: -9999px; }
.carousel-control.right { background-position: 0 -43px; }
.carousel-control:hover, .carousel-control:focus { filter: alpha(opacity=100); }


.novedades-wrapper { position: relative; }
.novedades { position: relative; margin-top: 40px; margin-bottom: 40px; }
.novedades-top { height: 41px; background: url(img/novedades.png) 0 0;   }
.novedades-bottom { height: 41px; background: url(img/novedades.png) right -40px;}
.novedades-inner { background-color: #d30018; margin: 0; }
.novedades h3 { margin: 0 0 10px; font-weight: normal; color: #FFF; padding-left: 30px }
.novedades-logo { width: 51px; height: 33px; background: url(img/logo-barral-negro.png); float: right; margin-right: 30px }
.novedades ul { margin: 0; padding: 0 30px; list-style: none; }
.novedades ul li {  }
.novedades ul li a { font-size: 14px; color: #FFF; padding: 6px 30px 6px 55px; display: block; margin-left: -30px; margin-right: -30px; background: url(img/bullet-negro.png) 30px 10px no-repeat; }
.novedades ul li a:hover { background-color: #FFF; color: #000; text-decoration: none; }


/* Paginas */

h1.entry-title { font-weight: normal; color: #d30018; margin: 0 0 30px; font-size: 28px; }

.entry-content { margin-bottom: 50px; }
.entry-content a { color: #d30018; }

.entry-content h2 { font-size: 18px; color: #d30018; font-weight: bold; margin-top: 40px; border-bottom: 1px solid #e2e1e1; }
.entry-content h3 { font-size: 18px; font-weight: normal; margin-top: 30px; line-height: 24px; padding-top: 10px; }
.entry-content h4 { font-size: 15px; }

.entry-content .grey-box { background-color: #F1F1F1; padding: 20px; margin: 10px; overflow: hidden; }
.entry-content .grey-box.tile { padding: 2.5%; margin: 1%; width: 25%; display: inline-block; vertical-align: top; border-top: none; }
.entry-content .grey-box.tile img { margin-bottom: 10px; width: 100%; }


.galeria { display: table; width: 100%; margin: 30px 0; }
.galeria ul { display: table-row; }
.galeria ul li { display: table-cell; padding: 10px; position: relative; }
.galeria ul li:first-child { padding-left: 0; }
.galeria ul li:last-child { padding-right: 0; }
.galeria ul li img { max-height: 200px; display: block; }


.image-wrapper1 { position: relative; float:left; }
.image-wrapper1:before { content: ''; position: absolute; top: 0; left: 0; border-top: 30px solid white; border-right: 10px solid transparent; width: 0; }
.image-wrapper2 { float:left; }
.image-wrapper2:after { content: ''; display: block; height: 10px; background: url(img/mosaico-mini.png); margin-top: 2px; }
.product-gallery .image-wrapper2 { margin-right: 15px; margin-bottom: 15px; }
/*
.image-wrapper2 { float:left; }
.image-wrapper2:before { content: ''; position: absolute; bottom: 0; right: 0; border-bottom: 20px solid white; border-left: 10px solid transparent; width: 0; }
*/

.productos { margin-bottom: 40px; }
.productos .producto { border-top: 1px solid #e2e1e1; padding-top: 30px;}
.productos h2 { font-weight: bold; font-size: 16px; color: #d30018; margin-top: 0; line-height: 18px; border: none; }
.productos h3 { font-size: 14px; }

.wpcf7 .email, .wpcf7 .mensaje { width: 100%; }



/* Desktop only
-------------------------------------------------------------- */
@media (min-width: 768px) {

	.sidebar { margin-bottom: 40px; }
	
	/* Inicio */
	#home-carousel div.malla:before { content: ''; position: absolute; top: 0; left: 0; border-top: 50px solid white; border-right: 25px solid transparent; width: 0; } 
	#home-carousel .item:before { content: ''; position: absolute; bottom: 0; right: 0; border-bottom: 50px solid white; border-left: 25px solid transparent; width: 0; } 
	.novedades-sombra { position: absolute; z-index: -1000; height: 83%; width: 97%; bottom:0;
	-webkit-box-shadow: -6px 4px 16px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -6px 4px 16px rgba(50, 50, 50, 0.5);
	box-shadow:         -6px 4px 16px rgba(50, 50, 50, 0.5); }

	/* Carousel */
	.carousel-wrapper { overflow: hidden; padding-top: 20px;}
	.carousel-inner { overflow: visible; }
	.carousel-caption { z-index: 20; right: 25px; left: auto; top: -25px; width: 241px; height: 114px; padding: 10px 10px 10px 100px; background: url(img/overlay-background2.png) no-repeat; }
	.carousel-indicators { top: auto; right: auto; left: 10px; bottom: 10px; }
	.carousel-control { top: 60px; left: auto; right: 15px; }
	.carousel-control.right { left: auto; right: 15px; top: 15px; }

	/* Drop down tiles */
	.dropdown-icons .products-wrappper { display: table; width: 100%; table-layout: fixed; }
	.dropdown-icons ul li { display: table-cell; padding: 10px; }
	.dropdown-icons ul li a { padding: 0; }
	.dropdown-icons ul li img { display: block; max-width: 146px; width: 100%; margin-bottom: 10px;  }

	/* Footer */
	.featured { overflow: hidden; }
	.featured-cols-wrapper { margin-right: 50px; }
	.featured h3 { color: #FFF; font-weight: normal; font-size: 14px; margin: 0; padding-left: 12px; }
	.featured .featured-col { width: 33.33%; float: left; }
	.featured h4 { font-family: Verdana, Arial; color: #FFF; font-size: 11px; border-top: 1px solid #423E3F; border-bottom: 1px solid #423E3F; padding: 10px 12px; }
	.featured ul { list-style: none; }
	.featured ul li { position: relative; padding: 5px; }
	.featured ul li a { color: #FFF; font-size: 11px; }
	.featured ul li a:before { content: ''; width: 12px; height: 11px; background: url(img/bullet-negro.png); position: absolute; left: -15px; top: 10px;  }
	
	/* Contacto */
	.mapa-contacto { position: relative; top: -50px; }
	.contacto-info { padding-left: 20px; line-height: 24px; }
	.wpcf7 { padding-left: 20px!important; }
	
	
}

/* Hasta tablets portrait
-------------------------------------------------------------- */

@media (max-width: 979px) {
	.navbar .nav { margin-left: 0; }
	.logo-barral { width: 110px; height: 53px; background-size: 110px; top: 40px; }
	.logo-precia-molen { width: 120px; height: 47px; background-size: 120px; top: 40px; left: 150px; }
	.mapa-home div { right: -200px; }
	
	.galeria ul li .wrapper1:before { border-top: 14px solid white; border-right: 7px solid transparent; }
	.galeria ul li .wrapper2:before { border-bottom: 14px solid white; border-left: 7px solid transparent;  }
	
	
	/* Contacto */
	.wpcf7 { margin-top: 20px!important; }
	
}



/* Mobile only
-------------------------------------------------------------- */
@media (max-width: 769px) { 
	
	body { padding: 0; }
	.masthead { background-position-x: -370px; }
	
	.content {  }
	.sidebar { display: none !important; }
	.nav-collapse .nav { margin-top: 5px; }
	.nav-collapse .nav > li > a,
	.nav-collapse .dropdown-menu a { -moz-border-radius: 0; border-radius: 0; }	

	.navbar .nav > .active > a,
	.navbar .nav > li > a:hover,
	.navbar .nav > .active > a:hover { background-image: none;  }
	.nav-collapse .nav	{ margin-bottom: 0; }
	
	.logo-barral { left: 40px; }
	.logo-precia-molen { top: 40px; left: 180px; }
	
	.footer { padding-bottom: 20px;}
	.footer .logos { display: none; }
	.footer .copyright { text-align: center;}
	
	.nav-footer { display: none; }

	/* Inicio */
	
	.welcome-text { padding: 0 20px; }
	.mapa-home,
	.mapa-home div { display: none !important; }
	.novedades { margin: 0; }
	.novedades-top,
	.novedades-bottom { display:none; }
	.novedades-inner { padding: 20px 0; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; }
	.carousel-caption { background-color: #C4B0B2; padding-left: 50px; position: static; }
	.carousel-indicators { z-index: 20; }
	.carousel-control { left: 0; }
	.carousel-control.right { right: 0; }
	
	
	.nav-collapse .dropdown-icons { margin-left: 40px; }
	.nav-collapse .dropdown-icons .products-wrappper.industrias { padding-top: 15px; }
	.nav-collapse .dropdown-icons ul li { padding-left: 20px; }
	.nav-collapse .dropdown-icons ul li a { padding: 0 0 10px; font-weight: normal; }
	
	/* Footer */
	.featured { display: none; }
	
	/* Contenido */
	#primary { padding: 0 15px; }
	
	/* Contacto */
	.mapa-contacto { margin-top: 20px; }
	.wpcf7 .email, .wpcf7 .mensaje { width: 95%; }


	
}

/* Phone only
-------------------------------------------------------------- */
@media (max-width: 480px) { 
	
	img.alignright { float: none; margin-left: 0; margin-bottom: 10px; width: 100%; }
	
	.masthead { background-position-x: -490px; }
	.masthead .banner { height:75px; }	
	.logo-barral { width: 65px; height: 31px; background-size: 65px; left: 20px; top: 17px; }
	.logo-precia-molen { width: 80px; height: 31px; background-size: 80px; top: 17px; left: 110px; }
	
	.galeria { display: block; }
	.galeria ul { list-style: none; margin: 0; display: block; text-align: center; }
	.galeria li { display: inline-block!important; }
	
	.entry-content .grey-box.tile { display: block; width: 70%; margin: 5%; padding: 10%;	}
	

}

/* Big screens only
-------------------------------------------------------------- */

@media (min-width: 1200px) {
	.logo-barral { left: 50px; }
	.logo-precia-molen { left: 250px; }
	
	.mapa-home div { right: -75px; }
}