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

	/* Fonts */
		/* google font imports */
		@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');

		@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-hospital:before { content: "\f100"; }
		.flaticon-research:before { content: "\f101"; }
		.flaticon-landscape:before { content: "\f102"; }
		
		
	.imgContactoContaciner{
      background: #df4e12 url(../images/contacto.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    width: 100%;
    height: auto;
	min-height:500px;
    padding: 0;
    margin: 0;
	position:relative;
	}
	.textImgContacto h2{
		background: rgba(50,50,50,0.75);
		border-left:10px solid #df4e12;
		padding:20px 20px 20px 40px;
		color:#FFF;
		letter-spacing:2px;
		font-weight:300;
		position:absolute;
		bottom:10%;
		left:0;
     	margin-left: -20px;
	}

		
.text-white{color:#FFF !important;}
.marginTop10{margin-top:10px;}
.marginTop25{margin-top:25px;}
		/* google font imports */
.fontX2 p{font-size:16px;line-height:1.6em;}
.center{text-align:center;}

	/* Brand Colors */
	.colorBrand{color: #df4e12 !important;}
	.colorTwo{color: #329244 !important;}
	.colorThree{color: #fff !important;}

	.bgBrand{background: #df4e12 !important;}
	.bgTwo{background: #23972d !important;}
	.bgOffWhite{background: #e5e5e5 !important;}

	/* Brand Colors */

	/* Static Generic Material */
		img{max-width:100%;}
		h1,h2,h3,h4,h5,h6{
			font-family:inherit;
			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:14px}
		h6{font-size:12px}
		p{margin:0 0 10px;font-size:14px}
		a,a:hover,a:focus,a:active,a:visited{text-decoration:none !important;}
		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:#df4e12;}

		.shadowElevated{
			border-radius:10px;
			-webkit-box-shadow:0 20px 20px -18px rgba(0,0,0,0.75);
			-moz-box-shadow:0 20px 20px -18px rgba(0,0,0,0.75);
			box-shadow:0 20px 20px -18px rgba(0,0,0,0.75);}


		/* 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:'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:0 solid rgba(0,0,0,0.25);	
			background:#FFF;
			overflow: hidden;
		}

		.well {
			min-height:20px;
			padding:19px;
			margin-bottom:20px;
			background-color:#f5f5f5;
			border:1px solid #e3e3e3;
			border-radius:4px;
			-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
			box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
		}
		.well-lg{
			padding:35px !important;
			}

		#contactoMapa{
			width:100%;
			margin:0 auto;
			height:500px;
			text-align:center;
			line-height:1.35;
			overflow:hidden;
			white-space:nowrap;}
		#contactoMapa img{max-width:inherit;}
		.google-maps {
			position: relative;
			height: 370px;
			width: 100%;
			overflow: hidden;}
		.google-maps iframe{height: 370px;width: 100%;}
		.google-maps img{max-width:inherit;}

		#footercontainer{
			clear:both;
			width:100%;
			padding:50px 0;
			margin:0 auto;
			background:#333;
			overflow:hidden;}		
		footer{clear:both;width:90%;margin:0 auto;padding:0;}
		footer h4{}
		footer a,
		footer a:visited{text-decoration:none;color:#ccc;}		
		footer a:hover,
		footer a:active,
		footer a:focus{outline:0;text-decoration:none;color:#df4e12;}
		footer p{
			margin:0 auto;
			padding:0;
			font-size:14px;
			line-height:1.8em;
			color:#ccc;}
			
			.footerImg{
				-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
				filter: grayscale(100%);
				opacity:0.5;
			}
		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 h2{color: #df4e12}
		div.innerContent h3{}
		div.innerContent h4{}
		div.innerContent p{margin: 8px 0;font-size: 16px;}
		div.innerContent li{}
		div.innerContent a,div.innerContent a:visited{color:#df4e12;}
		div.innerContent a:hover{color:#cd4a00;}
		div.innerContent img{max-width:100%;}
		div.innerContent ul{list-style:none;padding:0;}
		div.innerContent li{padding-left:1.3em;}
		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 */
		}
		/* Structural */

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

		/* Lines */
		.hrTop100{
			margin:0 auto 20px;
			border:0;
			height:0;
			width:100%;
			border-top:#df4e12 5px solid;}
		.hrSmall{
			margin:15px auto;
			border:0;
			height:0;
			width:40px;
			border-top:#df4e12 1px solid;}
		.hr100{
			margin:15px auto;
			border:0;
			height:0;
			width:100%;
			border-top:#df4e12 1px solid;}
		.hrSmallLeft{
			margin:15px 0 !important;
			border:0 !important;
			height:0 !important;
			width:80px !important;
			border-top:#df4e12 1px solid !important;
		}
		.hrLight{
			margin:0;
			border:0;
			height:0;
			border-top:rgba(255,255,255,0.25) 1px solid;
			border-bottom:rgba(255,255,255,0.1) 1px solid;}
		.hrDark{
			margin:0;
			border:0;
			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: transparent;
			border-radius: 50px;
			text-transform: uppercase;
			color: #FFF;
			font-size: 12px;
			transition: .2s;
			font-weight: 400;
			text-align: center;
			display: block;
			width: 60%;
			margin: 25px auto 0;
			border: 1px solid #FFF;
			min-width: 10em;
		}
		.verMas1:hover,
		.verMas1:active,
		.verMas1:focus{color:#df4e12;background:#FFF;text-decoration:none;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.15em;
			text-align:center;
		}
		.verMas1:hover:after{
			-webkit-animation:bounceright .3s alternate ease infinite;
			animation:bounceright .3s alternate ease infinite;
		}

		.verMas2 {
			/* -webkit-font-smoothing: antialiased; */
			position: relative;
			padding: 10px;
			background: transparent;
			border-radius: 50px;
			font-size: 12px;
			color:#df4e12; 
			border:1px solid #df4e12;
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
			display: block;
    		width: 150px;
			margin: 0 auto;
			min-width: 8em;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			transition: all 0.2s ease;
		}
		
		.verMas2:hover{
			color:#fff; 
			background: #df4e12;
			border:1px solid #fff;
		}
			

		/* Buttons */

		/* 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;border:0 solid transparent;
			position: relative;
			width: 100%;
		}
		nav.navbar-fixed-top{left:auto;right:auto;max-width:1366px;width:100%;border:none;}
		.navbar-header{width:15%;margin:0 0 0 5% !important;float: left;}
		.navbar-collapse{width:70%;margin:25px 5% 0 5% !important;float: left;}
		ul.nav.navbar-nav{width:100%;}
		
		#divLogo {
			padding: 10px;  /*relacion con .imgLogo{max-height}/ relacion con .navbar li a{line-height} /*/
			overflow: hidden;
			margin: 0 auto;
			text-align:center;
		}
		
		.imgLogo{
			padding: 0;
			height: auto;
			margin: 0;
			width: 100%;}
		.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:#666;border-top:0 solid transparent;}
		.navbar span {padding:0;color: #666;}
		.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-color: transparent;}
		.navbar li {border:none; margin:0;padding: 0;}
		.navbar li:nth-child(1){width:9%;}
		.navbar li:nth-child(2){width:13%;}
		.navbar li:nth-child(3){width:26%;}
		.navbar li:nth-child(4){width:25%;}
		.navbar li:nth-child(5){width:13%;}
		.navbar li:nth-child(6){width:13%;}
		
	
		
		.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: #df4e12;/*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 p{margin:0;}
		.navbar li p a span{display: inline; margin:0 5px;padding: 12px;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:#df4e12}
		/* Nav Menu */

		
		
		
		/* Nav Menu */


	/* Customizable Generic Material */

	/* Site Custom CSS */

		#indexLema  {background: #FFF;font-size:100px;}
		#indexLema h3 {text-align: center; color:#df4e12; font-size:.28em; letter-spacing:.02em}
		
		#indexProyectos  { background:#EEE url(../images/light-grey-terrazzo.png) repeat;}
		#indexProyectos h1{text-align:center;font-weight:300;}
		#indexProyectos h2{text-align:center;color:#FFF;font-size:24px;font-weight:300;}
		#indexProyectos p{color:#333;}
		#indexProyectos hr{height: 0;border-top: 2px solid #ffffff;margin:10px auto; width:20%;text-align:center;}
		

		#indexDestacados  { background:#df4e12}
		#indexDestacados h1{text-align:center;color:#111;font-weight:300;}
		#indexDestacados h2{text-align:center;color:#FFF;font-size:18px;font-weight:300;min-height:75px;paddingtop:10px;}
		#indexDestacados p{text-align:center;padding:20px;color:#333;}
		#indexDestacados hr{height: 0;border-top: 2px solid #ffffff;margin:10px auto; width:20%;text-align:center;}
		#indexDestacados span{
			text-align:center;
			color:#ffffff;
			font-size:80px;
			font-style:normal;
			display:block;
			margin:0 auto;}

		#indexCoda{
			background:#df4e12 url("../images/bg-index-bottom.jpg");
			background-repeat:repeat;
			background-position:center; 
			background-size:100%;
			width:100%;
			height:auto;
			padding: 0;
			margin:0;}
		#indexCoda h4{
			color:#FFF;	
			padding:10px 0;
			width:80%;
			text-align:left;
			margin:10px auto;
			font-size:24px;}
		#indexCoda p{
			color:#eee;	
			padding:10px 0;
			width:80%;
			text-align:left;
			margin:10px auto;
			font-size:14px;}

		.titleSpecial {
			position:relative;
			font-family: 'Comic Sans MS', cursive;
			margin: 10px auto;
			font-size: 36px;
			line-height: 1.2em;
			color: #000;
			text-align: left;
			/*margin-bottom: 15px;*/
		   /*text-shadow: 0 0 5px rgba(0,0,0,0.85);*/
		}
		.titleSpecial big{font-size:1.8em;}
		.hrtitleSpecial{
			margin:15px 0;
			border:0;
			height:0;
			width:50px;
			border-top: 2px solid #df4e12;

		}

		#innerTitle{
			background:#df4e12 url("../images/bg/inner-title.jpg") 100%/cover;
			background-position:center;}

		#innerTitle01, #innerTitle02, #innerTitle03, #innerTitle04, #innerTitle05 {
			background-repeat:no-repeat;
			background-position:center; 
			background-size:100%;
			width: 100%;
    		min-height: 562px;
			padding: 0;
			margin: 0;
		}
		#innerTitle01 {background:#df4e12 url(../images/bg/inner-title-01.jpg) 100%/cover;}
		#innerTitle02 {background:#df4e12 url(../images/bg/inner-title-02.jpg) 100%/cover;}
		#innerTitle03 {background:#df4e12 url(../images/bg/inner-title-03.jpg) 100%/cover;}
		#innerTitle04 {background:#df4e12 url(../images/bg/inner-title-04.jpg) 100%/cover;}
		#innerTitle05 {background:#df4e12 url(../images/bg/inner-title-05.jpg) 100%/cover;}
		
		#innerTitle01 h4, #innerTitle02 h4, #innerTitle03 h4, #innerTitle04 h4 ,#innerTitle05 h4{
			color: #333;
			padding: 10px 0;
			text-align: left;
			margin: 10px auto;
			text-transform: uppercase;
			font-weight: 700;
		}

		#innerTitle h1{
			color:#FFF;
			text-align:center;
			padding:40px;
			font-size:40px;
			margin:0 auto;}

		#innerLema{background: #eee;}
		#innerTitle Lema{
			color:#fff;
			text-align:center;
			padding:40px;
			font-size:40px;
			margin:0 auto;}


		.h1Border100White,
		.h1Border100 {
			/*background: transparent url(../images/border-top.png) 0 0 no-repeat;
			background-size: 100%;*/
			overflow:hidden;
			text-align: center;
			font-weight: 400;
			text-transform: uppercase;
		}
		.h1Border100White{color: #FFF;}
		.h1Border100 {color: #df4e12;margin-bottom: 15px;}

		
		.h1Border100White span,
		.h1Border100 span{display:inline-block;position:relative;}
		
		
		.h1Border100White span:before,
		.h1Border100 span:before,
		.h1Border100White span:after,
		.h1Border100 span:after{
		  content: "";
		  position:absolute;
		  height: 0;
		  top: 22px;
		  width:300%;
		}
		
		.h1Border100White span:before,
		.h1Border100White span:after{border-top:3px solid #FFF ;}
		
		.h1Border100 span:before,
		.h1Border100 span:after{border-top:3px solid #333 ;}
		
		
		.h1Border100 span:before, .h1Border100White span:before{right:100%;margin-right:50px;}
		.h1Border100 span:after, .h1Border100White span:after{left:100%;margin-left:50px;}




		
		
		
		.franja{
			font-size: 100px;
			padding: 30px 5%;
			text-align: center;
		}

		.franja h3{
			margin:0;
			padding:0;
			text-transform:uppercase;
			letter-spacing:.02em;
			color:#fff;
			font-weight:400;
			font-size:.28em;
		}

		.franja span{ 
			font-size:1.1em;
			line-height: 0.5;
			 font-weight:700;
			margin-right: .05em;
			margin-left: .35em;}
		
		
		.fotoFranja{
			color: #efdc2b;  margin-left: 5px; font-weight:700; font-size:1.2em;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
			}
			
		.fotoFranja:hover,
		.fotoFranja:active,
		.fotoFranja:focus{color: #111;}
		/* Icons */
		
		
		
			/* Icons */
		.redesSocialesFooter{
		display: inline;
		color: #ccc;
		padding: 0px 25px 0 0;
		background: none;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
		.redesSociales {
		display: inline;
		color: #FFF;
		padding: 0px 15px;
		background: none;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
		.redesSocialesFooter{font-size: 22px;line-height: 2.5em;}
		.redesSociales {font-size: 20px;line-height: 1em;}

		.redesSociales:hover {
			color: #ca5220;
		}
		.redesSocialesFooter:hover {
			color: #ca5220;
		}
		
		


		/* Icons 
		.redesSociales {
			display:inline;
			color:#e5e5e5;
			padding:12px 11px 12px 12px;
			font-size:20px;
			background:transparent;
			border:1px solid #e5e5e5;
			border-radius:50%;
			line-height:3.5;
			width:45px;
			margin:10px;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;
			}*/
		.facebook:hover{color:#3B5998;}
		.twitter:hover{color:#69b9f6;}
		.linkedIn:hover{color:#1984bc;}
		.whatsapp:hover{color:#07b601;}
		.googlemas:hover{color:#CA3625;}
		.skype:hover{color:#fff00AFF0}
		.youtube:hover{color:#FF3333;}
		.vimeo:hover{color:#1AB7EA;}
		.instagram:hover{color:#f09433;}
		/* Icons */

		.listSeccion{padding:0;font-size:12px;}
		.listCodigo{
			display:block;
			height: 50px;
			overflow: hidden;
			float:left;
			width:15%;
			margin:0;
			border:1px solid #eee;
			padding:5px;}
		.listNombre{
			display:block;
			height: 50px;
			overflow: hidden;
			float:left;
			width:45%;
			margin:0;
			border:1px solid #eee;
			padding:5px;}
		.listPresentacion{
			display:block;
			height: 50px;
			overflow: hidden;
			float:left;
			width:15%;
			margin:0;
			border:1px solid #eee;
			padding:5px;}
		.listDownload{
			display:block;
			height: 50px;
			overflow: hidden;
			float:left;
			width:12.5%;
			margin:0;
			border:1px solid #eee;
			padding:5px;}


	#listTitleRow1,
	#listTitleRow2 {
		background:#e5e5e5;
		font-weight: bold;
		font-size:16px;
		overflow: hidden;}

	#listTitleRow1 span.listCodigo,
	#listTitleRow2 span.listCodigo{}

	#listTitleRow1 span.listNombre,
	#listTitleRow2 span.listNombre{}

	#listTitleRow1 span.listPresentacion,
	#listTitleRow2 span.listPresentacion{}

	#listTitleRow1 span.listDLTtile,
	#listTitleRow2 span.listDLTtile{
		display:block;
		float:left;
		width:12.5%;
		margin:0;
		border:1px solid #eee;
		padding:5px;
		height: 50px;
		overflow: hidden;}


	/* End Inner Pages */
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding:0;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin:0;
	width: 100%;
	height: auto;
	background: #000;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 25px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	font-weight: 300;
    position: absolute;
    width: 100%;
	top:50%;
	transform: translateY(-50%);
    margin-left: -25px !important;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
	color:#FFF !important;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
	background: #000;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.2;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

	/* Start 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;}
				#indexDestacados h2 {font-size: 17px;}
				
				.franja,
				#indexLema {font-size: 97px;}
			}

			@media screen and (max-width: 1112px){  
				nav li a {font-size: 12px;}
				#indexDestacados h2 {font-size: 16px;}
				
				.franja,
				#indexLema {font-size: 81px;}
			}

			@media screen and (max-width: 1049px){  
				nav li a {font-size: 11px;}
				#indexDestacados h2 {font-size: 15px;}
				
				.franja,
				#indexLema {font-size: 77px;}
			}

			@media screen and (max-width: 1024px){  
				nav li a {font-size: 10px;}
				#indexDestacados h2 {font-size: 14px;}
								
				.franja,
				#indexLema {font-size: 75px;}
			}

			@media screen and (max-width: 800px){
				nav li a {font-size: 8px;}
				#indexDestacados h2 {font-size: 12px;}
				
				.franja,
				#indexLema {font-size: 59px;}
				
				
			}

			@media screen and (max-width: 768px){
				#indexDestacados h2 {font-size: 24px;}
				.franja,
				#indexLema {font-size: 56px;}
			}
		/* Tablets y PC */


			@media screen and (max-width: 767px){
				ul.nav.navbar-nav {width:100% !important;margin:0 !important;padding-bottom: 10px;}
				.navbar li {width:100% !important;margin:0 !important;}
				.navbar li a{font-size:14px;height: 2em;text-align: center;line-height: 2em}
				.imgLogo{margin:0 auto;width:40%;max-width:180px;}
				.navbar-toggle{position: absolute;right:-10px;}
				.navbar-header{width:90%;margin:0 5%;}
				.navbar-collapse {
					width: 90%;
					margin: 25px 5% 0 5% !important;
					float: left;}
				#indexDestacados h2 {font-size: 23px;}
				
			}

		/* Celu horizontal */
			@media screen and (max-width:736px){ 
				#indexDestacados h2 {font-size: 22px;} 
				.franja,
				#indexLema {font-size: 54px;}
			}

			@media screen and (max-width:667px){  
				#indexDestacados h2 {font-size: 21px;}
				.franja,
				#indexLema {font-size: 49px;}
			}

			@media screen and (max-width:640px){  
				#indexDestacados h2 {font-size: 20px;}
				.franja,
				#indexLema {font-size: 47px;}
			}

			@media screen and (max-width:568px){  
				#indexDestacados h2 {font-size: 18px;}
				.franja, 
				#indexLema {font-size: 42px;}
			}
		/* Celu horizontal */

		/* Celu vertical */
			@media only screen and (max-width:480px){
				footer{width:95%;}
				footer p{text-align:center;}
				#contactoMapa {
					width:98%;
					margin:0 auto;
					height:300px;}
				#contactoMapa img{max-width: inherit;}
				#contactForm{
					position:relative;
					width:98%;
					margin:0 auto;}
				#indexDestacados h2 {font-size: 16px;}
				.franja,
				#indexLema {font-size: 60px;}
				
				.franja h3 {
					
					display: block;
					float:left;
					width:80% !important;
					margin-left: 10% !important;
					margin-rignt: 10% !important;
				}
				.franja a,
				.franja a {
					max-width: none;
					display: block;
					float:left;
					width:80% !important;
					margin: 10px 10% !important;
					
				}
			}


			@media screen and (max-width: 414px){ 
				
				.franja, 
				#indexLema {font-size: 50px;}
			}

			@media screen and (max-width: 375px){ 
				
				.franja,
				#indexLema {font-size: 45px;} 
			}

			@media screen and (max-width: 320px){ 
				
				.franja, 
				#indexLema {font-size: 40px;}
			}
		/* Celu vertical */

	/* End Responsive */