﻿.sl-slider-wrapper {
	width: 100%;
	height: 290px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}
.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 
.sl-content-wrapper {
	position: absolute;
}
.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}
.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}
.sl-slide-ribbon{
    bottom: 0;
    color: #444;
    height: 45%;
    padding-top:.5em;
    position: absolute;
    min-height:106px;
	background-color:rgba(250,250,250,0.85);
	width:100%;
	overflow:hidden;
}
.sl-slide-ribbon a{
	text-decoration:none;
	color:#006771!important;
	width:100%;
	text-align:right;
	margin-right:1em;
}
.sl-slider h2{
	width: 90%;
	max-width: 960px;
	position: relative;
	z-index: 100;
}
.sl-slider h2 {	font-size:1.1em; line-height:1.1em;	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);}
.sl-slide-ribbon p{font-size:.8em; line-height:1.4em}
/**/
.sl-slide-ribbon h2{padding-bottom:.3em;text-align:left;}

/** nuevo cambio estilo **/
.sl-slider h2, .sl-slide-ribbon p{margin:0 6%;}
.sl-slider h2, .sl-slide-ribbon h2 a, .sl-slide-ribbon p{color:#006771!important;}
/** fin nuevo cambio estilo **/

.bg-img {
	padding: 0px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.nav-dots {
	text-align: right;
	position: absolute;
	bottom: 2%;
	padding-right:5%;
	height: 30px;
	width: 50%;
	right:0;
	z-index: 100;
}
.nav-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #ddd;
	background: rgba(150,150,150,0.4);
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}
.nav-dots span {
	background: rgba(150,150,150,0.1);
	margin: 6px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 2px rgba(255,255,255,0.5);
}
.nav-dots span.nav-dot-current,
.nav-dots span:hover {
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 5px rgba(255,255,255,0.5);
}
.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255,255,255,0.8);
}
@media screen and (min-width: 480px){.sl-slide-ribbon p{font-size:.9em;}}
@media screen and (max-width: 750px) {
	.sl-slider-wrapper {height: 300px;}
	.sl-slider blockquote {font-size: .9em;}
	.sl-slider blockquote p{line-height:1.1em; margin:0}
	.sl-slider blockquote + p{position:relative}
	.sl-slider blockquote{margin:0 5%;}
	.sl-slide-ribbon{padding-top:.5em}
	.sl-slide-ribbonBig{height:100%}
	.nav-dots {	top:2%;bottom:0;text-align:center; padding:0;width:100%}

}
@media only screen and (min-width:750px) {
	.sl-slide-ribbonBig{height:100%; width:85%; top:0.5em}
}
@media only screen and (min-width:768px){
	.sl-slide-ribbon{bottom:auto;width:45%;height:50%;top:3em;margin-left:8%!important;}
}
@media only screen and (min-width:1024px) {
.sl-slider-wrapper{height:380px;}
.sl-slide-ribbon{height:45%; max-width:450px; top:6em}
.sl-slide-ribbonBig{top:3em;height:65%;width:65%}
.sl-slide-ribbon h2{font-size:1.2em;line-height:1.2em;}
.sl-slide-ribbon p{font-size:1em}
.sl-slide-ribbon h2, .sl-slide-ribbon p{margin:0;padding-left:4%}
}
@media only screen and (min-width:1280px){
.sl-slide-ribbonBig{width:40%;height:70%}
}