/*!
 * Materialize v0.96.1 (http://materializecss.com)
 * Copyright 2014-2015 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 * Waves v0.6.0
 * http://fian.my.id/Waves
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
 .slider{
	 position:relative; text-align: right; height:580px;width:100%; }
 .slider .slides{margin:0;height:580px;}
 .slider .slides li{
	 opacity:0;position:absolute;top:0;left:0;z-index:1;
	 width:100%;height:inherit;overflow:hidden;}
.slider .slides li img{
	 height:100%;width:100%;background-size:cover;background-position:center;}
.slider .slides li .caption{
	 color:#aaa;position:absolute;top:30%;right:10%;width:70%;opacity:0;}
.slider .subtit{
	font-size: 0.8em; display: block; margin-top: 20px;}
.slider .slides li .caption p{color:#e0e0e0;}
.slider .slides li.active{z-index:2;}
.slider .indicators{
	 position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0;}
.slider .indicators .indicator-item{
	 display:inline-block;position:relative;cursor:pointer;
	 height:16px;width:16px;margin:0 12px;
	 background-color:#e0e0e0;
	 -webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;-ms-transition:background-color .3s;
	 transition:background-color .3s;border-radius:50%;}
.slider .indicators .indicator-item.active{background-color:#ccc;}
.slider .indicators .indicator-item {
  background-color: #666666; opacity: 0.6; border: 3px solid #ffffff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.slider .indicators .indicator-item.active {
  background-color: #ffffff; }
.slider {
  width: 100%;  margin: 0 auto;}
.slider .indicators {
  bottom: 20px; z-index: 100;}
@media only screen 
and (max-width : 550px){
.slider, .slider .slides {height: 240px;}
.slider .slides li .caption{top: 10%; width: 90%;}
.slider .subtit{
	margin-top: 5px;}
.slider h3{
	font-size: 20px; padding: 8px; display: inline-table;
	background: url(../imagenes/blanco.png); line-height: 25px;}
.slider h5{
	font-size: 15px; color: #333; display: inline-table; margin-top: 0;
	padding: 8px; background: url(../imagenes/blanco.png);}} 
@media only screen 
and (min-width : 551px)
and (max-width : 700px) {
.slider, .slider .slides {height: 270px;}
.slider .slides li .caption{top: 10%;}
.slider h3{
	font-size: 20px; padding: 8px; display: inline-table;
	background: url(../imagenes/blanco.png);}
.slider h5{
	font-size: 15px; color: #555; display: inline-table;
	padding: 8px; background: url(../imagenes/blanco.png);}} 
@media only screen 
and (min-width : 701px)
and (max-width : 800px) {
.slider, .slider .slides {height: 360px;}
.slider .slides li .caption{
	top: 15%;}
.slider h3{
	font-size: 23px;}
.slider h5{
	width: 70%; margin-left: 30%; font-size: 16px; color: #555;}} 
@media only screen 
and (min-width : 801px)
and (max-width : 900px) {
.slider, .slider .slides {height: 400px;}
.slider .slides li .caption{
	top: 20%;}
.slider h5{
	width: 70%; margin-left: 30%;}} 
@media only screen 
and (min-width : 901px)
and (max-width : 1000px) {
.slider, .slider .slides {height: 450px;}}  
@media only screen 
and (min-width : 1001px)
and (max-width : 1200px) {
.slider, .slider .slides {height: 540px;}}