.faide_slider{
  width: 100%;
  margin: 0px auto 0 auto;
  float: left;
}

.faide_slider #slider{
  margin: 0 auto;					/* By Popy - Margen sup/inf nulo. Izqdo/Drcho, en auto, para centrar el globo de opiniones */
  width: 60%;						/* Determina el ancho del globo de la opinión (fondo sobre el que se muestra el texto). Defecto: 90%; */
  padding: 30px 5% 25px 5%;
  font-size: 14px;
  line-height: 25px;
  overflow: hidden;
  /* color: #ff0000; */   /* Si ponemos esto, se reescribe lo que se haya especificado en style.css en la sección '.peopple_says { ' */
  background: #eee url(../../images/quote-02.png) no-repeat 30px 27px;  /* Color del globo de texto, y ruta de carga de la imagen de las comillas. Defecto: #fff url(../../images/quote-02.png) no-repeat 30px 27px; */
  border-radius: 4px;
}

.faide_slider #slider strong{
	color: #888;			/* Color del texto cuando lo ponemos en strong. Defecto: #fff; */
	font-size: 14px;
}

.faide_slider #slider b{
	color: #559b26;			/* Color del texto con el nombre del cliente/personaje célebre. Defecto: #4abe63; */
	font-size: 16px;
	display: block;
	margin-top: 13px;
	font-weight: normal;
	margin-top: 22px;
}
.faide_slider #slider b em{
	color: #888;			/* Color del texto con el cargo (profesión del personaje célebre o cliente. efecto: #999; */
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	display: block;
	margin: -5px 0px 0px 0px;
}


.faide_slider #slide1{			/* Primer testimonio siempre visible al cargar la página. Es el único que no tiene 'display: none' y por eso es visible */
  float: left;
  margin: 0 auto;
  width: 100%;			/* Define qué % de ancho que ocupará la opinión (globo) en el ancho total disponible. Defecto: 100%; */
}

.faide_slider #slide2{
  float: left;
  display: none;				/* Oculta el texto de la opinión. Así sólo se muestra el primer testimonio (el que no tenga 'none') */
  margin: 0 auto;
  width: 100%;
}
.faide_slider #slide3{
  float: left;
  display: none; 				/* Oculta el texto de la opinión. Así sólo se muestra el primer testimonio (el que no tenga 'none') */ 
  margin: 0 auto;
  width: 100%;
}
.faide_slider #slide4{
  float: left;
  display: none;				/* Oculta el texto de la opinión. Así sólo se muestra el primer testimonio (el que no tenga 'none') */
  margin: 0 auto;
  width: 100%;
}

.faide_slider #slide5{
  float: left;
  display: none;				/* Oculta el texto de la opinión. Así sólo se muestra el primer testimonio (el que no tenga 'none') */
  margin: 0 auto;
  width: 100%;
}

.faide_slider #slide6{
  float: left;
  display: none;				/* Oculta el texto de la opinión. Así sólo se muestra el primer testimonio (el que no tenga 'none') */
  margin: 0 auto;
  width: 100%;
}

.faide_slider #slide7{
  float: left;
  display: none;				/* Oculta el texto de la opinión. Así sólo se muestra el primer testimonio (el que no tenga 'none') */
  margin: 0 auto;
  width: 100%;
}

.faide_slider #slide8{
  float: left;
  display: none;				/* Oculta el texto de la opinión. Así sólo se muestra el primer testimonio (el que no tenga 'none') */
  margin: 0 auto;
  width: 100%;
}

.faide_slider #slide9{
  float: left;
  display: none;				/* Oculta el texto de la opinión. Así sólo se muestra el primer testimonio (el que no tenga 'none') */
  margin: 0 auto;
  width: 100%;
}

.faide_slider #slide10{
  float: left;
  display: none;				/* Oculta el texto de la opinión. Así sólo se muestra el primer testimonio (el que no tenga 'none') */
  margin: 0 auto;
  width: 100%;
}

.faide_slider #slide11{
  float: left;
  display: none;				/* Oculta el texto de la opinión. Así sólo se muestra el primer testimonio (el que no tenga 'none') */
  margin: 0 auto;
  width: 100%;
}

.faide_slider #slide12{
  float: left;
  display: none;				/* Oculta el texto de la opinión. Así sólo se muestra el primer testimonio (el que no tenga 'none') */
  margin: 0 auto;
  width: 100%;
}

.faide_slider #slide13{
  float: left;
  display: none;				/* Oculta el texto de la opinión. Así sólo se muestra el primer testimonio (el que no tenga 'none') */
  margin: 0 auto;
  width: 100%;
}



.faide_slider ul.controlls{
  	padding: 0px;
  	margin: 0 auto;		/* Defecto: margin 0 0 0 40%; */
}

.faide_slider .controlls li{
	float: left;
  	padding: 0px;
  	margin: 8px 8px;		/* Separación entre imágenes de los clientes (personajes célebres). Defecto: margin: 0 4px; */
  							/* Los 8px top/down sirven para separar las imágenes cuando al encoger la pantalla se agrupan en más de una fila */
}

/* ========== Aquí se definen las imágenes de los clientes (testimonios) =========== */


.faide_slider .controlls li .slide1 {
	float: left;
	width: 68px;
	height: 68px;
	border: 2px solid #b1cb35;			/* Defecto: border: 1px solid #fff; */
	border-radius: 100%;
	background: #999 url(../../images/frases_celebres/fernando_pessoa_tn.jpg) no-repeat center top;
}


.faide_slider .controlls li .slide2 {
	float: left;
	width: 68px;
	height: 68px;
	border: 2px solid #b1cb35;			/* Defecto: border: 1px solid #fff; */
	border-radius: 100%;
	background: #999 url(../../images/frases_celebres/anton_chejov_tn.jpg) no-repeat center top;
}
.faide_slider .controlls li .slide3 {
	float: left;
	width: 68px;
	height: 68px;
	border: 2px solid #b1cb35;			/* Defecto: border: 1px solid #fff; */
	border-radius: 100%;
	background: #999 url(../../images/frases_celebres/benjamin_franklin_tn.jpg) no-repeat center top;
}
.faide_slider .controlls li .slide4 {
	float: left;
	width: 68px;
	height: 68px;
	border: 2px solid #b1cb35;			/* Defecto: border: 1px solid #fff; */
	border-radius: 100%;
	background: #999 url(../../images/frases_celebres/cicero_tn.jpg) no-repeat center top;
}

.faide_slider .controlls li .slide5 {
	float: left;
	width: 68px;
	height: 68px;
	border: 2px solid #b1cb35;			/* Defecto: border: 1px solid #fff; */
	border-radius: 100%;
	background: #999 url(../../images/frases_celebres/alexander_fleming_tn.jpg) no-repeat center top;
}

.faide_slider .controlls li .slide6 {
	float: left;
	width: 68px;
	height: 68px;
	border: 2px solid #b1cb35;			/* Defecto: border: 1px solid #fff; */
	border-radius: 100%;
	background: #999 url(../../images/frases_celebres/gustav_mahler_tn.jpg) no-repeat center top;
}

.faide_slider .controlls li .slide7 {
	float: left;
	width: 68px;
	height: 68px;
	border: 2px solid #b1cb35;			/* Defecto: border: 1px solid #fff; */
	border-radius: 100%;
	background: #999 url(../../images/frases_celebres/helder_camara_tn.jpg) no-repeat center top;
}

.faide_slider .controlls li .slide8 {
	float: left;
	width: 68px;
	height: 68px;
	border: 2px solid #b1cb35;			/* Defecto: border: 1px solid #fff; */
	border-radius: 100%;
	background: #999 url(../../images/frases_celebres/lord_byron_tn.jpg) no-repeat center top;
}

.faide_slider .controlls li .slide9 {
	float: left;
	width: 68px;
	height: 68px;
	border: 2px solid #b1cb35;			/* Defecto: border: 1px solid #fff; */
	border-radius: 100%;
	background: #999 url(../../images/frases_celebres/louis_pasteur_tn.jpg) no-repeat center top;
}

.faide_slider .controlls li .slide10 {
	float: left;
	width: 68px;
	height: 68px;
	border: 2px solid #b1cb35;			/* Defecto: border: 1px solid #fff; */
	border-radius: 100%;
	background: #999 url(../../images/frases_celebres/mark_twain_tn.jpg) no-repeat center top;
}

.faide_slider .controlls li .slide11 {
	float: left;
	width: 68px;
	height: 68px;
	border: 2px solid #b1cb35;			/* Defecto: border: 1px solid #fff; */
	border-radius: 100%;
	background: #999 url(../../images/frases_celebres/robert_louis_stevenson_tn.jpg) no-repeat center top;
}

.faide_slider .controlls li .slide12 {
	float: left;
	width: 68px;
	height: 68px;
	border: 2px solid #b1cb35;			/* Defecto: border: 1px solid #fff; */
	border-radius: 100%;
	background: #999 url(../../images/frases_celebres/victor_hugo_tn.jpg) no-repeat center top;
}

.faide_slider .controlls li .slide13 {
	float: left;
	width: 68px;
	height: 68px;
	border: 2px solid #b1cb35;			/* Defecto: border: 1px solid #fff; */
	border-radius: 100%;
	background: #999 url(../../images/frases_celebres/pierre_leroi_tn.jpg) no-repeat center top;
}



@media only screen and (min-width: 1000px) and (max-width: 1169px){

.faide_slider ul.controlls{
  padding: 0px;			/* Defecto: padding: 0px; */
  margin: 0 auto;		/* Defecto: margin 0 0 0 38%; */
}

}

@media only screen and (min-width: 768px) and (max-width: 999px){

.faide_slider ul.controlls{
  padding: 0px;
  margin: 0 auto;		/* Defecto: margin 0 0 0 34%; */
}

}

@media only screen and (min-width: 480px) and (max-width: 767px){

.faide_slider ul.controlls{
  padding: 0px;
  margin: 0 auto;		/* Defecto: margin 0 0 0 23%; */
}

}

@media only screen and (max-width: 479px){

.faide_slider ul.controlls{
  padding: 0px;
  margin: 0 auto;		/* Defecto: margin 0 0 0 11%; */
}

}