/*     <-------- CSS/CUSTOM.CSS -------->     */

	/* Fonts */
		/* google font imports */
		@import url('https://fonts.googleapis.com/css?family=Open Sans:200,300,400,700,900');
		/* google font imports */
        
@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
font-style: normal;
}

.flaticon-lamp-1:before { content: "\f100"; }
.flaticon-wrench:before { content: "\f101"; }
.flaticon-circuit:before { content: "\f102"; }
.flaticon-electric-plugins-of-wall:before { content: "\f103"; }
.flaticon-ethernet:before { content: "\f104"; }
.flaticon-socket:before { content: "\f105"; }
.flaticon-idea:before { content: "\f106"; }
.flaticon-save-energy:before { content: "\f107"; }
.flaticon-street-light:before { content: "\f108"; }
.flaticon-led-bulb:before { content: "\f109"; }
.flaticon-lamp:before { content: "\f10a"; }
.flaticon-solar-panel:before { content: "\f10b"; }
		
		.infoFooter{padding:10px 0;}
		.infoFooter p{margin-bottom:5px; font-weight:400; color:#333;}
		.infoFooter p a{font-weight:300;color:#333;}
		.infoFooter p a:hover{color:#9fb9bf;}
		.icons span{
			margin-top: 50px;
			display: block;
			margin:50px 0 0 0;
		}
		
		.icons span:before{
			font-size:120px;
			line-height:0;
			margin:0;
			background: rgba(97,132,153,1);
			background: -moz-linear-gradient(45deg, rgba(97,132,153,1) 0%, rgba(243,153,162,1) 100%);
			background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(97,132,153,1)), color-stop(100%, rgba(243,153,162,1)));
			background: -webkit-linear-gradient(45deg, rgba(97,132,153,1) 0%, rgba(243,153,162,1) 100%);
			background: -o-linear-gradient(45deg, rgba(97,132,153,1) 0%, rgba(243,153,162,1) 100%);
			background: -ms-linear-gradient(45deg, rgba(97,132,153,1) 0%, rgba(243,153,162,1) 100%);
			background: linear-gradient(45deg, rgba(97,132,153,1) 0%, rgba(243,153,162,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#618499', endColorstr='#f399a2', GradientType=1 );
			-webkit-background-clip: text;
			color: transparent;
		}
		
		.boxPublicidad{
		background:url(../images/publicidad_bg.jpg) center ;
		background-size:100%;
		background-repeat:no-repeat;width:100%; height:300px;position:relative;margin-bottom: 15px;}
		.boxPublicidad h1{position:absolute;bottom:30px;color:#FFF;font-size:20px; background:rgba(58,87,160,0.85); display:block; padding:20px; text-transform:uppercase;}
.h2Franja{display: inline-block; margin-left:150px; letter-spacing:2px;font-size:28px; text-transform: uppercase;}
.bg-franjaTop{background:#eee;}		
.marginTop10{margin-top:10px;}
.marginTop75{margin-top:75px;}
.marginLeft50{margin-left:50px;}
.marginBottom50{margin-bottom:50px;}
.paddingVer05{overflow: hidden;}
.font16{font-size:16px;}
.posRel{position:relative;}
.borderLeft5{border-left:10px solid #9fb9bf ;}
.borderLeft10{border-left:10px solid #6d9fd3 ;}


		/* Icons */
		.colorCambio{color: #999 !important;}
		.colorCambio:hover{color: #111 !important;}
		.redesSociales {
		display: inline;
		color: #f29200;
		padding: 0px 15px;
		font-size: 26px;
		background: none;
   		 line-height: 2.5em;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

		.redesSociales:hover {
		color: #333;
		}
		.pinterest:hover{color:#cb2027;}
		.facebook:hover{color:#3B5998;}
		.twitter:hover{color:#69b9f6;}
		.linkedin:hover{color:#1984bc;}
		.whatsapp:hover{color:#07b601;}
		.googlemas:hover{color:#CA3625;}
		.skype:hover{color:#00AFF0;}
		.youtube:hover{color:#FF3333;}
		.vimeo:hover{color:#1AB7EA;}
		.instagram:hover{
		color: #f09433;
		color: -webkit-linear-gradient(bottom left, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		color: -o-linear-gradient(bottom left, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		color: linear-gradient(to top right, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
		}
		/* Icons */


	/* Fonts */

	/* ie10 viewport bug workarround */
		@-ms-viewport{width:device-width;}
		@-o-viewport{width:device-width;}
		@viewport{width:device-width;}
	/* ie10 viewport bug workarround */

	/* Static Generic Material */
		img {max-width: 100%;}

		/* Static Divs */
		.fix10{width:10%}.fix15{width:15%}
		.fix20{width:20%}.fix25{width:25%}
		.fix30{width:30%}.fix35{width:35%}
		.fix40{width:40%}.fix45{width:45%}
		.fix50{width:50%}.fix55{width:55%}
		.fix60{width:60%}.fix65{width:65%}
		.fix70{width:70%}.fix75{width:75%}
		.fix80{width:80%}.fix85{width:85%}
		.fix90{width:90%}.fix95{width:95%}
		.fix1_3{width:33.33%}.fix2_3{width:66.67%}
		/* Static Divs */
	
		/* Margin Divs */
		.div10{width:10%;margin:0 45%;}.div15{width:15%;margin:0 42.5%;}
		.div20{width:20%;margin:0 40%;}.div25{width:25%;margin:0 37.5%;}
		.div30{width:30%;margin:0 35%;}.div35{width:35%;margin:0 32.5%;}
		.div40{width:40%;margin:0 30%;}.div45{width:45%;margin:0 27.5%;}
		.div50{width:50%;margin:0 25%;}.div55{width:55%;margin:0 22.5%;}
		.div60{width:60%;margin:0 20%;}.div65{width:65%;margin:0 17.5%;}
		.div70{width:70%;margin:0 15%;}.div75{width:75%;margin:0 12.5%;}
		.div80{width:80%;margin:0 10%;}.div85{width:85%;margin:0 7.5%;}
		.div90{width:90%;margin:0 5%;}.div95{width:95%;margin:0 2.5%;}
		.div1_3{width:33.32%;margin:0 33.34%;}.div2_3{width:66.66%;margin:0 16.67%;}
		/* Margin Divs */

		/* Shortcuts */	.floatleft{float:left}.floatright{float:right}.clr{clear:both}.center{text-align:center}.right{text-align:right}.left{text-align:left}.relative{position:relative}.oHide{overflow:hidden}
		/* Shortcuts */

	/* Static Generic Material */
		img{max-width:100%;}
		h1,h2,h3,h4,h5,h6{
			font-family: 'Open Sans', sans-serif;
			line-height:1.4;
			color:inherit}
		h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{
			line-height:1.2;
			color:#777}
		h1,h2,h3,h4,h5,h6 {
			margin-top:.8em;
			margin-bottom:.5em}
		h1 small,h2 small,h3 small{
			font-size:65em;}
		h4 small,h5 small,h6 small{font-size:75%}
		h1{font-size:36px}
		h2{font-size:30px}
		h3{font-size:24px}
		h4{font-size:18px}
		h5{font-size:16px}
		h6{font-size:14px}
		p{margin:0 0 10px;font-size:14px}
		a,a:hover,a:focus,a:active,a:visited{text-decoration:none !important;outline-offset: 0px;}

		small {font-size: .85em}

		.colums3{
			-webkit-column-count:3;-moz-column-count:3;column-count:3;
			-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;}
		.noBorder{border:none !important;}

		.tableStyle{border:0 solid #ededed;width:100%;border-radius:4px;}
		.tableStyle th,.tableStyle td{padding:10px 20px;}
		.tableStyle thead tr,.tableStyle tbody tr{border-bottom:1px solid #ededed;}
		.tableStyle tbody tr::last-child{border-bottom:0 solid #ededed;}
		.tableStyle thead th{
			border-bottom:3px solid #dddddd;text-transform:uppercase;}


		.containerFotoGaleria {
			margin-top:0;
			padding-bottom:20px;
			margin-left:-6px;
			margin-right:-6px;
			-webkit-transition:all 0.2s ease;
			-moz-transition:all 0.2s ease;
			-o-transition:all 0.2s ease;
			transition:all 0.2s ease;}
		.containerFotoGaleria:hover{opacity:0.6;}
		.containerFotoGaleria h4{
			text-align:center;
			font-weight:700;
			color:#ffa500;}

		/* Hover Effects */

		.darken,
		.glow,
		.grayToColor,
		.colorToGray,
		.grow{
			-moz-transition:all ease 0.5s;
			-webkit-transition:all ease 0.5s;
			-o-transition:all ease 0.5s;
			transition:all ease 0.5s;}


		/* oscurecer */
		.darken{
			-moz-filter:brightness(1);
			-webkit-filter:brightness(1);
			-o-filter:brightness(1);
			filter:brightness(1);}
		.gdarken:hover{
			-moz-filter:brightness(0.5);
			-webkit-filter:brightness(0.5);
			-o-filter:brightness(0.5);
			filter:brightness(0.5);}
		/* oscurecer */

		/* brillar */
		.glow{
			-moz-filter:brightness(0.6);
			-webkit-filter:brightness(0.6);
			-o-filter:brightness(0.6);
			filter:brightness(0.6);}
		.glow:hover{
			-moz-filter:brightness(1.5);
			-webkit-filter:brightness(1.5);
			-o-filter:brightness(1.5);
			filter:brightness(1.5);}
		/* brillar */

		/* gris a color */
		.grayToColor{
			filter:grayscale(.9);
			-webkit-filter:grayscale(.9);
			-moz-filter:grayscale(.9);
			-o-filter:grayscale(.9);
			-ms-filter:grayscale(.9);}
		.grayToColor:hover{	
			filter:grayscale(0);
			-webkit-filter:grayscale(0);
			-moz-filter:grayscale(0);
			-o-filter:grayscale(0);
			-ms-filter:grayscale(0);}
		/* gris a color */

		/* color a gris */
		.colorToGray{
			filter:grayscale(0);
			-webkit-filter:grayscale(0);
			-moz-filter:grayscale(0);
			-o-filter:grayscale(0);
			-ms-filter:grayscale(0);}
		.colorToGray:hover{	
			filter:grayscale(.9);
			-webkit-filter:grayscale(.9);
			-moz-filter:grayscale(.9);
			-o-filter:grayscale(.9);
			-ms-filter:grayscale(.9);}
		/* color a gris */

		/* agrandar */
		.grow:hover{transform:scale(1.3);}
		/* agrandar */

		/* Hover Effects */

	/* Static Generic Material */

	/* Customizable Generic Material */
	
		/* Structural */
		#wrapper{
	  font-family: 'Open Sans', sans-serif;
			display:block;
			width:100%;
			margin:0 auto;
			padding:0;
			max-width:1366px;
			box-shadow:0 0 120px rgba(0,0,0,0.5);
			border:0px solid rgba(0,0,0,0.25);	
			background:#FFF;
			overflow: hidden;
		}
		
		#contactoMapa{
			width:100%;
			margin:0 auto 15px;
			height:400px;
			text-align:center;
			line-height:1.35;
			overflow:hidden;
			white-space:nowrap;}
		#contactoMapa img{max-width:inherit;}
        
        
            .google-maps {
    position: relative;
    overflow: hidden;
}


.google-maps iframe{
			height:420px;
            width:100%;
}
		#footercontainer{
			clear:both;
			width:100%;
			padding:20px 0 10px;
			margin:0 auto;
			overflow:hidden;}		
		footer{clear:both;width:90%;margin:0 auto;padding:0; text-align:center;}
		footer h4{}
		footer a,
		footer a:visited{text-decoration:none;color:#000;}		
		footer a:hover,
		footer a:active,
		footer a:focus{outline:0;text-decoration:none;color:#f00;}
		footer p{
			margin:0 auto;
			padding:0;
			font-size:12px;
			color:#000;}
		div.gradientDestacado{
			-moz-border-image: -moz-linear-gradient(left,#3333 0,#555555 100%);
			-webkit-border-image: -webkit-linear-gradient(left,#333333 0,#555555   100%);
			border-image: linear-gradient(to right,#333333 0,#555555   100%);
			border-image-slice: 1;margin: 15px auto;
		}
		div.divRecaptcha{width: 67%;margin: 0 auto;}
		div.innerContent{}
		div.innerContent h1{color: #333333; text-transform:uppercase;font-weight:300;}
		div.innerContent h2{color: #333333; text-transform:uppercase;font-weight:300;}
		div.innerContent h3{}
		div.innerContent h4{margin:25px 0 5px;color: #222;}
		div.innerContent h5{margin:5px 0;color: #666;}
		div.innerContent p{margin-bottom:15px; font-size: 14px;color:#666666;}
		div.innerContent li{}
		div.innerContent a,div.innerContent a:visited{color:#cd4a00;}
		div.innerContent a:hover{color:#cd4a00;}
		div.innerContent img{max-width:100%;}
		div.innerContent ul{padding:0px 0px 0px 20px;}
		div.innerContent li{padding-left:1.3em; color:#666;}
		div.innerContent li.check:before {
		  content:"\f00c"; /* FontAwesome Unicode */
		  font-family:FontAwesome;
		  display:inline-block;
		  margin-left:-1.3em; /* same as padding-left set on li */
		  width:1.3em; /* same as padding-left set on li */
		}
		
		
		
		div.boxAutor{background: #9fb9bf; padding: 15px 15px 15px 80px;margin-top: 8px;margin-left: -70px; overflow: hidden; width: 125%; border-radius: 1px;}
		div.boxAutor h5{color:#FFF;margin:2px 0;text-transform:uppercase;}
		div.boxAutor p {color:#FFF;margin:2px 0 5px;}
		div.boxAutor a {color:#FFF;margin:2px 0;font-size:12px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;}
		div.boxAutor a:hover{color:#333;}
		div.boxAutor a:visited{color:#fff;}
		div.boxAutor a:visited:hover{color:#333;}
		/* Structural */


		/* Imagenes */
		
		.imgRedondas{border-radius:50%;}
		.imgCenter{margin-left:auto;margin-right:auto;}
		/* Imagenes */

		/*  Backgrounds and Colors */
		.bgWhite{background:rgba(255,255,255,1);}
		.bgOffWhite{background:rgba(240,240,240,1);}
		.bgGrey{background:rgba(225,225,225,1);}
		.bgBlack{background:rgba(0,0,0,1);}
        .bgNaranjo{background:#ec641d;}
        .bgGallery{background: #f9b234;}
		/*  Backgrounds and Colors */
        
        
		.hrNaranjo{
            margin: 0 auto 20px;
            border: 0;
            height: 0;
            width: 100%;
            border-top: #ec641d 2px solid;
            border-bottom: #ec641d 2px solid;
            position: relative;}
            
        .hrNaranjo:after {
font-family: "FontAwesome";
content: "\f1e6";
color: #ec641d;
transform: rotate(45deg);
position: absolute;
right: -1em;
font-size: 2em;
bottom: -20px;
        }
        
        		.hrBlanco{
            margin: 0 auto 20px;
            border: 0;
            height: 0;
            width: 100%;
            border-top: #fff 2px solid;
            border-bottom: #fff 2px solid;
            position: relative;}
            
        .hrBlanco:after {
font-family: "FontAwesome";
content: "\f1e6";
color: #fff;
transform: rotate(45deg);
position: absolute;
right: -1em;
font-size: 2em;
bottom: -20px;
        }

		/* Lines */
		.hrTop100{
			margin:0 auto 20px;
			border:0;
			height:0;
			width:100%;
			border-top:#ffa500 5px solid;}
		.hrSmall{
			margin:15px auto;
			border:0;
			height:0;
			width:40px;
			border-top:#000 1px solid;}
		.hr100{
			margin:15px auto;
			border:0;
			height:0;
			width:100%;
			border-top:#ffa500 1px solid;}
		.hrSmallLeft{
			margin:15px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#9fb9bf 1px solid;}
		.hrSmallLeftWhite{
			margin:15px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#fff 1px solid;}
		.hrLight{
			margin:0px;
			border:0px;
			height:0;
			border-top:rgba(255,255,255,0.25) 1px solid;
			border-bottom:rgba(255,255,255,0.1) 1px solid;
		}
		.hrDark{
			margin:0px;
			border:0px;
			height:0;
			border-top:rgba(0,0,0,0.25) 1px solid;
			border-bottom:rgba(0,0,0,0.1) 1px solid;
		}
		div.gradientLine {
			-moz-border-image:-moz-linear-gradient(left,rgba(222,91,4,1) 0,rgba(222,91,4,1)80%,rgba(222,91,4,0) 100%);
			-webkit-border-image:-webkit-linear-gradient(left,rgba(222,91,4,1) 0,rgba(222,91,4,1) 80%,rgba(222,91,4,0) 100%);
			border-image:linear-gradient(to right,rgba(222,91,4,1) 0,rgba(222,91,4,1) 80%,rgba(222,91,4,0) 100%);
			border-image-slice:1;
			margin:15px auto;
		}
		/* Lines */

		/* Buttons */
		.verMas1 {
			-webkit-font-smoothing:antialiased;
			position:relative;
			padding:.8em 2em .8em 1em;
			background:#de5b04;
			border-radius:4px;
			color:#FFF;
			transition:.2s;
			font-weight:bold;
			text-align:center;
			display:block;
			width:75%;
			margin:0 auto;
		  	min-width:12em;
		}
		.verMas1:hover{color:#FFF;background:#de5b04;text-decoration:none;}
		.verMas1:active,
		.verMas1:focus{background:#FFFF;outline:none;}
		.verMas1:after{
			position:absolute;
			top:0;
			bottom:0;
			right:0;
			padding-top:inherit;
			padding-bottom:inherit;
			width:2.8em;
			content:"\f178";
			font-family:'FontAwesome',sans-serif;
			font-size:1.2em;
			text-align:center;
			transition:.2s;
		}
		.verMas1:hover:after{
			-webkit-animation:bounceright .3s alternate ease infinite;
			animation:bounceright .3s alternate ease infinite;
		}

		.verMas2{
			margin:0 auto;
			padding:0;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;
		}
		.verMas2:hover{	}
		
		
		/* Buttons */

	/* Customizable Generic Material */

	/* Bootstrap Customized Material */



		/* Nav Menu */

		#certs {
			margin: 7px 10px 7px auto;
			display: block;
			padding: 3px 15px;
			color: #FFF;
			max-width: 200px;
			text-align: center;
			letter-spacing: 2px;
			border-radius: 2px;}
		
		

		.navbar{
			margin-bottom:0;
			width: 100%;
		}
		nav.navbar-fixed-top{
            z-index: 2001;
            left:auto;
            right:auto;
            max-width:1366px;
            width:100%;}
        
        
		.navbar-header{width:10%;margin:0 !important;float: left;}
		.navbar-collapse{
            width:90%;
            margin:30px 0 0  !important;
            float: left; 
            padding: 0;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;}
		
		.lineHeight50{ margin-top:15px !important;}
		ul.nav.navbar-nav{width:100%; padding: 0;}
		
		#divLogo {
			padding: 10px 0 0 10px;  /*relacion con .imgLogo{max-height}/ relacion con .navbar li a{line-height} /*/
			overflow: hidden;
			margin: 0 auto;
			text-align:center;
		}
		
		.imgLogo{
			max-height:80px;
			padding:0;
			height:auto;
			margin:0 0;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;/*relacion con #divLogo {padding}/ relacion con .navbar li a{line-height} /*/
		}
		.classImagenAlBajar{
    		max-height: 60px;
		}
			
			
		.navbar-brand {
			display:block;
			float: inherit;
			height: initial;
			padding: initial;
			line-height: initial;
			font-size: initial;
			margin: 0 !important;
    		border: 0 solid transparent !important;
    		background: transparent !important;
		}
		.navbar-default .navbar-nav>li>a{color:#333;border-top:0 solid transparent;}
		.navbar span {padding:0;color: #f29200;}
		.navbar-default .navbar-collapse, 
		.navbar-default .navbar-form{border-color:transparent;border-bottom:0 solid transparent;}
		.navbar-default{background-color:rgba(255,255,255,1);border-bottom:0px solid transparent;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;}
		
			
		.colorAlBajar{
            border-bottom:0px solid #9fb9bf !important; 
            box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important;}
		.colorAlBajar #divLogo {
    		padding: 5px;
		}
		
		.navbar li {border:none; margin:0;padding: 0; font-size:12px;}
		.navbar li:nth-child(1){width:10%;margin-left:5%}
		.navbar li:nth-child(2){width:11%;}
		.navbar li:nth-child(3){width:11%;}
		.navbar li:nth-child(4){width:11%;}
		.navbar li:nth-child(5){width:15%;}
		.navbar li:nth-child(6){width:27%;}
		.navbar li:nth-child(7){width:10%;}
		
	
		
		.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li >a:focus,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav >.active>a:hover,.navbar-default .navbar-nav>.active > a:focus {
			color: #9fb9bf;/*hover / active*/
			background-color: transparent;
		}
		.navbar li a{
            line-height:40px;
            text-align:center;
            padding:0;
            margin:0; 
            text-transform: uppercase; 
            font-weight:700; 
            letter-spacing:1px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;}
        
        .navbar li a {display: inline;}
		
		.navbar li p{margin:0;}
		.navbar li p a span{display: inline; margin:0 5px;padding: 10px;font-size:16px}
		
		.navbar-nav>li>ul.dropdown-menu{width:100%;}
		.navbar li li{width:100%;text-align:center;padding:5px 10px;}	
		.navbar li li a{line-height:3em;}
		.dropdown-menu>.active>a{background-color:#047327}
		/* Nav Menu */

		
		.btnHeader{
			line-height:inherit !important;
			margin:0 5% !important;
			padding:10px 5px !important;
			background:#9fb9bf !important;
			color:#fff !important;
			border-radius:4px;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;
		}
		.btnHeader:hover{color:#fff !important;background:#1c2f61 !important;}
		
		
		.btnHeader span{color:#fff;
			-webkit-transition:all 0.2s ease;
			-moz-transition:all 0.2s ease;
			-o-transition:all 0.2s ease;
			transition:all 0.2s ease;}
		.btnHeader:hover span{color:#fff;}
		
		.btnAgenda{
			text-transform:uppercase;
			font-size:16px;
			float:right;
			line-height:inherit !important;
			margin:15px 5% !important;
			padding:15px 10px !important;
			background:#60896d !important;
			color:#fff !important;
			border-radius:4px;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;
		}
		.btnAgenda:hover{color:#fff !important;background:#9fb9bf !important;}		
		.btnAgenda span{color:#fff;
			-webkit-transition:all 0.2s ease;
			-moz-transition:all 0.2s ease;
			-o-transition:all 0.2s ease;
			transition:all 0.2s ease;}
		.btnAgenda:hover span{color:#fff;}
		
		
		.container-fluid,.container{margin:0;padding:0;width:100%;}

	/* Bootstrap Customized Material */

	/* PANTALLAZOS */
	#home{
		margin:0;
		padding:100px 0 0;
		min-height:672px;}
	#paramelectricidad,#nosotros,#servicios,#contacto{
		margin:0;
		padding:70px 0 0;
		min-height:672px;}
        #paramelectricidad h4{
            text-decoration: underline;
        }
        
       #paramelectricidad div .well{
        border-radius: 15px;
background: #f29200;
        border: 1px solid #f99;
        margin-top: 20px;}
        #paramelectricidad div .well h4{
        text-allign: right;
        text-decoration:none;
        color: #FFF;
        text-transform: uppercase;
        }
	#servicios {
        background: #ec641d;
        color:#FFF;
		height:auto;
		margin:0 auto;
		width:100%;
		position:relative;}
	#servicios p{
        color:#eee;
        font-size:12px;}
	#servicios h4{
        color:#fff;
        font-size:13px;}
	#servicios h5{
        padding-top:50px;
        color:#FFF;
        text-transform:
        uppercase;
        display:block;
        margin-left:10%;}
    #servicios span {
        color: #eee;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        display: block;
        font-size:80px;
    }
    
    #compromiso {
        
    }
    
    #compromiso h4{
        color: #FFF;
        font-weight:300;
        text-align: center;
        width: 100%;}
        
    #compromiso h2 {
        color: #FFF;
        text-align: center;
        width: 100%;}
    
    .bgCompTopRight{
    background:#f29200;
        padding: 2.5%;}
    
    .bgCompTopLeft{
    background:#f9b234;
        padding: 2.5%;}
    
    .bgCompBottom{
    background:#ec641d;
        padding: 5%;}
    
    #paramelectricidad img {border-radius:20px;display:block;margin:0 auto;}
    #paramelectricidad img.thumb {border-radius:0;display:block;margin:0 auto;}
    #divGallery {padding-top:100px;}
    
    #servicio

	.boxServicios{
		background:#60896d;
		overflow:hidden;
	}
	.imgServicios,
	.textServicios{
		float:left;
	}
	
	.imgServicios{width:30%;}
	.imgServicios img{width:100%;}
	.textServicios{width:70%;padding:15px;}
	
	.textServicios p{
		margin:2px 0;
		text-transform: uppercase;
	}
	.precio{
		font-size:28px;
		font-weight:700;
		letter-spacing:1px;
		padding:10px 15px;
		background:#9fb9bf;
		color:#FFF;
		border-radius:4px;
    	display: inline-block;
		margin-top: 10px;
	}
	/* PANTALLAZOS */

    .hideBig {display: none;}


	/* Responsive */

		/* Big Screens */
			@media screen and (min-width: 1920px) {
			}
		/* Big Screens */


		/* Tablets y PC */
			@media screen and (max-width: 1280px){  
				nav li a {font-size: 13px;}
			}

			@media screen and (max-width: 1112px){  
				nav li a {font-size: 12px;}
			}

			@media screen and (max-width: 1049px){  
				nav li a {font-size: 11px;}
			}

			@media screen and (max-width: 1024px){  
				nav li a {font-size: 10px;}
			}

			@media screen and (max-width: 800px){
				nav li a {font-size: 9px;}
			}

			@media screen and (max-width: 768px){
        .navbar li:nth-child(1){width:100%;margin-left:auto;}
		.navbar li:nth-child(2){width:100%;}
		.navbar li:nth-child(3){width:100%;}
		.navbar li:nth-child(4){width:100%;}
		.navbar li:nth-child(5){width:100%;}
		.navbar li:nth-child(6){width:100%;}
		.navbar li:nth-child(7){width:100%;}
		.navbar li{text-align: center;}
			}
		/* Tablets y PC */



			@media screen and (max-width: 767px){
				.navbar li{width:100%;}
				nav li a {font-size: 14px;}
				.navbar-header{
					width:90%;
					margin:0 5%  !important;}
				.navbar-collapse{
					width:90%;
					margin:30px 5%  !important;}
				
				#home,
				#paramelectricidad,
				#nosotros,
				#servicios,
				#contacto{min-height:auto;}
                
                .navbar-toggle {right: -10px;}
	}

		/* Celu horizontal */
			@media screen and (max-width:736px){  
			}

			@media screen and (max-width:667px){  
			}

			@media screen and (max-width:640px){  
			}

			@media screen and (max-width:568px){  
			}
		/* Celu horizontal */


		/* Celu vertical */
			@media only screen and (max-width:480px){
				footer p{text-align:center;}
				#contactoMapa {
					width:100%;
					margin:0 auto;}
				#contactoMapa img{max-width: inherit;}
				#contactForm{
					position:relative;
					width:98%;
					margin:0 auto;}
				#videoPad{
					margin:20px auto;
					position:relative; 
					width:90%; 
					height:0px; 
					padding-bottom:60%;}
                .navbar-brand{float:left;padding-right: 20px;}
                a.hideBig,
                a.hideBig:visited {
                    display: block;
                    float: left;
                    font-size: 24px;
                    padding: .2em .5em;
                    margin: 16px 1% 0;
                    color: #ec641d;
                    border: 1px solid #ec641d;
                    border-radius: 50%;
			-webkit-transition:all 0.2s ease;
			-moz-transition:all 0.2s ease;
			-o-transition:all 0.2s ease;
			transition:all 0.2s ease;}
                a.hideBig:hover,
                a.hideBig:active{
                    color: #FFF;
                    background: #ec641d;
			-webkit-transition:all 0.2s ease;
			-moz-transition:all 0.2s ease;
			-o-transition:all 0.2s ease;
			transition:all 0.2s ease; }
			}

			@media screen and (max-width: 414px){  
			}

			@media screen and (max-width: 375px){  
			}

			@media screen and (max-width: 320px){  
                .imgLogo {
                    max-height: 60px;
                    padding: 0;
                    height: auto;
                    margin: 10px 0;}
			}
		/* Celu vertical */

	/* Responsive */
