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

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


            
		/* google font imports */
        
	/* 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: 'ClementePDaq';
			line-height:1.4;
			color:#333;}
		h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{
			line-height:1.2;}
		h1,h2,h3,h4,h5,h6 {
			margin-top:.8em;
			margin-bottom:.5em}
		h1 small,h2 small,h3 small,
		h4 small,h5 small,h6 small{font-size:50%}
		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:18px;color:#666;}
		a,a:hover,a:focus,a:active,a:visited{text-decoration:none !important;outline-offset: 0px;}

		small {font-size: .85em}
		.container-fluid,.container{margin:0;padding:0;width:100%;}
		/* 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);}
		.darken: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: 'Roboto', sans-serif;
			display:block;
			width:100%;
			margin:0 auto;
			padding:0;
			max-width:1366px;
			box-shadow:0 0 50px rgba(0,0,0,0.5);
			border:0px solid rgba(0,0,0,0.25);	
			background:#fff;
			overflow: hidden;
		}
        
		#divInfoBarTop{background:#16608f ;padding:5px 5% 5px 25%;margin:0;}
		#divInfoBarTop p{color: #FFF !important;padding:0;margin:0;text-align:center; font-size:12px;}
		#divInfoBarTop p a{color: #FFF;}
		#divInfoBarTop p a:hover{color:rgba(109,159,210,1);}
		#divInfoBarTop p span{color: #FFF !important;}
        
		#footercontainer{
			clear:both;
			width:100%;
			padding:0;
			margin:0 auto 0;
			background:#59CBE8;
			overflow:hidden;}	
            #footercontainer > div.col-xs-12 {margin:0;padding:0;}
		footer{
        clear:both;
        width:100%;
        margin:0 auto;
        padding:0; 
        text-align:left;}
		footer h4{}
		footer a,
		footer a:visited{text-decoration:none;color:#16608f;}		
		footer a:hover,
		footer a:active,
		footer a:focus{outline:0;text-decoration:none;color:#fff;}
		footer p{
			margin:0 auto;
			padding:0;
			font-size:14px;
			color:#333;
    line-height: 2em;}
    
		div.divRecaptcha{width: 67%;margin: 0 auto;}
        
        ul.check { list-style-type: none;}
		
		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 */
		}
		
		/* Structural */


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

		/*  Backgrounds and Colors */
		.bgYellow{background:#16608f;}
		.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);}
		/*  Backgrounds and Colors */

		/* Lines */
		.hrTop100{
			margin:0 auto 20px;
			border:0;
			height:0;
			width:100%;
			border-top:#ffa500 5px solid;}
		.hrSmall{
			margin:25px auto;
			border:0;
			height:0;
			width:80px;
			border-top:#16608f 2px solid;}
		.hr100{
			margin:15px auto;
			border:0;
			height:0;
			width:100%;
			border-top:#bbb 1px solid;}
		.hrSmallLeft{
			margin:30px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#426f98 2px solid;}
		.hrWhiteLeft{
			margin:30px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#16608f 2px solid;}
		.hrSmallRight{
			margin:15px inherit;
			border:0;
			height:0;
			width:80px;
			border-top:#16608f 1px solid;}
		.hrSmallLeftWhite{
			margin:15px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#fff 1px solid;}
		.hrSmallLeftBlack{
			margin:15px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#222 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;		}
        
		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;
		}
		/* Lines */

		/* Buttons */
		.verMas1 {
                -webkit-font-smoothing: antialiased;
                position: absolute;
                padding: .4em 1em .4em;
                background: rgba(255,255,255,0.1);
                border-radius: 4px;
                font-size:.28em;
                color: #FFF;
                text-shadow:  1px 1px #000;
                box-shadow:  1px 1px #000;
                border: 2px solid #FFF;
                transition: .33s;
                font-weight: bold;
                text-align: center;
                display: block;
                bottom: 3em;
                width: 4em;
                margin: 0 auto;
                min-width: 12em;
                z-index: 1029;
                left: 50%;
                transform: translateX(-50%);}
		.verMas1:hover{color:#FFF;background:#005587;text-decoration:none;
                transition: .33s;}
		.verMas1:active,
		.verMas1:focus{background:rgba(0,0,0,0.3);outline:none;}


		.verMas2{
			-webkit-font-smoothing:antialiased;
			position:relative;
			padding:.8em 1em;
			background:#FFF;
			border-radius:4px;
			color:#16608f;
			transition:.2s;
			font-weight:bold;
			text-align:center;
			display:block;
			float:left;
			margin:0 auto;
		  	min-width:12em;
			-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{	
    color: #fff;
	background:#16608f}
		
		
		/* Buttons */

	/* Customizable Generic Material */

	/* Bootstrap Customized Material */



		/* Nav Menu */

		.navbar{
			margin-bottom:0;
			width: 100%;
		}
		nav.navbar-fixed-top{
            left:auto;
            right:auto;
            max-width:1366px
            ;width:100%; 
            z-index: 1040;
            background: #59CBE8; }
            
		.navbar-logoBrand{
            width:10%;
            margin:25px 0 0 0 !important;
            float: left;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;}
		.navbar-header{width:20%;margin:0 0 0 5% !important;float: left;}
		.navbar-collapse{width:45%;margin:35px 5% 0 25%  !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;}
		
		ul.nav.navbar-nav{width:100%; padding: 0;}
		
		#divLogo {
			padding:5px 0px 5px;  /*relacion con .imgLogo{max-height}/ relacion con .navbar li a{line-height} /*/
			overflow: hidden;
			margin: 0 auto;
			text-align:center;
		}
		
		.imgLogo{
			max-height:160px;/*relacion con #divLogo {padding}/ relacion con .navbar li a{line-height} /*/
			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;
		}
			
			
		.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 span {padding:0;color: #000;}
		.navbar-default .navbar-collapse, 
		.navbar-default .navbar-form{border-color:transparent;border-bottom:0 solid transparent;}
		.navbar-default{background-color:rgba(255,255,255,95);border-bottom:0px solid #16608f;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;}
		
		
        /* nav menu items */
        
            /* ul and  li styles */
                .navbar li {border:none; margin:0;padding: 0; font-size:12px;}
                .navbar li:nth-child(1){width:20%;}
                .navbar li:nth-child(2){width:25%;}
                .navbar li:nth-child(3){width:30%;}
                .navbar li:nth-child(4){width:25%;}
                .navbar li.active:after{
                    position: absolute;
                    bottom: 0;
                    left: 10%;
                    margin-left: -5px;
                    width: 80%;
                    height: 5px;
                    background: #fff;
                    border-radius: 2px;
                    display: table;
                    content: " ";}
        
        
            /* anchor styles */
            
            .navbar-default .navbar-nav>li>a{
                color:#EEE;
                border-top:0 solid transparent; 
                font-size:14px;
                font-weight: 300;
                line-height:85px;
                text-align:center;
                padding:0;
                margin:0; 
                text-transform: uppercase; 
                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-default .navbar-nav>li>a:hover,
            .navbar-default .navbar-nav>.active>a,
            .navbar-default .navbar-nav >.active>a:hover{
                color: #FFF;/*hover / active*/
                background-color: transparent;}
            .navbar-default .navbar-nav>.active > a:focus,
            .navbar-default .navbar-nav>li >a:focus{
                background-color: transparent;
                color: #FFF;/*hover / active*/}
                
            .dropdown-menu>.active>a{background-color:transparent;}
        
        
        
            /* Scroll down Changes */
		          nav.colorAlBajar.navbar-fixed-top{                      
                    background-color: #fff;
                    border-bottom: 1px solid #eee;
                    box-shadow: 5px 0 15px rgba(0,0,0,0.05);}
		          nav.colorAlBajar .navbar-logoBrand{margin:5px 0 0 0 !important;}
                    nav .colorAlBajar{border-bottom:0px solid #000 !important; box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important;background-color:rgba(255,255,255,1)}

                 nav.colorAlBajar .navbar-nav>li>a{
                     line-height: 30px;
                     color:#000;}
               nav.colorAlBajar .navbar-nav  .navbar-collapse {
                    width: 45%;
                    margin: 15px 5% 5px 25% !important;}
               nav.colorAlBajar.navbar-default .navbar-nav>li>a:hover,
               nav.colorAlBajar.navbar-default .navbar-nav>.active>a,
               nav.colorAlBajar.navbar-default .navbar-nav >.active>a:hover{
                    color: #59CBE8;/*hover / active*/
                    background-color: transparent;}
                nav.colorAlBajar.navbar-default .navbar-nav>.active > a:focus,
               nav.colorAlBajar.navbar-default .navbar-nav>li >a:focus{
                    background-color: transparent;
                    color: #59CBE8;/*hover / active*/}
                nav .colorAlBajar .navbar span {padding:0;color: #000;}
                nav .colorAlBajar #divLogo {}
                
                nav.colorAlBajar.navbar li.active:after{ 
                    height: 3px;
                    border-radius: 1px;
                background: #59CBE8;}
        
		        .classImagenAlBajar{max-height: 55px;}
		/* Nav Menu */


		
		

	/* Bootstrap Customized Material */

	/* PANTALLAZOS */
	#home,#nosotros,#productos,#servicios,#contacto {
		margin:0;
		padding:70px 0 0;
		min-height:672px;}
        
        
	#home{padding-top:170px;}
		
		
	#nosotros{
			background:#FFF url("../images/bg/nosotros.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:cover;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}
           
    #servicios {
			background: #fff url("../images/bg/servicios.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:cover;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}
		
		
	#productos {
			background:#F1F1F0 url("../images/bg/productos.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:cover;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}
		
		
	#contacto {
			background:#222 url("../images/bg/contacto.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:cover;
			width:100%;
            padding-bottom: 70px;
			height:auto;
			margin:0;
		   position:relative;}
           
    #contacto p, #contacto a,  #contacto a:visited, #contacto label{color:#ccc}
    #contacto h2,  #contacto a:hover{
           color: #FFF;}
        #contacto 	hr.hrSmallLeft{
			border-top:#FFF solid 2px;}
           
           
           #nosotros h2,#servicios h2, #productos h2 {
           color: #16608f;
           }
           
	/* NOSOTROS */
		div.divEquipoProfile {
            position: relative;
            height: auto;
            text-align: center;
            padding: 40px;
            margin: 20px auto;
            border: 1px solid rgba(0, 0, 0, 0.05);
            border-radius: 10px;
            background: rgba(250, 250, 250, 1);
		}

		div.divEquipoProfile img {
			margin: 0 auto;
			display: block;
			padding: 0 0 20px;
		}

		div.divEquipoProfile img {
			width: 90%;
		}

		div.divEquipoProfile p.profileButtons{
			position: absolute;
			font-size: 2em;
			bottom: 0;
			left: 0;
			padding: 0;
			text-align: center;
			width: 100%;
			margin: 0 auto;
		}

		div.divEquipoProfile span {
			text-align: center;
			display: inline;
		}

		div.divEquipoProfile span:before {
			padding: 0 4px;
		}

	/* NOSOTROS */
    
#contactForm{width:100%;}

        
           div .google-maps {
    position: relative;
    overflow: hidden;
}


div.google-maps iframe{
			height:420px;
            width:100%;
}

.color1 {color:burlywood;}
.color2{color: silver}
.color3{color:gold}
.bg1 {background:burlywood;}
.bg2{background: silver}
.bg3{background:gold}
		
.well h4 {text-align: center;}
	/* Responsive */

	/* Responsive */

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


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

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

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

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

			@media screen and (max-width: 800px){
                    .navbar-default .navbar-nav>li>a {font-size: 9px;}
                    #home{padding-top:135px;}
				
				#home,
				#nosotros,
				#servicios,
				#contacto{min-height:auto;}
			}

			@media screen and (max-width: 768px){
                    #home{padding-top:130px;}
			}
		/* Tablets y PC */

			@media screen and (max-width: 767px){
                 .navbar li:nth-child(1){width:100%;}
				.navbar li:nth-child(2){width:100%;}
				.navbar li:nth-child(3){width:100%;}
				.navbar li:nth-child(4){width:100%;}
                .navbar-default .navbar-nav>li>a {font-size: 14px;}
				.navbar-header{
					width:90%;
					margin:0 5%  !important;}
				.navbar-collapse{
					width:90%;
					margin:30px 5%  !important;}
                    .navbar-default .navbar-nav>li>a {
                        font-size: 13px;
                        line-height: 42px;}
                        div.div90{width:95%;margin-left:2.5%;margin-right:2.5%;}
			}

		/* 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%;}
                  #home {padding-top:85px;}
                        div.div90{width:98%;margin-left:1%;margin-right:1%;}
                    
                    .imgLogo{max-height:80px; }
			}

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

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

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

	/* Responsive */