/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/*! GLOBALES */

body {
    overflow-x: hidden;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
}

p {
    font-size: 14px;
    line-height: 1.5;
}

p.large {
	font-size: 15px;
	line-height: 21px;
	padding-bottom: 10px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
	outline: 0;
	text-decoration: none;
}

a {
    color: #030;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #060;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.img-centered {
    margin: 0 auto;
}

section {
    padding: 80px 0;
}
@media(min-width:768px) {
    section {
        padding: 100px 0;
    }
}

::-moz-selection {
    text-shadow: none;
    background: #999;
}

::selection {
    text-shadow: none;
    background: #999;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #999;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}



/* NAVEGACION */
.navbar-default {
	border-color: #ddd;
	background-color: #fff;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.navbar-default .navbar-brand {
	background-image: url(../imagenes/logo_juliano_2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 50px;
	width: 72px;
	margin-top: 8px;
	margin-left: 15px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	margin-bottom: 8px;
}
.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
	border-color: #030;
	background-color: #030;
	margin-top: 16px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #060;
	border-color: #060;
}

.navbar-default .nav li a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	color: #777;
	text-transform: uppercase;
	font-size: 15px;

}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
	outline: 0;
	color: #060;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus {
    border-radius: 0;
    color: #fff;
    background-color: #f90;
	-webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #f60;
}
.nav-face a {
	font-size: 18px !important;
	color: #fff !important;
	background-color: #030 !important;
	border-radius: 100% !important;
	height: 37px;
	width: 37px;
	padding-top: 9px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 14px !important;
	margin-left: 16px;
	line-height: 18px;
	margin-top: 10px;
}
.nav-mail a {
	font-size: 18px !important;
	color: #fff !important;
	background-color: #030 !important;
	border-radius: 100% !important;
	height: 37px;
	width: 37px;
	padding-top: 8px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 10px !important;
	margin-left: 16px;
	line-height: 18px;
}
@media(min-width:992px) {
    .navbar-default {
		-webkit-transition: padding .3s;
		-moz-transition: padding .3s;
		transition: padding .3s;
		padding-top: 10px;
		padding-right: 0;
		padding-bottom: 10px;
		padding-left: 0;
    }
	.navbar-default .navbar-brand {
		background-image: url(../imagenes/logo_juliano_1.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		height: 93px;
		width: 130px;
		margin-top: 0px;
		margin-left: 0px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		margin-bottom: 0px;
	}
 	.navbar-default.logo-tabaqueria {
		background-image: url(../tabaqueria/imagenes/logo_tabaqueria_1.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		height: 90px;
		width: 130px;
		margin-top: 0px;
		margin-left: 0px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		margin-bottom: 0px;
	}
	.navbar-default .nav li a {
		margin-top: 25px;
		letter-spacing: 0px;
		font-size: 14px;
		padding-top: 10px;
		padding-right: 9px;
		padding-bottom: 10px;
		padding-left: 9px;
	}
    .navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:focus {
        border-radius: 3px;
    }
	.nav-face a {
		margin-left: 10px;
		margin-top: 0px;
		display: inline-block;
	}
	.nav-mail a {
		margin-left: 10px;
		display: inline-block;	
	}
}
@media(min-width:1200px) {
	.navbar-default .nav li a {
		margin-top: 25px;
		letter-spacing: 1px;
		font-size: 15px;
		padding: 10px;
	}

}



/* INTRO */
.home {
	background-color: #d5d5bf;
}
#intro {
	padding-top: 0px;
	padding-bottom: 0px;
}
.intro1 {
	background-image: url(../home/fondo_intro1.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;

}
.intro2 {
	background-image: url(../home/fondo_intro2.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-top: 10px;
}
.titulo-home {
	display: block;
	font-size: 24px;
	line-height: 26px;
	font-weight: 400;
	text-transform: uppercase;
	color: #FFF;
}
.icono-boton-entrar {
	margin-right: 40px;	
}
.btn-entrar {
	font-weight: 700;
	text-transform: uppercase;
	color: #030;
	font-size: 16px;
	line-height: 16px;
	background-color: #fff;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	border-radius:40px;
	margin-top: 40px;
	-webkit-box-shadow: none;
	box-shadow:none;
	border:none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	margin-bottom: 40px;
}
.btn-entrar:hover,
.btn-entrar:focus,
.btn-entrar:active,
.btn-entrar.active {
	background-color: #030;
	box-shadow:none;
	color: #FFF;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.logo-intro {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}
.img-intro {
	display: none;
}
@media(min-width:768px) {
	.img-intro {
		display: block;
	}
	#intro {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.intro1 {
	background-position: right 122px;

}
.intro2 {
	background-position: left 122px;
		padding-top: 0px;
}
}

/* ENCABEZADO */
header {
	color: #FFF;	
}
header hr {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
}
.contenido-header {
	margin-top: 70px;	
}
@media(min-width:992px) {
	.contenido-header {
		margin-top: 150px;	
	}
}
.titulo-header {
	font-size: 37px;
	line-height: 37px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: block;
	margin-top: 20px;
	margin-bottom: 14px;
	text-align: center;	
}
@media(min-width:500px) {
	.titulo-header {
	font-size: 48px;
	letter-spacing: 9px;
	line-height: 48px;
	}
}
@media(min-width:992px) {
	.titulo-header {
		padding-left: 5px;
		text-align: left;
		letter-spacing: 7px;
	}
}
@media(min-width:1200px) {
	.titulo-header {
		font-size: 48px;
		padding-left: 5px;
		text-align: left;
		letter-spacing: 9px;
	}
}
.copete-header {
	font-size: 29px;
	line-height: 29px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin-top: 14px;
	margin-bottom: px;
	text-align: center;
	word-wrap: break-word;
}
@media(min-width:992px) {
	.copete-header {
		font-size: 33px;
		line-height: 33px;
		font-weight: 700;
		text-transform: uppercase;
		display: block;
		margin-top: 14px;
		margin-bottom: px;
		text-align: left;
	}
}
@media(min-width:1200px) {
	.copete-header {
		font-size: 36px;
		line-height: 36px;
		font-weight: 700;
		text-transform: uppercase;
		display: block;
		margin-top: 14px;
		margin-bottom: px;
	}
}
.logo-header {
	display: block;
	margin-top: 22px;
	text-align: center;
}
@media(min-width:992px) {
	.logo-header {
		padding-left: 5px;
		display: block;
		margin-top: 22px;
		text-align: left;
	}
}
.col-header-2 {
	display: block;	
}
@media(min-width:992px) {
	.col-header-2 {
		display: block;
		margin-left: 50px;
	}
}
.flecha-abajo {
	background-color: #666;	
}
.flecha-abajo a{
	font-size: 27px;
	line-height: 27px;
	z-index:900;
	position: relative;
	top: -40px;
	text-align: center;
	background-image: url(../imagenes/bg_circle2.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.flecha-abajo a:hover{
	color: #060;

}
/*!*/


/*! PRESENTACION */
#presentacion {
	color: #fff;
	background-color: #666;
	padding-top: 60px;
}
#presentacion h1 {
	font-weight: 300;
	color: #fff;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
#presentacion h3 {
	font-weight: 600;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 50px;
}
#presentacion img {
	margin-top: 6px;
}
.destacado-tab {
	font-size: 17px;
	line-height: 24px;
	font-weight: 700;	
}
/*!*/

/*! CONTENIDO */
#contenido {
	color: #505050;
	padding-bottom: 60px;
}
#contenido h3 {
	color: #333;
	font-weight: 600;
}
.copete-presentacion {
	font-size: 15px;
	line-height: 21px;
	display: block;
	margin-top: 24px;
	margin-bottom: 28px;
}
.panel-presentacion {
	padding-right: px;
	padding-left: px;	
}
@media(min-width:768px) {
	.panel-presentacion {
		padding-right: 50px;
		padding-left: 50px;	
	}
}
@media(min-width:992px) {
	.copete-presentacion {
	height: 84px;
	}
}

@media(min-width:1200px) {
	.panel-presentacion {
		padding-right: 80px;
		padding-left: 80px;	
	}
	.copete-presentacion {
		padding-right: 24px;
		padding-left: 24px;
		height: 63px;
	}
}
.btn-contenido {
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	background-color: #030;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 12px;
	padding-left: 16px;
	border-radius:40px;
	margin-top: px;
	-webkit-box-shadow: none;
	box-shadow:none;
	border:none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	margin-bottom: 40px;
}
.btn-contenido:hover,
.btn-contenido:focus,
.btn-contenido:active,
.btn-contenido.active {
	background-color: #060;
	box-shadow:none;
	color: #FFF;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
/*!*/

/*! TABACOS */
#tabacos {
	padding-top: 20px;
}
#tabacos h1 {
	font-weight: 300;
	color: #333;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
#tabacos ul {
	list-style-type: none;
	padding-left: 0px;
	margin-top: 10px;

}
#tabacos li {
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
}
#tabacos i {
	color: #030;
}
.titulo-tabaco {
	font-size: 21px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	color: #030;
	display: block;
	margin-bottom: 10px;
}
.panel-tabaco {
	display: block;
	margin-top: 20px;
	margin-bottom: 30px;
}
.thumb-tabaco {
	margin: 10px;
	display: inline-block;
}
#tabacos img {
	max-height:150px;
	border-radius: 4px;
}
.fotos-tabacos {
	display: block;
	margin-top: 40px;	
}
/*!*/

/*! PROMOCIONES */
#promociones {
	padding-top: 20px;
	padding-bottom: 85px;
}
#promociones h1 {
	font-weight: 300;
	color: #333;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
.titulo-promo {
	font-size: 21px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	color: #030;
	display: block;
	height: 28px;
}
.copete-promo {
	display: block;
	margin-bottom: 10px;	
}
.precio-promo {
	font-size: 21px;
	line-height: 24px;
	font-weight: 600;
	color: #030;
	display: block;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-bottom: 15px;
}
.panel-promo {
	display: block;
	margin-top: 20px;
	margin-bottom: 15px;

}
#promociones img {
	border-radius: 4px;	
}
@media(min-width:992px) {
	.titulo-promo {

		height: 52px;
	}
}
@media(min-width:1200px) {
	.titulo-promo {

		height: 28px;
	}
}
/*!*/

/*! CONTACTO */
#contacto h1 {
	font-weight: 300;
	color: #333;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
#contacto {
	padding-top: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.datos-contacto  {
	display: block;
	font-size: 14px;
	margin-top: 20px;	
}
.datos-contacto a {
	display: inline-block;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}
@media(min-width:480px) {
	.datos-contacto  {
		font-size: 15px;
		margin-top: 20px;	
	}
	.datos-contacto a {
		margin-right: 10px;
		margin-left: 10px;
	}
}
.formulario {
	margin-top: 36px;
}
.btn-enviar {
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	background-color: #030;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 12px;
	padding-left: 16px;
	border-radius:40px;
	margin-top: px;
	-webkit-box-shadow: none;
	box-shadow:none;
	border:none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	margin-top: 10px;
}
.btn-enviar:hover,
.btn-enviar:focus,
.btn-enviar:active,
.btn-enviar.active {
	background-color: #060;
	color: #FFF;
	-webkit-box-shadow: none;
	box-shadow:none;		
}	
.icono-boton {
	margin-right: 7px;
}
.form-group {
    margin-bottom: 28px;
}

.form-group input,
.form-group textarea {
    padding: 16px;
}

.form-group input.form-control {
    height: auto;
}

.form-group textarea.form-control {
    height: 216px;
}

.form-control:focus {
    border-color: #030;
    box-shadow: none;
}
.form-control::-webkit-input-placeholder {
    text-transform: uppercase !important;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-weight: 400 !important;
    color: #bbb !important;
	font-size: 12px !important;
}

.form-control::-moz-placeholder {
    text-transform: uppercase !important;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-weight: 500 !important;
    color: #bbb !important;
	font-size: 12px !important;
	
}

.form-control::-moz-placeholder {
    text-transform: uppercase !important;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-weight: 500 !important;
    color: #bbb !important;
	font-size: 12px !important;
	
}
.form-control:-ms-input-placeholder {
    text-transform: uppercase !important;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-weight: 500 !important;
    color: #bbb !important;
	font-size: 12px !important;
	
}
/*!*/



/*! UBICACION */
#ubicacion {
	background-color: #fff;
	margin: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*!*/


/*! PIE */
footer {
	padding: 60px 0;
	color: #999;
	background-color: #333;
	background-image: url(../imagenes/sombra_pie.png);
	background-repeat: no-repeat;
	background-position: center top;
}
footer a {
	color: #999;	
}
footer a:hover,
footer a:active,
footer a:focus,
footer a.active {
	color: #ddd;	
}
.copyright {
	text-align: center;
	margin-bottom: 30px;
}
.copyright img {
	margin-bottom: 20px;	
}
@media(min-width:992px) {
	.copyright {
		text-align: left;	
	}
}
.contactos-pie {
	display: block;
	margin-bottom: 20px;
}

.icono-contacto-pie {
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 20px;
}
.datos-contacto-pie {
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
@media(min-width:992px) {
	.contactos-pie {
		display: inline-table;
		margin-right: 20px;
		margin-left: 20px;
		margin-bottom: 0px;		
	}
	.datos-contacto-pie {
		padding-bottom: 40px;
	}
}
.links-pie {
	padding-top: 40px;
}


.creditos {
	display: block;
	text-align: center;
	margin-top: 40px;
}
.creditos p {
	padding-top: 30px;
}
@media(min-width:992px) {
	.creditos {
	display: block;
	text-align: right;
	margin-top: 0px;
}
	.creditos p {
		padding-top: 104px;
	}
}
/*!*/