@charset "utf-8";
/* CSS Document */
#ie{ display:none}
#detalle-fotos{ visibility:hidden;}

body{
	font-family: 'Titillium Web', sans-serif;
	color:#272324;
}
figure img{ width:100%;}
a{ color:#03a9f4;}
a:hover{ color:#EC008B; text-decoration:none}
h1,h2{
	color:#000000;
}
h1,h2,h3,h4,h5{
	margin-top:0;
}
h2{ font-size:24px;}

.alert { border-radius:0;}

.tit-1{
    background-color: rgb(3, 169, 244);
    padding: 30px;
    color: white;
    text-align: center;
    border-radius: 4px;
    font-size: 29.602px;
    line-height: 41.442px;
}

.tit-1 span { font-weight:bolder }
header{
	margin-bottom:20px;
	box-shadow: 0 10px 50px -2px rgba(0,0,0,.14);
}
#top-logo img{ width:100%}
.border-top{
	width:100%;
	height:6px;
}

/* menu top */

.navbar-inverse .navbar-toggle {background: #787878;}
	
.navbar{
	border:none;
	border-radius: 0;
	margin-bottom:0;
}
.navbar-inverse {
    background-color: #FFF;
	border:none;
}
.navbar-inverse .navbar-nav>li>a {
    color:#272324;
	text-transform:uppercase;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color:#03a9f4;
}

.nav>li>a.link-redes { padding-left:4px; padding-right:4px;}
.nav>li>a.link-redes img { width:20px; vertical-align: inherit;}

/*  sub-menu  */

.sub-menu { }


/* box-intro */
.box-intro h1, .box-form-home h1{
	text-align:center;
	font-weight:300;
	font-size:	20px;
}
.box-intro .separador, .box-form-home .separador{
	border: #e91e63 solid 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    /*margin-bottom: 15px;*/
    width: 100%;
    max-width: 200px;
}
.box-intro .txt {
	text-align:center;
	padding:40px 0;
	
}

.box-form-home .txt{
	text-align:center;
	padding:20px 0 40px 0;
	
}

.box-form-home .txt .tel{ font-size:30px; padding-bottom:5px; font-weight:700}
.box-form-home .txt .horario{ font-size:20px;}

.box-intro .box-icon {
	text-align:center;
}
.box-intro .box-icon h3 {
	font-size:14px;
	margin-top:20px;
}
.box-intro .box-icon .icon i{
}
@media (min-width: 768px) {
	
	/*  sub-menu  */
	.sub-menu { columns: 2; }
	
	/* box-intro */
	.box-intro h1, .box-form-home h1{
		font-size:30px;
	}
	.box-intro .txt{
		font-size:16px;
	}
	.box-intro .box-icon h3 {
		font-size:16px;
	}
}


/* box-comentarios */

.box-comentarios-border {
	height:80px;
	
	background: #ffffff; 
	background: -moz-linear-gradient(-87deg, #ffffff 0%, #ffffff 50%, #ec008b 50%, #ec008b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-87deg, #ffffff 0%,#ffffff 50%,#ec008b 10%,#ec008b 100%); /* Chrome10-25,Safari5.1-6 */
}

.box-comentarios {
	background-color:#EC008B;
	color:#FFF;
	padding-bottom:40px;
}
.box-comentarios h1{
	text-transform:uppercase;
	color:#FFF;
	font-weight:400
}
.box-comentarios .txt {
	margin-bottom:30px;
}
.box-comentarios .box-icon {
	text-align:center;	
}
.box-comentarios .box-icon h3 {
	color:#FFF;
	font-size:14px;
	margin-top:20px;
}
.box-comentarios .box-icon  figure{
	max-width:150px;
	margin: 0 auto;
	border-radius:50%;
	overflow:hidden
}
@media (min-width: 768px) {
	/* box-intro */
	.box-comentarios h1{
		text-align:right;
		text-transform:uppercase;
		font-size:46px;
		font-weight:600
	}
	.box-comentarios .txt{
		text-align:right;
		padding-left:40%;
		font-size:18px;		
	}
	.box-comentarios .box-icon h3 {
		font-size:16px;
	}
	
}

/* banner */ 
.banner{
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
	margin-bottom:30px
}

.banner-block div[class*="col-"] {
	padding-left:0; padding-right:0;
}

.banner-block a{ font-size: 22px; color: #03a9f4; text-transform:uppercase; text-decoration:none; text-align:center } 
.banner-block a .inner{ padding:.9em 0 .9em .9em;  overflow: hidden;}

/*
.banner-block .banner1{ background: url(../img/banner-bg.png) left bottom no-repeat #03a9f4;}
.banner-block .banner2{ background: url(../img/banner-bg.png) left bottom no-repeat #ED018C;}
.banner-block .banner3{ background: url(../img/banner-bg.png) left bottom no-repeat #EAE103;}
.banner-block .banner4{ background: url(../img/banner-bg.png) left bottom no-repeat #000000;}

.banner-block .banner:hover{ background-color: #968b7c !important; background-position:-100% bottom;}
*/

.banner-block .banner:hover{ background-color: #03a9f4; color:#FFFFFF }

article{
	
}

.box-calculadora{
	/*background:  #F8F8F8; */
	padding:10px 10px 1px 10px;
	position:relative
}
.box-calculadora .leyenda {
	margin-bottom:10px;
}

.form-group {
    margin-bottom: 10px;
}
.form-horizontal .control-label{ padding-right:0;}

/* box-subcategorias */
.box-subcategorias {}
.box-subcategorias .btn{ margin:7px;}

/* slider home */
#sliderHome { margin-top:-20px; margin-bottom:20px}


/* detalle-producto */

.box-detalle-fotos .bx-wrapper{
	border:#FFFFFF solid 6px;
	/*
	-webkit-box-shadow: 3px 3px 7px 0 rgba(217,215,207,.5);
	box-shadow: 3px 3px 7px 0 rgba(217,215,207,.5);
	*/
}

.detalle-txt h1{
	font-size:24px;
	padding:0;
	margin:0 0 15px 0;
	color:#03A9F4;
	font-weight:400;
}

.detalle-txt .txt{
	/* padding: 0 30px;
	background-color:#EC008B;
	color:#FFFFFF; */
}


	/* vista en pc escritorio */

	@media (min-width: 768px) {
		header  { padding:5px 0}
		header .navbar-brand { padding:7px 0;}
		.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0}
		header .navbar-nav {
			margin-top: 5px;
		}
		.navbar-nav>li>a {
			padding-top: 10px;
			padding-bottom: 10px;
		}

		header .navbar-nav>li { margin:0 1px}
		
		article{ min-height:500px;}
		
		/* agregado colores link menu */
		header .navbar-inverse .navbar-nav>li>a.estado-pedido, 
		header .navbar-inverse .navbar-nav>li>a.ingresa{background-color:#03A9F4;color:#FFF;}
		header .navbar-inverse .navbar-nav>li>a.ingresa{ background-color:#EC008B;}
		
		header .navbar-inverse .navbar-nav>li>a.estado-pedido:hover, 
		header .navbar-inverse .navbar-nav>li>a.ingresa:hover{ background-color:#111111;}
		
		.container{
			max-width:1024px;
		}
		
		/* slider home */
		.camera_caption > div {
			font-size: 40px;
			text-align: center;
		}

		#top-logo{
			max-width:220px;
			float:left;
			margin-top:10px;
		}
		
		/* redes sociales */
		#top-redes{
			position:absolute;
			right:30px;
			top:70px;
		}
		#top-redes>li>a {
			padding: 2px;
		}
		
		/* detalle-producto */
		
		.detalle-txt h1{
			/*text-align:right*/
		}
		.detalle-txt .txt{
			/*padding-top:55px;*/
		}
		
		/* sub-menu */
		
		.sub-menu{}
		.sub-menu>li>a{
		}
		.navbar-right .sub-menu{
		}
		
		/* intranet */
		.btn-login-accesos { text-align:right}
		.btn-login-accesos a{ float:left; line-height:32px;}
		
		/* banner */
		.banner{ margin-bottom:0; }
		.banner-block a{ font-size: 21px;  } 
		/*.banner-block a .inner{ padding:2.1em 0 2.1em .8em; }*/
		
	}  
	
	@media (min-width: 992px) {
		#home-slider ul li { height:330px;}
		
		.banner-block a{ font-size: 26px;} 
		/*.banner-block a .inner{ padding:2.1em 0 2.1em .8em; }*/

    }
	
	@media (min-width: 1200px) {
		#home-slider ul li { height:350px;}
		
		/*.banner-block a .inner{ padding:2.1em 0 2.1em .8em; }*/
    }

/* categoarias aside */ 
aside ul.nav li{ margin-bottom:1px;}
aside ul.nav li a{
	border-left:#03A9F4 solid 4px;
}
aside ul.nav li a:hover{
	border-left:#EC008B solid 4px;
}
	
/* box productos  */

.box-producto-content{
	padding:60px 0;
}

.box-producto-content .bx-wrapper .bx-viewport {
	padding-left:10px;
}
.box-producto-content h2{
	color:#999;
	font-size:16px;

}

.box-producto { margin-bottom:20px;}
.box-producto a{ display:block}
.box-producto a:hover{
	-webkit-box-shadow: 0 0 15px 1px rgba(217,215,207,.9);
	box-shadow: 0 0 15px 1px rgba(217,215,207,.9);
}

.box-producto figure{
	background:#03a9f4;
	margin:0;
	padding:20px;
}

.box-producto h2{
	background:#EFEFEF;
	text-align:center;
	font-size:16px;
	padding:4px 0;
	height:59px;
	line-height:59px;
	overflow:hidden;
}



/* box-noticias-content */

.box-noticias-content{
	margin-top:20px;
}

.bg-1{
	background:#96D246;
}
.bg-2{
	background:#E82D50;
}
.bg-3{
	background: #30373D;
}

.bg-4{
	background: linear-gradient(271deg, #03a9f4, #ED018C, #EAE103);
	background-size: 600% 600%;
	-webkit-animation: BorderTop 8s ease infinite;
	-moz-animation: BorderTop 8s ease infinite;
	animation: BorderTop 8s ease infinite;
}
	
	@-webkit-keyframes BorderTop {
		0%{background-position:0% 58%}
		50%{background-position:100% 43%}
		100%{background-position:0% 58%}
	}
	@-moz-keyframes BorderTop {
		0%{background-position:0% 58%}
		50%{background-position:100% 43%}
		100%{background-position:0% 58%}
	}
	@keyframes BorderTop { 
		0%{background-position:0% 58%}
		50%{background-position:100% 43%}
		100%{background-position:0% 58%}
	}
.box-noticia{
	overflow:hidden;
	color:#000000;
	margin-bottom:30px;
}
.box-noticia a {
	display:block;
	overflow:hidden;
	background:#F2F2F2;
	color:#000000;
	-webkit-transition: all 350ms ease-out;
	-moz-transition: all 350ms ease-out;
	-ms-transition: all 350ms ease-out;
	-o-transition: all 350ms ease-out;
	transition: all 350ms ease-out;
}
.box-noticia a:hover, .box-noticia a:hover h2 {
	background:#03a9f4;
	color: #FFF;
	-webkit-transition: all 150ms ease-in;
	-moz-transition: all 150ms ease-in;
	-ms-transition: all 150ms ease-in;
	-o-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
}
.box-noticia a:hover h2 {
	color: #FFF;
	-webkit-transition: all 150ms ease-in;
	-moz-transition: all 150ms ease-in;
	-ms-transition: all 150ms ease-in;
	-o-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
}
.box-noticia a figure { padding:0; overflow:hidden}
.box-noticia a img{
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.box-noticia a:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.box-noticia a, .box-noticia a img, .box-noticia a figure { border:0; }

.box-noticia p{ margin:0;}

.box-noticia h2{
	color:#000000;
	font-size:24px;
	font-weight:bold;
	padding:6px;
	padding-left:0;
	margin:10px 0 30px 0;
}

/* gallery */
.gallery{ overflow:hidden; margin-bottom:20px;} 
.gallery div[class*="col-"] {
	padding:1px;
	margin-bottom:0;
}

figure.ampliar{
	background: url(../img/icon-lupa.png) no-repeat center center;
}
figure.ampliar:hover img{
	z-index:1;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

.zoom {
  position: relative;
  overflow: hidden;
}
.zoom img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.zoom:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* footer */

.box-accesos-directo{
	background:#F2F2F2;
}

a.icon-facebook:hover{ color:#4C67A1;}

footer{ background-color:#303030; color:#FFF; overflow:hidden; padding:30px 0}
footer .logo-pie { width:121px; margin:0 auto 30px auto; }
footer .logo-pie img { width:100%;}

.copy{
	background: #303030;
    border-top: #606060 solid 1px;
	color:#FFF;
	text-align:center;
	font-size:12px;
	padding:15px
 }
.copy a, footer a{ color:#FFF}
.copy a:hover{ color:#000}

/* formulario */
.box-form-pie{
	background: #F8F8F8;
	padding:30px;
}
.form-group label{ font-weight:normal;}
.form-control {
	background-color:#DCDDDF;
	border:none;
	border-radius:0;
	color:#111;
	box-shadow: none;
	
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color:#DCDDDF; }
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: transparent;
    border: 1px solid #DCDDDF;
    border-radius:0;
}

.form-control, .btn{

}
.btn{
	background:#03a9f4;
	color:#FFFFFF;
	border:none;
}
.btn:hover{
	background:#E6E6E6;
	color:#000000;
	border:none;
}

.btn-personalizado {
	background:#000;	
}

label.error{
	font-weight:normal;
	font-size:12px;
	color:#C30;
}
input.error,select.error, textarea.error{
	border-color: #C30;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 51, 0, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 51, 0, 0.6);
}

.form-load {
	background:rgba(255,255,255,.75) url(../img/loading.gif) no-repeat center center;
	z-index:999;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

#mapa{
	width:100%;
	height:350px;
}

/* tablas */


.table>tbody>tr>th {
	
}

/* box-estados */
.box-estados{background:#F2F2F2}
/* box-redes */

.box-redes{
	text-align:center;
}
.box-redes a { margin: 0 3px;}
.box-redes img{
	max-width:24px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.box-redes img:hover{
-moz-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
-o-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
}

/* scrollup */

.scrollup {
	width: 40px;
	height: 40px;
	opacity: 0.3;
	position: fixed;
	bottom: 50px;
	right: 100px;
	display: none;
}

@media (max-width: 768px) {
	.scrollup { display:none!important;}
	.pie-icons, .box-noticia{ margin-bottom:20px;}
	footer{ text-align:center;}
	.box-etiquetas { padding-top:20px;}
	.box-intro .box-icon { margin-bottom:60px;}
	
}