/* ----------------------------- ESTILOS SLIDER INICIO ---------------------------- */

#slider-contenedor {width:100%; margin:0; padding:0; overflow:hidden;}
.headerimg {width:100%; height:100%; top:0px; left:0px; background:no-repeat center center #ffffff; background-size:cover; position:absolute;}

#slider-contenedor:hover .headernav {opacity:1;}
.headernav {width:100%; height:40px; top:50%; margin:-50px auto auto auto; position:relative; z-index:50; opacity:0;}
.back, .next {height:40px; width:40px; cursor:pointer;}
.back {margin-left:20px; float:left; display:inline;}
.next {margin-right:20px; float:right; display:inline;}

#headertxt {top:55%; text-align:center;}
#sliderTitulo {width:80%; margin:auto auto 40px auto; padding-bottom:20px; border-bottom:solid 5px #b7741c;}
#sliderTexto1 {margin-bottom:50px;}
#sliderTexto2 {padding:10px 20px; font-weight:400; color:#ffffff; background:#643501; border:solid 2px #ffffff; border-radius:7px; z-index:0;}
#sliderTexto2:hover {background:#000000;}


/* --------------------- EFECTOS DE AMPLIACIÓN Y ROTACIÓN ------------------------- */

.headerimg {background-position:50% 50%; background-repeat:none; background-size:cover; opacity:0; z-index:0;
  -webkit-backface-visibility:hidden; -webkit-animation:imageAnimation 6s linear infinite 0s; -moz-animation:imageAnimation 6s linear infinite 0s;
  -o-animation:imageAnimation 6s linear infinite 0s; -ms-animation:imageAnimation 6s linear infinite 0s; animation:imageAnimation 6s linear infinite 0s;}


@-webkit-keyframes imageAnimation { 
	0%   {opacity:0; -webkit-transform:scale(1.1) rotate(.5deg);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; -webkit-transform:scale(1.15) rotate(-.5deg);}
}

@-moz-keyframes imageAnimation { 
	0%   {opacity:0; -moz-transform:scale(1.1) rotate(.5deg);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; -moz-transform:scale(1.15) rotate(-.5deg);}
}

@-o-keyframes imageAnimation { 
	0%   {opacity:0; -o-transform:scale(1.1) rotate(.5deg);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; -o-transform:scale(1.15) rotate(-.5deg);}
}

@-ms-keyframes imageAnimation { 
	0%   {opacity:0; -ms-transform:scale(1.1) rotate(.5deg);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; -ms-transform:scale(1.15) rotate(-.5deg);}
}

@keyframes imageAnimation { 
	0%   {opacity:0; transform:scale(1.1) rotate(.5deg);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; transform:scale(1.15) rotate(-.5deg);}
}


/*---------------------------------------- RESPONSIVE ---------------------------------*/


@media only screen and (min-width: 1300px) {
	
#sliderTexto1 {width:70%; margin:auto auto 40px auto; font-size:30px;}

}



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

#headertxt {top:58%;}
.headernav {display:none;}
#sliderTitulo {width:96%; margin:auto auto 15px auto; padding-bottom:5px; font-size:26px;}
#sliderTexto1 {width:96%; margin:auto auto 20px auto; font-size:20px; line-height:24px;}
#sliderTexto2 {padding:8px 15px; font-size:14px;}

	@-webkit-keyframes imageAnimation { 
		0%   {opacity:0;}
		10%  {opacity:1;}
		90%  {opacity:1;}
		100% {opacity:0;}
	}
	
	@-moz-keyframes imageAnimation { 
		0%   {opacity:0;}
		10%  {opacity:1;}
		90%  {opacity:1;}
		100% {opacity:0;}
	}
	
	@-o-keyframes imageAnimation { 
		0%   {opacity:0;}
		10%  {opacity:1;}
		90%  {opacity:1;}
		100% {opacity:0;}
	}
	
	@-ms-keyframes imageAnimation { 
		0%   {opacity:0;}
		10%  {opacity:1;}
		90%  {opacity:1;}
		100% {opacity:0;}
	}
	
	@keyframes imageAnimation { 
		0%   {opacity:0;}
		10%  {opacity:1;}
		90%  {opacity:1;}
		100% {opacity:0;}
	}	
	
}