@charset "utf-8";
/* INICIO Estilos etiquetas */
body {
	font-family: 'Roboto Slab', serif;
	font-size:16px;
	line-height:1.5;
	color:#000000;
	background-color:#FFFFFF;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight:400;
	line-height:1.1;
	color:#F2732C;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
	font-weight:normal;
	line-height:1;
	color:inherit;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
	margin-top:20px;
	margin-bottom:20px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
	font-size:65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin-top:20px;
	margin-bottom:20px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
	font-size:75%;
}
h1,
.h1 {
	font-size:22px;
}
h2,
.h2 {
	font-size:20px;
}
h3,
.h3 {
	font-size:18px;
}
h4,
.h4 {
	font-size:16px;
}
h5,
.h5 {
	font-size:14px;
}
h6,
.h6 {
	font-size:12px;
}
p {
	margin:20px 0;
}
a {
	color:inherit;
}
a:focus ,
a:hover {
	color:inherit;
	text-decoration:underline;
}
/* FIN Estilos etiquetas */

/* INICIO Estilos Comunes */
.letra-grande {
	font-size:20px;
}
.letra-mediana {
	font-size:18px;
}
.color-destacado {
	color:#F2732C;
}
.color-facebook ,
.color-facebook:hover ,
.color-facebook:focus {
	color:#3B5998;
}
.color-whatsapp {
	color:#43D854;
}
.error {
	color:#FF0000;
}
.terminador {
	clear:both;
	line-height:0;
	height:0;
}
.separador-horizontal {
	clear:both;
	display:block;
	width:auto;
	height:0;
	border-bottom:1px dotted #F2732C;
	margin:40px auto;
}
/* FIN Estilos Comunes */

/* INICIO Estilos Cabecera */
#cabecera {
	position:relative;
}
#cabecera #cabecera-franja {
}
#cabecera #cabecera-franja #cabecera-franja-contenido {
	padding:10px 15px;
	background-color:#333333;
}
#cabecera #cabecera-franja .menu-social {
	display:inline-block;
}
#cabecera #cabecera-franja .menu-contacto {
	float:right;
}
@media (max-width:992px) {
	#cabecera ,
	#cabecera .navbar-fixed-top {
		position:static;
	}
	#cabecera #cabecera-franja {
		position:static;
		text-align:center;
	}
	#cabecera #cabecera-franja .container {
		padding:0;
	}
	#cabecera #cabecera-franja .menu-contacto {
		float:none;
	}
	#cabecera-galeria {
		display:none;
	}
}
/* FIN Estilos Cabecera */

/* INICIO Estilos Cuerpo */
#cuerpo > section {
	padding:50px 0;
}
@media (max-width:768px) {
	#cuerpo > section {
		padding:20px 0;
	}
}
/* FIN Estilos Cuerpo */

/* INICIO Estilos Pie */
#pie section.pie-superior {
	background-color:#EEEEEE;
	border-top:1px solid #DDDDDD;
}
#pie section.pie-superior > .container {
	padding:40px 15px;
}
#pie section.copyright {
	font-size:14px;
	line-height:1.6666;
	background-color:#333333;
	color:#FFFFFF;
}
#pie section.copyright > .container {
	padding:30px 15px 20px 15px;
}
#pie section.copyright > .container p {
	text-align:center;
	margin:10px auto;
}
#pie section.copyright .menu-social {
	text-align:center;
}
/* FIN Estilos Pie */

/* INICIO Estilos Menu Social */
.menu-social ul {
	list-style:none;
	margin:0;
	padding:0;
}
@media (max-width:768px) {
	.menu-social {
		width:100%;
	}
	.menu-social ul {
		text-align:center;
	}
}
.menu-social ul li {
	display:inline-block;
	margin:5px;
}
.menu-social ul li a {
	display:block;
	width:32px;
	height:32px;
	overflow:hidden;
	text-align:left;
	text-indent:-9999em;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% 100%;
}
.menu-social ul li a.facebook {
	background-image:url(/imagenes/sprites/icono-facebook.png);
}
.menu-social ul li a.twitter {
	background-image:url(/imagenes/sprites/icono-twitter.png);
}
.menu-social ul li a.googleplus {
	background-image:url(/imagenes/sprites/icono-googleplus.png);
}
.menu-social ul li a.youtube {
	background-image:url(/imagenes/sprites/icono-youtube.png);
}
.menu-social ul li a.instagram {
	background-image:url(/imagenes/sprites/icono-instagram.png);
}
.menu-social ul li a.pinterest {
	background-image:url(/imagenes/sprites/icono-pinterest.png);
}
/* FIN Estilos Menu Social */

/* INICIO Estilos Menu Compartir */
.menu-contacto ul {
	font-size:16px;
	font-weight:400;
	line-height:20px;
	color:#ffffff;
	list-style:none;
	margin:0;
	padding:0;
}
@media (max-width:768px) {
	.menu-contacto {
		width:100%;
	}
	.menu-contacto ul {
		text-align:center;
	}
}
.menu-contacto ul li {
	display:inline-block;
	margin:5px;
}
.menu-contacto ul li + li {
	margin-left:15px;
}
.menu-contacto ul li a ,
.menu-contacto ul li span {
	display:block;
	text-align:left;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:auto 100%;
	padding:6px 0 6px 40px;
}
.menu-contacto ul li .correo {
	background-image:url(/imagenes/sprites/icono-correo.png);
}
.menu-contacto ul li .telefono {
	background-image:url(/imagenes/sprites/icono-telefono.png);
}
.menu-contacto ul li .facebook {
	background-image:url(/imagenes/sprites/icono-facebook.png);
}
.menu-contacto ul li .whatsapp {
	background-image:url(/imagenes/sprites/icono-whatsapp.png);
}
@media (min-width:480px) {
	.menu-contacto ul li a.whatsapp {
		/*display:none;*/
	}
}
/* FIN Estilos Menu Compartir */

/* INICIO Estilos Navbar Superior */
#navbar-superior {
	overflow:hidden;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	right:0;
	font-size:18px;
	font-weight:300;
	background:none;
	border:none;

	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);

	color:#FFFFFF;
	margin:0;
}
#navbar-superior .navbar-brand {
	height:auto;
	outline:none;
	padding:0;
	margin:0 0 3.5087% 3.5087%;
	width:17.5438%;
	max-width:200px;

	-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);
	box-shadow:0 6px 12px rgba(0, 0, 0, .175);
}
#navbar-superior #menu-superior {
	position:relative;
	padding:0;
	margin-top:40px;
}
#navbar-superior #menu-superior:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:-2000px;
	width:2000px;
	background-color:#F2732C;
	/*background-color:rgba(242,115,44,0.85);*/ /* #F2732C */
}
#navbar-superior .navbar-nav > li > a {
	padding:20px 30px;
	color:#FFFFFF;
}
#navbar-superior .navbar-nav {
	background-color:#F2732C;
	/*background-color:rgba(242,115,44,0.85);*/ /* #F2732C */
}
#navbar-superior #menu-superior > ul > li:hover > a ,
#navbar-superior #menu-superior > ul > li:hover > a:focus ,
#navbar-superior #menu-superior > ul > li:hover > a:hover ,
#navbar-superior .navbar-nav > .active > a ,
#navbar-superior .navbar-nav > .active > a:focus ,
#navbar-superior .navbar-nav > .active > a:hover ,
#navbar-superior .navbar-nav > .open > a ,
#navbar-superior .navbar-nav > .open > a:focus ,
#navbar-superior .navbar-nav > .open > a:hover {
	outline:none;
	background-color:rgba(255,255,255,0.3);
	color:#FFFFFF;
}
#navbar-superior #menu-superior > ul > li > ul ,
#navbar-superior .dropdown-menu {
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:160px;
	font-size:14px;
	text-align:left;
	list-style:none;
	-webkit-background-clip: padding-box;
	background-clip:padding-box;
	-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);
	box-shadow:0 6px 12px rgba(0, 0, 0, .175);

	margin:0;
	padding:20px 0;
	background-color:rgba(242,115,44,0.8); /* #F2732C */
	border:none;

	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
}
#navbar-superior #menu-superior > ul > li:hover > ul {
	display:block;
}
#navbar-superior #menu-superior > ul > li > ul > li > a ,
#navbar-superior .dropdown-menu > li > a {
	display:block;
	clear:both;
	font-weight:normal;
	white-space:nowrap;

	font-size:18px;
	line-height:1.1111;
	padding:10px 30px;
	color:#FFFFFF;
}
#navbar-superior #menu-superior > ul > li > ul > li.active > a ,
#navbar-superior #menu-superior > ul > li > ul > li > a:hover ,
#navbar-superior #menu-superior > ul > li > ul > li > a:focus ,
#navbar-superior .dropdown-menu > li.active > a ,
#navbar-superior .dropdown-menu > li > a:hover ,
#navbar-superior .dropdown-menu > li > a:focus {
	text-decoration:none;
	background-color:#F2732C;
	color:#FFFFFF;
}
@media (max-width:992px) {
	#navbar-superior {
		position:static;
		background-color:#F2732C;
	}
	#navbar-superior .navbar-header {
		float:none;
	}
	#navbar-superior .navbar-brand {
		display:block;
		float:none !important;
		width:100%;
		height:auto;
		padding:15px;
		margin:0 auto;
		text-align:center;
		background-color:#ffffff;
	}
	#navbar-superior .navbar-brand img {
		margin:0 auto;
	}
	#navbar-superior #menu-superior {
		width:100%;
	}
	#navbar-superior #menu-superior > .navbar-nav {
		float:none;
	}
	#navbar-superior .navbar-nav > li > a {
		padding:10px 20px;
	}
	#navbar-superior #menu-superior > ul > li:hover > a ,
	#navbar-superior #menu-superior > ul > li:hover > a:focus ,
	#navbar-superior #menu-superior > ul > li:hover > a:hover ,
	#navbar-superior .navbar-nav > .active > a ,
	#navbar-superior .navbar-nav > .active > a:focus ,
	#navbar-superior .navbar-nav > .active > a:hover ,
	#navbar-superior .navbar-nav > .open > a ,
	#navbar-superior .navbar-nav > .open > a:focus ,
	#navbar-superior .navbar-nav > .open > a:hover {
		background-color:rgba(255,255,255,0.5);
		color:#FFFFFF;
	}
}
@media (max-width:768px) {
	#navbar-superior .navbar-toggle {
		display:block;
		float:none;
		margin:10px auto;
		border-color:#FFFFFF;
	}
	#navbar-superior .navbar-toggle .icon-bar {
		background-color:#FFFFFF;
	}
	#navbar-superior .navbar-toggle:hover ,
	#navbar-superior .navbar-toggle:focus {
		background-color:#FFFFFF;
	}
	#navbar-superior .navbar-toggle:hover .icon-bar ,
	#navbar-superior .navbar-toggle:focus .icon-bar {
		background-color:#F2732C;
	}
	#navbar-superior #menu-superior {
		border-color:#FFFFFF;
	}
	#navbar-superior #menu-superior .navbar-nav {
		margin:0;
	}
	#navbar-superior .navbar-nav > li > a {
		padding:20px;
	}
	#navbar-superior #menu-superior > ul > li:hover > ul {
		display:none;
	}
}
/* FIN Estilos Navbar Superior */

/* INICIO Estilos Bloques Portada */
.bloque-portada {
	position:relative;
	background-color:#eeeeee;
	border:1px solid #dddddd;
	height:0;
	padding:100% 0 0 0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
}
@media (max-width:768px) {
	.bloque-portada {
		margin:20px auto;
	}
}
.bloque-portada .bloque-portada-titulo {
	position:absolute;
	left:0;
	right:0;
	bottom:50%;
	margin:0 0 -60px 0;
	padding:30px 20px;
	background-color:rgba(255,255,255,0.8);
	font-size:24px;
	font-weight:400;
	line-height:30px;
	text-align:center;
	color:#F2732C;
}
@media (min-width:768px) {
	.bloque-portada {
		-webkit-transition:all 0.5s; /* Safari */
		transition:all 0.5s;
	}
	.bloque-portada:hover {
		background-size:130% 130%;
	}
	.bloque-portada .bloque-portada-titulo {
		-webkit-transition:all 0.7s; /* Safari */
		transition:all 0.7s;
	}
	.bloque-portada:hover .bloque-portada-titulo {
		bottom:0;
		margin:0;
		background-color:rgba(242,115,44,0.8); /* #F2732C */
		color:#FFFFFF;
	}
}
/* FIN Estilos Bloques Portada */

/* INICIO Estilos Botones */
.btn-primary {
	background-color:#F2732C;

	border-color:#F2732C;
	color:#ffffff;
}
.btn-primary.focus ,
.btn-primary:focus ,
.btn-primary:hover {
	background:none;
	background-color:#F58F56;
	border-color:#F2732C;
	color:#ffffff;
}
.btn-primary.active ,
.btn-primary:active ,
.btn-primary.active:focus ,
.btn-primary.active:hover ,
.btn-primary:active:focus ,
.btn-primary:active:hover {
	background:none;
	background-color:#F7AB80;
	border-color:#F2732C;
	color:#ffffff;
}
/* FIN Estilos Botones */

/* INICIO Estilos Mapa Google */
#contenedor-map-canvas {
	border:1px solid #CCCCCC;
	margin:20px auto;
}
div#map-canvas {
	width:100%;
	height:370px;
}
#pie div#map-canvas {
	width:100%;
	height:303px;
}
#map-canvas img[src*="gstatic.com/"] ,
#map-canvas img[src*="googleapis.com/"] {
	max-width: none;
}
/* FIN Estilos Mapa Google */

/* INICIO Estilos Galeria */
#cabecera-galeria {
	background-color:#000000;
}
#slider-cabecera #banner {
	position:absolute;
	z-index:1;
	right:20px;
	bottom:20px;
	width:250px;
	height:310px;
}
#slider-cabecera .carousel-control {
	opacity:1;
	top:50%;
	margin-top:-50px;
	width:50px;
	height:100px;
	background:none;
	background-color:rgba(255,255,255,0.8);
	color:#000000;
}

/* Nuevo */

.carousel-control {
    opacity: 1;
    width: 80px;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none !important;
}

.carousel-control .bi {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    line-height: 1;
    color: #000;
    z-index: 10;
}



#slider-cabecera .carousel-control:hover ,
#slider-cabecera .carousel-control:focus {
	opacity:1;
	background-color:rgba(255,255,255,0.9);
}
#slider-cabecera .carousel-control.left {
	left:-50px;
}
#slider-cabecera .carousel-control.right {
	right:-50px;
}
.carousel-control .glyphicon-chevron-left ,
.carousel-control .glyphicon-chevron-right ,
.carousel-control .icon-next ,
.carousel-control .icon-prev {
	margin-top:-16px;
}
/* FIN Estilos Galeria */

/* INICIO Estilos Marcas */
.marcas {
	list-style:none;
	margin:20px auto;
}
.marcas ul ,
.marcas ul li ,
.marcas ul li img {
	display:block;
	margin:0;
	padding:0;
}
.marcas ul {
	position:relative;
	width:100%;
	margin:0 -10px;
}
.marcas.slider ul {
	margin:0;
}
.marcas ul li {
	float:left;
	width:20%;
	max-width:270px;
	padding:10px;
}
.marcas.slider ul li {
	width:33%;
	padding:3px;
}
.marcas ul li img {
	width:100%;
	height:auto;
	border:1px solid #CCCCCC;
}

.marcas.slider.js {
	max-width:270px;
	border:1px solid #CCCCCC;
}
.marcas.slider.js ul {
	height:0;
	overflow:hidden;
	padding-top:100%;
	margin:0;
}
.marcas.slider.js ul li {
	float:none;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:0;
	padding:0;
	padding-top:100%;
	max-width:none;
}
.marcas.slider.js ul li img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:none;
}

/* FIN Estilos Marcas */