@charset "utf-8";



#estructura1{ width:100%;       min-width: 100%;
			  height:220vw;   min-height: 200vw;
		      top: 19vw;
			  display:flex;
			  background-image: url(../../img/Fondo.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			  position:relative;
			  margin: auto;}


.container1{width: 100%;
		    height: auto;
		    display: flex;
		    flex-direction: row;
		    justify-content: space-around;
		    flex-flow:wrap;}

/*------------------------------------------------------------*/
.box1{ width:90vw;    min-width: 48vw;
	   height: 37vw;  min-height: 26vw;
	   top: 4vw;
	   left: 0.2%;
	   position: relative;
	   box-sizing: 10px;}



.tituloE1{ font-size: 12vw;
		   color: white;
		   text-align: center;}



.cajaH1{ width: 100%;
		 height: 29vw;
		 position: relative;
		 top: 4.6%;}



.ParrafoE1 { width: 90%;
			 font-size: 7.4vw;
			 position: absolute;
			 top: 3.6%;
			 left: 4.8%;
			 color: white;
			 text-align: justify;}

/*----------------------------slider--------------------------------*/


#wowslider-container1 { display: table;/* oculta las imagenes */
					    position: relative;
					    width: 88%;max-width: 640px; max-height:480px;
				        top:34.4vw;/* altura del cuadrado contenedor*/
					   -webkit-box-sizing: content-box;
					   -moz-box-sizing: content-box;
					   box-sizing: content-box; }



#wowslider-container1 .ws_images ul li{	position: relative;/* si se quita las imagenes parpadean*/
										width:1%;
										height:100%;
										overflow: hidden;
										float:left;}



#wowslider-container1 .ws_images{  position: relative;/* mantiene a las imagenes en forma si se quita se hacen muy hacia adelante*/
								   left:0;
								   top:0;
								   height:100%;max-height:480px;
								   max-width: 640px;
								   vertical-align: top;
								   border:2px solid #FFFFFF;
								   overflow: hidden;}


#wowslider-container1 img{	max-width: none !important;}


#wowslider-container1 .ws_images .ws_list img,#wowslider-container1 .ws_images > div > img{	width:100%;}












#wowslider-container1 .ws_images > ul{	animation: wsBasic 48s infinite;
										-moz-animation: wsBasic 48s infinite;
										-webkit-animation: wsBasic 48s infinite;}

@keyframes wsBasic{
	0%{left:-0%} 
	
	4.17%{left:-0%}
	
	8.33%{left:-100%}
	
	12.5%{left:-100%}
	
	16.67%{left:-200%} 
	
	20.83%{left:-200%} 
	
	25%{left:-300%} 
	
	29.17%{left:-300%} 
	
	33.33%{left:-400%}
	
	37.5%{left:-400%}
	
	41.67%{left:-500%}
	
	45.83%{left:-500%} 
	
	50%{left:-600%} 
	
	54.17%{left:-600%}
	
	58.33%{left:-700%}
	
	62.5%{left:-700%}
	
	66.67%{left:-800%}
	
	70.83%{left:-800%} 
	
	75%{left:-900%} 
	
	79.17%{left:-900%}
	
	83.33%{left:-1000%}
	
	87.5%{left:-1000%} 
	
	91.67%{left:-1100%} 
	
	95.83%{left:-1100%} }


@-moz-keyframes wsBasic{
	0%{left:-0%}
	
	4.17%{left:-0%} 
	
	8.33%{left:-100%}
	
	12.5%{left:-100%}
	
	16.67%{left:-200%} 
	
	20.83%{left:-200%} 
	
	25%{left:-300%}
	
	29.17%{left:-300%} 
	
	33.33%{left:-400%}
	
	37.5%{left:-400%}
	
	41.67%{left:-500%}
	
	45.83%{left:-500%}
	
	50%{left:-600%} 
	
	54.17%{left:-600%}
	
	58.33%{left:-700%}
	
	62.5%{left:-700%}
	
	66.67%{left:-800%}
	
	70.83%{left:-800%} 
	
	75%{left:-900%} 
	
	79.17%{left:-900%}
	
	83.33%{left:-1000%}
	
	87.5%{left:-1000%} 
	
	91.67%{left:-1100%}
	
	95.83%{left:-1100%} }


@-webkit-keyframes wsBasic{
	0%{left:-0%}
	
	4.17%{left:-0%} 
	
	8.33%{left:-100%}
	
	12.5%{left:-100%} 
	
	16.67%{left:-200%}
	
	20.83%{left:-200%}
	
	25%{left:-300%} 
	
	29.17%{left:-300%}
	
	33.33%{left:-400%}
	
	37.5%{left:-400%}
	
	41.67%{left:-500%} 
	
	45.83%{left:-500%} 
	
	50%{left:-600%} 
	
	54.17%{left:-600%} 
	
	58.33%{left:-700%}
	
	62.5%{left:-700%}
	
	66.67%{left:-800%}
	
	70.83%{left:-800%} 
	
	75%{left:-900%}
	
	79.17%{left:-900%}
	
	83.33%{left:-1000%}
	
	87.5%{left:-1000%}
	
	91.67%{left:-1100%} 
	
	95.83%{left:-1100%} }



/*--------------------------FOOTER----------------------------*/
	footer{ width:100%;   min-width: 100%;
		   height:20vw;   min-height:20vw;
		     background-color:#5B5B5B;
		 box-shadow: 1px 2px 3px 4px #1F1F1F ;
		   position:relative;}

.iconos{  width: 90%;
		 height:17vw;
		 top: 7%;
		 left: 5%;
		 position: relative;
		 display: flex;
		 flex-direction: row;
		 justify-content: space-around;
		 flex-flow: nowrap;}


/*------------------------------------------------------------*/


.facebook{ width:18vw;    min-width: 18vw;
		   height: 100%;  min-height: 100%;
		   background-color: indianred;
		   overflow: hidden;
		   position: relative;
		   box-sizing: 10px;
		   border-radius: 100% 100% 100% 100%;}


/*------------------------------------------------------------*/


.instragram{ width:18vw;    min-width: 18vw;
		     height: 100%;  min-height: 100%;
		     background-color: red;
		     box-sizing: 10px;
			 border-radius: 100% 100% 100% 100%;}

/*------------------------------------------------------------*/


.twiter{ width:18vw;    min-width: 18vw;
	     height: 100%;  min-height: 100%;
	     background-color: indianred;
	     box-sizing: 10px;
	     border-radius: 100% 100% 100% 100%;}