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

	/* Fonts */
    
    
		/* google font imports */
        
           @import url('https://fonts.googleapis.com/css2?family=Michroma&family=Saira:wght@300;400;700&display=swap');
            
		/* 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: 'Michroma';
			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:16px;color:#333333;}
		li{font-size:16px;color:#333333;}
		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: 'Saira', 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:#4fa733 ;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:#111;
			overflow:hidden;}	
            #footercontainer > div.col-xs-12 {margin:0;padding:0;}
		footer{
        clear:both;
        width:100%;
        margin:0 auto;
        padding:0; 
        text-align:center;}
		footer h4{}
		footer a,
		footer a:visited{text-decoration:none;color:#ffffff;}		
		footer a:hover,
		footer a:active,
		footer a:focus{outline:0;text-decoration:none;color:#4fa733;}
		footer p{
			margin:0 auto;
			padding:0;
			font-size:16px;
			color:#4fa733;
    line-height: 2em;}
	footer span {font-size: 2.5em !important;padding-bottom: .5em}
	footer span.redesSociales {;padding-left:10px;}
	 footer .fa-instagram:before {padding-left: 3px;}

.footerBox {min-height: 160px;border-top: none;border-bottom: none}
    
		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:#4fa733;}
		.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:#4fa733 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:#4fa733 2px solid;}
		.hrSmallRight{
			margin:15px inherit;
			border:0;
			height:0;
			width:80px;
			border-top:#4fa733 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:relative;
			padding:.8em 1em;
			background:#4fa733;
			border-radius:4px;
			color:#FFF;
			transition:.2s;
			font-weight:bold;
			text-align:center;
			display:block;
			width:75%;
			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;
		}
		.verMas1:hover{color:#4fa733;background:#fff;text-decoration:none;}
		.verMas1:active,
		.verMas1:focus{background:#FFFF;outline:none;}

		.verMas2{
			-webkit-font-smoothing:antialiased;
			position:relative;
			padding:.8em 1em;
			background:#FFF;
			border-radius:4px;
			color:#4fa733;
			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:#4fa733}
		
		
		/* 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: transparent; }
            
		.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:65%;margin:15px 5% 0 5%  !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:130px;/*relacion con #divLogo {padding}/ relacion con .navbar li a{line-height} /*/
			padding:20px 0 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 #4fa733;
		-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:14.28%;}
                .navbar li:nth-child(2){width:14.28%;}
                .navbar li:nth-child(3){width:14.28%;}
                .navbar li:nth-child(4){width:14.28%;}
                .navbar li:nth-child(5){width:14.28%;}
                .navbar li:nth-child(6){width:14.28%;}
                .navbar li:nth-child(7){width:14.28%;}
                .navbar li.active:after{
                    position: absolute;
                    bottom: 0;
                    left: 10%;
                    margin-left: -5px;
                    width: 80%;
                    height: 3px;
                    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;
                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: #0d7a0f;
                    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;}

                 nav.colorAlBajar .navbar-nav>li>a{
                     line-height: 30px;}
               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{}
                nav.colorAlBajar.navbar-default .navbar-nav>.active > a:focus,
               nav.colorAlBajar.navbar-default .navbar-nav>li >a:focus{}
                nav .colorAlBajar .navbar span {padding:0;}
                nav .colorAlBajar #divLogo {}
                
                nav.colorAlBajar.navbar li.active:after{ 
                    height: 2px;
                    border-radius: 1px;}
        
		        .classImagenAlBajar{max-height: 55px;}
		/* Nav Menu */


		
		

	/* Bootstrap Customized Material */

	/* PANTALLAZOS */
	#home,#nosotros,#servicios,#servicios02,#alianzas,#galeria,#contacto,#videoIndex {
		margin:0;
		padding:0;
		min-height:672px;
}

.header-separator-bottom {
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 100%;
}

.header-separator {
    position: absolute;
    width: 100%;
    max-width: 100%;
    bottom: -1px;
    overflow: hidden;
}

.header-separator svg {
    display: block;
    width: calc(100% + 1.3px);
}

.header-separator svg {
    height: 90px!important;
}

.header-homepage + .header-separator svg {
    height: 90px!important;
}

.svg-white-bg {
    fill: #FFF;
}



#destacados {
			background:#eee;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}

#videoIndex {
			background:#111;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;
		min-height:480px;}


#videoIndex h4{color:#0d7a0f}
#videoIndex p{color:#FFF}
#videoIndex .embed-responsive-16by9 {border: 10px #fff solid;}




		
#destacados h4 {text-align: center;min-height: 4em;}
#destacados p {text-align: center;min-height: 8em;}
#destacados img {}
#destacados a{
			-webkit-font-smoothing:antialiased;
			position:relative;
			padding:.8em 1em;
			border-radius:4px;
			color:#FFF;
			transition:.2s;
			font-weight:bold;
			text-align:center;
			display:block;
			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;}
#destacados a.indexButton01 {background: #4e89c0;}
#destacados a.indexButton01:hover {box-shadow: 2px 2px 5px rgba(0,0,0,0.3)}
#destacados a.indexButton02 {background: #4fa733;}
#destacados a.indexButton02:hover {box-shadow: 2px 2px 5px rgba(0,0,0,0.3)}
#destacados a.indexButton03 {background: #fdd829;}
#destacados a.indexButton03:hover {box-shadow: 2px 2px 5px rgba(0,0,0,0.3)}

#indexMensaje div.well-lg {
	  -webkit-transition: all 0.2s ease;
	  -moz-transition: all 0.2s ease;
	  -o-transition: all 0.2s ease;
	  transition: all 0.2s ease;}

#indexMensaje div.well-lg:hover {
	transform: scale(1.1);
	border: 1px solid #fff; 
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	  -webkit-transition: all 0.2s ease;
	  -moz-transition: all 0.2s ease;
	  -o-transition: all 0.2s ease;
	  transition: all 0.2s ease;}

#indexMensaje div.well-lg p{
	  font-size:1.5em;}
		
	#mensaje{
			background:#FFF;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}

	#mensaje p{font-size:20px;}
		
	#mensaje2{
			background:#eee;
			width:100%;
			height:auto;
			margin:0;
		   	position:relative;}

	#indexPortrait {margin-top: -180px;}
	#indexPortrait h4 {width:80%;margin:10px auto;height: auto}
	#indexPortrait h4,
	#indexPortrait p{text-align: center;}
	#indexPortrait img {
			border: 3px solid #fff;
			width: 75%;
			margin: 0 auto;}

	#indexPreCoda{
			background:#fff;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}
#indexPreCoda h4{text-align: center;padding: 2em 5%;}
#indexPreCoda p{text-align: center;padding: 0 5% 2em;}

		#indexCoda{
			background:#0d7a0f url("../images/bg/bg-index-bottom.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:100%;
			width:100%;
			height:auto;
			margin:0;}
		#indexCoda h4{
			color:#FFF;	
			padding:10px 0;
			width:80%;
			text-align:center;
			margin:10px auto;
			font-size:24px;}
		#indexCoda p{
			color:#fff;	
			padding:10px 0;
			width:80%;
			text-align:center;
			margin:10px auto;
			font-size:18px;}
		.borderRight {    
			border-bottom: 0 none;
			border-right-style: solid;
			border-right-width: 1px;
			border-color: #fff;
			min-height: 180px}
		.borderLeft {    
			border-bottom: 0 none;
			border-left-style: solid;
			border-left-width: 1px;
			border-color: #fff;
			min-height: 180px}
		
	#contactar{
			background:#111;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}
		
	#contactar h2{
			color:#FFF;}
		
	#contactar h4{
			color:#FFF;}
		
	#nosotros{
			background:#FFF;
			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;}
           
    #servicios02 {
			background: #eee url("../images/bg/servicios02.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:cover;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}
		
		
	#alianzas {
			background:#FFF url("../images/bg/alianzas.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:cover;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}

	#alianzas p {text-align: center;}

	#alianzas div.imgAlly .div90 {min-height: 120px}
		
		
	#galeria {
			background:#FFF url("../images/bg/galeria.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:cover;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}

	#galeria2 {
			background:#eee url("../images/bg/galeria2.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:cover;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}


	#galeria2 img{
			width: 90%;}
		
		
	#contacto {
			width:100%;
            padding-bottom: 70px;
			height:auto;
			margin:0;
		   position:relative;}
           
           
           #nosotros h2,#servicios h2, #alianzas h2, #galeria h2, #galeria2 h2,#contacto h2 {
           color: #4fa733;
           }

		#contacto a{color: #0d7a0f;}
		#contacto a:hover{color:#4fa733;}
			
#contactForm{width:100%;}

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


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

    .indiasoft {
		background: #fff url("../images/indiasoft/indiasoft.jpg");
        background-repeat:no-repeat;
        background-position:center; 
        background-size:cover;
		padding-top:215px;}

    .nosotros-title {
		background: #fff url("../images/bg/nosotros-title.jpg");
        background-repeat:no-repeat;
        background-position:center; 
        background-size:cover;
		padding-top:100px;}

    .alianzas-title {
		background: #fff url("../images/bg/alianzas-title.jpg");
        background-repeat:no-repeat;
        background-position:center; 
        background-size:cover;
		padding-top:100px;}

    .noticias-title {
		background: #fff url("../images/bg/noticias-title.jpg");
        background-repeat:no-repeat;
        background-position:center; 
        background-size:cover;
		padding-top:100px;}

    .contacto-title {
		background: #fff url("../images/bg/contacto-title.jpg");
        background-repeat:no-repeat;
        background-position:center; 
        background-size:cover;
		padding-top:100px;}

	#titleSection h1 {
		text-align: center;
		padding: 100px 0;
		color: #fff;
		text-shadow: 0 0 5px rgba(0,0,0,0.5);
		background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
		background: radial-gradient(ellipse at center,  rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);}

    #titleSection h2{
		text-shadow: 1px 1px rgba(255,255,255,0.5);
		color: #283279;
		text-align: center;
		padding: 0 0 0;
		font-size: 50px;
		margin: 0;}
    #titleSection h4{
		text-shadow: 1px 1px rgba(255,255,255,0.5);
		color: #fff;
		background: #283279;
		text-align: center;
		padding: 1em 1em;
		font-size: 18px;
		margin: 20px 25%;
		width: 50%;}
	#titleSection p {
		text-align: center;
		text-shadow: 1px 1px rgba(255,255,255,0.5);
		margin: 20px 0 0;
		font-weight: bold;
		font-size: 18px;
		color: #000;
		padding: 0;}
	#titleSection p.last {margin-bottom:  100px;}
	#titleSection a {color: #0d7a0f;}
	#titleSection a:hover {color: #4fa733;}

#indiasoft01 {background:#eee;
			width:100%;
			height:auto;
			margin:0;
			padding-top: 50px;
			padding-bottom: 50px;
		   position:relative;}
#indiasoft02 {background:#fff;
	min-height: 820px;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;
			padding-top: 50px;
			padding-bottom: 50px;}
#indiasoft03 {background:#eee;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;
			padding-top: 50px;
			padding-bottom: 50px;}
#indiasoft04 {background:#eee;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;
			padding-top: 50px;
			padding-bottom: 50px;}
#indiasoft04 h4{text-align: center}
#indiasoft04 p{text-align: center}
#indiasoft04 img{margin:10px auto;}

#titleIndiasoft {}
h4#titleIndiasoft {background: #0d7a0f;}
#titleIndiasoft a{color:#fff;text-shadow: none;}
#titleIndiasoft a:hover{color:#fff;text-shadow: none;}
h4#titleIndiasoft:hover{box-shadow: 1px 1px 5px rgba(0,0,0,0.3);}

.indiaLeftLogo {
	position: absolute;
	left: 0;
	top: 0;
	width: 15%;}
.indiaRightLogo {
	position:absolute;
	right: 0;
	top: 0;
	width: 15%;}
.indiaBanner {padding:0;margin: 0;width:100%;}

.color1 {color:#4fa733;}
.color2{color: #0d7a0f}
.color3{color:#283279}
.bg1 {background:#0d7a0f;}
.bg2{background: #4fa733}
.bg3{background:#283279}
		

.divNoticias{
	text-align:center;
	box-sizing:border-box;
	margin-top:40px;
	background:#fff;
  min-height: 570px;
}
.divNoticias img{
	background:#000;
	width:100%;	
	border-top:8px solid #72a740;
}
.divNoticias h3{
  font-size: 20px;
}
.divNoticias p{
	font-style:italic;
  width: 95%;
	padding-top:20px;
}

.divNoticias button{
	position: relative;
	background: rgba(0,0,51,0);
	border: 1px solid #72a740;
	font-weight:bold;
	color:#72a740;
	border-radius:4px;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:-.5px;
	margin:10px auto;
	padding:12px;
  display: inline-block;
	position: absolute;
bottom: 10px;
left: 0;
right: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.divNoticias button:hover,
.divNoticias button:focus{
	background: #72a740;
	color:#fff;
	border-color: #72a740;
	outline:none;
}

.imgIndiaSoft {width:60%; margin:15px auto}


/* Content styles */

.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	min-height: 100%;
}

.md-modal {
	box-shadow: 5px 5px 80px rgba(0,0,0,0.8);
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1050;
	opacity: 0;
	background: rgba(0,0,0,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

.md-content {
	color: #fff;
	background: #fff;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: #72a740;
	color:#fff;
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	overflow: hidden;
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}
.md-content > div img {
	float:left;
	width: 220px;
	height:220px;
  margin: 10px 10px 50px;
 }
.md-content > div p {
	margin: 0;
	color:#666;
	padding: 10px 0;
	text-align:justify;
	font-size:0.9em;
}


.md-content button {
	background: rgba(0,0,51,0);
	border: 1px solid #72a740;
	font-weight:bold;
	color:#72a740;
	display: block;
	margin: 20px auto 0;
	position: relative;
	font-weight:bold;
	border-radius:4px;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:-.5px;
	padding:12px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.md-content button:hover,
.md-content button:focus{
	background: #72a740;
	color:#fff;
	border-color: #72a740;
	outline:none;
}

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}


#servicios .carousel-caption, .carousel-control {color: #000;}
#servicios .carousel-control:focus, 
#servicios .carousel-control:hover {color: #000;}
#servicios .carousel-control.right {background: transparent;top: 130px;font-size: 2em;}
#servicios .carousel-control.left {background: transparent;top: 130px;font-size: 2em;}
#servicios blockquote {border:none;}

.paddingTop50r {padding-top:50px}

#popup {
    position: fixed;
    display: hidden;
    top: 20px;
    left: 70%;
    margin-left: -55%;
    width: 70%;
    background-color: white;
    border: 2px solid #000;
    background: #e7f1f3;
    text-align: center;
    z-index: 9999;
}

#popup img {max-width:auto;width:100%;}

#overlayPopup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 155%;
    background-color: rgba(0,0,0,0.7);
    dispay: none;
	z-index:999;

}

.closePopup {
    display: block;
    position: relative;
    top: 0px;
    right: auto;
    height: 20px;
}


.col-sm-5-footer {
    width:20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}


/* Individual modal styles with animations/transitions */

	/* 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;}
					.indiaLeftLogo {left: -5%}
					.indiaRightLogo {right: -5%}
				#indexPortrait {margin-top: -280px;}
				#destacados h4 {font-size:16px;}
			}

			@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;}
				#indexPortrait {margin-top: -330px;}
				#destacados h4 {font-size:14px;}
			}

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

			@media screen and (max-width: 768px){
                    .navbar-default .navbar-nav>li>a {font-size: 13px;}
                .col-sm-5-footer { width:100%;}
				
				.navbar-default .navbar-nav>li>a {line-height: 2.8em;}
				
				#titleSection h4 {margin: 20px 10%;width: 80%;}
				#indexPortrait {margin-top: 0;}
				#destacados h4 {font-size:18px;}
				#indexCoda .borderLeft, #indexCoda .borderRight {border:none;}
				#indexCoda {background-size: 200%;}
				.paddingTop50r {padding-top: 25px;}
				.navbar-default .navbar-collapse, .navbar-default .navbar-form {
					border-color: #fff;
					border-bottom: 0 solid #fff;
					background: rgba(0,0,0,0.3);}
					
					#popup {
    position: fixed;
    display: hidden;
    top: 40px;
    left: 20%;
    /* width: 600px; */
    /* height: 470px; */
    margin-left: -10%;
    width: 80%;
    background-color: white;
    border: 2px solid #000;
    /* padding: 10px; */
    background: #e7f1f3;
    text-align: center;
    z-index: 9999;
}

			}
		/* 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 li:nth-child(5){width:100%;}
				.navbar li:nth-child(6){width:100%;}
				.navbar li:nth-child(7){width:100%;}
				.navbar li:nth-child(8){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;}
				
				#home,
				#nosotros,
				#servicios,
				#contacto{min-height:auto;}
			}

		/* 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 */

        
            @media screen and (max-height: 575px){
                #rc-imageselect, .g-recaptcha {
                    transform:scale(0.77);
                    -webkit-transform:scale(0.77);
                    transform-origin:0 0;
                    -webkit-transform-origin:0 0;}
            }

		/* 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: 0;min-height:360px;}  
                    
                    .imgLogo{max-height:80px; }
				.div90 {margin-left:2%;margin-right:2%;width:96%}
				
				.indiaLeftLogo {
					position: absolute;
					left: 0;
					top: -120px;
					width: 25%;}
				.indiaRightLogo {
					position: absolute;
					right: 0;
					top: -120px;
					width: 25%;}
				#titleSection h2 {font-size: 32px;}
				#indexCoda {background-size: 400%;}#indexCoda h4 {font-size: 16px;}
				.divNoticias {min-height: 600px;}
			}

			@media screen and (max-width: 414px){  
				#titleSection h2 {font-size: 30px;}
				.paddingTop50r {padding-top: 20px;}
			}

			@media screen and (max-width: 375px){  
				#titleSection h2 {font-size: 28px;}
				
				.div90 {margin-left:0;margin-right:0;width:100%}
				.paddingTop50r {padding-top: 15px;}
			}

			@media screen and (max-width: 320px){  
				
				#titleSection h2 {font-size: 26px;}
				.paddingTop50r {padding-top: 10px;}
			}
		/* Celu vertical */

	/* Responsive */