/* SYSCLIMA */

/* Exea Comunicación 2015 */

body { background-color:#F5F3F1; font-family:'Open sans', Arial, sans-serif; padding-top: 80px; }
p, li {color: #7e7c87;font-size: 16px;line-height: 160%;}
h1, h2, h3, h4, h5 { color:#333333;line-height:130%; }
h1 {
	margin: 0.6em 0 0.2em;
	font-size: 38px;
	font-weight: 600;
	color: #444;	
	}
h4 { font-size:24px;}
a { color:#1188ff;}
a:hover { color:#FFBF00; text-decoration:none;}
ul { margin:0; padding:0;}
.pagination > li { font-size:12px;}
.img-responsive {
    max-width: 100%;
    height: auto;
}
.pull-right { float: right; }
.pull-left { float: left; }
.nav {
    display: block;
}

/*******************************  LAYOUT  ******************************/
div.page {
	background-color: #fff;
    margin: 56px auto;
    padding: 30px;
	min-height: 650px;
	}
div.main { padding-right:24px;}
footer {
	 background-color: #222222;
    border-bottom: 1px solid #111;
    margin-top: 32px;
    padding: 24px 0;
	}
	
footer h3 { font-weight:300; text-transform:uppercase;}
footer .nav > li {padding: 0.4rem 0;}
footer .nav > li > a { color:#CACAD9;padding: 6px 0; transition: all 0.4s ease-out;}
footer .nav > li > a:hover {color:#FFBF00; background-color: transparent;}
footer ul.rrss { margin: 24px 0 0;
    padding: 0;}
footer ul.rrss li {
	list-style-type: none;
	display: inline-block;
}
	footer ul.rrss li a:before {
	background-color: #555;
	border-radius: 40px;
	color: #222;
	display: inline-block;
	font-family: "sysclima";
	font-size: 20px;
	margin-right: 4px;
	padding: 13px 10px 10px;
	transition: all 0.3s ease-out;
	min-width: 48px;
	text-align: center;

			}
	footer ul.rrss li a:hover:before { background-color:#FFFFFF;}
	footer ul.rrss li a.link-facebook:before {content: '\e80c';}
	footer ul.rrss li a.link-googleplus:before {content: '\e80d'}
	footer ul.rrss li a.link-twitter:before {content: '\e813'}
	footer ul.rrss li a.link-youtube:before {content: '\f315'}

	
div.subfooter {background-color: #222222;
    border-top: 1px solid #333;
    padding: 24px 0;}
	div.subfooter .fdir {}
		div.subfooter .fdir p { float:left; line-height:142%;  text-align:right;}
		div.subfooter .fdir img { float:left; margin-left:20px;}	
	div.subfooter .fcal {}	
		div.subfooter .fcal p { float:left; color:#CACAD9;margin-top: 18px;}
		div.subfooter .fcal img { float:left; margin-right:20px;}
	div.subfooter .ftel {}
	div.subfooter .ftel li { color:#FFFFFF; list-style-type:none; padding:4px;}
	div.subfooter .ftel li:before {
		 background-color: #ffffff;
		border-radius: 40px;
		color: #222;
		display: inline-block;
		font-family: "sysclima";
		font-size: 20px;
		margin-right: 10px;
		padding: 3px 6px
	}	
	div.subfooter .ftel li:first-child:before {content: '\e80f'; padding:4px 11px;}
	div.subfooter .ftel li:last-child:before {content: '\e80e'}

/*******************************  BOTONES  ******************************/
.btn-lg { border-radius: 3px;padding: 9px 24px;font-weight: 600;text-transform: uppercase; font-size:16px;}
.btn-primary {
    text-shadow: 0 1px 1px #888;
}
.btn-xs {
    padding: 1px 8px 2px;
	font-size: 13px;
}
.btn-sys {
    background-color: #f7ab33;
    border-color: #eea236;
    border-radius: 28px;
    color: #fff;
    text-shadow: 0 1px 1px #888;
}
.btn-sys:hover,.btn-sys:focus,.btn-sys:active{color: #ffffff;background-color: #ec971f; border-color: #E18A13;}

/* default */
.btn-default {
    border-radius: 28px;
}

	/* cuadrado */
.btn-sysc {
    background-color: #FA701F;
    border-color: #FA660E;
    color: #fff;
    text-shadow: 0 1px 1px #888;
}
.btn-sysc:hover,.btn-sysc:focus,.btn-sysc:active{color: #ffffff;background-color: #ec971f; border-color: #E18A13;}

.btn-pry {
    background-color: #58D1E9;
    border-color: #58D1E9;
    color: #fff;
    text-shadow: 0 1px 1px #888;
	border-radius: 24px;
}
.btn-pry:hover,.btn-pry:focus,.btn-pry:active{color: #ffffff;background-color: #ec971f; border-color: #E18A13;}

/* Iconos */
[class*="logo-category-"]:before {
    color: #f99d0e;
    display: inline-block;
    font-family: "sysclima";
    font-size: 59px;
    line-height: 1em;
    margin-left: 0.2em;
    margin-right: 0.2em;
    text-align: center;
    text-transform: none;
	vertical-align:middle;
}
.logo-category-4:before {content: '\e805'; }
.logo-category-5:before {content: '\e806';  }
.logo-category-6:before {content: '\e804'; }
.logo-category-7:before {content: '\e807'; }


/******************************* MODULOS******************************/

/* Horario oficina */
div.modContact { margin-top:32px; padding:24px;border: 1px solid #eee; border-radius: 4px;}
div.modContact h3 { margin-top: 0; }
div.modContact ul { margin-left: 32px; }

/* Menú categorías K2 */
div.selectCategories {
	background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
	margin-top:40px;
}
div.selectCategories h3 {
    border-bottom: 1px solid #ddd;
    color: #7e7c87;
    margin: 24px 0 0;
    padding: 16px 10px;
    text-align: center;
    text-transform: uppercase;
}
div.selectCategories ul {}
div.selectCategories ul  li { list-style-type:none;}
div.selectCategories ul li a { display:block; position:relative;}

div.selectCategories > ul > li > a  {padding: 20px;background-color:#EFEFEF; font-size:16px; text-transform:uppercase; }
div.selectCategories > ul > li > a.active  { color:#0085B2; background-color:#DFECFA; font-weight: bold;border-bottom: 1px solid #c5dcf5;border-top: 1px solid #c5dcf5;}

div.selectCategories > ul > li > a > span.catCounter { 
    display: block;
    position: absolute;
    top: 16px;
	right: 12px;
	border-radius: 4px;
	padding:5px 9px;
	font-size: 13px;
	color:#555;
}
div.selectCategories > ul > li > a > span.catCounter:before { 
	font-family: "sysclima";
}
div.selectCategories > ul > li > a > span.on:before {
	content: '\e800';
	color:#999999;
}
div.selectCategories > ul > li > a > span.off:before {
content: '\e803';
}

div.slider-wrapper { padding:0 24px 0 0;}


/*div.selectCategories > ul > li > ul { display:none;}
div.selectCategories > ul > li.activeCategory > ul { display:block;}*/

div.selectCategories > ul > li > ul > li > a {padding: 10px 20px;  border-bottom:1px solid #ddd; font-size:14px; }
div.selectCategories > ul > li > ul > li.activeCategory > a { color:#FFFFFF; background-color:#0066CC;}
div.selectCategories > ul > li > ul > li > ul { border-bottom: 1px solid #ddd;padding: 6px 16px 6px 36px;}
div.selectCategories > ul > li > ul > li > ul {}
div.selectCategories > ul > li > ul > li > ul > li > a {font-size:13px; }
div.selectCategories > ul > li > ul > li > ul > li.activeCategory > a {color:#000; font-weight:bold;}

/*div.selectCategories > ul > li > ul > li > ul { display: none;}*/

/* footer*/
footer h3 { color:#F7AB33; font-size:18px; }

/* Breadcrumbs */
.breadcrumb > a { font-size:12px; text-transform:uppercase;}
.breadcrumb {color: #bbb;padding-bottom: 10px; border-radius: 0;font-size: 13px;}
span.bcSeparator { color:#999999; margin:-4px 4px;}

/* top search */
/*div.topSearch { background-color: #ebebeb;
    border-bottom: 2px solid #d4d4d4;
    width: 100%;
    z-index: 100;}
	div.topSearch.affix { top:8px;  transition: all 0.5s ease-out;}
	div.topSearch.affix div.modSearch { padding-top: 14px;}
div.topSearch div.modSearch { padding: 14px 0 4px;}
div.topSearch div.modSearch  h3 { 
	color: #7e7c87;
    font-size: 20px;
    margin: 6px 0 10px;
    text-shadow: 1px 1px 0 #fff;
    text-transform: uppercase;
}
div.topSearch div.modSearch input {margin-right:16px;}

div.blockOverlay { opacity:0.7 !Important; background-image:url(../../../images/content/loading.gif) !important; background-position: center center  !important; background-repeat:no-repeat !important; background-color:#fff !important; position:fixed !important; top:0 !important; bottom:0 !important; right:0 !important; left:0 !important}
*/

.categoria > a { font-size:0.85em;}
/* Sysclima */
div.blockGrey { background-color:#EBEBEB; padding:14px; margin:40px 0 20px;}
div.blockGrey .col-sm-6:first-child { padding-right:3px;}
div.blockGrey .col-sm-6:last-child { padding-left:3px;}

div.modSysclima  { background-color:#FFFFFF; padding:12px;}
div.modSysclima h2  { font-size:32px; margin-top:6px; text-align:center;}
div.modSysclima p  { margin-bottom:20px;}
div.modSysclima .inner { text-align: center;}
div.modSysclima img { float:left; margin-top:20px;}
div.modSysclima .wrap { margin:24px 0 0 0;}

/* Tarifas home */
div.modSysclima .modTarifas { margin:24px 0;padding: 0 5% 0 2%; }
div.modSysclima .modTarifas .block { 
padding: 24px 0 0 10px;
border-left: 2px solid #F6A728;
margin-left: 70px;
margin-top: 34px;
} 
div.modSysclima .modTarifas .block h4 { font-size:16px;margin-bottom: 0; } 
div.modSysclima .modTarifas .block p { font-weight: bold; margin-bottom:0; font-size:15px;}
div.modSysclima .modTarifas .block p.an { font-weight:normal;}
div.modSysclima .modTarifas .timg { padding: 40px 20px 0;
transform: rotate(-14deg); }

/* productos home */
div.modProductos  { background-color:#FFFFFF; padding:24px 0 0; }
div.modProductos h3  { font-size:32px; margin-top:6px; text-align:center;}
div.modProductos ul  { padding:0; margin:0;}
div.modProductos ul li { list-style-type: none; border-bottom:1px solid #EBEBEB;  padding: 19px;}
div.modProductos h4 { font-size:16px; margin:0;}
div.modProductos h4 a { color:#333333;}
div.modProductos h4 a:hover { color:#F99D0E;}

/* productos home */
div.modMarcas {}
div.modMarcas .descargasBlock { display:none;}
div.modMarcas h3  { font-size:20px; background-color:#4A454F; color:#9B9AA4; padding:10px 12px; text-transform:uppercase; margin-bottom:0;}
div.modMarcas .block { background-color:#FFF; padding:6px 6px 20px; text-align:center;}
div.modMarcas .block img {margin:auto;}
div.modMarcas h4 { font-size:20px; color:#9B9AA4; margin:10px 0; padding-bottom:10px; border-bottom:1px solid #EBEBEB;}
div.modMarcas h4 a { color:#333333;}
div.modMarcas h4 a:hover {color:#f99d0e;}
div.modMarcas p { margin-bottom:0; min-height:48px;margin-top: 16px;}

/* Noticias en las home */
div.modBlogHome { background-color:#FFFFFF; margin-top:30px;}
div.modBlogHome div.mdHeader {  padding:16px 10px; border-bottom:1px solid #F5F3F1; }
div.modBlogHome div.mdHeader a.blogLink {}
div.modBlogHome div.mdHeader h3 { color:#7E7C87; text-transform: uppercase; margin:0; float:left; }
div.modBlogHome div.mdHeader span {float:right;}
div.modBlogHome a.mdLink {}
div.modBlogHome .inner { padding:20px;}
div.modBlogHome h4 { margin-top:0;}
div.modBlogHome h4 a { color:#000000;}
div.modBlogHome h4 a:hover, div.modBlogHome h4 a:focus  { color:#3399FF;}
div.modBlogHome div.mdToolbar { color:#AAA; font-size:12px;}
div.modBlogHome div.mdToolbar span.mdFecha {}
div.modBlogHome div.mdToolbar span.mdCategory {}
div.modBlogHome div.mdBody { margin:16px 0 20px;}
div.modBlogHome .btn { font-size: 0.8rem;}

/* Proyectos en las home */
div.modProyHome { background-color:#33c4dd; margin-top:30px; border-radius: 4px;}
div.modProyHome div.mdHeader { padding:16px 10px;}
div.modProyHome div.mdHeader h3 { 
	color: #fff;
    float: left;
    margin: 0;
    opacity: 0.8;
    padding: 2px 0 2px 10px;
    text-transform: uppercase; 
	}
div.modProyHome div.mdHeader span {float:right;}
div.modProyHome div.mdHeader .btn-default {
    background-color:  transparent;
    border-color: #fff;
    color: #fff;
	margin-right: 10px;
}
div.modProyHome a.mdLink {}
div.modProyHome .inner { margin:20px; background-color:#D0F2F9;}
div.modProyHome h4 { margin: 32px 6px 10px 0;}
div.modProyHome h4 a { color:#000000;}
div.modProyHome h4 a:hover, div.modProyHome h4 a:focus  { color:#3399FF;}

div.modProyHome div.mdToolbar { color:#AAA; font-size:12px;}
div.modProyHome div.mdToolbar span.mdCategory a { color:#3DB5D4; font-size:16px;}
div.modProyHome div.mdBody { margin:16px 0 20px;}
div.modProyHome div.mdBody p, div.modProyHome div.mdBody li { color:#7E7C87;}


/* Proyectos right */
div.modProyRight {
	background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
	margin-top:40px;
}
div.modProyRight .inner {
    padding: 20px;
	background-color:#f5f3f1;
	}

div.modProyRight h3 {
    border-bottom: 1px solid #ddd;
    color: #7e7c87;
    margin: 24px 0 0;
    padding: 16px 10px;
    text-align: center;
    text-transform: uppercase;
}
div.modProyRight h4 { font-size:18px; font-weight:300; line-height:140%; text-align:center; margin-top: 20px;}
div.modProyRight h4 a {color:#000000;}
div.modProyRight h4 a:hover {color:#FFBF00;}
div.modProyRight div.mdToolbar span.mdFecha { font-size:13px; color:#999999;}
div.proyRightImg a {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 6px solid #ddd;
    border-radius: 160px;
    display: block;
    margin: 0 auto;
    max-width: 180px;
    min-height: 180px;
    overflow: hidden;
	background-color:#fff;
	transition: all 0.9s ease-out;
}
div.proyRightImg a:hover { border-color:#FFBF00;}


/* Noticias right */
div.modBlogRight {
	background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
	margin-top:40px;
}
div.modBlogRight .nav{
	padding:20px;
}
div.modBlogRight .nav li {
	margin: 0.2rem 0;
	padding: 0.8rem 0;
}
div.modBlogRight .inner {
    padding: 20px;
	background-color:#f5f3f1;
	}

div.modBlogRight h3 {
    border-bottom: 1px solid #ddd;
    color: #7e7c87;
    margin: 24px 0 0;
    padding: 16px 10px;
    text-align: center;
    text-transform: uppercase;
}
div.modBlogRight h4 { font-size:18px; font-weight:300; line-height:140%; text-align:center; margin-top: 20px;}
div.modBlogRight h4 a {color:#000000;}
div.modBlogRight h4 a:hover {color:#FFBF00;}
div.modBlogRight div.mdToolbar span.mdFecha { font-size:13px; color:#999999;}
div.blogRightImg a {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 6px solid #ddd;
    border-radius: 160px;
    display: block;
    margin: 0 auto;
    max-width: 180px;
    min-height: 180px;
    overflow: hidden;
	background-color:#fff;
	transition: all 0.9s ease-out;
}
div.blogRightImg a:hover { border-color:#FFBF00;}
	
/* Nesletter en la home */
div.modSuscribe { background-color:#FFFFFF;}
div.modSuscribe { margin-top:30px;}
div.modSuscribe h3 { color:#666666; text-transform: uppercase; margin:0;padding:16px 10px; background-color:#EBEBEB;  }

div.modSuscribe .inner {padding:20px;}
div.modSuscribe p#description { margin-bottom:24px;}

/* Newsletter en footer */
div.modSuscribeFooter {}
div.modSuscribeFooter .inner { margin-top:20px;text-shadow: 2px 2px 0 #fff;}
div.modSuscribeFooter .input-lg { background-color:#CCCCCC; margin-bottom:24px;}

/* Headers */
/* Header Sysclima */
	div.header p { margin:10px 0;}
	div.header h2 {
	font-size: 24px;
    margin-top: 52px;
    text-align: right;
	color: #7e7c87;
	opacity: 0.6;
	}

div.header {}
div.header-img { position:relative;}
div.header-img .container { position:relative;}
div.header-content { 
	 left: 0;
    position: absolute;
    top: 60px;
    width: 520px;
}
div.header-content h1 {
	 color: #4f4f4f;
    font-size: 28px;
    font-weight: 300;
    line-height: 140%;
    margin-left: 80px;
    margin-top: 4px;
    text-align: left;
}


/* Contact form */
div.contact-form {
	margin-top: 32px;
}
div.item-page { margin: 0 24px; }

/* Header títulos Categorías */
div.selectCategories select  { border:none; float: right}
div.selectCategories select option { font-size:18px;}
div.selectCategories select option.[selected="selected"]{ font-size:44px;}

.pagination > li > a { background-color:#f3f3f3;}

/************** MENUS ***************/
div.footer-bottom {padding:12px 0; background-color:#333333;}
	div.footer-bottom ul { float:right}
	div.footer-bottom ul li {}
	div.footer-bottom ul li a { color:#7E7C87;font-size: 12px;}
	div.footer-bottom ul li a:hover {color:#FFBF00; background-color:transparent;}

/* superior */

.logo img {
    padding: 6px 0;
}
div.topMenu { background:#171717;left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
	opacity:0.95;
	padding:0 10%;
}

@media all and (min-width: 992px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#gruemenu { padding:0 1%;}
#gruemenu,
#gruemenu ul,
#gruemenu ul li,
#gruemenu ul li a,
#gruemenu #menu-button {margin: 0; padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index:9999; font-size: 13px;}
#gruemenu #menu-button { display: none;}
#gruemenu { width: auto;margin-right: 50px; }
#gruemenu  ul {  
padding: 0;
margin: 0;
float: right;}
#gruemenu  ul > li {float: left; display: inline-block; }
#gruemenu  ul > li a {background:none}
#gruemenu  ul > li > a, #gruemenu  ul > li > span.separator { border-right: 1px solid rgba(80, 80, 80, 0.12); font-size: 14px;letter-spacing: 0.02em; padding: 36px 10px;text-decoration: none;}
#gruemenu  ul > li:hover > a,
#gruemenu  ul > li > span.separator:hover
#gruemenu  ul > li > a:hover,
#gruemenu  ul > li.active > a { background: rgba(0, 0, 0, 0.1);}
#gruemenu  ul > li.has-sub > a, #gruemenu  ul > li.has-sub > span.separator {padding-right: 28px;}
#gruemenu  ul > li.has-sub > a::after,#gruemenu  ul > li.has-sub > span.separator::after {content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; right: 8px; top: 50%; border-top-color:#fff;}
#gruemenu  ul > li.has-sub.active > a::after, 
#gruemenu  ul > li.has-sub:hover > a {}
#gruemenu ul ul { position: absolute; left: -9999px; top: auto; padding-top: 6px;
  -webkit-transition: top 0.2s ease;
  -moz-transition: top 0.2s ease;
  -ms-transition: top 0.2s ease;
  -o-transition: top 0.2s ease;
  transition: top 0.2s ease;}
#gruemenu:after,
#gruemenu  ul:after {content: ".";display: block;clear: both; visibility: hidden; line-height: 0; height: 0;}
#gruemenu  ul > li > ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; top: -3px; left: 20px;}
#gruemenu  ul ul ul::after {content: "";position: absolute; width: 0; height: 0; border: 5px solid transparent;  top: 11px; left: -3px;}
#gruemenu  ul > li > ul {top:120px;}
#gruemenu  ul > li:hover > ul {top: 80px;left: 0;}
#gruemenu.align-right > ul > li:hover > ul {left: auto; right: 0;}
#gruemenu ul ul ul {padding-top: 0;padding-left: 6px;}
#gruemenu ul ul > li:hover > ul {left: 280px;top: 0;}
#gruemenu ul ul li a { text-decoration: none; padding: 11px 25px; width: 280px; text-transform:uppercase;
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1	), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);}
#gruemenu  ul > li > ul::after { position: absolute; display: block;}
#gruemenu ul ul li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent;  right: 17px; top: 14px;}  

#gruemenu  ul > li > span.separator {color: #ffffff; text-transform: uppercase; display:block;}
#gruemenu.grue_137  ul > li.active > span.separator {  background-color: #f6a728;color: #ffffff;}
}

@media all and (max-width: 991px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#gruemenu,
#gruemenu ul,
#gruemenu ul li,
#gruemenu ul li a,
#gruemenu #menu-button {margin: 0; padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index:9999; font-size: 13px;}
#gruemenu  ul { display: none;  }
#gruemenu  ul ul { display: block;  }
#gruemenu #menu-button {display: block; text-decoration: none; padding: 18px 25px 18px 25px;text-transform: uppercase;letter-spacing: 1px;  cursor: pointer;}

#gruemenu  ul.open { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1);width:100%; }
#gruemenu  ul > li{float: none;display: inline-grid;width: 100%;}
#gruemenu  ul > li > a {padding: 18px 25px 21px 25px; border-right: 0; background:none}
#gruemenu  ul > li:hover > a,
#gruemenu  ul > li.active > a {background: rgba(0, 0, 0, 0.1);}
#gruemenu ul ul,
#gruemenu ul li:hover > ul,
#gruemenu ul > li > ul,
#gruemenu ul ul ul,
#gruemenu ul ul li:hover > ul {left: 0;right: auto;top: auto;width: 100%;padding: 0;position: relative;text-align: left;}
#gruemenu ul ul li {width: 100%;}
#gruemenu ul ul li a {width: 100%;box-shadow: none; padding:16px 25px 16px 24px}
#gruemenu ul ul ul li a { padding-left: 45px;}
#gruemenu ,#gruemenu ul li:first-child > a,
#gruemenu ul ul li:first-child > a,
#gruemenu ul ul li:last-child > a {border-radius: 0!important;}
#gruemenu #menu-button::after {display: block;
content: '';
position: absolute;
height: 22px;
width: 30px;
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
right: 25px;
top: 22px;}
#gruemenu #menu-button::before { display: block;
content: '';
position: absolute;
height: 3px;
width: 30px;
border-top: 2px solid rgba(0, 0, 0, 0.1);
right: 25px;
top: 32px;}
#gruemenu  ul > li.has-sub > a::after,
#gruemenu ul ul li.has-sub > a::after {display: none;}
#gruemenu  ul > li span.separator { display: none;}
}



/******************************************************/
				/*CATÁLOGO*/
/******************************************************/

/* Subcategorias */
div.prodListCategory {  margin-bottom: 24px}
div.prodListCategory img { display:none;}
div.prodSubCategory { border-bottom: 2px solid #eee; padding:4px 0; border-top: 1px solid #fff;}

div.prodSubCategory h2 { font-weight:300;margin-top: 10px;}
div.prodSubCategory h2 a { color:#111;}
div.prodSubCategory h2 a:hover {  color:#FFBF00;}
div.prodSubCategory:nth-child(2n+1) { background-color:#f9f9f9;}
div.prodSubCategoryImage {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 120px;
    margin: 10px auto;
    max-width: 120px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
div.prodSubCategoryImage a {
	border: 4px solid #f6a728;
    border-radius: 120px;
    display: block;
    margin: 8px;
    overflow: hidden;
    padding: 14px 4px;
}
	div.descargasItemView:nth-child(2n) {
    background-color: #f3f3f3;
}
/* Listados */
div.rj {transition: all 0.4s ease-out;}
div.toolview { text-align:right; padding:4px 8px;margin-bottom: 12px;}
div.toolview a {
	border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 18px;
    margin-left: 10px;
    padding: 4px;
	text-decoration:none;
}
div.toolview a.sel {color:#000;}
div#k2FilterContainer143 div.toolview { display:none;}
/* Listados cuadrícula */
div.prodItemView.cd { 
border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -2px rgba(0, 0, 0, 0.2);
    margin-bottom: 12px;
    overflow: hidden;
    position: relative;
	min-height: 256px;
}
div.cd div.prodItemBody {
	background: #f9f9f9 none repeat scroll 0 0;
    padding: 10px;
    position: relative;
}
div.cd div.prodItemBody h2 { font-size:14px;margin-top: 6px; min-height: 40px;}
div.cd div.prodItemBody div.prodFields {}
div.cd div.prodItemBody div.prodFields .refValue {font-weight:bold; color:#000000;}
div.cd div.prodItemBody div.prodFields .ref {font-size:13px;}

div.cd div.prodImage { position:relative;}

div.cd div.prodLink { z-index: 10; position:absolute; top:-300px; left:0; right:0; bottom:300px;background-color:#fff; transition: all 0.8s ease; opacity:0.95; }
div.cd:hover div.prodLink { transition: all 0.4s ease-out; top:0; bottom:0;}

div.cd div.prodItemIntroText {padding:10px;background-color: #fff;}
div.cd div.prodItemIntroText p {font-size:14px; line-height:130%; color:#333333;}
div.cd div.prodItemIntroText .icon-plus {margin:12px auto; display:table; border-radius:40px; color:#FFFFFF; background-color:#FF9900; font-size:18px; padding:12px;}
 div.tb div.prodImage, div.tb div.prodItemBody {display:block; visibility:visible;}
div.cd div.prodTbBody { display:none; visibility:hidden;transition: all 0.4s ease-out;}

/* Listados tabla */

div.tbHeader { display:none;}
div.itemListHd  div.tbHeader { 
	background-color: #222;
    border-radius: 4px 4px 0 0;
    color: #999;
    display: block;
    padding: 10px 6px;
    text-align: center;
}


div.prodImage img { margin:auto;}
div.tb { 
	border-bottom: 1px solid #eee;
    margin: 0;
    overflow: hidden;
    padding: 6px;
    position: relative;
}
div.rj:nth-child(2n) div.tb { background-color: #f3f3f3;}

div.tb div.tbImage { background-color: #fff;
    display: flex;
    text-align: center;}
div.tb div.tbImage img {background-color: #fff;
    margin: auto;
    max-width: 50%;
    text-align: center;}

div.tb div.prodTbBody { display:block; visibility:visible;transition: all 0.4s ease-out;}
div.tb div.prodTbBody h3 { margin:0; padding:24px; font-size:18px; font-weight:300;}
div.tb div.prodTbBody span.refValue { float:right; padding: 14px 12px 8px;}
 div.tb div.prodImage, div.tb div.prodItemBody {display:none; visibility:hidden;}


div.counterpage { float:right; color:#999999; }

/* Productos */
div.prodView {}
.img-prod { padding:20px; border:1px solid #eee; margin-right:12px;background-color: #fff;}
div.prodHeader { margin-top:32px; margin-bottom:36px;}
div.prodHeader .referencia {
	background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 24px;
    display: block;
    float: left;
    font-size: 18px;
    padding: 6px 18px;
}
div.prodBody {}
div.prodImage {}
div.prodIntro { padding-left: 24px;}
div.prodIntro p { font-size:16px; color:#000000;}
div.adjuntosBlock { margin:32px 0;}
div.adjuntosBlock h4 { border-bottom:1px solid #ddd; padding-bottom:10px;}
ul.adjuntos { margin:24px 0; padding: 0;}
ul.adjuntos li { list-style-type:none; }
ul.adjuntos li a{
	background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    display: block;
    float: left;
    padding: 8px 20px 8px 0;
    transition: all 0.4s ease-out 0s;
}
ul.adjuntos li a span {
	display: inline-block;
    padding-top: 9px;
	}
ul.adjuntos li a:hover { background-color:#f6a728; color:#FFFFFF; text-decoration:none;}

ul.adjuntos li a:before { 
	content: '\e80a'; 
	background-color: #f6a728;
    border: 4px solid #f6a728;
    border-radius: 36px;
    color: #fff;
    display: table;
    font-family: "sysclima";
    font-size: 24px;
    margin: 0 10px;
    padding: 6px 5px;
	float:left;
}

div.itemFullText ul, div.blogItemIntroText ul {margin: 24px 0 20px 36px;}

.itemRelated {
		
}
.itemRelated ul {
	margin: 0;
	padding:0,
}
.itemRelated ul li {
	list-style-type: none;
	padding:20px 0;
	border-bottom:1px solid #eee;
}

/* Descargas */
div.descargasListCategory { margin-bottom:32px;}
div.descargasItemBody {}
div.descargasItemBody h2 {font-size: 21px;}
div.descargasBlock { margin:12px 0 0 0;}
div.descargasBlock  ul.adjuntos { margin:16px 0 24px; padding: 0;}

div.descargasItemView {
	border-bottom: 1px solid #eee;
    margin: 0;
    overflow: hidden;
    padding: 16px;
    position: relative;
}
div.descargasItemView:nth-child(2n) { background-color:#f3f3f3;}

div.prodFields { margin-top:24px;}
div.sellosBlock {
	border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    clear: both;
    margin-top: 20px;
}
div.sellosBlock span { font-size:50px;}
div.sellosBlock span.icon-blauer { color:#165DAF;}
div.sellosBlock span.icon-iqnet { color:#024B76;}

/* Blog */

/* Subcategorias */
div.blogListCategory {  margin-bottom: 48px}
div.blogSubCategory { border-bottom: 2px solid #eee; padding:4px 0; border-top: 1px solid #fff;}

a.itemVideoLink {float: left; margin-left: 12px;}
div.itemVideoBlock { margin-top:32px;}

/* LIstados */
/*div.itemListView { padding:0 24px;}*/
div.blogItemView {
	border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
    overflow: hidden;
    position: relative;
	padding-bottom: 24px;
}
div.blogItemView .itemToolbar { margin-bottom:24px;}
div.blogItemBody { position:relative; margin-top:24px;}
div.blogItemBody h2 { font-size:15px;margin-top: 6px; min-height: 40px;}

div.blogItemIntroText {}
div.blogItemIntroText p {font-size:14px; line-height:130%; color:#333333;}
div.blogItemIntroText .icon-plus {margin:12px auto; display:table; border-radius:40px; color:#FFFFFF; background-color:#FF9900; font-size:18px; padding:12px;}

div.tags { margin:36px 0 16px;}
div.tags span { color:#999999; font-style:italic; display:block; margin-bottom:6px;}
div.tags ul { margin:0; padding:0;}
div.tags ul li { display:inline-block; list-style-type:none;}

div.blogView span.fecha {color:#999999; font-size:13px; float:left;}
div.blogView .itemToolbar { margin:24px 0;}
div.blogBody { margin-top:32px;}
addthis_sharing_toolbox {
	border-top: 1px solid #f3f3f3;
    display: block;
    margin-top: 24px;
    padding-top: 12px;
    text-align: right;
}
div.addthis_sharing_toolbox { float: right;margin-top: 60px;}

div.blogView h3 { font-size:22px; font-weight:bold;}
div.blogBody .itemFullText {}
div.blogBody .itemFullText p { margin-bottom:24px;}
div.blogHeader {margin: 24px 12px 0 0;}
div.blogBody .itemFullText ul { margin:12px 12px 12px 36px;}

/* partners */
div.groupPrimary { padding:18px 0;}
div.groupPrimary h2 {font-size: 28px;
font-weight: 500;}
div.groupPrimary h2 a {color:#000000;}
div.groupPrimary h2 a:hover {color:#f6a728;}
div.groupPrimary  div.catItemImage {padding: 24px;}
div.groupPrimary  div.catItemImage img {border: 1px solid #eee;padding: 24px;}

div.partners { margin-top:32px;}
div.partners .inner { padding:12px 36px 12px;}
div.modBlogRight ul li.current a {
	background-color: #f6a728;
	color: #FFFFFF;
	padding: 4px 8px;
	border-radius: 4px;
	}

/********************************** PROYECTOS ***************************************/

/* LIstados */
div.proyItemView {
	border-bottom: 1px solid #ccc;
    margin: 24px 0 0;
    overflow: hidden;
    padding-bottom: 24px;
    position: relative;
}
div.proyItemView .itemToolbar { margin-bottom:24px;}
div.proyItemBody { position:relative; padding-left: 20px;}
div.proyItemBody h2 { font-size:24px;margin-top: 0; }

div.proyItemIntroText {}
div.proyItemIntroText p {font-size:14px; line-height:130%; color:#333333;}
div.proyItemIntroText .icon-plus {margin:12px auto; display:table; border-radius:40px; color:#FFFFFF; background-color:#FF9900; font-size:18px; padding:12px;}

div.tags { margin:36px 0 16px;}
div.tags span { color:#999999; font-style:italic; display:block; margin-bottom:6px;}
div.tags ul { margin:0; padding:0;}
div.tags ul li { display:inline-block; list-style-type:none;}

div.proyView span.fecha {color:#999999; font-size:13px;}
div.proyView .itemToolbar { margin:24px 0;}
div.proyBody { margin-top:32px;}

div.counterpage { float:right; color:#999999; }

div.proyFields { margin-top:24px;}
div.field { margin-bottom: 4px;}
span.fieldName {}
span.fieldValue { font-weight:bold;}

 /****************** PROYECTO *****************/
 /* Productos */
div.proyView {}
div.proyHeader { margin-top:60px; margin-bottom:36px;}
div.proyHeader .referencia {
	background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 24px;
    display: block;
    float: left;
    font-size: 18px;
    padding: 6px 18px;
}
div.proyBody {}
div.proyImage {}
div.proyIntro {padding: 0 14px;}
div.proyIntro p { font-size:16px; color:#000000;}
div.proyFields { margin-top:24px;}

 /********* ERROR ************/
 div.error {
 text-align:center;
 }
 div.error h1 {
 font-size:80px; font-weight:300;color: #999;
 } 
 div.error h2 {
 font-size:56px; font-weight:300;color: #999;
 } 
 
 /* Buscador */
  /* buscador */
.ja-k2filter.vertical-layout {
	 
 }
 .ja-k2filter.vertical-layout li {
	padding:18px 0 6px;
	margin: 0;
 }
 .ja-k2filter.vertical-layout input[type="text"] {
	margin: 0; 
 }
  .ja-k2filter.vertical-layout li.last-item {
	display: none;
	visibility: hidden;
 }
.search #searchword148 {
background-image: url(../../../images/content/search.png);

background-position: 98% center;

background-repeat: no-repeat;

padding: 10px;

font-size: 1.2rem;

font-weight: 300;

border: 2px solid #eee;

box-shadow: none;
}
.search form { margin: 0;}
.ja-k2filter {
  	margin: 0;
	padding: 16px;
	position: absolute;
	left: 0;
	right: 0;
	top: 78px;
	background-color: #fff;
	display: none;
}
.ja-k2filter.open {
	display: block;
}



.search { 
	display: block;
	position: absolute;
	right: 0;
	z-index: 9999;
	top: 0;
	left: 0;

}
 
 .search .icon-search {
	color: #fff;
	font-size: 28px;
	position: absolute;
	right: 30px;
	top: 26px;
	cursor: pointer;
}
 @media (max-width : 991px){	
 .search {
	 display: block;
	position: absolute;
	right: 0;
	z-index: 9999;
	top: 0;
	 
	 }
 
 .search .icon-search {
		color: #fff;
		font-size: 28px;
		position: absolute;
		right: 70px;
		top: 26px;
		cursor: pointer;
	}
 }
 
 /*==========  Mobile First Method  ==========*/
 
	/* Custom, iPhone Retina */
	@media (max-width : 576px){
	div.modSysclima .inner { padding-left:0;}
	div.modBlogHome .moduleItemIntrotext { text-align:center; margin-bottom:20px;}
	}
	
 	@media (min-width: 576px) and (max-width: 767px) { 
	div.header-content h1 { display:none;}
	div.header-content .img-responsive { max-width:60%;}
	div.header-content {top: 30px;width: 320px; left:20px;}
	div.modProyHome img { text-align:center; margin:auto; padding-top:12px;}
	.container {
    	max-width: 96%;
	}
	}
 
	@media (min-width: 768px) and (max-width: 991px) { 
	div.header-content h1 { font-size:20px;}
	div.header-content .img-responsive { max-width:60%;}
	div.header-content {top: 30px;width: 320px;}
	div.modProyHome .pd { padding: 0 10px 20px;}
	#gruemenu > ul > li > a, #gruemenu > ul > li > span.separator { font-size:13px;}
	.container {
    	max-width: 90%;
	}
	}
	
	@media (max-width : 767px){
	body {padding-top: 76px;}
	.flyout-menu.horizontal >li{display:block;}
	.flyout-menu.horizontal li ul{width:auto;border-left:0;border-bottom:0;border-right:0;}
	.flyout-menu.horizontal  li .fm-container{position: relative; top: 0; padding-top: 0;display: none;z-index: 1000;}
	div.modMarcas .block { margin-bottom:12px;}
	.fdir, .fcal, .ftel { margin:16px 0 0 0; padding:10px 12px 12px;}
	
	footer .container {padding:0 20px;}
	footer h3 { 
		background-color: #151515;
		border: 1px solid #262626;
		border-radius: 8px;
		display: block;
		margin: 6px 0 ;
		padding: 12px;
		cursor: pointer;
	}
	footer h3:after {
		font-family: "sysclima";
		content: '\e800';
		display: block;
		float: right;
		font-size: 0.8rem;
	}
	footer h3.minus:after {
		font-family: "sysclima";
		content: '\e803';
		display: block;
		float: right;
		font-size: 0.8rem;
	}
	
	footer .col-xs-12 > ul, footer .modSuscribeFooter > div.inner { padding-left:20px; display:none;}
	footer .nav > li {
		padding: 0.8rem;
	}
	footer .nav  {
		margin-bottom: 20px;
		display: none;
	}
	footer ul.rrss {
		margin: 24px 0 30px;
		padding: 0;
	}
	div.subfooter .fdir p {
		float: none;
		line-height: 142%;
		text-align: center;
		padding: 0 5% 24px;
	}
	div.subfooter .fdir { text-align: center;
		margin-bottom: 40px;}
	div.subfooter .fdir img {
		margin: auto;float: none;
	}
	}
	
	@media (min-width : 767px){
	
	}
	
	@media (max-width : 991px){	
	div.page {
		background-color: #fff;
		margin: 24px auto;
		padding: 16px;
		min-height: 650px;
	}
	div.addthis_sharing_toolbox { display: none;}
	div.modProductos {border-top: 12px solid #ebebeb;}
	div.topMenu { opacity:0.98;}
	div.modProyHome .pd { padding: 0 10px 20px;text-align: center;}
	#gruemenu.grue_137  ul  ul  li:active > a,
	#gruemenu.grue_137 > ul > li > a:hover, #gruemenu.grue_137 > ul > li.active > a {background-color: #000 !important; color: #ffffff !important;}
	#gruemenu ul li a, #gruemenu.grue_137 > ul > li > a { font-size:17px; display: flex;padding: 18px 25px 21px;text-transform: uppercase; }
	#gruemenu ul ul li a, #gruemenu  ul ul  li > span.separator { font-size:14px; color:#CCCCCC;}
	div.topMenu {
		position: absolute;
		z-index: 9;
		height: auto;
		top: 0;
		width: 100%;
			}
	#gruemenu.grue_137 #menu-button {
		color: #FFFFFF;
		text-indent: -999em;
	}
	.topMenu .menu {
		position: absolute;
		z-index: 99999999;
		height: auto;
		top: 76px;
		background-color: #171717;
		right: 0;
		padding: 0;
		}
	#gruemenu #menu-button {
		position: absolute;
		z-index: 9999999999999;
		top: -70px;
		right: 0;
	}
	#gruemenu.grue_137 ul  li  a:hover { color:#ec971f;}
	#gruemenu.grue_137 ul ul li.active > a {
		color: #fff !important;
		background: none !important;
	}
	div.main {
		padding-right: 0;
	}
	h1 {
		margin: 0.3em 0 0.2em;
		font-size: 32px;
		}
	.h2, h2 {
		font-size: 1.4rem;
	}
	div.partners .inner {
		padding: 12px;
	}
	div.prodIntro {
		padding-left: 0;
	}
	#itemListLeading .col-6 {
		padding: 0 6px;	
	}
	div.itemListHd div.tbHeader {
		font-size: 0.75em;
		word-break:break-all;
	}
	div.tb div.prodTbBody .col-2, div.tb div.prodTbBody .col-8 {
		padding:0;	
	}
	div.groupPrimary h2 {
		font-weight: 500;
		margin-top: 20px;
		font-size: 1.6rem;
	}
	.mdToolbar { text-align: center;}
	}
	
	@media (min-width: 768px) and (max-width: 1199px) {
	}
 
	/* Medium Devices, Desktops */
	@media (min-width: 992px) and (max-width : 1199px){
	div.header-content h1 { font-size:26px;}
	div.header-content .img-responsive { max-width:60%;}
	div.header-content {top: 40px;width: 400px;}
	div.modSysclima .inner { padding-left:0;}
	div.modProductos ul li {padding: 22px 19px;}
	}
	@media (max-width : 1199px){	
		 div.tb div.prodTbBody h3 { padding-top: 8px; font-size:15px;}
		 div.tb div.prodTbBody span.refValue {padding: 6px 12px;}
		  div.topMenu { background:#171717;left: 0;
		padding:0 2%;
	}
	}
	/* Large Devices, Wide Screens */
	@media (min-width : 1200px){
	div.modSysclima .wrap {margin: 28px 0 0;}
	div.modProductos ul li {padding: 22px 19px;}
	}	
	@media (min-width : 1480px){
	.container { 
		width: 1420px;
		max-width: 1420px;
	}
	div.modSysclima .wrap {margin: 35px 0 15px;}
	div.modProductos ul li {padding:19px;}
	}