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



.cbp-bislideshow { position: absolute; list-style: none; width:700px; font-size:16px; font-weight:500; color:black; left: 50%;font-family: 'Quicksand', sans-serif; top: 50%; margin-top: -120px; margin-left: -350px;text-shadow: 0em 0.1em 0.1em rgba(0, 0, 0, 0.2); line-height:150%;transition: 12s;}


ul#escritos {position: absolute; list-style: none; width:720px; font-size:16px; font-weight:500; color:rgba(130, 130, 130, 1); left: 50%;font-family: 'Quicksand', sans-serif; top: 50%; margin-top: -120px; margin-left: -350px;text-shadow: 0em 0.1em 0.1em rgba(0, 0, 0, 0.4); line-height:150%;transition: 12s; height:500px; margin-top:-225px; }

ul#obras {position: absolute; list-style: none;  width:600px; font-size:10px; left:270px; top: 50%; transition: 12s;  margin-top:-225px; letter-spacing: 2px; line-height:18px; }
ul#obras li {color:grey; width:605px;}



ul#obras2 {position: absolute; list-style: none; width:830px; font-size:10px; left: 50%; top: 50%; margin-top: -120px; transition: 12s; height:500px; margin-top:-225px; padding-right:20px; letter-spacing: 2px; line-height:18px}
ul#obras2 li {color:black}



.cbp-bislideshow li {
	position: absolute;
	width: 100%;
	height: 100;
	text-align: left;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 1.5s;
	-webkit-transition: opacity  1.5s;
	-moz-transition: opacity  1.5s;
	transition: opacity 1.5s;
}

/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.cbp-bicontrols {
	position: fixed;
	width: 300px;
	height: 100px;
	margin: -50px 0 0 -150px;
	top: 50%;
	left: 50%;
}

.cbp-bicontrols span {
	float: left;
	width: 100px;
	height: 100px;
	position: relative;
	cursor: pointer;
}

.cbp-bicontrols span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 100px;
	font-size: 80px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	opacity: 0.7;
}

.cbp-bicontrols span:hover:before {
	opacity: 1;
}

.cbp-bicontrols span:active:before {
	top: 2px;
}

span.cbp-biplay:before {
	content: "\e002";
}

span.cbp-bipause:before {
	content: "\e003";
}

span.cbp-binext:before {
	content: "\e000";
}

span.cbp-biprev:before {
	content: "\e001";
}

.cbp-bicontrols span.cbp-binext {
	float: right;
}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
	transition: 5s;
	-webkit-transition: opacity 5s;
	-moz-transition: opacity 5s;
	transition: opacity 5s;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
	
}
