/* Personalización para la Plantilla Cogesa */

body { 
  background: url(../images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

::selection{ background:#004b93; color:#FFF }
*::-moz-selection{ background:#004b93; color:#FFF }
* { margin:0; padding:0; }

@font-face {
    font-family: 'jurademibold';
    src: url('../fonts/Jura-DemiBold-webfont.eot');
    src: url('../fonts/Jura-DemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Jura-DemiBold-webfont.woff2') format('woff2'),
         url('../fonts/Jura-DemiBold-webfont.woff') format('woff'),
         url('../fonts/Jura-DemiBold-webfont.ttf') format('truetype'),
         url('../fonts/Jura-DemiBold-webfont.svg#jurademibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'juralight';
    src: url('../fonts/Jura-Light-webfont.eot');
    src: url('../fonts/Jura-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Jura-Light-webfont.woff2') format('woff2'),
         url('../fonts/Jura-Light-webfont.woff') format('woff'),
         url('../fonts/Jura-Light-webfont.ttf') format('truetype'),
         url('../fonts/Jura-Light-webfont.svg#juralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'juramedium';
    src: url('../fonts/Jura-Medium-webfont.eot');
    src: url('../fonts/Jura-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Jura-Medium-webfont.woff2') format('woff2'),
         url('../fonts/Jura-Medium-webfont.woff') format('woff'),
         url('../fonts/Jura-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Jura-Medium-webfont.svg#juramedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'jurabook';
    src: url('../fonts/Jura-Regular-webfont.eot');
    src: url('../fonts/Jura-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Jura-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Jura-Regular-webfont.woff') format('woff'),
         url('../fonts/Jura-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Jura-Regular-webfont.svg#jurabook') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, .container-fluid, .row {
	height: 100%;
}
body  {
	color: #666;
	font-family: 'juramedium', 'Open Sans', sans-serif;
	font-size: 14px;
}

.tipo2 {
	font-family: 'jurademibold';
}
.tipo3 {
    font-family: 'juramedium';
}
.tipo4 {
	font-family: 'jurabook';
}

img{ border:none; }

.center {
	text-align: center;
}

.separator {
	clear: both;
	height: 15px;	
}

.separator.big {
	height: 30px;	
}

.separator.small {
	height: 0px;	
}

a {
	color: #004b93;	
}

a:hover, a:focus, a:visited{
	color: #04325e;	
	text-decoration: none;
}

h1, header .title {
	font-family: 'juramedium';
	font-size: 24px;
	text-transform: uppercase;
}

h2, header .subtitle {
	font-family: 'juramedium';
	font-size: 14px;
	text-transform: uppercase;
}

h3 {
	font-family: 'juramedium';
	font-size: 16px;
}

.navy {
	color: #004b92 !important;
}

	.bg-navy {
		background: #004b92 !important;
	}

.grey {
	color: #999 !important;
}

	.bg-grey {
		background: #999 !important;
	}

/* Home */
	
#supersized-loader {
 position:absolute; 
 top:50%; 
 left:50%; 
 z-index:-1000; 
 width:60px; 
 height:60px; 
 margin:-30px 0 0 -30px; 
 text-indent:-999em; 
 background:url(../images/progress.gif) no-repeat center center;
}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
	#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
		#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
		#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
	
	#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
	#supersized a { width:100%; height:100%; display:block; }
		#supersized li.prevslide { z-index:-20; }
		#supersized li.activeslide { z-index:-10; }
		#supersized li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
			#supersized li.image-loading img{ visibility:hidden; }
		#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


/* Menu */

.sidebar {
	position: fixed;
	height: 100%;
  	width:inherit;
  	display: block;
  	z-index: 999;
}

	.sidebar .legal{
		text-align: center;
		position: absolute;
		bottom: 55px;
		right: 15px;
		display: block;
		padding: 6px 12px;
		color: #fff;
		width: 100%;
		max-width: 185px;
	}

.navbar-brand {
	max-width: 272px;
	padding: 0;
}

	.navbar-brand img{
		background: rgba(255,255,255,1);
	}

.navbar-toggle {
	float: left;
	border-radius: none;
	box-shadow: none;
	margin-top: 20px;
}

	.navbar-toggle .icon-bar{
		background-color: #333;
		box-shadow: none;
	    border-radius: none;
	    height: 1px;
	    margin: 4px 0 8px 0;
	    width: 30px;
	}


.sidebar .navbar-cogesa{
	border: none;
}

.sidebar .navbar-cogesa .navbar-collapse{
	padding: 0;
	border: none;
	box-shadow: none;
}

	.sidebar .navbar-cogesa .navbar-collapse .navbar-nav{
		margin-top: 50px;
		max-width: 185px;
		overflow: hidden;
	}

	.sidebar .navbar-cogesa .navbar-collapse ul > li{
		font-family: 'jurademibold';
		position: relative;
		width: 100%;
		padding: 0px;
		margin: 0 0 2px 0;
		background: rgba(255,255,255,1);
		left: -320px;
	}

	.sidebar .navbar-cogesa .navbar-collapse ul > li:hover, .sidebar .navbar-cogesa .navbar-collapse ul > li:hover > a, .sidebar .navbar-cogesa .navbar-collapse ul > li.active, .sidebar .navbar-cogesa .navbar-collapse ul > li.active > a{
		background-color: #f8f8f8;
		font-weight: 500;
	}

		.sidebar .navbar-cogesa .navbar-collapse ul > li:hover > ul{
			display: block;
		}

	.sidebar .navbar-cogesa .navbar-collapse ul > li > a:focus {
		background-color: #D3D3D5;
		color: #fff;
	}

	.sidebar .navbar-cogesa .navbar-collapse ul > li > a, .sidebar .navbar-cogesa .navbar-collapse ul > li > a:focus{
		display: block;
		font-size: 14px;
		padding: 6px 12px;
		color: #004b92;
	}

	.sidebar .navbar-cogesa .navbar-collapse ul > li > a > span{
		float: left;
		width: 32px;
		height: 32px;
	}

	.sidebar .navbar-cogesa .navbar-collapse ul > li > ul{
		display: none;
		min-width: 187px;
		list-style: none;
		position: absolute;
		top: 0px;
		left: 185px;
		padding-left: 2px; 
		z-index: 999;
	}

		.sidebar .navbar-cogesa .navbar-collapse ul > li > ul > li{
			left: 0;
		}


/* Contenido General*/

.open, .open:active, .open:focus {
	margin-top: -25px;
	color: #004b93;
	font-size: 16px;
	padding: 6px 12px;
	display: block;
}

header.top {
	background: rgba(255,255,255,1);
	min-height: 50px;
	text-align: right;
}

	header.top h1, header.top .title {
		margin: 0;
		padding: 0 20px;
	}

	header.top h2, header.top .subtitle {
		margin: 0;
		padding: 20px 20px 0 20px;
	}

header.top ul.button-group{
	list-style: none;
	margin-right: 15px;
	font-size: 15px;
	text-transform: uppercase;
}

	header.top ul.button-group li {
		display: inline-block;
	    background: #fff;
	    padding: 4px 8px;
	    margin-right: 5px;
	}

	header.top ul.button-group li.active {
	    background: #F8F8F8;
	}

.contenido {
	background: rgba(255,255,255,1);
}

	.contenido .filtrable{
		margin: 0 15px;
		padding-bottom: 20px;
	}

	.contenido .filtrable .item{
		padding: 4px;
		text-align: center;
	}

		.contenido .filtrable .item.no-visible{
			opacity: 0.1;
			transition: opacity 0.2s linear;
		}

		.contenido .filtrable .item.no-visible:hover{
			opacity: 1;
			transition: opacity 0.5s linear;
		}

	.contenido .filtrable .item img{
		margin: 0 auto;
	}

	.contenido .filtrable .item .opacity{
		position: relative;
		display: none;
		margin-top: -30px;
		background: rgba(255,255,255,1);
	}

		.contenido .filtrable .item .opacity h3{
			margin: 0;
			padding: 0;
		}

		.contenido .filtrable .item .opacity h3 a{
			display: block;
			height: 30px;
			padding-top: 8px;
			text-transform: uppercase;
		}

		.contenido .contacto{
			background: #fff;
			padding: 0 50px 100px 0;
			margin-top: 250px;
			font-size: 115%;
		}

		.contenido .contacto h3{
			font-size: 130%;
		}

.contenido.transparente {
	background: none !important; 
}

.pageDegradado {
	background: rgba(255,255,255,0.9);
	/* Old Browsers */background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 90%, rgba(255,255,255,0) 100%);
	 /* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.9)), color-stop(90%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
	/* Chrome, Safari4+ */background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 90%, rgba(255,255,255,0) 100%);
	 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 90%, rgba(255,255,255,0) 100%);
	 /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 90%, rgba(255,255,255,0) 100%);
	 /* IE 10+ */background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 90%, rgba(255,255,255,0) 100%);
	/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	/* IE6-9 */
}

.page {
	background: rgba(255,255,255,1);
}

.page.withslider {

}

	.page.withslider .carousel{
		margin-bottom: 50px;
	}

	.page header.top {
		background: none;
		text-align: left;
	}

		.page header.top .title{
			margin: 0;
			padding: 0 0 20px 0;
		}

		.page header.top .subtitle{
			margin: 0;
			padding: 20px 0 0 0;
			max-width: 75%;
		}

		.page .ficha h1 {
			color: #00407b;
			margin: 0;
			padding-bottom: 5px;
		}

		.page .ficha h2 {
			font-size: 16px;
			color: #666;
			margin: 0 0 20px 0;
		}

		.page .ficha p {
			font-size: 14px;
		}

		.page .ficha .info {
			padding: 10px;
			color: #fff;
			margin: 15px 0;
		}

			.page .ficha .info.bg-grey {
				font-size: 115%;
			}

		.page .ficha .description {
			background: #e2e2e2;
		}


.section {

}

	.section header.top{
		background: none;
	}

	.section h1{
		font-size: 30px;
		margin: 0;
		padding-bottom: 30px;
	}

	.section .media{
		text-align: center;
		padding: 50px;
	}

.checkbox .form-control {
	height: auto !important;
    width: auto !important;
}

	.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
		float: left;
		margin: 0;
		position: inherit;
	}

.radio label, .checkbox label {
	padding-left: 5px;
}

label.valid {
    background: url("../images/valid.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: inline-block !important;
    height: 24px;
    text-indent: -9999px;
    width: 24px;
}
label.error {
    color: #BF0412;
    font-weight: 500;
    margin-top: 2px;
    padding: 2px 8px;
}


/* Cookies */

#cookieInfoWrapper
{
/* Este Es My Estilo que le Agrege :D*/
	width: 100%;
	border-top: 1px solid #421d10;
	position: fixed;
	left: 0;
	bottom: 0px;
	text-align: center;
	padding: 0;
	z-index:999;
	
	/*
	Este Es El Que Viene por Defecto
	background: #fd8;
	font-family: "Segoe UI",Verdana,Arial,Helvetica,Sans-Serif; 
	font-size: 11pt; 
	font-weight: normal; 
	color: #333;
	padding: 0;
	margin: 0;
	display: none;
	border-bottom: solid 1px #f80;*/
}
#cookieInfo
{
	width: 100%; /* this needs to be set to the width of the centre container */
	padding: 15px;
	margin: 0 auto;
	position: relative;
	font-size:14px;
	background:#013161;
	color:#fff;
}
#cookieInfo a {
	color:#000;
}
#cookieInfo:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#cookieInfo p
{
	margin: 5px 0 0;
}
#cookieClose
{
	padding: 3px 6px;
	text-decoration: none;
	background: #014B94;
	border: solid 1px #014B94;
	border-radius: 5px;
	color: #fff;
	font-size: 100%;
	margin: 5px 0 0 5px;
	font-weight: bold;
}


/* Responsive */

/* bootstrap hack: fix content width inside hidden tabs */    
.tab-content > .tab-pane  {        
	display: block;    /* undo display:none          */        
	height: 0;         /* height:0 is also invisible */        
	overflow: hidden;  /* no-overflow                */        
	padding: 0px;    
}    

.tab-content > .active, .tab-pane > .active {          /* let the content decide it  */        
	height: 100%;
}    

/* bootstrap hack end */

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-25,
.col-sm-25,
.col-md-25,
.col-lg-35,
.col-xs-35,
.col-sm-35,
.col-md-35,
.col-lg-35,
.col-xs-45,
.col-sm-45,
.col-md-45,
.col-lg-45 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.col-xs-25 {
	width: 40%;
	float: left;
}

.col-xs-35 {
	width: 60%;
	float: left;
}

.col-xs-45 {
	width: 80%;
	float: left;
}

.localizar {
	padding: 5px 10px;
	border: 1px solid #014A93;
	font-size: 18px;
	margin: 20px 0;
	color: #014A93!important;
	float: left;
}

.tipologia {
	padding: 5px 10px;
	border: 1px solid #014A93;
	font-size: 18px;
	margin: 0 2px 5px 0;
	color: #014A93!important;
	float: left;
}

.tipologia:hover, .localizar:hover {
	background: #f1f1f1!important;
}

.logofixed {
	position: fixed;
	bottom: 0;
	min-height: 50px;
	background: rgba(255,255,255,0.6);
	width: 100%;
	display: block;
	text-align: center;
	padding: 10px;
}

.logofixed img {
	margin: 0 auto;
	float: none;
}

.clear {
	clear: both;
}

.sidebar .navbar-cogesa .navbar-collapse ul > li.avisomenu {
	background: rgba(255,255,255,0.5);
}

.sidebar .navbar-cogesa .navbar-collapse ul > li.avisomenu > a, .sidebar .navbar-cogesa .navbar-collapse ul > li.avisomenu > a:focus {
	color: #666;
	font-size: 12px;
	padding: 1px 12px;
}

#localizacionmodal {
	width: 850px;
}

.calidades ul li {
	list-style: none;
}

.calidades ul li a {
	padding: 4px 10px;
	font-size: 15px;
	font-weight: 600;
	margin: 2px 0;
	color: #666;
	border: 1px solid #CCC;
	display: block;
}

.calidades ul li a:hover {
	background: #f1f1f1;
}

.menuviviendas {
	margin-bottom: 20px;
}

.menuviviendas > li > a {
	padding: 5px 10px;
	border: 1px solid #014A93;
	font-size: 14px;
	color: #014A93!important;
	margin-right: 5px;
}

.menuviviendas > li > a:hover {
	background: #f1f1f1;
}

.menuviviendas .open, .menuviviendas  .open:active, .menuviviendas  .open:focus {
	margin: 0;
	padding: 0;
}

.menuviviendas.navbar-nav > li > .dropdown-menu {
	border-radius: 0!important;
	margin-top: 5px;
}

.fase {
	margin: 10px auto;
	text-align: center;
	
	display: block;
}

.fase img {
	border: 3px solid #FFF;
	border-radius: 3px;
	margin: 0 auto;
}

.fase h2 {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 600;
	color: #FFF;
}

.fase address {
	font-size: 18px;
	color: #FFF;
}

@media (min-width: 768px) {
	.col-sm-15 {
        width: 20%;
        float: left;
    }
	.col-sm-25 {
        width: 40%;
        float: left;
    }
	.col-sm-35 {
        width: 60%;
        float: left;
    }
	.col-sm-45 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
	.col-md-25 {
        width: 40%;
        float: left;
    }
	.col-md-35 {
        width: 60%;
        float: left;
    }
	.col-md-45 {
        width: 80%;
        float: left;
    }
}

@media (max-width: 992px) {
	.navbar-cogesa {
		float: left !important;
	}
	.navbar-nav {
		margin: 0px;
	}
	.sidebar .legal {
		left: -30px;
	}
	.open, .open:active, .open:focus {
		float: right;
		margin-bottom: 5px;
	}

}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
	.col-lg-25 {
        width: 40%;
        float: left;
    }
	.col-lg-35 {
        width: 60%;
        float: left;
    }
	.col-lg-45 {
        width: 80%;
        float: left;
    }
}

@media (min-width: 1199px) {

}

@media (max-width: 1170px) {
	.page .container.cogesa {
		width: inherit;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

}


@media (max-width: 768px) {
	.sidebar {
		position: static;
		height: auto;
	}
	.sidebar .navbar-cogesa .navbar-collapse ul > li > ul{
		left: 0;
		position: relative;
	}
		.sidebar .navbar-cogesa .navbar-collapse ul > li > ul > li:hover a{
			background: #004B93;
			color: #fff;
		}

	.page.withslider {
		padding: inherit !important;
	}

	.contenido.transparente{
		padding-left: 0px;
		padding-right: 0px;
	}

	.contenido .contacto{
		margin-top: 20px;
		padding: 0 20px 100px 20px;
	}
	.page header.top .subtitle {
   	display: none;
    }
    .open, .open:active, .open:focus {
    	margin-top: 10px;
    }
    .ficha {
    }

   .top {
    	float:right;
    }
    .page .ficha h1 {
    	margin-top: 10px;
    }
    #localizacionmodal {
    	width: auto;
    }

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

}

@media (min-width: 481px) and (max-width: 1024px) {

}

/* Para ie */

.sidebar.ie{
	z-index: inherit;
}

.sidebar.ie .legal{
	right: 200px;
}

.sidebar.ie .navbar-cogesa .navbar-collapse .navbar-nav {
	margin-top: 100px;
}

.sidebar.ie .navbar-cogesa .navbar-collapse ul > li {
	left: -505px;
}

@media (max-width: 480px) {

	#AmpliarMenu {
		float: left;
	    text-align: center;
	    display: block !important;
	    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
	    max-width: 53px;
	}

		#AmpliarMenu img{
			padding: 8px 0;
		}	

	.navbar-brand img{
		float: left;
		max-width: 130px;
		margin-left: 2px;
	}

	.sidebar .navbar-cogesa .navbar-collapse .navbar-nav {
		margin-top: 3px;
	}
 
 }

@media (max-width: 768px) {

	.sidebar.ie .navbar-cogesa .navbar-collapse .navbar-nav {
		margin-top: 50px !important;
	}

	.sidebar.ie .navbar-cogesa .navbar-collapse ul > li {
		left: 0px !important;
	}

}