body{
	margin: 0;
	padding: 0;
}
.banner-full{
	width: 100%;
	height: 100%;
	position:absolute;
	background: #EEEEEE;
	overflow: hidden;
}

.carousel_inner{
	top:0;
	left:0;
	position:absolute; 
	width: 100%;
	height: 100%;
	overflow: hidden; 
	margin:0; 
	text-align: left; 
}
.carousel_inner ul {
	position:relative;
	left:0px; /* important (this should be negative number of list items width(including margin) */
	list-style-type: none; /* removing the default styling for unordered list items */
	margin: 0px;
	padding: 0px;
	width:9999px;
}
.carousel_inner ul li{
	margin: 0;
	padding: 0;
	position:relative;
	overflow:hidden;
	height: 100%;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
}
.carousel_inner ul li .col{
	float: left;
	background:  no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-shadow:inset 0 0 18px 0 rgba(0,0,0,0.5);
box-shadow:inset 0 0 18px 0 rgba(0,0,0,0.5);
position: relative;
overflow: hidden;
}


.left_banner{
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 8;
	background: rgba(0,0,0,0.5);
	padding: 20px;
	margin-top: -40px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	border-radius:  0 0.5em 0.5em 0;
}
.right_banner{
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 8;
	background: rgba(0,0,0,0.5);
	padding: 20px;
	margin-top: -40px;™
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	border-radius:   0.5em 0 0 0.5em ;
}
.left_banner:hover, .right_banner:hover{
	background: #000000;
	cursor: pointer;
}

.banner-full .fondo{
	background:#FFFFFF;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.banner-full .ampliacion{
	background:  no-repeat center center ; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: none;
}
.banner-full .ampliacion .btn-close{
	-webkit-box-shadow: 0 0 1px 0 #FFFFFF;
	box-shadow: 0 0 1px 0 #FFFFFF;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #FFFFFF;
	background: #000000;
	padding: 5px;
	border-radius: 5em;
	width: 45px;
	height: 45px;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	border:3px solid #FFFFFF;
	cursor: pointer;
}
.content-caption{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
.caption{
	background: rgba(0,0,0,0.8);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	color: #FFFFFF;
	cursor: pointer;
}
.col:hover .caption{
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}