#bg-ban 	{ background:#CFD0D2 ; background-size:cover; margin:0px 0px 10px 0px; z-index:80;}
#bg-ban2 	{ background-size:cover; margin:0px 0px 10px 0px; z-index:80;}
/* --- section heading --- */
section.slider 					{ height:auto; border:none; }
#section-slider div.container 	{ padding:0px; }

/*========================= --- slider section ---- =========================== */
.da-slider{ width:100%; height:400px; position:relative; margin:auto; overflow:hidden; /*background:rgba(255,255,255,1) url(../../img/slid/bg.jpg);*/
-webkit-transition:background-position 1s ease-out 0.3s; 
   -moz-transition:background-position 1s ease-out 0.3s; 
     -o-transition:background-position 1s ease-out 0.3s; 
    -ms-transition:background-position 1s ease-out 0.3s; 
	    transition:background-position 1s ease-out 0.3s; }
.da-slide									{ position:absolute; width:100%; height:100%; bottom:0px; left:0px; text-align:center; }
.da-slide-current							{ z-index:10; }
.da-slider-fb .da-slide						{ left:100%; }
.da-slider-fb  .da-slide.da-slide-current	{ left:0px; }
.da-slide .h2-img, .da-slide p, .da-slide .da-link, .da-slide .da-img 	{ position:relative; opacity:0; float:inherit; }
.da-slide .h2-img, .da-slide p, .da-slide .da-link						{ }

/* img 1100px 400px */
.da-slider-fb .da-slide .da-img		{ opacity:1; tex}
.da-slide .da-img					{ width:auto; height:100%; margin:0 auto; }
.da-slide-current .da-img			{ opacity:1; }
.da-slider-fb .da-slide .da-img, .da-slide .da-img,
.da-slide-current .da-img			{ position:absolute; left:0%; top:0px;}
.da-slide img						{ width:100%; height:100%; }

.da-dots		{ width:auto; position:absolute; text-align:center; right:6%; bottom:0px; z-index:1000; -moz-user-select:none; -webkit-user-select:none; }
.da-dots span	{ display:inline-block; position:relative; width:12px; height:12px; border-radius:50%; background:#A6A6AA; margin:0px; cursor:pointer; }

.da-dots span.da-dots-current:after{ content:''; width:8px; height:8px; position:absolute; bottom:2px; left:2px; border-radius:50%; 
background:rgb(255,255,255); 
background:-moz-linear-gradient(bottom, rgba(252,238,0,1) 0%, rgba(246,246,0,1) 47%, rgba(166,166,0,1) 100%); 
background:-webkit-gradient(linear, left bottom, left bottom, color-sbottom(0%,rgba(252,238,0,1)), color-sbottom(47%,rgba(246,246,0,1)), color-sbottom(100%,rgba(166,166,0,1))); 
background:-webkit-linear-gradient(bottom, rgba(252,238,0,1) 0%,rgba(246,246,0,1) 47%,rgba(166,166,0,1) 100%); 
background:-o-linear-gradient(bottom, rgba(252,238,0,1) 0%,rgba(246,246,0,1) 47%,rgba(166,166,0,1) 100%); 
background:-ms-linear-gradient(bottom, rgba(252,238,0,1) 0%,rgba(246,246,0,1) 47%,rgba(166,166,0,1) 100%); 
background:linear-gradient(bottom, rgba(252,238,0,1) 0%,rgba(246,246,0,1) 47%,rgba(166,166,0,1) 100%); 
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); }

.da-arrows		{ -moz-user-select:none; -webkit-user-select:none; text-align:left; }
.da-arrows span	{ position:absolute; bottom:50%; height:25px; width:25px; background:rgba(255,255,255,0.5); cursor:pointer; z-index:1000; opacity:0; margin:0px;
-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; 
/*box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(0,0,10,0.1);*/
-webkit-transition:opacity 0.4s ease-in-out-out 0.2s; -moz-transition:opacity 0.4s ease-in-out-out 0.2s; -o-transition:opacity 0.4s ease-in-out-out 0.2s; -ms-transition:opacity 0.4s ease-in-out-out 0.2s; 
transition:opacity 0.4s ease-in-out-out 0.2s; }
 
.da-slider:hover .da-arrows span{ opacity:1; margin:0px; }
.da-arrows span:after			{ content:''; position:absolute; width:25px; height:25px; background:transparent url(../../img/slid/arrows.png) no-repeat 3px center; cursor:pointer; }
 
.da-arrows span:hover:after		{ /*box-shadow:1px 1px 1px rgba(10,10,10,0.3); */}
.da-arrows span:active:after	{ /*box-shadow:1px 1px 1px rgba(10,10,10,0.3); */}
.da-arrows span.da-arrows-next:after{ background-position:-17px center; }
.da-arrows span.da-arrows-prev	{ left:2%; }
.da-arrows span.da-arrows-next	{ right:2%; }

/* Animation classes and animations */
/* Slide in from the right*/

.da-slide-fromright .da-img{ 
-webkit-animation:fromRightAnim4 0.6s ease-in-out 0.8s both; -moz-animation:fromRightAnim4 0.6s ease-in-out 0.8s both; 
-o-animation:fromRightAnim4 0.6s ease-in-out 0.8s both; 	-ms-animation:fromRightAnim4 0.6s ease-in-out 0.8s both; 
animation:fromRightAnim4 0.6s ease-in-out 0.8s both; }

/* cuando viene de la izkierda*/
@-webkit-keyframes fromRightAnim4	{ 0%{ left:200%; opacity:0; }	100% { left:0%; opacity:1; } }
@-moz-keyframes fromRightAnim4		{ 0%{ left:200%; opacity:0; }	100% { left:0%; opacity:1; } }
@-o-keyframes fromRightAnim4		{ 0%{ left:200%; opacity:0; }	100% { left:0%; opacity:1; } }
@-ms-keyframes fromRightAnim4	{ 0%{ left:200%; opacity:0; }	100% { left:0%; opacity:1; } }
@keyframes fromRightAnim4		{ 0%{ left:200%; opacity:0; }	100% { left:0%; opacity:1; } }

/* Slide in from the left*/
.da-slide-fromleft .da-img{ 
-webkit-animation:fromLeftAnim4 0.6s ease-in-out 0.6s both; -moz-animation:fromLeftAnim4 0.6s ease-in-out 0.6s both; -o-animation:fromLeftAnim4 0.6s ease-in-out 0.6s both; -ms-animation:fromLeftAnim4 0.6s ease-in-out 0.6s both; 
animation:fromLeftAnim4 0.6s ease-in-out 0.6s both; }

/*cuando clik la flecha derecha */
@-webkit-keyframes fromLeftAnim4	{ 0%{ left:200%; opacity:0; }	100% { left:0%; opacity:1; } }
@-moz-keyframes fromLeftAnim4		{ 0%{ left:200%; opacity:0; }	100% { left:0%; opacity:1; } }
@-o-keyframes fromLeftAnim4			{ 0%{ left:200%; opacity:0; }	100% { left:0%; opacity:1; } }
@-ms-keyframes fromLeftAnim4		{ 0%{ left:200%; opacity:0; }	100% { left:0%; opacity:1; } }
@keyframes fromLeftAnim4			{ 0%{ left:200%; opacity:0; }	100% { left:0%; opacity:1; } }
/* Slide out to the right */
.da-slide-toright .da-img{ -webkit-animation:toRightAnim4 0.6s ease-in-out both; -moz-animation:toRightAnim4 0.6s ease-in-out both; 
-o-animation:toRightAnim4 0.6s ease-in-out both; -ms-animation:toRightAnim4 0.6s ease-in-out both; animation:toRightAnim4 0.6s ease-in-out both; }

/*cuando sale por la derecha*/
@-webkit-keyframes toRightAnim4	{ 0%{ opacity:1; } 	100% { left:100%; opacity:0; } }
@-moz-keyframes toRightAnim4	{ 0%{ opacity:1; } 	100% { left:100%; opacity:0; } }
@-o-keyframes toRightAnim4		{ 0%{ opacity:1; } 	100% { left:100%; opacity:0; } }
@-ms-keyframes toRightAnim4		{ 0%{ opacity:1; } 	100% { left:100%; opacity:0; } }
@keyframes toRightAnim4			{ 0%{ opacity:1; } 	100% { left:100%; opacity:0; } }

/* Slide out to the left*/
.da-slide-toleft .da-img{ -webkit-animation:toLeftAnim4 0.6s ease-in-out 0.5s both; -moz-animation:toLeftAnim4 0.6s ease-in-out 0.5s both; 
-o-animation:toLeftAnim4 0.6s ease-in-out 0.5s both; -ms-animation:toLeftAnim4 0.6s ease-in-out 0.5s both; animation:toLeftAnim4 0.6s ease-in-out 0.5s both; }

@-webkit-keyframes toLeftAnim4	{ 0%{ /*left:40%;*/ opacity:1; }	100% { /*left:-45%;*/ opacity:0; } }
@-moz-keyframes toLeftAnim4		{ 0%{ /*left:40%;*/ opacity:1; }	100% { /*left:-45%;*/ opacity:0; } }
@-o-keyframes toLeftAnim4		{ 0%{ /*left:40%;*/ opacity:1; }	100% { /*left:-45%;*/ opacity:0; } }
@-ms-keyframes toLeftAnim4		{ 0%{ /*left:40%;*/ opacity:1; }	100% { /*left:-45%;*/ opacity:0; } }
@keyframes toLeftAnim4			{ 0%{  opacity:1; } 			100% { left:100%; opacity:0; } }
/* ========================================  Media queries  ========================================= */

@media only screen and (min-width :1100px) and (max-width:1200px)	{ .da-slider	{ height:400px;} } 
@media only screen and (min-width:990px) and (max-width:1099px) 	{ .da-slider	{ height:350px;} }
@media only screen and (min-width:800px) and (max-width:989px) 		{ .da-slider	{ height:300px;} }
@media only screen and (min-width:200px) and (max-width:799px) 		{ .da-slider	{ height:150px;} }