/* container for slides */
.images {position:relative;	height:150px;width:320px;float:left;	cursor:pointer;}

/* single slide */
.conenedor {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	padding:4px 10px 10px 10px;
	font-size:18px;
	width:300px; color:#0067b1;
}

.conenedorimg { margin-right:10px;}

.conenedor h3 { color:#b7ce59; font-size:40px; margin:0; font-weight:normal;}

.conenedor a:hover { color:#bf7704;}
.conenedor a { color:#0067b1;}


/* header */

/* tabs (those little circles below slides) */


/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:50px;
	background:url(../img/botones_slide.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right;}
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward { margin-left:5px;}
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}


.youtube {
	text-align:right;
	color:#0a65a0;
}

.youtube a {
	color:#0067b1;
	text-decoration:underline;
	padding:1px 3px 1px 3px;
	margin:0 1px 0 1px;
}

div.youtube a:hover, div.youtube a:active { color:#77863b;

}
div.youtube span.current {
	padding:2px;
	color:#FFF;
	background-color:#0067b1;
}
div.youtube span.disabled {
	display:none;
}