/*NO BORRAR*/
@font-face {
 font-family:Roboto-Regular;
 src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
 font-family:Roboto-Bold;
 src: url('../fonts/Roboto-Bold.ttf');
}
@font-face {
 font-family:Roboto-Light;
 src: url('../fonts/Roboto-Light.ttf');
}
@font-face {
 font-family:Roboto-Medium;
 src: url('../fonts/Roboto-Medium.ttf');
}
@font-face {
 font-family:Montserrat-Light;
 src: url('../fonts/Montserrat-Light.otf');
}
#frm_contacto label.error {
	margin-left: 10px;
	width: auto;
}
.error
{
	color: #B94A48 !important;
	margin:0px !important;
}

.link { 

  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font: normal 12px/12px HelveticaNeue, Arial;
  padding: 8px 11px;
  text-decoration: none;
}
.link.azul {
    background: -moz-linear-gradient(center top , #30517A, #3276B1) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background:#3276B1;
    border-color: #30517A ;
    box-shadow: 0 1px 1px #30517A, 0 1px 0 #30517A inset;
    color: #FFF !important;
    text-shadow: 0 1px 0 #30517A;
}
.link.azul:hover {
    background: -moz-linear-gradient(center top , #3276B1, #30517A) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #30517A;
    box-shadow: 0 1px 1px #30517A, 0 1px 0 #30517A inset;
    color: #FFF !important;
    text-shadow: 0 1px 0 #30517A;
}
.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}
.align-center{
	text-align:center;
}
/*FIN BORRAR*/

.header{
	color:#000;
	font-family:Roboto-Regular;
	font-size:14px;	
	padding-top:20px;
}
.hd_redes{
	border-bottom:1px solid #e4e4e4;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
}
.hd_menu{
	font-family:Roboto-Regular;
	padding-left:0;
	padding-right:0;
}
.hd_menu ul > li > a{
	background:url(../imgusr/borde-mnu.png) no-repeat center right;
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
	padding-right: 5px;
	width: 1170px;
}
.alinear{
	padding-top:10px;
}
.btn-tienda{
	background:#00aed1;
	border:1px solid #00aed1;
	border-radius:10px;
	color:#fff;
	padding:5px 30px;
	text-transform:uppercase;
	transition:all 500ms ease-in-out;
}
.btn-whatsapp{
	background:#00aed1;
	border:1px solid #00aed1;
	border-radius:10px;
	color:#fff;
	padding:5px 13px;
	transition:all 500ms ease-in-out;
}
.btn-tienda:hover,.btn-tienda:focus,.btn-tienda:active{
	background:#fff;
	color:#00aed1;
}
.btn-whatsapp:hover,.btn-whatsapp:focus,.btn-whatsapp:active{
	background:#fff;
	color:#00aed1;
}

.slide{
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    inset 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         inset 0px 5px 5px 0px rgba(50, 50, 50, 0.75) !important;
}
.slide h4 {
	font-family:Roboto-Bold;
	font-size:44px;
	text-transform:uppercase;
	text-align: left;
	color:#fff;    

	text-shadow: 1px 1px 5px rgba(14, 10, 14, 0.48);
}
.slide p{
	font-family: Roboto-Medium;
	font-size: 25px;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 50px;
	text-shadow: 1px 1px 5px rgba(14, 10, 14, 0.48);
}

.btn-slide{
	background:#00aed1;
	border-radius:0;
	border: 1px solid #fff;
	color:#fff;
	font-size:15px;	
	padding:5px 35px;
	text-transform:uppercase;
	transition:all 500ms ease-in-out;
}
.btn-slide:hover,.btn-slide:focus,.btn-slide:active{
	background:#002c94;
	color:#fff;	
}

.hm_productos{
/*	background:url("../imgusr/hm_productos.jpg") no-repeat top center; */
	color:#000;
	font-family:Roboto-Medium;
	font-size:14px;
	padding-bottom:25px;
	padding-top:25px;
}
.hm_productos h1{
	font-family:Roboto-Medium;
	font-size:16px;
	margin-bottom:15px;
}
.btn-mas{
	background:#002c94;
	border-radius:0;
	border:1px solid #002c94;
	color:#fff;
	font-size:12px;
	margin-top:20px;	
	padding:5px 20px;
	text-transform:uppercase;
	transition:all 500ms ease-in-out;
}
.btn-cotiza{
	background:#002c94;
	border-radius:0;
	border:1px solid #002c94;
	color:#fff;
	font-size:15px;
	margin-top:20px;	
	padding:5px 10px;
	text-transform:uppercase;
	transition:all 500ms ease-in-out;
}

.btn-mas:hover,.btn-mas:focus,.btn-mas:active{
	background:#00aed1;
	color:#fff;	
}

.btn-cotiza:hover,.btn-cotiza:focus,.btn-cotiza:active{
	background:#00aed1;
	color:#fff;	
}

.hm_limpieza{
	background:#f7f7f7;
	padding-bottom:50px;
	padding-top:50px;
}
.hm_limpieza h1{
	color:#000;
	font-family:Roboto-Bold;
	font-size:35px;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:50px;
}
.hm_limpieza ul > li{
	position:relative;
}
.hm_limpieza h3{
	font-family:Roboto-Medium !important;
	font-size:14px !important;
	color:#000 !important;
	top:170px;
	position:absolute;
	left: 25px;
}

.ir-compra{
	position:absolute;
	top:184px;
	right: 20px;	
}
.btn-comprar{
	background:#002c94;
	border-radius:0;
	color:#fff;
	font-size:12px;
	margin-top:-25px;
	padding:5px 20px;
	text-transform:uppercase;
	transition:all 500ms ease-in-out;
	width:92%;
}
.btn-comprar:hover,.btn-comprar:focus,.btn-comprar:active{
	background:#00AED1;
	color:#fff;	
}
.btn-ir{
	background:#002c94;
	border-radius:0;
	color:#fff;
	font-size:12px;
	padding:5px 45px;
	text-transform:uppercase;
	transition:all 500ms ease-in-out;
	/*background:transparent;
	border-radius:0;
	border:1px solid #002c94;
	color:#002c94;
	font-size:14px;
	padding:5px 45px;
	text-transform:uppercase;
	transition:all 500ms ease-in-out;*/
}
.btn-ir:hover,.btn-ir:focus,.btn-ir:active{
	background:#00AED1;
	/*background:#002c94;*/
	color:#fff;	
}


.hm_paneles{
	background:url("../imgusr/bg_paneles_solares.jpg") no-repeat top center;
	/*background-attachment:fixed;*/
	background-size:cover;
	padding-top:50px;
	padding-bottom:100px;
	font-size:18px;
}
.hm_paneles h1{
	color:#fff;
	font-family:Roboto-Bold;
	font-size:48px;
	text-transform:uppercase;
	text-shadow: 1px 1px 5px rgba(14, 10, 14, 1);
	margin-bottom:40px;
}
.hm_paneles p{
	font-family: Roboto-Bold;
	font-size: 22px;
	margin-bottom:40px;
	color:#fff;
	text-shadow: 1px 1px 5px rgba(14, 10, 14, 1);
}

.btn-ficha{
	background:transparent;
	border-radius:0;
	border:1px solid #002c94;
	color:#002c94;
	font-size:14px;
	padding:5px 25px;
	text-transform:uppercase;
	transition:all 500ms ease-in-out;
}
.btn-ficha:hover,.btn-ficha:focus,.btn-ficha:active{
	background:#002c94;
	color:#fff;	
}
.btn-conoce{
	background:#002c94;
	border-radius:0;
	color:#fff;
	font-size:14px;
	padding:5px 25px;
	text-transform:uppercase;
	transition:all 500ms ease-in-out;
}
.btn-conoce:hover,.btn-conoce:focus,.btn-conoce:active{
	background:#00AED1;
	color:#fff;	
}


.hm_calentadores{
	padding-bottom:80px;
	padding-top:60px;
	font-size:18px;	
}
.hm_calentadores h1{
	color:#000;
	font-family:Roboto-Bold;
	font-size:35px;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:55px;
}
.hm_calentadores h2{
	color:#e9a300;
	font-family:Roboto-Bold;
	font-size:24px;
	margin-bottom:35px;
}
.btn-fichay{
	background:transparent;
	border-radius:0;
	border:1px solid #e9a300;
	color:#e9a300;
	font-size:14px;
	padding:5px 25px;
	text-transform:uppercase;
	transition:all 500ms ease-in-out;
}
.btn-fichay:hover,.btn-fichay:focus,.btn-fichay:active{
	background:#e9a300;
	color:#fff;	
}
.btn-conocey{
	background:#e9a300;
	border-radius:0;
	border:1px solid #e9a300;
	color:#fff;
	font-size:14px;
	padding:5px 25px;
	text-transform:uppercase;
	transition:all 500ms ease-in-out;
}

.btn-conocey:hover,.btn-conocey:focus,.btn-conoce:active{
	background:transparent;
	color:#e9a300;	
}

.hm_clientes{
	padding-bottom:50px;
	padding-top:50px;
}
.hm_clientes h1, .hm_nosotros h1, .hm_marcas h1, .contenido h1{
	color:#000;
	font-family:Roboto-Bold;
	font-size:35px;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:55px;
}

.hm_nosotros{
	background:#f7f7f7;
	font-size:18px;
	padding-bottom:50px;
	padding-top:50px;	
}

.hm_marcas{
	padding-bottom:80px;
	padding-top:50px;	
}
.table_marcas{
	border:1px solid #c7c7c7;
	padding:5px;
}


.footer{
	background:url("../imgusr/bg_footer.jpg") no-repeat center top;
	background-size:cover;
	padding-bottom:10px;
	padding-top:140px;
	font-size:12px;	
}
.footer h1{
	font-family:Roboto-Bold;
	font-size:14px;
	margin-bottom:20px;
}
.footer a:hover{
	color:#00AED1;
}
.lista-ft{
	padding-left:10px;
}
.lista-ft li{
	list-style:url("../imgusr/bullet-ft.png");
	margin-bottom:5px;
}

.sim{
	padding-top:50px;
	font-family:Montserrat-Light;
	font-size:14px;
}

.titulo_principal{
	background:url("../imgusr/bg_titulo_principal.jpg") no-repeat center top;
	background-attachment:fixed;
	background-size:cover;
	padding-bottom:50px;	
	padding-top:50px;	
}
.titulo_principal h1{
	color:#fff;
	font-family:Roboto-Bold;
	font-size:48px;
	text-transform:uppercase;
	text-shadow: 1px 1px 5px rgba(14, 10, 14, 0.48);
}
.titulo_principal p{
	color:#fff;
	font-family:Roboto-Bold;
	font-size:20px;
	text-shadow: 1px 1px 5px rgba(14, 10, 14, 0.48);
}

.contenido{
	padding-bottom:30px;
	padding-top:50px;
}

.nav-tabs > li > a{
    color: #d0d0ce;
    font-family: Roboto-Bold;
    font-size: 24px;	
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    color: #e9a300 !important;
}
.tab-pane{
	padding-top:35px;
}

.bg_amarillo{
	background:#82decc;
	padding-bottom:30px;
	padding-top:30px;
	font-size:18px;
	margin-top:55px;
}
.contenido h2{
    color: #282828;
    font-family: Roboto-Bold;
    font-size: 32px;
	margin-bottom:25px;
}
.contenido h3{
    color: #fff;
    font-family: Roboto-Bold;
    font-size: 30px;
	text-align:center;
	margin-bottom:35px;
}


.btn-comprarfff{
	background:#fff;
	border-radius:0;
	color:#000;
	font-size:14px;
	padding:5px 35px;
	text-transform:uppercase;
	transition:all 500ms ease-in-out;
}
.btn-comprarfff:hover,.btn-comprarfff:focus,.btn-comprarfff:active{
	background:#00AED1;
	color:#fff;	
}
.tamaño_caja {
	height: 230px;
	margin-bottom: 20px;
}
.tamaño_caja h2 {
	font-size: 20px;
}
.tamaño_caja p {
	font-size: 14px;
}

.btn-caja {
	background:#002c94;
	border-radius:0;
	border:1px solid #002c94;
	color:#fff;
	font-size:11px;
	padding:4px 13px;
	text-transform:uppercase;
	transition:all 500ms ease-in-out;
	position: absolute;
	bottom: 35px;
	right: 115px;
}
.btn-caja:hover,.btn-caja:focus,.btn-caja:active{
	background:transparent;
	color:#002c94;	
}

.novequim {
	font-family: Roboto-Light;
	font-size: 26px;
	color:#fff;
	text-align: center;
	margin: 0;
}
.clorquim {
	background-color: #00aeef;
}
.superquim {
	background: #006738;
}
.alkquim {
	background: #91278f;
}
.aciquim {
	background: #be1e2d;
}
.algaquim {
	background: #39b54a;
}
.clariquim {
	background: #1b75bc;
}
.brilloquim {
	background: #f2c107;
}
.cristalquim {
	background: #f15a29;
}
.clorquim span, .brilloquim span, .clariquim span, .alkquim span, .superquim span, .aciquim span, .algaquim span, .cristalquim span {
	font-family: Roboto-Bold;
}


.iconos-redes img{
	width:30px;
	height:auto;
}

.li_folleto{
	list-style:none;
	margin-top:25px;
	padding-left:0;
}
.li_folleto > li{
	background:url("../imgusr/icono-pdf.png") no-repeat center left;
	padding-left:30px;
	margin-bottom:10px;
}
.contenido h4 {
    color: #003598;
    font-family: Roboto-Medium;
    font-size: 20px;
    margin-bottom: 25px;
}

@media(max-width:1200px){
	.navbar-default .navbar-nav > li > a {
		font-size: 11px;
	}	
	.nav > li > a {
		padding: 10px 14px;
	}
	.slide h1 {
		top: 40%;
		font-size: 35px;
	}
	.hm_limpieza h3 {
		top: 160px;
	}
	.ir-compra {
		top: 175px;
	}
	.btn-comprar {
		width: 96%;
	}
	.container-fluid {
		width:100%;
	}	
}

@media (max-width: 1057px){
	.slide p {
		margin-bottom: 11px;
	}
}

@media (max-width: 1027px) {
	.slide h4 {
		font-size: 40px;
	}
	.slide p {
		margin-bottom: 12px;
	}
}
@media(max-width:990px){
	.align-left, .align-right{
		text-align:center;
	}
	.nav > li > a {
		padding: 10px 10px;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 12px;
	}
	.slide h1 {
		top: 35%;
		font-size: 30px;
		text-align:center;
	}
	.hm_limpieza h3 {
		top: 160px;
	}
	.ir-compra {
		top: 175px;
	}	
}
@media(max-width:910px){
	.nav > li > a {
		padding: 10px 8px;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 12px;
	}
}
@media(max-width:858px){
	.slide p {
		font-size: 20px;
	}
}
@media(max-width:850px){
	.nav > li > a {
		padding: 10px 10px;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 10px;
	}
}

@media(max-width: 833px) {
	.slide p {
		font-size: 18px;
	}
}

@media(max-width:810px){
	.nav > li > a {
		padding: 10px 8px;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 10px;
	}
	.hm_productos {
	background-image: none;
	}
	.hm_paneles {
		padding-top: 0;
		padding-bottom:0;
	}
	.hm_paneles h1 {
		font-size: 34px;
	}
}
	.aparece {
		display:none;
	}
	.desaparece {
		display:block;
	}
@media(max-width: 995px) {
	.aparece {
		display:block;
	}
	.desaparece {
		display:none;
	}
}

@media (max-width: 812px){
	.tamaño_caja {

    height: initial;
	}
}

@media (max-width: 796px) {
	.slide h4 {
		font-size: 32px;
	}
	.slide p {
		font-size: 18px;
	}
}

@media(max-width:767px){
	.btn-slide {
		display:none;
	}
	.slide h1 {
		font-size:20px;
	}
	.hm_limpieza h3 {
		top: 150px;
	}
	.ir-compra {
		top: 165px;
	}
	.hd_menu ul > li > a{
		background:url(../imgusr/borde-mnuh.png) no-repeat center bottom;
		font-size:13px !important;
	}
	.alinear{
		padding-top:0;
	}
	.nav > li > a {
		padding: 7px 8px;
	}
	.titulo_principal h1{
		font-size:36px;
		text-align:center;
	}
	.hm_paneles {
		font-size: 34px;
	}
	.btn-conoce {
		font-size: 11px;
	}
}

@media (max-width: 665px){
	.carousel-indicators {
		display:none;
	}
	.slide h4 {
		font-size: 30px;
	}
	.slide p {
		font-size: 14px;
	}
	.carousel-control.left, .carousel-control.right {
		display: none;
	}
	.tamaño_caja{
		height: 550px;
	}
	.tamaño_caja h2+p {
		display: none;
	}
}

@media(max-width:580px){
	.hm_limpieza h3 {
		top: 180px;
	}
	.ir-compra {
		top: 195px;
	}
}


@media (max-width: 570px) {

}

@media (max-width: 528px) {
	.slide h4 + p {
		display:none;
	}

}

@media(max-width:479px){
	.hm_limpieza h3 {
		top: 165px;
	}
	.ir-compra {
		top: 185px;
	}
	.hm_paneles h1 {
		font-size: 34px;
	}
	.hm_calentadores h1, .hm_nosotros h1, .hm_marcas {
		font-size: 24px;
	}
	.hm_limpieza h3 {
		top:145px;
	}
	.ir-compra {
		top:158px;
	}
	.tamaño_caja{
		height: 400px;
		margin-bottom: 10px;
	}
	.tamaño_caja h2 {
		text-align: center;
		margin-top: 0;
	}
	.tamaño_caja h2+p {
		display: none;
	}
	.tamaño_caja p {
		padding-top: 30px;
	}
}

@media (max-width: 395px){
	.btn-cotiza{
		font-size: 10px;
	}
}

@media (max-width: 351px){
	.slide h4 {
		font-size: 24px;
	}
	.carousel-caption {
		bottom: -5px;
	}
	.tamaño_caja{
		height: 330px;
		margin-bottom: 10px;
	}
}

@media (max-width: 316px) {
	.slide h4 + p {
		display:none;
	}
	.slide h4 {
		font-size: 18px;
		margin-bottom: -5px;
	}
}