@charset "utf-8";

/*RGBASET:  A)Naranja: RGBA 247,148,30,1
			B)Azul: RGBA 45,127,185,1
			
			Escala:
				A)	247,148,30,1
					
				B) 	45,127,185,1
					37,105,152,1
				
*/

/* CLEARFIX */

* {
	margin:		0px;
	padding:	0px;	
}

h1,h2,h3,h4,h5 {
	text-align:center;
}

button,
a,
a:link, 
a:visited, 
a:active, 
a:hover, 
a:focus {
	-moz-outline:none; !important;
	-moz-outline-style:none; !important;
}

#padbotton {
	padding:0;	
}
	
#container-fluid_bc1{
	background-color:rgba(224,238,250,1);	
}

#container-fluid_bc2{
	background-color:rgba(247,148,30,0.7);	
}
/*		WRAPPERS-CONTENEDORES	 */ 
.wrapper {
	position:	relative;
	display:	block;
	max-width: 	1333px;
	
	margin-left:		auto;
	margin-right:		auto;
}

.wrapper-slider {
	display:	block;
	position:	relative;
	
	width:		100%;
	max-width: 	1400px;
	overflow:	hidden;
	
	
	margin-left:		auto;
	margin-right:		auto;
	
}

#slider-top {
	border-top: 4px solid rgba(247,148,30,1);
	padding:0;	
}


/* ==	CABECERA DE PAGINA */
.cabecera {
	background-color:	#eee;
	height:				105px;
}

.logo {
	position:	relative;
	float:		left;
	width:		380px;

}

nav.sub-menu {
	position:	relative;
	float:		right;
	top:45px;
}

nav.sub-menu > ul {
	list-style:none;	
}

nav.sub-menu > ul li {
	display: inline-block;	
}

nav.sub-menu > ul li > div ul li {
	display: block;
	float:none;	
}


/* ==	MENU BARRA COMPLETA */
.barra-menu {	
	background-color:rgba(45,127,185,1);
	height:50px;
}

.menu-align-izquierdo {
	float:		left;			
}

.menu-align-derecho {
	float:		right;	
}

.barra-menu ul {
	list-style:	none;
	margin:0;
}

.barra-menu ul li {
	display:	inline-block;
	float:		left;
}

.barra-menu ul li a {
	display:	block;
	padding:	15px;
	
	text-align:	center;
	color:		rgb(255,255,255);
	text-decoration:none;	
}

.barra-menu ul li:hover {
	background-color:rgba(37,105,152,1);
}

.barra-menu ul li > ul {
	display:	none;
	position:	absolute;
	width:		200px;
	height:		150px;
	float:		none;
	background-color:rgba(37,105,152,1);
	/*margin-left:13px;*/
}

.barra-menu ul li > ul li {
	width:		100%;
}

.barra-menu ul li > ul li a {
	padding-left:	20px;
	padding-top:	10px;
	padding-bottom:	10px;
	text-align:		left;
		
}

.barra-menu ul li > ul li a:hover {
	background-color:rgba(45,127,185,1);	
}

.barra-menu ul li:hover > ul {
	display:	block;	
	z-index:	9999;
}

.barra-menu ul li:hover > .menu-contenedor-info {
	display:	block;
	z-index:	9999;
}

.menu-contenedor-info {
	position:	absolute;
	float:		right;
	width:		200px;
	height:		150px;
	display:	none;
	clear:		both;
	margin-left:200px;
	background-color:rgba(247,148,30,1);
}

.menu-contenedor-info p {
	font-size:	12px;
	padding:	7px;
	
	line-height:17px;
	text-align:	left;
	color:		rgba(255,255,255,1);
}

.menu-contenedor-info p span {
	display:	inline-block;
	width:		100%;
	
	padding-bottom:	12px;
	padding-top:	5px;
	font-size:		14px;
	font-weight:	bold;
}

.activo {
	background-color:rgba(37,105,152,1);	
}

/* MENU BARRA MOVILES */

.wrapper-movil,
.menu-movil div,
.menu-movil div a {
	height:43px;
	
}
.wrapper-movil {
	position:relative;
	width:100%;
}

.menu-movil div {
	position:relative;
	float:left;
	display:inline-block;
}

.menu-movil div a {
	display:block;	
	text-align:center;
}

.menu-movil div a span {
	font-size:20px;	
	padding:8px 0;	
}

.menu-movil-centro {
	width:80%;	
}

.menu-movil-izquierdo,
.menu-movil-derecho {
	width:10%;	
}


ul.list-menu-movil {
	width:100%;
	list-style:none;
	display:none;
	background:rgba(255,255,255,1);
	float:left;
	position:absolute;
	top:42px;
	margin:0;
	
	z-index:9999;
}

ul.list-menu-movil li{
	display:block;
	background-color:rgba(45,127,185,1);
}

ul.list-menu-movil li a {
	color:rgba(255,255,255,1);	
}

ul.list-menu-movil li a:hover {
	background-color:rgba(37,105,152,1);
	text-decoration:none;
}

ul.list-menu-movil li a:link {
	text-decoration:none;	
}

ul.list-menu-movil li a {
	padding-left:12px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
}

ul.list-menu-movil li span {	
	position:relative;
	padding-right:10px;
}

#aling-izquierdo {
	float:left;	
}

#aling-derecho {
	float:right;	
}

ul.list-menu-movil li > ul {
	display:none;
}

ul.list-menu-movil li > ul li {
	background-color: rgba(45,62,80,1);	
}

ul.list-menu-movil li > ul li a:hover {
	background-color:inherit;
}

.list-align {
	text-align:right;	
}

#lista-1 {
	display:none;
}

#lista-2 {	
	display:none;
}

/* == 	CONTENEDORES PRODUCTOS	 */

.linea-bottom {
	border-bottom:	2px solid rgba(45,127,185,1);
}

.separador-seccion {
	margin-top:30px;
	margin-bottom:30px;	
}

#caja-especial {
	height:600px;	
}

article.contenedor-caja {
	width:			100%;
	height:			470px;
	position:		relative;
	background-color:#eee;
	
	margin-bottom:	30px;
	
	border-top:		3px solid rgba(45,127,185,1);
	border-bottom:	2px solid rgba(45,127,185,1);
}

.contenedor-caja header {
	padding:15px 0;
	background-color:rgba(255,255,255,1);
}

.contenedor-caja header h2 {
	font-size:	32px;	
	font-weight:bold;
	margin:		0;
	margin-left:10px;
	display:	inline;
}

.contenedor-caja header span {
	display:inline;
	font-size:	24px;	
}

section.text-contenedor-caja {
	padding:0 15px ;
	margin-bottom:5px;
}

div.text-contenedor-caja {
	padding:15px;	
}	

section.text-contenedor-caja h3, 
section.text-contenedor-caja p{
	text-align:left;
}


.text-contenedor-caja ul {
	margin-top:5px;	
	margin-left:15px;
}

.text-contenedor-caja ul li {
	margin:5px 0;
	text-align:left;	
}

.precio-contenedor-caja {
	position:absolute;
	left:15px;
	bottom:85px;
	text-align:left;	
}

.precio-contenedor-caja span {
	display:inline;
}

.precio-top {
	font-size:22px;	
	font-weight:bold;
}

.precio-bottom {
	font-weight:bold;	
}

.btn-contenedor {
	position:absolute;
	padding:20px 30px;	
	left: 15px;
	bottom: 15px;
	border-radius:5px;
	color:rgba(255,255,255,1);
	background-color:rgba(247,148,30,1);
}

.btn-contenedor:link,
.btn-contenedor:hover,
.btn-contenedor:visited {
	text-decoration:none;
	color:rgba(255,255,255,1);	
}

.btn-contenedor:hover {
	background-color:rgba(255,153,0,1);
}


@media screen and (max-width:992px){
	
	article.contenedor-caja {
		width:70%;
		margin-left:auto;
		margin-right:auto;	
	}
	
	section.text-contenedor-caja ul li {
		text-align:left;	
	}
		
}

@media screen and (max-width:540px) {
	
	article.contenedor-caja {
		width:100%;
	}
}


/* JUMBOTRON IMG */
.img-jumbotron {
	height:200px;
}

.text-jumbotron {
	color:rgba(255,255,255,1);	
}

/* == SLIDER TEXTO */

.slider-text {
	margin-bottom:25px;	
}

.slider-text a {
	padding:10px 35px;	
}

#img-slider {
	display:block;
	width:100%;
	height:300px;	
}

.img {
	background-repeat:no-repeat;
	background-size:cover;
}


@media screen and (max-width:767px){
	
	.slider-text {
		margin-bottom:25px;	
	}
	.slider-text a {
		font-size:10px;
			
	}
	#img-slider {
		display:block;
		width:100%;
		height:200px;	
	}
}


/* == INPUT  */

.input-busqueda {
	padding:30px 0;	
}

/* ==	CONTENEDORES I */

.contenedores-i {
	margin:0;
}

.contenedores-i article {
	padding:15px 0;	
	height:370px;
}

.contenedores-i div {
	position:	relative;
	display:	block;
	width:		100%;
	height:		180px;
}

.contenedores-i h3, p {
	text-align:	center;
	line-height:22px;
}

.imagen-contenedor {
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	background-color:#eee;
}


/* ==	PIE DE PAGINA */

.pie-medio {
	background-color:#eee;	
}

.pie-superior,
.pie-inferior {	
	background-color:rgba(45,127,185,1);
}

.pie-inferior {
	height:20%;	
	width:100%;
}



/* ==	PIE SUPERIOR  */
.nav-contacto,
.nav-social {
	position:relative;	
	display:block;
	height:auto;
}

.nav-contacto {
	margin:16px 0;
}

.nav-contacto p,
ul.nav-social {
	margin-bottom:0;	
}

.nav-contacto p {
	padding:4px 0;
	text-align:left;
	font-size:16px;	
	color:rgba(255,255,255,1);	
}

.nav-contacto p a {	
	color:rgba(255,255,255,1);	
}

ul.nav-social {
	list-style:none;
	width:auto;
	height:34px;
	margin:15px 0;
}

ul.nav-social li a {
	display:block;
	float:right;
	margin:0 3px;
	width:32px;
	height:32px;	
}

.facebook {
	background-image:url(../img/icon/facebook_32x32.png);
}

.facebook:hover {
	background-image:url(../img/icon/facebook_32x32h.png);
}

.twitter {
	background-image:url(../img/icon/twitter_32x32.png);
}

.twitter:hover {
	background-image:url(../img/icon/twitter_32x32h.png);
}

.youtube {
	background-image:url(../img/icon/youtube_32x32.png);
}

.youtube:hover {
	background-image:url(../img/icon/youtube_32x32h.png);
}

.google {
	background-image:url(../img/icon/google_32x32.png);
}

.google:hover {
	background-image:url(../img/icon/google_32x32h.png);
}

.instagram {
	background-image:url(../img/icon/instagran_32x32.png);
}

.instagram:hover {
	background-image:url(../img/icon/instagran_32x32h.png);
}

.linkedin {
	background-image:url(../img/icon/linkin_32x32.png);
}

.linkedin:hover {
	background-image:url(../img/icon/linkin_32x32h.png);
}

@media screen and (max-width:992px){
	.nav-contacto p {
		text-align:center;
	}
	
	ul.nav-social {
		width:240px;
		margin-left:auto;
		margin-right:auto;	
	}
}


/* ==	LISTAS DE PIE DE PAGINA */
ul.pie-lista {
	position:relative;
}

ul.pie-lista {	
	list-style:none;
	width:100%;
	margin:0;
	
}

ul.pie-lista li {
	display:block;
	padding:2px;
}

ul.pie-lista li:first-child {
	font-size:16px;
	font-weight:bold;
}

ul.pie-lista li a {
	display:block;
}

.pie-lista ul li a:hover {
		
}

@media screen and (max-width:992px){
	
	ul.pie-lista {
		margin:0;
		text-align:center;	
		margin-bottom:16px;
	}
	
	ul.pie-lista li:first-child {
		font-size:16px;
		font-weight:bold;
	}
	
	.contenedor-caja {
		text-align:center;	
	}
	
	.contenedores-i {
		margin:10px;
	}

	.contenedores-i article {
		padding:15px 0;	
		height:auto;
	}
	
}


/* COPYRIGHT  */

.copyright {
	display:block;
	position:relative;
	padding:5px 0;
	margin:7px 0;
	text-align:center;
}

.botonTop {
	width:100%;
	display:block;
	padding:13px 0;
	color:rgba(255,255,255,1);
	text-align:center;
	background-color:rgba(37,105,152,1);
}

a.botonTop:hover,
a.botonTop:visited,
p.copyright {
	color:rgba(255,255,255,1);
}