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

	/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
body{font-family: 'Open Sans', sans-serif;cursor:default !important; background:#ffffff;}
a, a:hover, a:focus, a:active, a:visited{text-decoration:none !important;}
#wrapper {font-family: 'Open Sans', sans-serif;display: block;width: 100%;margin: 0 auto;padding: 0;box-shadow: 0 0 120px rgba(0, 0, 0, 0.5);border: 0px solid rgba(0,0,0,0.25);	background: transparent ;overflow:hidden;}

	/*
  	Flaticon icon font: Flaticon
  	Creation date: 05/06/2019 15:14
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff2") format("woff2"),
       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-yoga:before { content: "\f100"; }
.flaticon-facial:before { content: "\f101"; }

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Shadows Into Light', cursive;
*/

p{text-align:justify;}
#franjaClientes{
	background:#eeeeee;
}

#contactForm{
	width:100%;
	margin:25px auto;
}
.marginTop30{margin-top:30px;}
.marginTop50{margin-top:50px;}
.ul28 ul{
    -webkit-padding-start: 28px;
	}
.textXL p{    font-size: 1.4em;
    line-height: 1.6em;}

.img-responsive{width:100%;}
.boxWhite{
	background:#eeeeee url(../images/pattern.png) repeat;
	padding:20px;
	text-align:left;
	margin-bottom:-248px;
    min-height: 370px;
}

.colums3{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;

}
.h1Border100, .h1Border100Alternate  {
	overflow:hidden;
    text-align: center;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    /*text-shadow: 0px 1px 0px #83bde2, 0px -1px 0px #83bde2, -1px 0px 0px #83bde2, 1px 0px 0px #83bde2;*/
}
.h1Border100 span, .h1Border100Alternate span{display:inline-block;position:relative;}
.h1Border100 span:before,
.h1Border100 span:after {
  content: "";
  position:absolute;
  height: 0px;
  /* border-bottom:1px solid #222; */
  border-top:5px solid #6796b6 ;
  top: 0px;
  width:300%;
}
.h1Border100 span:before{right:100%;margin-right:50px;}
.h1Border100 span:after{left:100%;margin-left:50px;}


.h1Border100Alternate {
	overflow: visible;
}
.h1Border100Alternate span:before{
  content: "";
  position:absolute;
}
.h1Border100Alternate span:after,
.h1Border100Alternate span:before {
    left: 50%;
    transform: translate(-50%, 0);
    content: " ";
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
}
.h1Border100Alternate span:before {
    bottom: -25px;
    border-width: 1px;
    width: 90px;
    background: #76a0bd;
    height: 5px;
    border-color: transparent;
}
.h1Border100Alternate span:after {
    bottom: -30px;
    border-width: 16px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
}
.hrBottom {
    margin: 20px auto;
    border: 0px;
    height: 0;
    border-top: 5px dotted #fff;
    width: 40%;
}

h4{
    font-weight: 700;
    color: #6796b6;
    text-transform: uppercase;
    margin: 20px 0 10px;
}

.containerImgDestacada{
	position:relative;
}
.containerImgDestacada div{
	position:absolute;
	bottom:0;
	background:rgba(0,0,0,0.85);
	width:100%;
	padding:20px;
}
.containerImgDestacada div p {
    color: #FFF;
    font-size: 14px;
    font-style: italic;
    margin: 0 0 15px;
}

.containerImgDestacada div:after {
	bottom: 100%;
	left: 75%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: rgba(0,0,0,0.85);
	border-width: 30px;
	margin-left: -30px;
}

.containerFotoGaleria {
    margin-top: 0px;
    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 h4{
	text-align:center;
	font-weight:700;
	color:#00a0d3;
}


.marginTop15{
	margin-top:15px;
}
h2 .icon{
    font-size: 2.2em;
    margin-right: 10px;
}
.borderRadius10{
	border-radius:10px;
	-webkit-box-shadow: 0px 20px 20px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 20px 20px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 20px 20px -18px rgba(0,0,0,0.75);
}
.color01{color:#6796b6;}

.containerFotoProyectos {
    margin-top: 20px;
    padding: 0px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.containerFotoGaleria {
    margin-top: 0px;
    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;
}
.containerFotoProyectos:hover,
.containerFotoGaleria:hover{
	opacity:0.8;
}
.colorChange{
	color: #00a0d3 !important;
}
.pColums2{
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.pColums3{
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.borderTop1 {
    border-top: 1px solid #449839;
    width: 90%;
    margin: 0px 5% 0px;
}#fraseIndex h4{
	font-size:34px;
	text-align:center;
	color:#666;
    font-weight: 700;
}
#fraseIndex p {
    text-align: center;
    color: #666;
    font-size: 18px;
    width: 92%;
    margin: 20px auto 0px;
}
.marginBottom10{margin-bottom:10px;}
.marginBottom30{margin-bottom:30px;}
.paddingTop300{padding-top:300px;}
.paddingTop200{padding-top:200px;}
.paddingTop100{padding-top:100px;}
.paddingTop125{padding-top:125px;}
.paddingTop50{padding-top:50px;}
.paddingTop25{padding-top:25px;}
.paddingBottom50{padding-bottom:50px;}
.paddingBottom25{padding-bottom:25px;}
.textIndex {
    position: absolute;
    width: 36%;
    margin: auto 32%;
    text-align: center;
    z-index: 999;
	background:rgba(255,255,255,0);
    top: 56%;
    transform: translate(0, -50%);	
}

.col-5 {
    float: left;
    margin: 0px 1%;
    width: 18%;
}
		
		/* Icons */
		.colorCambio{color: #999 !important;}
		.colorCambio:hover{color: #111 !important;}
		.redesSociales {
		display: inline;
		color: #fff;
		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: #435d62;
		}

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

		/* Useful Paddings */
		.paddingVer00{padding-top:0px;padding-bottom:0px}
		.paddingVer05{padding-top:5px;padding-bottom:5px}
		.paddingVer10{padding-top:10px;padding-bottom:10px}
		.paddingVer15{padding-top:15px;padding-bottom:15px}
		.paddingVer20{padding-top:20px;padding-bottom:20px}
		.paddingVer25{padding-top:25px;padding-bottom:25px}
		.paddingVer30{padding-top:30px;padding-bottom:30px}
		.paddingVer35{padding-top:35px;padding-bottom:35px}
		.paddingVer40{padding-top:40px;padding-bottom:40px}
		.paddingVer45{padding-top:45px;padding-bottom:45px}
		.paddingVer50{padding-top:50px;padding-bottom:50px}
		.paddingVer55{padding-top:55px;padding-bottom:55px}
		.paddingVer60{padding-top:60px;padding-bottom:60px}
		.paddingVer65{padding-top:65px;padding-bottom:65px}
		.paddingVer70{padding-top:70px;padding-bottom:70px}
		.paddingVer75{padding-top:75px;padding-bottom:75px}
		.paddingVer80{padding-top:80px;padding-bottom:80px}
		.paddingVer85{padding-top:85px;padding-bottom:85px}
		.paddingVer90{padding-top:90px;padding-bottom:90px}
		.paddingVer95{padding-top:95px;padding-bottom:95px}
		.paddingVer100{padding-top:100px;padding-bottom:100px}
		/* Useful Paddings */

		/* 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 */
		
		/*#divInfoBarTop .redesSociales {color: #666 !important;}
		#divInfoBarTop .redesSociales:hover {color: #333 !important;}*/
		
		
		#contactoMapa {
			width: 100%;
			margin: 15px auto;
			height: 450px;
			text-align: center;
			line-height: 1.35;
			overflow: hidden;
			white-space: nowrap;
			border: 0px solid #eee;
		}
		#contactoMapa img{max-width:inherit;}
		#contactoMapa  p {
			margin: 15px 0px 5px;
		}
		#footercontainer{
			clear: both;
			width: 100%;
			padding:50px 0px;
			margin: 0 auto;
			overflow: hidden;
			background: #6796b6 url(../images/logo-footer.png) center center no-repeat;		
		}		
			
			
		footer {
			clear: both;
			width: 90%;
			margin: 0 auto;
			padding: 0;
			overflow: hidden;
		}
		footer h3 {
				font-weight: 700;
				color: #ccc;
				text-align: center;
				text-transform: uppercase;
	}
		footer a,
		footer a:visited{
					text-decoration: none;
					color: #00a0d3;}		
		footer a:hover,
		footer a:active,
		footer a:focus{
				  outline : 0; 
				  text-decoration: none; 
				  color: #fff;}
		footer p{
				margin: 5px auto;
				padding: 0;
				font-size: 14px;
				color: #eee;
				text-align: center;
		}
			
			
		footer	.col-5 {text-align:center;}
		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{
			font-size: 32px;
			color: #333;
			font-weight: 700;
		}
		div.innerContent h3 {
			font-size: 16px;
			font-weight: 400;
			text-align: left;
			line-height: 1.4em;
		}
		div.innerContent h4{}
		div.innerContent p{margin: 8px 0;font-size: 14px;}
		div.innerContent li{}
		/*div.innerContent a,div.innerContent a:visited{color:#00a0d3;}*/
		div.innerContent a{color:#333333;}
		div.innerContent a:hover{color:#6796b6;}
		div.innerContent img{width:100%;} 	/*<-- cambiar max-width:100%;*/
		
		div.innerContent li{ margin-bottom:10px;}
		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 */






  /* Hostito link section */
	  #smallprint{background:#435d62;margin: 0px auto;padding:8px 0px;line-height: 1.4em;text-align:center;color:#e5e5e5;font-size:0.923em;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	  #smallprint:hover{background:#111;}
	  #smallprint p{font-size:9px;vertical-align:middle;margin:0;text-shadow:none;}
	  #smallprint a:link{color:#e5e5e5;text-decoration:none;}
	  #smallprint a:hover{color:#FFF;text-decoration:none;}
  /* Hostito link section */
		/* Imagenes */
		.imgRedondas{border-radius:50%;}
		.imgCenter{margin-left:auto;margin-right:auto;display:block;}
		/* 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);}
		/*  Backgrounds and Colors */

		/* Lines */
		.hrTop100{
			margin:0px auto 20px;
			border:0px;
			height:0;
			width:100%;
			border-top:#333 5px solid;
		}
		.hrSmall {
    margin: 5px auto;
    border: 0px;
    height: 0;
    width: 40px;
    border-top: #666 1px solid;
}
		.hr100{
			margin:15px auto;
			border:0px;
			height:0;
			width:100%;
			border-top:#aaa 1px solid;
		}
		.hrSmallLeft{
			margin:15px 0;
			border:0px;
			height:0;
			width:80px;
			border-top:#333 2px solid;
		}
		.hrSmallLeft2{
			margin:15px 0;
			border:0px;
			height:0;
			width:80px;
			border-top:#aaa 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 {
			/* -webkit-font-smoothing: antialiased; */
			position: relative;
			padding: 10px;
			background: transparent;
			border-radius: 50px;
			border:2px solid #6796b6;
			font-size: 12px;
			color: #6796b6;
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
			display: block;
			width: 40%;
			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:#6796b6;}
		/* Buttons */

	/* Customizable Generic Material */

	/* Bootstrap Customized Material */

		/* Nav Menu */

		#divInfoBarTop{background:  #fff;padding:0px;margin:0;}
		#divInfoBarTop div{padding:0px;}
		#divInfoBarTop div div{padding: 5px 30px;}
		#divInfoBarTop p a{color: #6796b6;font-size: 14px; font-weight:700;margin: 0 3px;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;}
		#divInfoBarTop p{ margin: 0; color: #6796b6;text-align:right;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;}
            
            

		
		#divInfoBarTop .invertir{background: #6796b6;padding: 5px 15px;}
		#divInfoBarTop .invertir:after {
			right: 100%;
			top: 0%;
			content: " ";
			position: absolute;
			pointer-events: none;
			/* margin-top: -66px; */
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 0 30px 15px;
			border-color: transparent transparent #6796b6 transparent;
		}
		
		
		#divInfoBarTop .invertir p a,
		#divInfoBarTop .invertir p {color: #fff;text-align:left;}
		
		
		#divInfoBarTop p a:hover,#divInfoBarTop .invertir p a:hover{color: #435d62;}
		.navbar{
			margin-bottom:0;border: 0px solid transparent;
			position: relative;
			width: 100%;
		}
		nav.navbar-fixed-top{left:auto;right:auto;max-width:1366px;width:100%;border:none;}
		.navbar-header{width:20%;margin: 0 5% !important;}
		ul.nav.navbar-nav{width:60%;margin:30px 5% 0 0;}
		
		#divLogo {
			width: 100%;
			padding: 5px 0 ;  /*relacion con .imgLogo{max-height}/ relacion con .navbar li a{line-height} /*/
			overflow: hidden;
			margin: -35px auto 0px;
			text-align:center;
		}
		
		.imgLogo{
			height:auto;
			margin:0 auto;
    		padding: 5px 0 0;
    		max-height: 120px; /*relacion con #dinLogo {padding}/ relacion con .navbar li a{line-height} /*/
		}
		.navbar-brand {
			display:block;
			float: inherit;
			height: initial;
			padding: initial;
			line-height: initial;
			font-size: initial;
			margin: 0 !important;
    		border: 0px solid transparent !important;
    		background: transparent !important;
		}
		.navbar-default .navbar-nav>li>a {
			color: #333;
		}
		.navbar span {padding:0 !important;color: #000;}
		
		
		.navbar-default .navbar-collapse, .navbar-default .navbar-form {
			border-color: #6796b6;
			border-bottom-width: 5px;
			border-bottom-style: solid;
		}
		.navbar-default {
			background-color:#fff;
			border-color: transparent;
			
/*			background: rgba(0,0,0,0.75);
			background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.75)), color-stop(100%, rgba(0,0,0,0)));
			background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
			background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
			background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
			background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
*/
			
			
			
		}
		.navbar li {border-right:1px solid #ccc;}
		.navbar li:nth-child(1) {width: 9%;}
		.navbar li:nth-child(2) {width: 13%;}
		.navbar li:nth-child(3) {width: 24%;}
		.navbar li:nth-child(4) {width: 28%;}
		.navbar li:nth-child(5) {width: 15%;}
		.navbar li:nth-child(6) {width: 11%;border-right:none;}
		
	
		
	.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: #6796b6;
			background-color: transparent;
			/*border-bottom: 2px solid #333333;*/ /*naranjo corporativo*/
		}
		.navbar li a{line-height:40px;text-align:center;padding:0;margin:0; text-transform: uppercase; font-weight:400; 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-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:#FFF}
		
		
		
		
		/* Nav Menu */

		
		
		.container-fluid,.container{margin:0;padding:0;width:100%;}


	/* Bootstrap Customized Material */

	/* Start index.html */
		#indexLema  {background: #eeeeee;}
		#indexLema h2 {text-align: center;}

	#indexDestacados  {}
		#indexDestacados h2 {
			text-align: center;
			 color: #6796b6; 
			font-size: 24px;
			margin-bottom: 20px;
		}
        
        #indexDestacados h2.flat {
            margin-top: 55px;
        }
        
		#indexDestacados p{text-align: center;padding:10px;color:#666;}
		#indexDestacados span{
			text-align:center;
			color:#666;
			font-size:80px;
			font-style:normal;
			display:block;
		}
		div.gradientDestacado{
			-moz-border-image: -moz-linear-gradient(left,#333333 0,#ffffff 100%);
			-webkit-border-image:-webkit-linear-gradient(left,#333333 0,#fffffff 100%);
			border-image:inear-gradient(to right,#333333 0,#ffffff 100%);
			border-image-slice:1;
			margin:15px auto;}

		#indexCoda {
			background:#000 url("../images/bg-index-bottom.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:100%;
			width: 100%;
			height: auto;
			padding: 0px 0px;
			margin: 0;
		}
		#indexCoda img{
			text-align:center;
		}
		#indexCoda h4 {
			color: #FFF;
			padding: 10px 0;
			text-align: center;
			margin: 10px auto;
			font-size: 36px;
			text-transform: uppercase;
			font-weight: 700;
		}
		#indexCoda p{
			color: #fff;
			padding: 0px;
			text-align: left;
			margin: 10px auto;
			font-size: 14px;
			width: 90%;
		}
		
			
	/* End index.html */

	/* Start Inner Pages */
	
	
	
	
		#innerTitle01, #innerTitle02, #innerTitle03, #innerTitle04, #innerTitle05 {
			background-repeat:no-repeat;
			background-position:center; 
			background-size:100%;
			width: 100%;
    		min-height: 562px;
			padding: 0px 0px;
			margin: 0;
		}
		#innerTitle01 {background:#333 url(../images/bg/inner-title-01.jpg) 100%/cover;}
		#innerTitle02 {background:#333 url(../images/bg/inner-title-02.jpg) 100%/cover;}
		#innerTitle03 {background:#333 url(../images/bg/inner-title-03.jpg) 100%/cover;}
		#innerTitle04 {background:#333 url(../images/bg/inner-title-04.jpg) 100%/cover;}
		#innerTitle05 {background:#333 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;
		}
		
		#innerLema{background: #eee;}
		#innerTitle Lema{
			color:#fff;
			text-align:center;
			padding:40px;
			font-size:40px;
			margin:0 auto;}
	/* End Inner Pages */
	
	
		/* NOSOTROS */
		div.divEquipoProfile {
			position: relative;
			padding: 20px;
			border: 1px solid rgba(0, 0, 0, 0.07);
			border-radius: 0px;
			width: 20%;
			margin: 20px 1.5%;
			background: rgba(247, 247, 247, 1);
		}
		
		
		div.divEquipoProfile h4{
			text-align: center;
    		color: #333;
			font-size:16px;
		}
		
		
		div.divEquipoProfile p{
			font-size:12px;
		}

		div.divEquipoProfile img {
			margin: 0 auto;
			display: block;
			padding: 0 0;
			width: 100%;
		}

		div.divEquipoProfile p.profileButtons{
			font-size: 1em;
			padding: 0;
			font-weight:700;
			text-align: center;
			width: 100%;
			margin: 0 auto;
		}

		div.divEquipoProfile span {
			text-align: center;
			display: inline;
    		margin: 0 5px;
		}

		div.divEquipoProfile span:before {
			padding: 0 4px;
		}
        
        div#reservas {
            position: fixed;
            background: #337ab7;
            border-radius: 0 30px 30px 0;
            width: 320px;
            height: 60px;
            z-index: 2000000000;
            top: 150px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
            left: -260px;}
            
        
        div#reservas:hover {
        background: #6796b6;
        left: 0px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;}
        
        div#reservas a{
            color: #fff;
            line-height: 60px;
            font-size: 32px;
        }
        
        
        div#reservas span{
           font-size:30px;
           padding: 15px;
        }

	/* NOSOTROS */


.product-item {
    padding: 15px;
    background: #fff;
    margin-top: 20px;
    position: relative;
    border: 1px solid rgba(0,0,0,0.1);
}
.product-item:hover {
    box-shadow: 5px 5px rgba(234, 234, 234, 0.9);
}
.product-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height:0;
}
.sticker {
    position: absolute;
    top: 0;
    left: 0;
    width: 63px;
    height: 63px;
}
.sticker-new {
    background: url(http://keenthemes.com/assets/bootsnipp/new.png) no-repeat;
    left: auto;
    right: 0;
}
.pi-img-wrapper {
    position: relative;
}
.pi-img-wrapper div {
    background: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
}
.product-item:hover>.pi-img-wrapper>div {
    display: block;
}
.pi-img-wrapper div .btn {
    padding: 3px 10px;
    color: #fff;
    border: 1px #fff solid;
    margin: -13px 5px 0;
    background: transparent;
    text-transform: uppercase;
    position: relative;
    top: 50%;
    line-height: 1.4;
    font-size: 12px;
}
.product-item .btn:hover {
    background: #e84d1c;
    border-color: #c8c8c8;
}

.product-item h3 {
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 4px;
    text-transform: uppercase;
}
.product-item h3 a {
    color: #3e4d5c;
}
.product-item h3 a:hover {
    color: #E02222;
}
.pi-price {
    color: #e84d1c;
    font-size: 18px;
    float: left;
    padding-top: 1px;
}
.product-item .add2cart {
    float: right;
    color: #a8aeb3;
    border: 1px #ededed solid;
    padding: 3px 6px;
    text-transform: uppercase;
}
        .product-item .add2cart:hover {
            color: #fff;
            background: #e84d1c;
            border-color: #e84d1c;
        }
        
                   div .google-maps {
    position: relative;
    overflow: hidden;
}


div.google-maps iframe{
			height:420px;
            width:100%;
}
        
        #equiposRehab h5 {font-size:20px;color:#333;padding: 1em;border-bottom: 1px solid #eee;border-top: 1px solid #eee;width:30%; margin: 50px auto; display:block;}

	/* Start Responsive */

		/* Big Screens */
			@media screen and (min-width: 1920px) {
				.hovereffect{font-size:77px}
			}
		/* Big Screens */

		/* Tablets y PC */
			@media screen and (max-width: 1280px){  
				ul.nav.navbar-nav{width:55%;margin:0 22.5%}
				ul.navbar-nav li a{font-size: 13px;}
				#indexDestacados h2 {font-size:22px}
				
				.hovereffect{font-size:51.7px}
			}

			@media screen and (max-width: 1112px){  
				ul.nav.navbar-nav{width:60%;margin:0 20%}
				
				
				.hovereffect{font-size:44.55px}
				
				.backgroundBottom{background-size:170%;}
				.backgroundBottom2{background-size: 170%;}
			}

			@media screen and (max-width: 1049px){  
				ul.nav.navbar-nav{width:65%;margin:0 17.5%}
				ul.navbar-nav li a{font-size: 12px;}
				#indexDestacados h2 {font-size:20px}
				
				.hovereffect{font-size:42.35px}
			}

			@media screen and (max-width: 1024px){  
				ul.nav.navbar-nav{width:70%;margin:0 15%}
				
				.hovereffect{font-size:41.25px}
				
				.backgroundBottom{background-size:190%;}
				.backgroundBottom2{background-size: 190%;}
			}

			@media screen and (max-width: 800px){
				ul.nav.navbar-nav{width:80%;margin:0 10%}
				ul.navbar-nav li a{font-size: 11px;}
				#indexDestacados h2 {font-size:18px}
				
				.hovereffect{font-size:32.45px}
				
				.backgroundBottom{background-size:250%;}
				.backgroundBottom2{background-size: 250%;}
				
				
				
				div.navbar-header {width: 90%;margin: 0 5% !important;}
				#divLogo{margin: 5px auto;}

				div.divEquipoProfile {
					width: 45%;
					margin: 20px 2.5%;}
				
			}

			@media screen and (max-width: 768px){
				ul.nav.navbar-nav{width:80%;margin:0 10%}
				
				.hovereffect{font-size:30.8px}
			}
		/* Tablets y PC */ 

			@media screen and (max-width: 767px){
				.cellpad > div{padding-left:5%;padding-right: 5%;}
				.navbar-toggle{
					position:absolute;
					margin:0;
					top:10px;
					right:10px;
				}
				.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%;}
				ul.navbar-nav li {text-align: center;border:none;}
				ul.navbar-nav li a{font-size: 16px;text-align: center;}
				#indexDestacados h2 {font-size:24px}
				div.col-5{margin: 0px 5%;width: 90%;}
				
				.hovereffect{font-size:52px}
				
				#smallprint, footer, footer p {text-align: center;}
				.hrSmallLeft {margin:0 auto 1em;}
				
				.backgroundBottom{
						background:#fff url("../images/bg-bottom-cell.jpg");
						background-size:cover;
						background-repeat: no-repeat;}

				.backgroundBottom2{
						background: #fff url("../images/bg-bottom-cell.jpg");
						background-size:cover;
						background-repeat: no-repeat;}
				
				#subscribe{background-size: 200%;}
				#franja{background-size: 200%;}
				.newsLetterInput{width:90%;margin:20px 5% 0px;}
				.newsLetterBtn,
				.newsLetterBtn:visited{width:90%;margin:20px 5% 0px;}
		
		
			}

		/* Celu horizontal */
			@media screen and (max-width:736px){  
				
				.hovereffect{font-size:50px}
				
			}

			@media screen and (max-width:667px){  
				.hovereffect{font-size:48px}
			}

			@media screen and (max-width:640px){ 
				.hovereffect{font-size:46px} 
			}

			@media screen and (max-width:568px){ 
				.hovereffect{font-size:44px} 
			}
		/* Celu horizontal */

		/* Celu vertical */
			@media only screen and (max-width:480px){
				#contactoMapa {
					width:98%;
					margin:0 auto;
					height:300px;}
				#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%;}
				
				#divInfoBarTop p a{font-size:12px}
				
				
				.hovereffect{font-size:42px}
				
				div.divEquipoProfile {
					width: 90%;
					margin: 20px 5%;}
				
				.redesSociales{padding: 0 12px;}
				
			}

			@media screen and (max-width: 414px){  
				.hovereffect{font-size:40px}
			}

			@media screen and (max-width: 375px){ 
				.hovereffect{font-size:38px} 
				.redesSociales{padding: 0 10px;}
			}

			@media screen and (max-width: 320px){ 
				.hovereffect{font-size:36px} 
			}
		/* Celu vertical */

	/* End Responsive */