@charset "UTF-8";
/* I wanted to center my loader */
			#cycle-loader {
				height:32px;
				left:50%;
				margin:-8px 0 0 -8px;
				position:absolute;
				top:50%;
				width:32px;
				z-index:999;
			}
	
			/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
			#maximage {
				display:none;/* Only use this if you fade it in again after the images load */
				position:fixed !important;
			}
			
			/*Set my gradient above all images*/
			#gradient {
				left:0;
				height:100%;
				position:absolute;
				top:0;
				width:100%;
				z-index:999;
			}
			
			/*Set my logo in bottom left*/
			#descripciones {
				bottom:30px;
				height:auto;
				left:30px;
				position:absolute;
				width:34%;
				z-index:1000;
			}
			#logo img {
				width:100%;
			}
			
			#arrow_left, #arrow_right {
				bottom:50%;
				height:67px;
				position:absolute;
				right:30px;
				width:36px;
				z-index:1000;
			}
			#arrow_left {
				left:20px;
			}
			
			#arrow_left:hover, #arrow_right:hover {
				bottom:51%;
			}
			#arrow_left:active, #arrow_right:active {
				bottom:51%;
			}	
			/*.in-slide-content { 
				bottom:0;
				height:auto;
				height:350px;
				left:0;
				margin:10px;
				position:absolute;
				width:600px;
				z-index:9999;

			}*/
			
.in-slide-content { 
				height:85%;
				margin:100px 10px;
				position:absolute;
				width:95%;
				z-index:9999;
			

			}
			
.informacion {
				height:350px;
				/*top:45%;*/
				bottom:0%;
				position:absolute;
				width:500px;
			
			
}

.nombrecomplejo {
	background-color: rgba(51,51,51,0.8);
	padding: 10px;
	width: auto;
	font-size: 22px;
	line-height: 20px;
	margin-bottom: 7px;
	text-transform: uppercase;			
			
}

.numerosdesarrollos{
				background-color:rgba(51,51,51,0.8);
				padding:5px;
				font-size:15px;
				margin-bottom:7px;
				height:20px;
				/*top:45%;*/
				top:85%;
				right:0px;
				position:absolute;
				width:30px;
			
			
			
}
.info {	
				background-color:rgba(51,51,51,0.8);
				padding:5px;
				width:250px;
			
}

/*.nombrecomplejo {
	background-color:rgba(51,51,51,0.8);
				height:100px;
				right:48px;
				text-align:right;
				position:absolute;
				width:90%;
				color:#fff;
				font-size:35px;
				text-shadow: 1px 1px 1px #000;
				line-height:30px;
}*/
.nombrecomplejo  em{
	font-size:15px;
	color:#fff;
	line-height:10px;
				
}

.nombrecomplejo  strong{
	font-size:22px;
	font-weight:300;
				
}