@font-face{ font-family: "RobSlab-regular"; src: url('fonts/RobSlab-regular.ttf') format('truetype');}
@font-face{ font-family: "Rob-light"; src: url('fonts/Rob-light.ttf') format('truetype');}
@font-face{ font-family: "Rob-regular"; src: url('fonts/Rob-regular.ttf') format('truetype');}
@font-face{ font-family: "Rob-Medium"; src: url('fonts/Rob-Medium.ttf') format('truetype');}
@font-face{ font-family: "Rob-bold"; src: url('fonts/Rob-bold.ttf') format('truetype');}
@font-face{ font-family: "ArNarr-regular"; src: url('fonts/ArNarr-regular.ttf') format('truetype');}


/* MENSAJE OLD BROWSER IE 9 >.................................................................................................................... */
#Mensajes { position:relative; width: 100%; height:100%; text-align:center; background-color:#ccc; font-family:Arial, Helvetica, sans-serif !important;}
    #CuerpoMensaje { position:absolute; top:50%; left:50%; width:600px; padding:20px 0; margin:-100px 0 0 -300px; background-color:#fff;}
    #CuerpoMensaje p#AlertaPrincipal { font-style:italic; font-weight:normal; color: #666; font-size:20px; display:block; margin-bottom:15px; text-align:center;}
    #CuerpoMensaje div { width:100%;  border-top:1px solid #ccc; text-align:left;}
    #CuerpoMensaje div p { width:100%; font-size:11px; color:#666; display:block; text-align:center; margin:10px 0;}
    #CuerpoMensaje ul { list-style:none; width:260px; text-align:center; margin:10px 0 0 180px; }
    #CuerpoMensaje ul li { float:left;}
    #CuerpoMensaje ul li a { width:60px; margin:0 10px; display:block; text-decoration:none; font-size:12px; color:#666;}
    

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* GLOBAL////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ORIENTACION HORIZONTAL////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen {	
/* RESET PAGE */
html, body,
div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img, strong,
dl, dt, dd, ol, ul, li,
form, label, fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, main, footer, 
article, aside, canvas, embed, 
picture, figure, figcaption, hgroup, 
menu, nav, output, ruby, section, details, summary,
address, blockquote, cite,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:none;                          
                          box-sizing: border-box;}

h1, h2, h3, h4, h5, h6 { font-weight:normal;}

input, textarea, select, button  { margin:0; padding:0; outline:0; border:0;                                
                                    box-sizing: border-box;}

input[type="text"], input[type="email"], input[type="tel"], input[type="checkbox"], input[type="submit"], select, textarea, button {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;  }

/*HTML 5*/
header, main, footer,
article, aside, canvas, embed, 
picture, figure, figcaption, hgroup, 
menu, nav, output, ruby, section, details, summary,
address, blockquote, cite,
time, mark, audio, video {display: block;}

a { text-decoration:none !important; }
a, figure, img { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
 
/*LOADER*/
#Loader { -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; }
#Loader.off { opacity:0; visibility:hidden; }

/* 1 - SETEOS GLOBALES.................................................................................................................... */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
html, body { height:100%;} 
html { font-size:18px  /*1rem = 18px*/ }

body {   
    margin:0 auto;
    text-align:center;
	font-family: "Rob-regular", "ArNarr-regular", Arial, Helvetica, sans-serif;
	background-color:#fff;
  } 

.SafeZone { width:100%; height:100%; margin:0 auto; font-size:0;}
     .Viewport { position:relative; width:100%; max-width:1600px; height:100%;  margin:0 auto;}	 
    
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*HEADER...................................................................................................................................*/ 
header.General { position:fixed; z-index:9000; top:0; left:0; width:100%; height:80px; text-align:left; background-color:#fff;
				-webkit-transition: height 0.3s ease-in-out;
			 	transition: height 0.3s ease-in-out;}			 
	
	/*BOTONES GENERALES*/
	.amarillo { border-radius: 30px; 
				background:#FFE600 url(imagenes/circulo-negro.svg) no-repeat 0 50%;  background-size: 0 0;	
				-webkit-transition: background-size 0.3s ease-in-out, background-position 0.3s ease-in-out;
				transition: background-size 0.3s ease-in-out, background-position 0.3s ease-in-out;}

	.amarillo input,
	.amarillo a { display: block; font: normal 0.85rem "Rob-regular", "ArNarr-regular", Helvetica, sans-serif; color: #333; padding: 8px 20px 8px 35px; background: none; border-radius: 30px;  border:1px solid transparent; cursor: pointer; }		
	

	#BtnEnviar input { background: url(imagenes/icono-play.svg) no-repeat 5px 50%; background-size: 25px auto; }
	#BtnOpenMedios a { background: url(imagenes/icono-lupa.svg) no-repeat 5px 50%; background-size: 25px auto;}
	#BtnBusquedaAvanzadaHeader a { background:url(imagenes/icono-lupa.svg) no-repeat 5px 50%; background-size: 25px auto;}
	#BtnBusquedaAvanzadaMain a,
	#BtnBusquedaAvanzadaMain input { background:url(imagenes/icono-lupa.svg) no-repeat 5px 50%; background-size: 25px auto;}

	/*..........*/
	.negro { border-radius: 30px; 
				background:#000 url(imagenes/circulo-amarillo.svg) no-repeat 0 50%;  background-size: 0 0;	
				-webkit-transition: background-size 0.3s ease-in-out, background-position 0.3s ease-in-out;
				transition: background-size 0.3s ease-in-out, background-position 0.3s ease-in-out;}

	.negro input,
	.negro a { display: block; font: normal 0.85rem "Rob-regular", "ArNarr-regular", Helvetica, sans-serif; color: #FFE600; padding: 8px 20px 8px 35px; background: none; border-radius: 30px;  border:1px solid transparent; cursor: pointer; }		


	.BtnConcerMas a { background:url(imagenes/icono-mas.svg) no-repeat 5px 50%; background-size: 25px auto;}

	
	/*..........*/
	.outline { text-align: left; font-size: 0.7rem; color: #9C9E9F; padding: 8px 8px 8px 37px; border: 1px solid #9C9E9F; border-radius: 20px; }

	#BtnVolver { padding-left: 8px; }
	#BtnGrilla { background: url(imagenes/internas/icono-grilla.svg) no-repeat 10px 50%; background-size: 15px auto; }
	#BtnPerfil { background: url(imagenes/internas/icono-descarga.svg) no-repeat 10px 50%; background-size: 15px auto;}
	#BtnImprimir { background: url(imagenes/internas/icono-gotas.svg) no-repeat 10px 50%; background-size: 15px auto;}
		
	
	/*Desktop*/
	.Desktop .amarillo:hover { background-size: 200px 200px;}
	.Desktop .amarillo:hover input,
	.Desktop .amarillo:hover a { color:#FFE600; }
	
	.Desktop .negro:hover { background-size: 200px 200px;}
	.Desktop .negro:hover input,
	.Desktop .negro:hover a { color: #000; border-color: #DDC203; }

	.Desktop .outline:hover { border-color: #000; color: #000; }
	/*.......*/


    #Logo { position: absolute; z-index: 100; top: 0; left: 0; width: 200px; }  
		#Logo figure { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; width: 50%; }	 
		#Iso,
		#Tipo {-webkit-transform-origin: 0 0;
			 transform-origin: 0 0;
			-webkit-transition: -webkit-transform 0.3s ease-in-out;
			 transition: transform 0.3s ease-in-out;}
		
	        #Logo img { max-width: 100%; display: block;}	       

	        #Tipo img {-webkit-transform-origin: 0 0;
					   transform-origin: 0 0;
					   -webkit-transition: -webkit-transform 0.3s ease-in-out;
						transition: transform 0.3s ease-in-out;}
    
    #Menus { width: 100%; text-align: right; padding-top: 35px;
			 -webkit-transform-origin: 0 50%;
			 transform-origin: 0 50%;
			 -webkit-transition: padding 0.3s ease-in-out;
			 transition: padding 0.3s ease-in-out;}
			 
		#Menus ul { list-style:none;}
		
		#MenuGeneral { display:inline-block; vertical-align:middle; text-align: right; margin-top: 17px; padding-right: 15px;}
			#MenuGeneral > ul > li { display: inline-block; vertical-align: middle; margin:0 20px;}			 			
			#MenuGeneral > ul > li > a { position: relative; display: block; padding:0 3px 14px 3px;  font-size:0.8rem; color: #333; cursor:pointer;}
			#MenuGeneral > ul > li > a::before { content: ""; position: absolute; display: block; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #000;
												-webkit-transform: scale(0, 1);
												transform: scale(0, 1);
												-webkit-transform-origin: 0 0;
												transform-origin: 0 0;
												-webkit-transition: -webkit-transform 0.3s ease-in-out;
			 									transition: transform 0.3s ease-in-out;}

		#MenuMedios { display: inline-block; vertical-align: middle;}			

			.DownFiltros { position: fixed;  top: 0; left: 0; width: 100%; padding: 30px 0; text-align: left; background-color: #eee; box-shadow: inset 0 -1px 0 0 #ccc;
						    -webkit-transform: translateY(80px) translateZ(0);
						    transform: translateY(80px) translateZ(0);
							-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);								
							clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
							-webkit-transition: -webkit-clip-path 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
							transition: clip-path 0.3s ease-in-out, transform 0.3s ease-in-out;}	
				
				.FiltroPorProvincia { display: inline-block; vertical-align: top; width: 55%; padding-right: 20px; border-right: 1px solid #ccc; }
					.MapaFiltro { position: relative; display: inline-block; vertical-align: top;}
					#Argentina { display: block; width: 95px; height:auto;  }
											
					.MenuFiltroPorProvincia { display: inline-block; vertical-align: top; width: calc(100% - 105px); padding-left: 30px;}
						.NombreFiltro { display: block; margin: 20px 0; font:normal 1.2rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333;}
						.MenuFiltroPorProvincia ul  { list-style: none; }
						.MenuFiltroPorProvincia > ul > li { display: inline-block; vertical-align: top; width: calc(20% - 15px); margin-right: 15px; }
						.MenuFiltroPorProvincia > ul > li p { display: block; font-size: 0.9rem; border-bottom: 1px solid #ccc; color: #333; margin-bottom: 5px; }
						.MenuFiltroPorProvincia > ul ul li { display: block;  }	
						.MenuFiltroPorProvincia > ul ul a { display: block; font:normal 0.75rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; padding: 4px 0 4px 1em; text-indent: -.7em; color: #333; }
						.MenuFiltroPorProvincia > ul ul a::before {content: "\2022"; color: #333; padding-right:5px;}

				.FiltroPorMedio { display: inline-block; vertical-align: top; width: 45%; padding-left: 30px;}
					.MenuFiltroPorMedio { display: block; margin-bottom: 30px; }
						.MenuFiltroPorMedio ul { list-style: none; width: 100%; display: flex;  flex-wrap: wrap; justify-content:space-between; }
						.MenuFiltroPorMedio li { display: inline-block; vertical-align: top; text-align: center; }
						.MenuFiltroPorMedio a {display: block;}
						.MenuFiltroPorMedio a div { position: relative; display: inline-block; text-align: center; }
						.MenuFiltroPorMedio a div::before { content: "+"; position: absolute; top: 0; left:50%; display: block; width: 15px; height: 15px; padding: 10px; border-radius: 50%; background-color: #FFE600;  font-size: 20px; line-height: 0.7em !important; color: #333;
															-webkit-transform: translateX(-50%) scale(0); 
															transform: translateX(-50%) scale(0);
															-webkit-transition: -webkit-transform 0.3s ease-in-out;
															transition: transform 0.3s ease-in-out;}

							.MenuFiltroPorMedio a img { width: 40px; margin: 0 auto;
														-webkit-transition: -webkit-transform 0.3s ease-in-out;
														transition: transform 0.3s ease-in-out;}

							.MenuFiltroPorMedio a p { display: block; margin-top: 7px; font:normal 0.7rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #000; }

					#BtnBusquedaAvanzadaHeader { display: inline-block; width: auto; }
					#BtnBusquedaAvanzadaHeader a { display: inline-block; font-size: 0.6rem; padding-top: 9px;}
		
		/*Desktop*/
		.Desktop #MenuGeneral li:not(.select) a:hover { color: #000; }	
		.Desktop #MenuGeneral li:not(.select) a:hover::before {-webkit-transform: scale(1, 1);
																transform: scale(1, 1);} 	

		.Desktop .MenuFiltroPorProvincia > ul ul a:hover { text-decoration: underline !important; }

		.Desktop .MenuFiltroPorMedio a:hover div::before { -webkit-transform: translateX(-50%) scale(1); 
															transform: translateX(-50%) scale(1);  }

		.Desktop .MenuFiltroPorMedio a:hover img { -webkit-transform: scale(0); 
													transform: scale(0);}
		
		/*select*/
		#MenuGeneral li.select > a { cursor:default;}
		#MenuGeneral li.select > a::before {-webkit-transform: scale(1, 1);
											transform: scale(1, 1);} 
		
		/*filtermode*/		
		.filtermode #BtnOpenMedios { background-size: 200px 200px;}
		.filtermode #BtnOpenMedios a { color:#FFE600; }
        
        .Mobile.filtermode #BtnOpenMedios { background-color: #000 !important;}

		.filtermode .DownFiltros { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
				 					clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}

		.filtermode main,
		.filtermode footer.General {  -webkit-transform: translateY(200px); 
									transform: translateY(200px);}	        

		/*mapa*/
		.noa,
		.litoral,
		.cuyo,
		.centro,
		.patagonia {opacity: 0.5;
					-webkit-transition: opacity 0.3s ease-in-out;
					transition: opacity 0.3s ease-in-out;}


		.noa { fill: #FF9100 !important; }
		.litoral { fill: #F16300 !important;}
		.cuyo { fill: #BBA034 !important;}
		.centro { fill: #C6C137 !important;}
		.patagonia { fill: #545454 !important;}

		.select { opacity: 1 !important; }
		/*........*/

        
        /*redes sociales ocultas momentaneamente*/
		#MainSocial { display:inline-block; vertical-align:middle; margin:0 0 0 30px;}			 
		 	.NavSocial ul { list-style:none;}
				.NavSocial li { display: inline-block; vertical-align: middle;}	
				.NavSocial a { width:40px; height:40px; display:block; padding-bottom: 5px;}								
				
				 a.BtnInstagram { background:url(imagenes/icono-instagram.svg) no-repeat center center; }
				 a.BtnFacebook { background:url(imagenes/icono-facebook.svg) no-repeat center center; }
				 a.BtnLinkedin { background:url(imagenes/icono-linkedin.svg) no-repeat center center; }
						
	
	/*smaller*/
	header.General.smaller { height:45px;}
	header.General.smaller #Iso { -webkit-transform:scale(0.6, 0.6);
								   transform:scale(0.6, 0.6);}

	header.General.smaller #Tipo {-webkit-transform:translateX(-50px) scale(0.6, 0.6);
									   transform:translateX(-50px) scale(0.6, 0.6);}

	header.General.smaller #Tipo img {-webkit-transform:translateX(-200px);
									   transform:translateX(-200px);}

	header.General.smaller #Menus { padding-top:0;}

	header.General.smaller .DownFiltros {-webkit-transform: translateY(45px);
						                transform: translateY(45px);}
  	/*......*/	 	
   
	
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*CENTER..................................................................................................................................*/  
main { width:100%; text-align:center; background-color:#EFEFEF;
	 -webkit-transition: -webkit-transform 0.3s ease-in-out;
	  transition: transform 0.3s ease-in-out;}	
	
	#BulletsGeneral { position: fixed; z-index: 9000; top: 50%; right: 30px;}
		#ContentBulletsGeneral {}
		#ContentBulletsGeneral ul { list-style:none; margin:0 auto;}
		#ContentBulletsGeneral li { display:block; width:15px; height:15px; margin:15px;  border-radius:50%; border:1px solid #333333;  cursor:pointer; box-shadow: 0 0 1px 0 #fff, 0 0 2px 0 #fff;
									-webkit-transition: -webkit-transform 0.1s linear;
									transition: transform 0.1s linear;}	

	/*Desktop*/
	.Desktop #ContentBulletsGeneral li:not(.select):hover { background-color:#666;}
	

	/*select*/
	#ContentBulletsGeneral li.select { background-color:#CC3309; border-color: #CC3309; box-shadow: none; cursor:default;
									-webkit-transform:scale(1.5);
			  						transform:scale(1.5);}
	/*.....*/	

	#SlideGeneral { position: relative; display: block; width: 100%; height: 100vh; background-color:#FFE600;}
		#ContentSlideGeneral { position:relative; overflow:hidden; width:100%; height: 100%; text-align:center;}					
			
			/*SLIDE*/
			.Slide { position:absolute; top:0; left:0; width: 100%; height: 100%; background-color:#EFEFEF;  }		
	
				.Up,
				.Down { position: absolute;  left: 50%; width: 100%;  max-width: 555px; height: calc(50% - 150px); text-align: center;
						 -webkit-transform: translateX(-50%);
				    	 transform: translateX(-50%);}
				
				.Up { top: 0; }
	            .Down { bottom: 0;} 

		            .Globo { position: absolute; z-index: 100;
		            		-webkit-transform: scale(0);
					    	  transform: scale(0);
					    	 -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.010, 1.030, 0.485, 1.395);
							  transition: transform 0.5s cubic-bezier(0.010, 1.030, 0.485, 1.395); } 						

			            .Up .Globo { width: 162px; height: 162px;
			            			-webkit-transition-delay: 1.5s !important;
			            			transition-delay: 1.5s !important;}

			            .Down .Globo { width: 120px; height: 120px;
			            			 -webkit-transition-delay: 2s !important;
			            			 transition-delay: 2s !important;}	

			            .Globo span { display: block; width: 100%; height: 100%; }
			            .Globo.Horizontal span { background: url(imagenes/animaciones/globo-puntos-horizontal.svg) no-repeat 0 0; background-size: 100% auto;}
				        .Globo.Vertical span {  background: url(imagenes/animaciones/globo-puntos-vertical.svg) no-repeat 0 0; background-size: 100% auto;}

				    .Up img { position: absolute; top: 0; left:50%; max-width: 100%; max-height: 100%; display: block; margin: 0 auto;
		            		 -webkit-transform: translate(-50%, -100%);
					    	  transform: translate(-50%, -100%);
					    	 -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955);
							  transition: transform 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955);}  

					.Down img {  position: absolute; top: 0; left:50%; max-width: 100%; max-height: 100%; display: block; margin: 0 auto;
								-webkit-transform: translate(-50%, 100%);
					    	    transform: translate(-50%, 100%);
					    	    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955);
							    transition: transform 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955);} 
										
					
					img.Delay1 { -webkit-transition-delay: 0.3s !important; 
						      	transition-delay: 0.3s !important;}            
		            
		            img.Delay2 { -webkit-transition-delay: 0.5s !important; 
		            		  	transition-delay: 0.5s !important;}            
		            
		            img.Delay3 {  -webkit-transition-delay: 0.6s !important; 
		            	      	transition-delay: 0.6s !important;}
		            
		            img.Delay4 { -webkit-transition-delay: 0.7s !important;  
		            		  	transition-delay: 0.7s !important;}            
		            
		            img.Delay5 { -webkit-transition-delay: 0.9s !important; 
		            			transition-delay: 0.9s !important;}  
		           
		            img.Delay6 { -webkit-transition-delay: 1.1s !important; 
		             			transition-delay: 1.1s !important;}
			


				/*TV::::::::::::::::::::::::::::*/          
				#SlideTv .Up .Globo { bottom: -60px; left: 0;}	           
	            #SlideTv .Up .Burbuja { }

				#SlideTv .Down .Globo { top: 90px; right: 0; }
				#SlideTv .Down .Globo span { -webkit-transform: rotate(180deg);
								  			transform: rotate(180deg);}
							
				
				/*RADIO::::::::::::::::::::::::::::*/			
				#SlideRadio .Up .Globo { bottom: -60px; left: 125px; }	           
	            #SlideRadio .Up .Globo span { -webkit-transform: scaleX(-1);
								  			transform: scaleX(-1);}

				#SlideRadio .Down .Globo {  top: 5px; right: 20px; }
				#SlideRadio .Down .Globo span { -webkit-transform:scaleY(-1) rotate(-180deg);
								  				transform: scaleY(-1) rotate(-180deg);}
				
				/*DIARIO::::::::::::::::::::::::::::*/			
				#SlideDiario .Up .Globo { bottom: 0; right: -30px; }	           
	            #SlideDiario .Up .Globo span { -webkit-transform: scaleX(-1);
								  				transform: scaleX(-1);}

				#SlideDiario .Down .Globo {  top: 90px; left: 150px }
				#SlideDiario .Down .Globo span { -webkit-transform:scaleY(-1) rotate(-180deg);
								  				transform: scaleY(-1) rotate(-180deg);}
				
				/*DIGITAL::::::::::::::::::::::::::::*/			
				#SlideDigital .Up .Globo { bottom: 0; right: -30px; }	           
	            #SlideDigital .Up .Globo span { -webkit-transform: scaleX(-1);
								  				transform: scaleX(-1);}

				#SlideDigital .Down .Globo {  top: 55px; left: 200px }
				#SlideDigital .Down .Globo span { -webkit-transform:scaleY(-1) rotate(-180deg);
								  				transform: scaleY(-1) rotate(-180deg);}
				/*..................................*/		

			.Frase { position: absolute; top: 50%; left: 0; width:100%; text-align: center;
					  -webkit-transform:translateY(-50%) scale(0.2);
					  transform:translateY(-50%) scale(0.2);
					  -webkit-transition: -webkit-transform 1s cubic-bezier(0.455, 0.030, 0.515, 0.955);
					   transition: transform 1s cubic-bezier(0.455, 0.030, 0.515, 0.955); }
				
				.Tag { position: relative; overflow: hidden; }
				.Tag p { display: inline-block; font:normal 0.8rem "RobSlab-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #fff; padding: 5px;  background-color: #000; 
						-webkit-transform:translateY(80px);
					 	transform:translateY(80px);
					 	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.3s;
						 transition: transform 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.3s; }
				
				p.Valor  { position: relative; font-family: "RobSlab-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; }				
				p.Subvalor { position: relative; overflow: hidden; font-family: "RobSlab-regular", "ArNarr-regular", Arial, Helvetica, sans-serif;}
				p.Subvalor br { display: none; }
				
				p.Valor.big { font-size: 3.3rem; }
				p.Subvalor.small { font-size: 1.5rem; }

				p.Valor.small {  font-size: 1.5rem; margin-top: 10px;}
				p.Subvalor.big  { font-size: 2.6rem; }

				p.Subvalor span { display: block;
								-webkit-transform:translateY(-80px);
					 			transform:translateY(-80px);
					 		    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.3s;
						  		transition: transform 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.3s;}

				.Frase strong {  background: url(imagenes/fondo-filete.gif) no-repeat 0 95%; background-size:0 3px; 
								text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
								-webkit-transition: background-size 4s cubic-bezier(0.455, 0.030, 0.515, 0.955);
						  		transition: background-size 4s cubic-bezier(0.455, 0.030, 0.515, 0.955);}

				.Frase .Valor strong {-webkit-transition-delay: 2s !important; 
					      			  transition-delay: 2s !important;}	

				.Frase .Subvalor strong {-webkit-transition-delay: 4s !important; 
					      			  	transition-delay: 4s !important;}	

			.CirculoAmarillo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#FFE600;
									-webkit-clip-path: circle(0% at 50% 50%);			
									clip-path: circle(0% at 50% 50%);}	
			

			/*ANIMACION PRINCIPAL*/
			/*default*/
			.Slide { z-index: auto; opacity: 0;
					-webkit-clip-path: circle(0% at 50% 50%);			
					clip-path: circle(0% at 50% 50%);		
					-webkit-transition: -webkit-clip-path 7s cubic-bezier(.03,.98,.96,.19);											
					transition: clip-path 7s cubic-bezier(.03,.98,.96,.19); }

			
			/*select*/
			.Slide.select { z-index:1000;}			
			
			/*select stanby*/
			.Slide.select.stanby .Up img,
			.Slide.select.stanby .Down img { -webkit-transform: translate(-50% ,0);
			    	    					transform: translate(-50%, 0);}

			.Slide.select.stanby .Frase {-webkit-transform:translateY(-50%) scale(1);
								  			transform:translateY(-50%) scale(1); }	

			.Slide.select.stanby .Tag p,
			.Slide.select.stanby p.Subvalor span {-webkit-transform:translateY(0);
								  					transform:translateY(0);}

			.Slide.select.stanby .Frase strong	{ background-size:1000px 3px;  }				  					



			.Slide.select.stanby .Globo {-webkit-transform: scale(1);
								  		 transform: scale(1);}			

			            	
			/*stanby*/	
			.Slide.stanby {opacity:1;
							-webkit-clip-path: circle(80% at 50% 50%);			
							clip-path: circle(80% at 50% 50%);}

			.Slide.stanby .CirculoAmarillo { -webkit-transition: -webkit-clip-path 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) 6s;
						  					transition: clip-path 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) 6s;
											-webkit-clip-path: circle(90% at 50% 50%);			
											clip-path: circle(90% at 50% 50%);}	

			/*.............*/
			
	
	/*Autoshow*/
	.autoshow { opacity:0;		
				 -webkit-transform: translateY(30px);
			     transform: translateY(30px);
				 -webkit-transition: -webkit-transform 0.3s ease, opacity 0.5s ease;
				 transition: transform 0.3s ease, opacity 0.5s ease;}	
				 
	.autoshow.in { opacity:1;
					-webkit-transform: translateY(0);
					transform: translateY(0);}
	/*....*/

	#AccesosRapidosMedios { background-color: #fff; }
		#ContentAccesosRapidosMedios { padding: 120px 0; }
			#ContentAccesosRapidosMedios header { text-align: center; }
				#ContentAccesosRapidosMedios h1 { font-size: 1.8rem; color: #333333; }

			#NavAccesoRapidoMedios ul { list-style: none; width: 100%; display: flex; justify-content: space-between; margin: 60px 0 40px 0; }
				#NavAccesoRapidoMedios li { flex: 1 1 200px; text-align: center; }			
					#NavAccesoRapidoMedios li a {display: block; border-right: 1px solid #CCCCCC;}
					#NavAccesoRapidoMedios li:last-child a { border: none; }

					#NavAccesoRapidoMedios li div { position: relative; display: inline-block; text-align: center; }
					#NavAccesoRapidoMedios li div::before { content: "+"; position: absolute; top: 0; left:50%; display: block; width: 15px; height: 15px; padding: 10px; border-radius: 50%; background-color: #FFE600;  font-size: 20px; line-height: 0.7em !important; color: #333;
														-webkit-transform: translateX(-50%) scale(0); 
														transform: translateX(-50%) scale(0);
														-webkit-transition: -webkit-transform 0.3s ease-in-out;
														transition: transform 0.3s ease-in-out;}

						#NavAccesoRapidoMedios li img { width: 45px; margin: 0 auto;
														-webkit-transition: -webkit-transform 0.3s ease-in-out;
														transition: transform 0.3s ease-in-out;}

						#NavAccesoRapidoMedios li p { display: block; margin-top: 10px; font:normal 0.9rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333; }
						#BtnBusquedaAvanzadaMain { display: inline-block; font-size: 0.75rem;}

				
				/*Desktop*/
				.Desktop #NavAccesoRapidoMedios li a:hover div::before { -webkit-transform: translateX(-50%) scale(1); 
																			transform: translateX(-50%) scale(1);  }

				.Desktop #NavAccesoRapidoMedios li a:hover img { -webkit-transform: scale(0); 
																transform: scale(0); }
				/*.......*/

	
	#Estadisticas { display: flex; width: 100%;}
	#Home #Estadisticas { border-top: 2px solid red; }
		#EstadistcasAnunciantes,
		#EstadistcasMedios { flex:0 0 50%; padding: 40px 0;  }

		#EstadistcasAnunciantes { background: #FFE600 url(imagenes/internas/fondo-red-amarillo.jpg) repeat-x 0 0; }
			.BurbujaEstadistica { display: inline-flex;  align-items: center; justify-content: center; width: 400px; height: 400px; }
			#EstadistcasAnunciantes	.BurbujaEstadistica { background: url(imagenes/internas/circulo-amarillo.svg) no-repeat 50% 50%;  background-size: contain; }
				
				#EstadistcasAnunciantes p { display: block; text-align: center; }
				p.CantidadEstadistica { font:normal 4.5rem "Rob-bold", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333; line-height: 1em !important; }
				p.CantidadEstadistica sup { font-size: 2.3rem; line-height: 0 !important; vertical-align: middle; }
				p.TipoEstadistica {font:normal 1.7rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333; letter-spacing: 5px;}
				p.DescripcionEstadistica { font-size: 1.1rem; color: #333;margin: 5px 0 15px 0;}				

				.BtnConcerMas { display: inline-block; }				
		
		#EstadistcasMedios { background-color: #f2f2f2; }
			#EstadistcasMedios .BurbujaEstadistica { background: url(imagenes/internas/circulo-mapa.svg) no-repeat 50% 50%;  background-size: contain;  }

	
	#Mapa { display: flex; width: 100%; }
		#PosicionMapa { position: relative; width: 50%; vertical-align: middle; background: #2F2F2F url(imagenes/mapa.jpg) no-repeat 0 50%;}
			#PinMapa { position: absolute; top: 50%; left: 440px;				
						-webkit-transform:translateY(-85px);
						 transform:translateY(-85px);}

			#PinMapa a {}
			#PinMapa img { width: 80px; height: 80px; 
							-webkit-transform-origin: 50% 100%;
							transform-origin: 50% 100%;
							-webkit-animation: PinMapa 0.7s ease infinite;
							animation: PinMapa 0.7s ease infinite;}

		#InfoMapa { width: 50%;  vertical-align: middle; padding:200px 30px 200px 0;  text-align: left; background-color: #2F2F2F; }
			p#TxtMapa {  font:normal 2.5rem "RobSlab-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #fff;  }
			
			#InfoMapa a.BtnAddress { display: block; background: url(imagenes/icono-pin.svg) no-repeat 0 50%; background-size: 33px auto; margin: 15px 0 25px 0; padding: 0 0 0 45px;  color: #fff; }
			#InfoMapa address { display: block; font-size: 0.9rem; line-height: 1.3em !important; font-style: normal; color: #fff;
								-webkit-transition: color 0.3s ease;
								transition: color 0.3s ease; }
			
			#InfoMapa a.BtnMail {  display: block; font-size: 0.9rem; color: #fff; margin-bottom: 5px;
								-webkit-transition: color 0.3s ease;
								transition: color 0.3s ease; }

			p#Phone { display: block; font-size: 0.9rem; color: #fff !important;}
            
			#ContactoSocial { display: block; margin-top: 30px; }
			#ContactoSocial a { width: 25px; height: 25px; margin-right: 15px; }
            #ContactoSocial a.BtnInstagram { background:url(imagenes/icono-instagram-amarillo.svg) no-repeat center center; background-size:100% auto;  }
			#ContactoSocial a.BtnFacebook { background:url(imagenes/icono-facebook-amarillo.svg) no-repeat center center; background-size:100% auto;  }
			#ContactoSocial a.BtnLinkedin { background:url(imagenes/icono-linkedin-amarillo.svg) no-repeat center center;  background-size:100% auto; }  

		/*Desktop*/
		.Desktop #PinMapa a:hover img { -webkit-animation-play-state: paused;
										animation-play-state: paused;}
		
		.Desktop #InfoMapa address:hover,
		.Desktop #InfoMapa a.BtnMail:hover { color: #FFE600; }
		/*......*/
		

		#QuickContacto { background: url(imagenes/fondo-formulario.jpg) no-repeat 50% 50%; padding: 40px 0; text-align: center; }
			#QuickContacto #FormContacto p { display: block; margin-bottom: 20px; font:normal 1.9rem "RobSlab-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #000; }
			#QuickContacto #FormContacto p br { display: none; }

			#FormContacto { width: 100%; max-width: 800px;  margin: 0 auto; padding: 60px 70px 40px 70px; background-color: #FFE600; }
			#FormContacto form::after { content: ""; clear: both; display: block; }
			#FormContacto input[type="text"],
            #FormContacto input[type="email"],
            #FormContacto input[type="tel"],
            #FormContacto textarea { width:100%; height: 37px; font-family: "Rob-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size:0.9rem;  padding:10px; background-color:#FFF;  margin-bottom:10px; border:1px solid transparent;}
            
            #FormContacto fieldset { width:100%; display:block;}
           		#FormContacto input[type="email"] { width:calc(60% - 9px); margin-right:9px; display:inline-block; vertical-align:top;}
            	#FormContacto input[type="tel"] { width:calc(40% - 9px); margin-left:9px;  display:inline-block; vertical-align:top;}
			
			fieldset#cv-group { margin-bottom: 10px; display: none; }
				#recursos_examinar_archivo { display: none;}
				#custom-cv { border: 1px solid #999; color: #333 !important; border-radius: 40px;  font-size: 0.8rem !important; display: inline-block !important;  padding: 6px 12px 6px 30px; background: url(imagenes/internas/icono-clip.svg) no-repeat 5px 50%;   cursor: pointer;}

			fieldset.captcha-group {}		
				input#captcha { display:inline-block; vertical-align:top; width:calc(100% - 100px) !important;}
				fieldset.captcha-group span { display:inline-block; vertical-align:top; width:100px;}
            
            #FormContacto textarea { height:150px; overflow:auto; margin-bottom:10px;}
            
            #BtnEnviar { float: right; }           	
                       
                
            /*Desktop*/
            .Desktop #FormContacto input[type="text"]:hover,
            .Desktop #FormContacto input[type="email"]:hover,
            .Desktop #FormContacto input[type="tel"]:hover,
            .Desktop #FormContacto textarea:hover { border-color: #ccc; }  

            /*focus*/
            #FormContacto input[type="text"]:focus,
            #FormContacto input[type="email"]:focus,
            #FormContacto input[type="tel"]:focus,
            #FormContacto textarea:focus { border-color:#000 !important; }            
            /*.......*/
	   

	    #LogosAnunciates { width: 100%; padding: 50px 0; background-color: #fff;}
	    	#LogosAnunciates > p { display: inline-block; text-align: center; padding-bottom: 5px; font:normal 1.2rem "RobSlab-regular", "ArNarr-regular", Arial, Helvetica, sans-serif;  border-bottom: 2px solid #333; }

		    #ListaLogos { position: relative; overflow: hidden; width: 100%; }
				#ListaLogos ul { position: absolute; top: 0; left: 0;  width: 100%; list-style: none; opacity: 0; 
									-webkit-transition: opacity 0.3s ease;
									transition: opacity 0.3s ease;}

				#ListaLogos ul:first-child { position: relative; }
				#ListaLogos li { width: 10%; display: inline-block; vertical-align: middle; text-align: center; padding: 30px; opacity: 0;
								-webkit-transform: scale(0);
								transform: scale(0);
								-webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.3s ease-in;
								transition: transform 0.3s ease-in, opacity 0.3s ease-in;}

				#ListaLogos li:first-child {}
				#ListaLogos li:nth-of-type(1) {-webkit-transition-delay: 0.3s; transition-delay: 0.3s;}	
				#ListaLogos li:nth-of-type(2) {-webkit-transition-delay: 0.4s; transition-delay: 0.4s;}	
				#ListaLogos li:nth-of-type(3) {-webkit-transition-delay: 0.5s; transition-delay: 0.5s;}	
				#ListaLogos li:nth-of-type(4) {-webkit-transition-delay: 0.6s; transition-delay: 0.6s;}	
				#ListaLogos li:nth-of-type(5) {-webkit-transition-delay: 0.7s; transition-delay: 0.7s;}
				#ListaLogos li:nth-of-type(6) {-webkit-transition-delay: 0.8s; transition-delay: 0.8s;}
				#ListaLogos li:nth-of-type(7) {-webkit-transition-delay: 0.9s; transition-delay: 0.9s;}
				#ListaLogos li:nth-of-type(8) {-webkit-transition-delay: 1.0s; transition-delay: 1.0s;}
				#ListaLogos li:nth-of-type(9) {-webkit-transition-delay: 1.1s; transition-delay: 1.1s;}
				#ListaLogos li:nth-of-type(10) {-webkit-transition-delay: 1.2s; transition-delay: 1.2s;}

				#ListaLogos img { max-width: 100%; display: block; margin: 0 auto;
								-webkit-filter: grayscale(100%);
  								filter: grayscale(100%); }

				/*select*/
				#ListaLogos ul.select { opacity: 1 !important;}	
				#ListaLogos ul.select li { opacity: 1 !important; 
										  -webkit-transform: scale(1);
											transform: scale(1);}
				/*......*/


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*FOOTER...................................................................................................................................*/
footer.General {width:100%;text-align:left; padding: 50px 0; background-color:#000;
				-webkit-transition: -webkit-transform 0.3s ease-in-out;
	  			transition: transform 0.3s ease-in-out;}

footer.General .Viewport { display: flex; flex-wrap: wrap; }
	#MapaSitio { flex: 0 1 auto; }
		#MapaSitio nav { display: inline-block; vertical-align: top; }
			#MapaSitio ul {  display: inline-block; vertical-align: top;list-style: none; }				
			#MapaSitio li { position: relative; }
			#MapaSitio a { padding-left: 10px; color: #fff; }
			#MapaSitio a::before {content: "\2022"; position: absolute; top: 0; left: 0; color: #FFE600;}				

			#MapaSitioGeneral {}
				#MapaSitioGeneral li { margin-bottom: 15px; }	
				#MapaSitioGeneral a { font-size: 0.8rem;}
			
			#MapaSitioMedios { padding-left: 80px; }
				#MapaSitioMedios div { display: inline-block; vertical-align: top; padding-right: 50px;}
				#MapaSitioMedios li { display: block; margin-bottom: 5px; font-size: 0.7rem; }				
				#MapaSitioMedios h2 { font-size: 1.2rem; font-weight: normal; color:#fff; }
				
				a#BtnBusquedaAvanzadaFooter { position: relative; display: block; margin-top: 10px; font-size: 0.7rem; }

				#MapaSitioMedios h3 { display: block; margin:10px 0 10px 0; font-size: 0.75rem; font-weight: normal; color:#fff; }					
				
				#PorTipo a,
				#PorProvincia a {  color: #c1c1c1;}
					#MapaSitioMedios h4 { display: inline-block; vertical-align: middle; }
				
					#PorProvincia ul { padding-right: 30px;}

				/*Desktop*/
				.Desktop #MapaSitio a:hover { color: #777 !important; }
				/*......*/	

	/*#LogoFooter {display: inline-block; vertical-align: top;}
		#LogoFooter img { width: 90px; height: 90px; opacity: 0.6; }*/
    /*red social oculta momentaneamente*/
	#MainSocialFooter {flex: 1; }
        #MainSocialFooter ul { display: block; margin-bottom: 5px;}
		#MainSocialFooter ul a[class] { width: 40px; height: 40px; background-size: 20px auto; }
            #MainSocialFooter a.BtnInstagram { background-image: url(imagenes/icono-instagram-amarillo.svg); }
		    #MainSocialFooter a.BtnFacebook {  background-image: url(imagenes/icono-facebook-amarillo.svg); }
		    #MainSocialFooter a.BtnLinkedin {  background-image: url(imagenes/icono-linkedin-amarillo.svg); }
        
        #MainSocialFooter a.BtnWapp { width: auto !important; height: auto !important; display: inline-block; padding: 7px 7px 7px 35px; font-size: 0.8rem; color: #fff; border: 1px solid #595858; border-radius: 5px; background: url("imagenes/icono-wapp-blanco.svg") no-repeat 10px 50%; background-size: 20px auto;}
	
	#Afip {flex: 0 0 30px; margin-left: 10px;}
		#Afip img { max-width: 100%; display: block;}

	#Legales { flex: 0 0 100%; margin-top: 50px; border-top: 1px solid #333333; padding: 10px 0; }
		p#Copy { float: left; font-size: 0.6rem; color: #c1c1c1; }
		p#CreacionUno { float: right; font: normal 10px Arial, Helvetica, sans-serif; color: #c1c1c1; }
		p#CreacionUno a { color: #c1c1c1; }
        
    /*Desktop*/
    .Desktop #MainSocialFooter a:hover { opacity: 0.5;}
    /*........*/


/*INTERNAS::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.Interna main { padding-top: 80px; background-color: #f2f2f2; }
	.IntroInterna {display: block; text-align: left; padding: 80px 0 50px 0;}	
		.Interna h1 { display: block; font:normal 3rem "Rob-Medium","ArNarr-regular", Arial, Helvetica, sans-serif; color: #333; margin-bottom: 10px; }
	
		p.General { font-size: 0.8rem; line-height: 1.8em !important; color: #333; }
		p.General strong { font-family: "Rob-bold", "ArNarr-regular", Arial, Helvetica, sans-serif;; font-weight: normal;  }

/*NOSOTROS*/
	#IntroNosotros { display: block; width: 100%;  }
		#IntroNosotros header,
		#RedLogo { width: 50%; display: inline-block; vertical-align: middle; text-align: left; }

		#IntroNosotros header { padding-right: 20px; }
			#IntroNosotros h2,
			p.DestacadoIntro { display: block; margin: 30px 0;  font:normal 1.3rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; line-height: 1.5em !important; color: #333; }

			#IntroNosotros h2 { border: none; }
			
			#IntroNosotros header div { width: 50%; display: inline-block; vertical-align: top; }
			#IntroNosotros header div:first-child { padding-right: 20px;}
			#IntroNosotros header div:last-child { padding-left: 20px; }

		#RedLogo img { max-width: 100%; display: block; }

	#Vision { text-align: left; padding: 50px 0; background-color: #f9f9f9; }
		#Vision header { margin-bottom: 25px; }		
			#Vision h2,
			#Staff h2 { display: inline-block; font-size: 1.3rem; color: #333;border-bottom: 4px solid #333;}
			
			.ListaValores { list-style: none; text-align: left; }
			.ListaValores li { display: inline-block; vertical-align: top; width: 33.33%; margin-bottom: 45px; padding: 0 25px; background: url(imagenes/internas/bullet-amarillo.svg) no-repeat 0 15px; background-size:20px auto;  }
			.ListaValores li.Doble { width: 66.66%; }
			.ListaValores h3 {font:normal 2.6rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333;}
			.ListaValores h4 {font:normal 1.2rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333;}

	#Staff { text-align: center; padding: 0 0 50px 0; background-color: #f9f9f9; }
		#Staff header { text-align: left; margin-bottom: 15px; }	

		#ListaIntegrantes { list-style: none; display:flex; flex-wrap: wrap; gap: 14px; text-align:left; width: 100%; }
			#ListaIntegrantes li { width: calc(33.33% - 15px); text-align: left; background-color: #F2F2F2; border:1px solid #CCCCCC; }
				.FotoPerfil { width: 100%; display: block; background-color: #FBD101; }
					.FotoPerfil img { max-width: 100%; display: block; margin: 0 auto; }
				
				.InfoPerfil { padding: 15px; text-align: center; }	
					.InfoPerfil span { display: block; margin: 0 auto; text-align: left; padding:0 0 15px 40px; background: url(imagenes/internas/bullet-amarillo.svg) no-repeat 0 10px; background-size:35px auto; }
						p.NombrePerfil {font:normal 1.35rem "Rob-bold", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333;}
						p.CargoPerfil {font:normal 1rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333;}
						
						.InfoPerfil a,
						p.PhonePerfil { display: block; font-size: 0.8rem; color: #333; }

						.InfoPerfil a { margin: 20px 0 5px 0;
										-webkit-transition: color 0.3s ease;
										transition: color 0.3s ease;}

			/*Desktop*/
			.Desktop .InfoPerfil a:hover { color: #D7C100; }
			/*.......*/
	

	#LogosAnunciates {}
		p#SloganLogos { display: block; text-align: center; font:normal 1.7rem "Rob-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333; padding: 0 30px; border:none;}

/*SERVICIOS*/	
	.InfoServicios { text-align: left; padding-top: 80px; }
	.InfoServicios.blanco { background-color: #fff; padding-top: 60px; padding-bottom: 40px; }
		.InfoServicios header { width: 50%;}
		.InfoServicios h1 { margin-bottom: 30px; }	
		.InfoServicios h2 { display: block; font: normal 1.3rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; line-height: 1.5em !important; color: #333;}
		.InfoServicios p { margin: 0; }

		.InfoServicios .ListaValores { margin: 40px 0 0 0; }

/*ANUNCIANTES*/	
	#IntroAnunciantes {  background: url(imagenes/internas/fondo-red.jpg) no-repeat 100% 0; }		
		#ContentAnunciantes { display:flex; flex-wrap: wrap; justify-content: space-between; text-align:left; width: 100%; }
			#ContentAnunciantes > div { background-color: #fff; border: 2px solid #f2f2f2; padding: 30px; }
			.simple { width: 25%; }
			.doble { width: 50%; }
			.triple { width: 75%; }
			.full { width: 100%;}
			
				#ContentAnunciantes h2 { display: block; padding-left: 40px; margin-bottom: 5px; font: normal 1.2rem "Rob-bold", "ArNarr-regular", Arial, Helvetica, sans-serif; line-height: normal; color: #333; background: url(imagenes/internas/bullet-amarillo.svg) no-repeat 0 7px; background-size:35px auto; }
				
				.ListasAnunciantes { padding-left:40px; }
					.ListasAnunciantes ul { list-style: none; display: inline-block; vertical-align: top; margin-right: 25px; }
					.ListasAnunciantes li { position: relative; display: block; padding:5px 0 5px 0;}
					.ListasAnunciantes li h3 { display: block; padding-left: 12px; font:normal 0.9rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333; }
					.ListasAnunciantes li h3::before { content: ""; position: absolute; top: 10px; left: 0; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #D7C100;}	

/*CONTACTO*/
	#ContentContacto { display: flex; width: 100%; }
		#ContactoDirecto,
		#ContactoMapa { width: 50%; }

		#ContactoDirecto {}
			#ContactoDirecto #FormContacto {background-color: #eaeaea; }

		#ContactoMapa { position: relative; }
			#ContactoMapa #PosicionMapa { display: block; width: 100%; height: calc(100% - 120px); background:#2F2F2F url(imagenes/mapa.jpg) no-repeat 50% 50%;}
				#ContactoMapa #PinMapa { left: 50%; margin-left: -45px; }
				
			#ContactoMapa #InfoMapa { display: block; width: 100%; height: 120px; padding: 30px; }
				#ContactoMapa p#TxtMapa { display: none; }				
				#ContactoMapa a.BtnAddress,
				#ContactoMapa #ViasContacto { display: inline-block; vertical-align: top; width: 50%; }

				#ContactoMapa a.BtnAddress { margin: 0; padding-right: 20px; }
/*RRHH*/
	#RRHH fieldset#cv-group { display: block; }


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*SISTEMA INTERNO BUSQUEDA:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*RESULTADO DE BUSQUEDA DE MEDIO*/
	#ContentBusqueda { text-align: left; }
		#ContentBusqueda header { padding: 70px 0 5px 0; background-color: #FFE600; border-bottom: 5px solid #999999; }
			#BarraSuperior { width: 100%; display: flex; flex-wrap: wrap; }
				#TituloSeccion { flex: 1 1 40%; text-align: left; }
					#TituloSeccion h1 { font-size: 2.3rem; color: #333333; margin-bottom: 0; }

				#BusquedaRapida { flex: 1 1 60%; text-align: right; }					
					#BusquedaRapida input[type="text"] { display: inline-block; vertical-align: middle; width: calc(100% - 50px); max-width: 560px; height: 35px; padding: 0 15px; font: normal 1rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif;  color: #999; background-color: #fff; border-radius: 5px 0 0 5px; }
					#BusquedaRapida input[type="button"] { display: inline-block; vertical-align: middle; width: 50px; height: 35px; background: #fff url(imagenes/internas/icono-lupa.svg) no-repeat 50% 50%; background-size: 20px auto; border-radius: 0 5px 5px 0; cursor: pointer; }


			#MainBusqueda { padding-bottom: 80px; background-color: #f2f2f2; }	
				#BarraBusqueda { display: flex; flex-wrap: wrap; width: 100%; padding: 20px 0 60px 0; }
					#BarraBusqueda h2 { flex: 0 1 auto; font: normal 1.8rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333333; }
					#BarraBusqueda h2 strong { font-family: "Rob-bold", "ArNarr-regular", Arial, Helvetica, sans-serif; font-weight: normal;  }

					#FormFiltros { flex: 1 1 auto; padding-left: 10px;}
						#BarraBusqueda select { display: inline-block; vertical-align: middle; height: 30px; font: normal 0.8rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333; border:1px solid #CCCCCC;  padding:0 10px; background-color:#FFF; margin-left: 10px;}
						select#cambio_de_medio {width:130px;}
						select#cambio_de_provincia,
						select#cambio-localidad { width: 200px; }
						

					#Extra { flex: 0 0 180px; text-align: right;}
						#Extra a { display: inline-block; font-size: 0.6rem; }


				#ListadoResultado { position: relative; }					
					#EncabezadoListadoResultado { width: 100%; display: table; }
					#EncabezadoListadoResultado > div { display: table-cell; vertical-align: top; padding: 10px; border-bottom: 1px solid #333333; }
						.tabla_nombre_provincia {}
						.tabla_tipo_medio { width: 180px; }
	    				.tabla_grupo { width: 200px; }
	    				.tabla_detalle { width: 50px;}

	    				#EncabezadoListadoResultado p { font:normal 0.8rem "Rob-bold", "ArNarr-regular", Arial, Helvetica, sans-serif;  color: #333333; }

					#ContentListadoResultado { position: relative; overflow-y: none; overflow-x: auto; width: 100%; max-height: 450px; }
						table, tr, th, td {  border-collapse: collapse; vertical-align: middle;}
						table.tabla_listado_provincias { width: 100%; }			
							table.tabla_listado_provincias td { padding: 10px; font-size: 0.9rem; color: #333333;}					
							table.tabla_listado_provincias tr:nth-child(even) td {} 
							table.tabla_listado_provincias tr:nth-child(odd) td { background-color: #eae7e7; }						
							td.tabla_bullet { display: none !important; }
							td.tabla_detalle { padding: 0 !important; }
							a.BtnAmpliar { width: 40px; height: 40px; display: block; background: url(imagenes/internas/icono-ampliar.svg) no-repeat 50% 50%; background-size: 20px auto; }

						/*Desktop*/
						.Desktop table.tabla_listado_provincias tr:hover td { background-color: #d5d5d5 !important; }
						/*.......*/

			#NavFiltroProvincia { padding: 30px 0; background-color: #fff; }
				
				#NavFiltroProvincia .FiltroPorProvincia	{ display: inline-block; vertical-align: middle;  width:  calc(100% - 320px); border: none; padding-right: 30px; }
					#NavFiltroProvincia .MapaFiltro { vertical-align: middle !important;}
					#NavFiltroProvincia #Argentina { width: 140px; }
					
					#NavFiltroProvincia .MenuFiltroPorProvincia { width: calc(100% - 140px); vertical-align: middle !important;}
						
						.Busqueda .NombreFiltro { font-size: 1.6rem !important; }

				#ListaCompletaMedios { display: inline-block; vertical-align: middle; text-align: center;  width:320px; }
					#ListaCompletaMedios #EstadistcasMedios {display: block; text-align: center; padding: 0; background-color: transparent;}
					#ListaCompletaMedios .BurbujaEstadistica { display: block; margin: 0 auto; width: 320px; height: 320px; }
						#ListaCompletaMedios .BurbujaEstadistica > div { padding-top: 55px; }
						#ListaCompletaMedios p.CantidadEstadistica { font-size: 3.5rem; }
						#ListaCompletaMedios p.TipoEstadistica { font-size: 1.2rem; }
						#ListaCompletaMedios p.DescripcionEstadistica { font-size: 0.9rem; }
						#ListaCompletaMedios .BtnConcerMas a { font-size: 0.75rem; }

/*LISTADO COMPLETO*/
	#ListadoCompleto #Extra { flex: 1 0 160px;}

/*BUSQUEDA AVANZADA*/
	#BusquedaAvanzada #MainBusqueda { padding-bottom: 0; }
		#formulario_avanzado {}
			#formulario_avanzado fieldset { display: inline-block; vertical-align: bottom; padding-right: 20px; text-align: left; }
				fieldset#fieldsetid_partido { display: none !important; }

				#formulario_avanzado label { display: block; font:normal 0.9rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333; margin-bottom: 5px;}
				#formulario_avanzado select { margin-left: 0 !important; }

				select#id_medio { width: 150px; }		
				select#id_provincia,
				select#id_ciudad { width: 200px; }

			
			#formulario_avanzado #BtnBusquedaAvanzadaMain { display: inline-block; vertical-align: bottom;}

			#NavFiltroMedios { padding: 25px 0; }
			#NavFiltroMedios .NombreFiltro { margin-bottom: 0; }
				#NavFiltroMedios #NavAccesoRapidoMedios ul { margin-top: 25px; }

/*DETALLE MEDIO*/
	#DetalleMedio #MainBusqueda { padding-bottom: 0; background-color: #fff; }
		#DetalleMedio #Extra { flex: 1 0 160px;}

	#ContentDetalleMedio { background-color: #fff; padding-bottom: 30px; }
		#TopDetalleMedio { display: flex; flex-wrap: wrap; width: 100%;}
			#NavDetalleMedio { flex: 0 0 200px; text-align: center; }
				#LogoMedio { padding: 15px; text-align: center; border: 1px solid #CCCCCC; background-color:#fff; margin-bottom: 20px; }
				#LogoMedio img { max-width: 100%; display: block; margin: 0 auto; }				
				
				#NavDetalleMedio a { display: inline-block; min-width: 110px; margin-bottom: 10px; }					

			#DataDetalleMedio {flex: 1; padding-left: 40px; padding-right: 20px; }
				#DataDetalleMedio h3 { display: block; margin-bottom: 15px; padding-left: 20px; font:normal 1.5rem "Rob-light", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333; background: url(imagenes/internas/bullet-amarillo.svg) no-repeat 0 50%; background-size: 15px auto;}

				#ContentPerfil { display: flex; width: 100%; padding-left: 20px; }
					#DataDetalleMedio dl { flex:1 1 50%; padding-right: 30px; }	
						#DataDetalleMedio dt { }
						#DataDetalleMedio dd {  display: block; margin-bottom: 24px; }

						#DataDetalleMedio dl p { font-size: 0.8rem; line-height: 1.7em !important;}
						#DataDetalleMedio dl p strong { font:normal 0.8rem "Rob-Medium", "ArNarr-regular", Arial, Helvetica, sans-serif;}
						#DataDetalleMedio dt p { color: #333333; }
						#DataDetalleMedio dd p { color: #666666; }

					#MapaCobertura { flex:0 0 260px; text-align: center; }
						#MapaCobertura img { max-width: 100%; display: block; }
						#MapaCobertura h3 { display: inline-block; font-size: 1.2rem; margin: 15px auto 0 auto; }

				#DataDescripcion { padding:10px 0 0 20px; }
					#DataDescripcion p strong { display: block; margin-bottom: 5px; font:normal 0.8rem "Rob-Medium", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333333;}
					#DataDescripcion p.ContentDescripcion { font-size: 0.8rem; line-height: 1.5em !important; color: #666666;}	

				#DataTarifario { padding: 50px 0; }
					#ContentTarifario { padding-left: 20px; }

					table.tabla_tarifario { width: 100%; }	
						table.tabla_tarifario thead td { padding: 10px; border-bottom: 1px solid #333;}		
						table.tabla_tarifario thead td p strong {font: normal 0.8rem "Rob-bold", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333333;}

						table.tabla_tarifario tbody td {}					
							table.tabla_tarifario tbody tr:nth-child(even) td {} 
							table.tabla_tarifario tbody tr:nth-child(odd) td { background-color: #eae7e7; }	

							table.tabla_tarifario tbody td { padding: 10px; }
							table.tabla_tarifario tbody td p { font-size: 0.8rem; color: #333333;}
							table.tabla_tarifario tbody td p strong { font-family:"Rob-Medium", "ArNarr-regular", Arial, Helvetica, sans-serif; font-weight: normal;}

					p.txt_vigencia { display: block; margin-top: 15px; font-size: 0.8rem; color: #333; padding: 10px; border:1px solid #ccc; }	
					p.txt_vigencia strong { font-family:"Rob-Medium", "ArNarr-regular", Arial, Helvetica, sans-serif; font-weight: normal;}	

				#DataCondicionesEntrega { padding-bottom: 40px; padding-top: 40px }			
					p.TxtEntrega  { display: block; padding-left: 20px; font-size: 0.9rem; color: #333; }	
					
				#DataMedidas { padding-bottom: 50px;}
					#ContentMedidas { padding-left: 20px; }


/*.........................................................................................................................................*/
.SafeZone * { line-height: 1.2em !important;}

p.General { text-align:justify;
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			-ms-hyphens: auto;
			-o-hyphens: auto;					     
			hyphens: auto;}
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*COMPATIBLIDADES///////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {	
	select { padding-right:35px; background:#fff url(imagenes/flecha-select.gif) no-repeat right 50%;}
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*RESPONSIVE///////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1920px) {
html { font-size: 15px; /*1rem = 15px*/} 
.Viewport { max-width:1360px;}	

/*CONTACTO*/
    #InfoMapa address { font-size: 1.15rem;}
}

@media (max-width: 1850px) { 
/*main*/
	#InfoMapa { padding-left: 30px; }
}

@media (max-width: 1600px) { 
/*main*/	
	p.Subvalor.big  { font-size: 2.6rem; }

	/*stanby*/	
	.Slide.stanby {-webkit-clip-path: circle(92% at 50% 50%);			
					clip-path: circle(92% at 50% 50%);}
	/*........*/	
}

@media (max-width: 1470px) { 
.Viewport { max-width:1200px;}

/*main*/
	p.Valor,
	p.Subvalor { text-align: center; margin: 0 auto; padding: 0 30px; }	
	p.Subvalor br { display: block; }
	p.Subvalor.big { font-size: 3.1rem;}

	#PosicionMapa { width: 55%; }
	#InfoMapa { width: 45%; padding-top: 150px; padding-bottom: 150px; }
	
	#ListaLogos li { width: 20%; padding: 20px 85px;}

/*NOSOTROS*/
	#IntroNosotros { padding: 30px 0; }	
		.Interna h1 { font-size: 2.5rem; }
		
		#IntroNosotros h2,
		p.DestacadoIntro { font-size: 1.15rem; }

		#Vision h2,
		#Staff h2 { font-size: 1.1rem; }

	.ListaValores h3 { font-size: 2.5rem; }

	.InfoPerfil span { padding-left: 25px; background-size: 20px auto;}

	.BurbujaEstadistica { width: 340px; height: 340px; }
		p.CantidadEstadistica { font-size: 4.3rem; }
		p.TipoEstadistica { font-size: 1.3rem; }
		p.DescripcionEstadistica { font-size: 0.9rem; }

	p#SloganLogos { padding-bottom: 40px; }


/*SERVICIOS*/
/*main*/
	.InfoServicios header { width: 100%; }

/*ANUNCIANTES*/
	.ListasAnunciantes li h3 { font-size: 0.8rem; }
}

@media (max-width: 1300px) { 
.Viewport { padding:0 30px; max-width:none;}
	
/*header*/
	#Logo { left: 30px; }

/*main*/
	#ListaLogos li { width: 20%; padding-left: 60px; padding-right: 60px;}


/*NOSOTROS*/
	#IntroNosotros { padding: 60px 0; }
		#IntroNosotros header { width: 60%;	}
		#RedLogo { width: 40%; }

	.InfoPerfil a { font-size: 0.7rem; }

/*INTERNAS*/	
	.IntroInterna { padding-top: 60px; }

/*ANUNCIANTES*/	
	#ContentAnunciantes > div { padding-right: 0; }

/*CONTACTO*/
	#ContactoMapa #PosicionMapa { height: calc(100% - 160px);}
	
	#ContactoMapa #InfoMapa {  height: 160px; }
		#ContactoMapa a.BtnAddress, 
		#ContactoMapa #ViasContacto {display: block; width: 100%;}

		#ContactoMapa a.BtnAddress { margin-bottom: 15px;}
}

@media (max-width: 1200px) {
/*DETALLE MEDIO*/
	#ContentPerfil { flex-wrap: wrap; }
		#MapaCobertura { margin-bottom: 15px; padding: 10px; border: 1px solid #ccc; }
	
}

@media (max-width: 1170px) {
/*header*/
	#MainSocial { display: none; } 
	#MenuGeneral > ul > li { margin: 0 15px; }

	.MenuFiltroPorProvincia { width: 100%; }
		.MapaFiltro { display: none; }

		.MenuFiltroPorMedio ul {-webkit-transform: translateX(0);
    							transform: translateX(0);}

    	.MenuFiltroPorMedio li img { width: 35px; }
    	.MenuFiltroPorMedio a div::before { top: -5px;}

/*main*/
	p.Valor.big { font-size: 2.5rem; }
	p.Subvalor.small { font-size: 1.2rem; }

	p.Valor.small {  font-size: 1.2rem;}
	p.Subvalor.big  { font-size: 2.3rem; }

	/*select stanby*/
	.Slide.select.stanby .Globo {-webkit-transform: scale(0.8);
								transform: scale(0.8);}
	/*.............*/	

	#PosicionMapa { width: 50%; background-position: 50% 50%;  }
		#PinMapa {left: 50%;
				 -webkit-transform: translate(-45px, -85px); 
				 transform: translate(-45px, -85px);}

	#InfoMapa { width: 50%; }
	
/*footer*/	
	#MapaSitioMedios #PorProvincia {  padding-right: 0;}
	#MapaSitioMedios #PorAvanzada { display: block;  padding-right: 0; margin-bottom: 15px;}

/*NOSOTROS*/
#IntroNosotros { padding: 60px 0 30px 0; }
	#IntroNosotros header { width: 100%; padding-right: 0;}
		#IntroNosotros h2 br { display: none; }
	#RedLogo { display: none; }

	#ListaIntegrantes li { width: calc(33.33% - 20px);}

	.BurbujaEstadistica { width: 300px; height: 300px; }
		p.CantidadEstadistica { font-size: 3.5rem; }
		p.TipoEstadistica {font-size: 1.1rem;}        

/*ANUNCIANTES*/
#IntroAnunciantes { background-position: top right;}
	#ContentAnunciantes > div { width: 50%; }
	#ContentAnunciantes > div:last-child { width: 100%; }
    
/*CONTACTO*/
    #ContactoMapa #PinMapa { margin-left: 0;}

/*RESULTADO POR TIPO*/
	#NavFiltroProvincia .MenuFiltroPorProvincia { width: 100%; padding-left: 0; }
	#NavFiltroProvincia .FiltroPorProvincia { padding-right: 0; }
}


@media (max-width: 1023px) { 
.SafeZone { -webkit-transition: -webkit-transform 0.3s ease-in-out;
	   		transition: transform 0.3s ease-in-out;}
/*header*/
header.General { position: relative;}
	a#BtnMobile { display:block; position:absolute; z-index:9900; top:30px; left: 0; width:35px; height:35px; cursor:pointer;}
		a#BtnMobile span { -webkit-transition: color 0.3s ease-in-out;
						    transition: color 0.3s ease-in-out;}
		#Barritas { display:block; width:100%; height:100%; background:url(imagenes/icono-menu-open.svg) no-repeat center center;}
		#Equis { display:none; width:100%; height:100%; background:url(imagenes/icono-menu-close.svg) no-repeat center center; }

	#MenuGeneral { position:absolute; overflow-x: hidden; overflow-y:auto; top:0; left:0; width:200px; height:100vh; margin: 0; padding: 0 15px;  background-color: #393939;
				-webkit-transform: translateX(-200px);
				transform: translateX(-200px);
				-webkit-transition: -webkit-transform 0.3s ease-in-out;
				transition: transform 0.3s ease-in-out;}

		#MenuGeneral > ul  { margin: auto; }
		#MenuGeneral > ul > li { display:block !important; height:auto; margin:30px 0; text-align:left;  }					
		#MenuGeneral > ul > li > a { width:100%;  font-size:1rem; padding:0 15px; color: #f2f2f2;}	
		#MenuGeneral > ul > li > a::before { display: none;}	

		
		.DownFiltros { position: absolute; height: calc(100vh - 80px); overflow-y: auto;}
			.DownFiltros .Viewport { padding: 0 50px; }

				#MenuMedios .FiltroPorProvincia { display: block; width: 100%; border-right: none; padding-top: 150px; padding-right: 0;}	
					#MenuMedios .MenuFiltroPorProvincia { padding-left: 0; }

				#MenuMedios .FiltroPorMedio { display: block; width: 100%; text-align: center;}
					#MenuMedios .MenuFiltroPorMedio { position: absolute; top: 0 ; left: 0; width: 100%; padding:0 50px; text-align: left; }
					
					#MenuMedios .FiltroPorMedio { padding-left: 0; }
						#BtnBusquedaAvanzadaHeader { margin: 20px auto 40px auto; }

		/*Mobile*/
        .Mobile #MenuGeneral,
        .Mobile .DownFiltros{ overflow-y: scroll; -webkit-overflow-scrolling: touch;}
		
        
        /*Desktop*/
		.Desktop #MenuGeneral li:not(.select) a:hover { color: #f2f2f2; } 	

		/*select*/
		#MenuGeneral li.select > a { border-bottom: none; border-left: 3px solid #FFE600; color: #FFE600; }	

		/*smaller*/
		header.General.smaller { height:80px;}
		header.General.smaller #Iso { -webkit-transform:none;
									   transform:none;}

		header.General.smaller #Tipo {-webkit-transform:none;
										   transform:none;}

		header.General.smaller #Tipo img {-webkit-transform:none;
										   transform:none;}

		header.General.smaller #Menus { padding-top:35px;}

		header.General.smaller .DownFiltros { -webkit-transform: translateY(80px);
						    					transform: translateY(80px);}

		/*menumode*/
		.menumode { overflow:hidden;}

		.menumode .SafeZone { -webkit-transform: translateX(200px);
							 transform: translateX(200px);}

		.menumode #Barritas { display:none;}
		.menumode #Equis { display:block;}
		.menumode #MenuGeneral { overflow:auto;}		

		/*filtermode*/
		.filtermode { overflow-y: hidden; }
		/*..........*/
        
/*INTERNA*/
    .Interna main { padding-top: 0;}

/*NOSOTROS*/    
	#ListaIntegrantes li { width: calc(33.33% - 10px);}
	
	.InfoPerfil a, 
	p.PhonePerfil { -webkit-transform: translateX(-20px); 
					transform: translateX(-20px); }

/*SERVICIOS*/
    .InfoServicios { padding-top: 50px;}
    
/*ANUNCIANTES*/
	.full ul { width: 20%;}
	
/*CONTACTO*/
#ContentContacto,
#ContactoDirecto,
#ContactoMapa { width: 100%; display: block; }

	#ContactoDirecto #FormContacto {  max-width: none; }

	#ContactoMapa #PosicionMapa { height: 300px; }
		#ContactoMapa #InfoMapa { height: auto; }

/*RESULTADO POR TIPO*/
	#ContentBusqueda header { padding-top: 40px; }
		#TituloSeccion { padding-top: 25px; flex: 1 1 100%; order: 2 }
		#BusquedaRapida { flex: 1 1 100%; order: 1; }
			#BusquedaRapida input[type="text"] { max-width: none; }	
}

@media (max-width: 1000px) { 
/*main*/
	#ListaLogos li { width: 25%; }	

/*SERVICIOS*/
	#Servicios .ListaValores li { width: 50% !important;}
}

@media (max-width: 900px) { 
/*main*/
	#BulletsGeneral { top: auto; bottom: 20px; right: 15px; }

	#NavAccesoRapidoMedios ul { flex-wrap: wrap; justify-content: flex-start; margin-bottom: 15px; }
	#NavAccesoRapidoMedios li { flex:0 0 25%; margin:0 0 30px 0; }
	#NavAccesoRapidoMedios li:nth-of-type(4) a { border-right: none; }

/*footer*/
	#MapaSitio { width: 100%; }
		#MapaSitioMedios { width: calc(100% - 95px);}
			#MapaSitioMedios #PorAvanzada { margin-bottom: 20px; }
			#PorTipo,
			#PorProvincia {  display: block !important; width: 100%; margin: 15px 0; padding-right: 0 !important; }
				#MapaSitioMedios ul { width: 100%; display: block; }
				#MapaSitioMedios li { display: inline-block; vertical-align: top; width: 20%; margin: 5px 0; padding-right: 25px;}
				

				#PorProvincia ul {padding-right: 0; }
	
	/*#LogoFooter { display: none; }*/
    /*red social oculta momentaneamente*/
	#MainSocialFooter { flex: 0 0 auto; padding: 20px 0; text-align: left;}
	#Afip { flex: 1; display: flex; text-align: left; margin-left: 0; padding: 35px 0 0 20px;}	
        #Afip img { width: 40px;}		
	

/*RESULTADO POR TIPO*/
	#ContentListadoResultado { max-height: none; }

	.tabla_tipo_medio,
	.tabla_grupo { width: 120px; }	

	#NavFiltroProvincia .FiltroPorProvincia,
	#ListaCompletaMedios { display: block; width: 100%; }

	#ListaCompletaMedios { padding-top: 25px; }
}

@media (max-width: 800px) { 
/*main*/
	.Up, 
	.Down {height: calc(50% - 120px);}
		p.Valor { margin: 10px auto 5px auto;  }
		p.Valor.big { max-width: 570px; }
		p.Valor.big strong { display: block; }
		p.Valor.small { max-width: 500px; }

		p.Subvalor br { display: none; }

		/*Globos*/
		#SlideTv .Down .Globo {top: 25%; right: 10%;}
		
		#SlideRadio .Up .Globo { bottom: -60px; left:auto; right: 10%;}
		#SlideRadio .Down .Globo {top: -5%; right: 15%;}		
		
		#SlideDiario .Down .Globo {top: 25%; left: 40%;}		

		#SlideDigital .Down .Globo {top: 15%; left: 40%;}
		/*......*/
	
	
	#PinMapa { -webkit-transform: translate(-35px, -65px);
   			   transform: translate(-35px, -65px);}	
		#PinMapa img { width: 60px; height: 60px;}

	#InfoMapa { padding-top: 110px; padding-bottom: 110px; }
		p#TxtMapa { font-size: 1.8rem; }

	#QuickContacto #FormContacto p { font-size: 1.8rem; }
		#FormContacto { padding: 40px;}

	#ListaLogos li { width: 33.33%; padding: 10px 80px;}

/*INTERNAS*/
	.IntroInterna { padding-bottom: 45px; }

/*NOSOTROS*/
	#ListaIntegrantes li { width: calc(50% - 30px);}

/*SERVICIOS*/
	#Servicios .ListaValores li { width: 100% !important;}

/*ANUNCIANTES*/	
	#ContentAnunciantes > div { width: 100%; }	
		#ContentAnunciantes h2,
		.ListasAnunciantes { display: inline-block; vertical-align: top; }
		
	    .full #ContentAnunciantes h2,
		.full .ListasAnunciantes { display: block !important;}

/*BUSQUEDSA AVANZADA*/
	#formulario_avanzado #BtnBusquedaAvanzadaMain { display: block; margin-top: 10px; max-width: 110px; }


/*DETALLE DE MEDIO*/
	#DetalleMedio #BarraBusqueda { padding-bottom: 20px; }
		#NavDetalleMedio { flex: 1 1 100%; padding-bottom: 25px; }
			#NavDetalleMedio a { margin: 0 5px 5px 5px; }
		
		#DataDetalleMedio { flex: 1 1 100%; padding-left: 0; padding-right: 0; }
			#DataDetalleMedio dl { flex: 1 1 100%; }
            
            .tabla_tarifario thead { display: none; }

			.tabla_tarifario,
			.tabla_tarifario tbody,
			.tabla_tarifario tbody tr,
			.tabla_tarifario tbody td { display: block; width: 100%; }

			.tabla_tarifario tbody tr { position: relative; }
				.tabla_tarifario tbody td::before {content: attr(data-info); display: block; padding: 10px 0; font-size: 0.7rem; color: #999;}	
                

}

@media (max-width: 750px) { 
/*main*/
	#ListaLogos li { padding-left: 60px; padding-right: 60px;}

/*NOSOTROS*/
	.ListaValores li { width: 50% !important; }

/*RESULTADO POR TIPO*/	
	#BarraBusqueda h2 { flex: 1 1 100%; text-align: left; margin: 15px 0;}
	#FormFiltros { padding-left: 0; }
		#BarraBusqueda select { margin-left: 0; }	
	
	#BusquedaAvanzada #formulario_avanzado { width: 100%; }
	#BusquedaAvanzada #BarraBusqueda fieldset,
	#BusquedaAvanzada #BarraBusqueda select { display: block; margin-left: 0; margin-bottom: 10px; width: 100%; }

	#BusquedaAvanzada #BarraBusqueda fieldset { padding-right: 0; }

	
/*DETALLE MEDIO*/
	#DetalleMedio #BarraBusqueda h2 { flex: 1 1 100%; order:2;  }	
	#ListadoCompleto #Extra { flex: 1 1 100%; text-align: left; margin-bottom: 0;}
	#DetalleMedio #Extra { flex: 1 1 100%; order: 1; margin:0; text-align: left;}

}

@media (max-width: 680px) { 
/*header*/
	#MenuMedios .FiltroPorProvincia {  padding-top: 220px;}	
	.MenuFiltroPorProvincia > ul > li { width: calc(33.33% - 15px); margin-bottom: 15px;}

	.MenuFiltroPorMedio ul { display: block; }
	.MenuFiltroPorMedio li { width: 25%; margin-bottom: 20px; text-align: left;}	
	.MenuFiltroPorMedio li div { width: 70px; text-align: center; }	

/*main*/
	#BulletsGeneral { display: none; }	

/*footer*/	
	#MapaSitioMedios li { width: 33.33%; }		
	
	#Legales { text-align: center; }
	p#Copy,
	p#CreacionUno { float: none; display: block; text-align: center; }

	p#CreacionUno { margin-top: 20px; }

/*NOSOTROS*/
	#ListaIntegrantes li { width: calc(50% - 5px);}	

	#Vision { padding-bottom: 10px; }
	#Staff { padding-bottom: 20px; padding-top: 0; }
		#ListaIntegrantes { display: block; width: 100%; text-align: center; }
		#ListaIntegrantes li { width:100%; max-width: 325px; margin-bottom: 16px; margin-left: auto; margin-right: auto;}	
		.InfoPerfil a,
		p.PhonePerfil { -webkit-transform: none;
						transform: none;}

	#Estadisticas { display: block; }
	#EstadistcasAnunciantes, 
	#EstadistcasMedios  { flex: none; width: 100%; }

	p#SloganLogos { font-size: 1.4rem; }

/*ANUNCIANTES*/
	#IntroAnunciantes { background-image: none; }
	.full ul { width: calc(50% - 25px);}

/*RESULTADO POR TIPO*/	
	#EncabezadoListadoResultado { display: none; }
	
	.tabla_listado_provincias,
	.tabla_listado_provincias tbody,
	.tabla_listado_provincias tr,
	.tabla_listado_provincias td { display: block; }

	.tabla_listado_provincias tbody { width: 100%; }
	.tabla_listado_provincias tr { position: relative; }
		.tabla_listado_provincias td { border: none; padding-right: 40px; padding-left: 0; }
		.tabla_listado_provincias td::before {content: attr(data-info); display: block; font-size: 0.7rem; color: #999;}
		
		.tabla_listado_provincias td.tabla_nombre_provincia,
		.tabla_listado_provincias td.tabla_tipo_medio, 
		.tabla_listado_provincias td.tabla_grupo { width: 100%;  padding-right: 60px !important;}

		.tabla_listado_provincias td.tabla_detalle { position: absolute; top: 0; right: 0; padding: 0; background: none !important; }

}

@media (max-width: 600px) {
/*main*/
	p.Valor.big { font-size: 2rem; max-width: 460px;}
	p.Subvalor.small { font-size: 1rem;}

	p.Valor.small {  font-size: 1rem;}
	p.Subvalor.big  { font-size: 2rem;}

	p.Subvalor br {display: none;}

	#NavAccesoRapidoMedios ul { }
		#NavAccesoRapidoMedios li { flex:0 0 33.33%; }
		#NavAccesoRapidoMedios li:nth-of-type(3) a { border: none; }
		#NavAccesoRapidoMedios li:nth-of-type(4) a { border-right: 1px solid #CCCCCC; }
		#NavAccesoRapidoMedios li:nth-of-type(6) a { border: none; }

	#Mapa,
	#PosicionMapa,
	#InfoMapa { display: block; width: 100%; }

	#PosicionMapa { height: 300px; }
	#InfoMapa { padding-top: 40px; padding-bottom: 40px; }

	p#TxtMapa { font-size: 1.7rem; }

	#QuickContacto #FormContacto p br { display: block; }

	#ListaLogos li { padding-left: 30px; padding-right: 30px;}

/*NOSOTROS*/
	#IntroNosotros header div {width: 100%; display: block;}
	#IntroNosotros header div:last-child { padding-left: 0; }	

}

@media (max-width: 540px) {
/*main*/
	/*Globos*/	
	#SlideRadio .Up .Globo { right: auto; left: 25%;}
	#SlideRadio .Down .Globo { right: 10%;}	

	#SlideDiario .Down .Globo {top: 15%; left: 30%;}

	#SlideDigital .Down .Globo {left: 35%;}		

	/*.select.stanby*/
	.Slide.select.stanby .Globo { -webkit-transform: scale(0.6);
    								transform: scale(0.6);}
    /*..............*/

/*footer*/	
	#MapaSitioMedios li { width: 50%; }	

/*NOSOTROS*/
	.Interna h1 { font-size: 2rem; }
	.Interna main h2 { font-size: 1rem; }

	#IntroNosotros h2,
	p.DestacadoIntro { font-size: 1.1rem; line-height: 1.5em !important; }

	.ListaValores li { width: 100% !important; display: block; padding-right: 0; padding-left: 23px; margin-bottom: 25px; background-position: 0 6px; background-size: 17px auto; }
		.ListaValores h3 { font-size: 1.5rem; }
		.ListaValores h4 { font-size: 1rem; }	

/*SERVICIOS*/
/*main*/
	.InfoServicios.blanco { padding-top:40px; }

/*ANUNCIANTES*/
	#ContentAnunciantes h2,
	.ListasAnunciantes { display: block; }

/*BUSQUEDA POR TIPO*/
	#BarraBusqueda h2 { font-size: 1.4rem; }

/*DETALLE DE MEDIO*/
	#NavDetalleMedio a { display: block; width: 100%; max-width: 120px; }		
}

@media (max-width: 480px) { 
/*main*/
	p.Valor, 
	p.Subvalor { padding: 0 15px; }	
	
	p.Valor.big { font-size: 1.4rem; max-width: 350px;  }
	p.Subvalor.big { font-size: 1.4rem; }
    
/*footer*/
    #Afip { justify-content: flex-end;}	

/*RESULTADO POR TIPO*/
	#Busqueda #BarraBusqueda h2 strong { display: block; }

/*PERFIL MEDIO*/
	#DetalleMedio #BarraBusqueda h2 { display: inline-block; }
}

@media (max-width: 450px) { 
.Viewport { padding:0 15px;}

header.General { position: relative; height: 60px; }
	a#BtnMobile { top: 15px; }
	#Logo { width: 160px; top: -5px; }
	#Menus { padding-top: 20px }
		.DownFiltros { height: calc(100vh - 60px); top: -20px; }
        
        .MenuFiltroPorProvincia > ul > li {width: calc(50% - 15px);}
        .MenuFiltroPorProvincia > ul ul a { font-size: 0.85rem; padding: 8px; text-indent: 0; border-radius: 5px; margin-bottom: 5px; border: 1px solid #ccc;}
        .MenuFiltroPorProvincia > ul > li p { border: none;}
        .MenuFiltroPorProvincia > ul ul a::before { display: none;}
        
        #BtnBusquedaAvanzadaHeader { margin-bottom: 80px;}

	/*smaller*/
	header.General.smaller { height:60px;}
	header.General.smaller #Menus { padding-top:20px;}
	/*......*/

/*main*/
	#SlideGeneral { height: calc(100vh - 60px);}			

	#QuickContacto { padding: 20px 0; background-image: none; background-color: #FFE600; }
		#FormContacto { padding:30px 0; }
		#FormContacto input[type="email"],
		#FormContacto input[type="tel"] { display: block; width: 100%; margin-left: 0; margin-right: 0; }

	#ListaLogos li { padding-left: 20px; padding-right: 20px;}

/*footer*/
footer.General { padding: 35px 0; }
	#MapaSitioGeneral { display: block; width: 100%; }
		#MapaSitioGeneral ul { width: 100%; }
		#MapaSitioGeneral li { display: inline-block; vertical-align: middle; width: 50%; }

	#MapaSitioMedios { display: block; width: 100%; margin-top: 25px; padding-left: 0; }
		#MapaSitioMedios h2 { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #333; }
		#MapaSitioMedios li { width: 33.33%; }

	#Legales { margin-top: 30px; }
	#Copy span { display: block; }

/*INTERNAS*/
	.Interna main { padding-top: 0; }
	.Interna h1 { margin-bottom: 5px !important; }

/*NOSOTROS*/
	#IntroNosotros { padding-top: 60px; padding-bottom: 40px; }
	p#SloganLogos { font-size: 1.2rem; }

/*SERVICIOS*/
	#Servicios h1 { margin-bottom: 30px !important; }

/*CONTACTO*/
	#ContactoDirecto #FormContacto { background: none; }

/*BUSQUEDA POR TIPO*/
	#FormFiltros { margin-bottom: 20px; }
	#Extra { flex: 1 1 100% !important; text-align: left;}

	#ListaCompletaMedios .BurbujaEstadistica { width: 300px; height: 300px; }
}

@media (max-width: 400px) {
/*header*/
	#MenuMedios .FiltroPorProvincia { padding-top: 280px; }
	.MenuFiltroPorMedio li { width: 33.33%; }

/*main*/
	#ContentAccesosRapidosMedios { padding: 70px 0; }
		#ContentAccesosRapidosMedios h1 { font-size: 1.5rem; }
		#NavAccesoRapidoMedios ul { margin-top: 40px; }
			#NavAccesoRapidoMedios li { flex:0 0 50%; }
			#NavAccesoRapidoMedios li a { border-right: 1px solid #CCCCCC !important; }	
			#NavAccesoRapidoMedios li:nth-of-type(even) a,
			#NavAccesoRapidoMedios li:last-child a { border-right: none !important; }
	
/*ANUNCIOANTES*/
	.full ul { width: 100%; margin-right: 0;}
} 


@media (max-height: 800px) {
/*main*/
	.Up,
	.Down { height: calc(50% - 80px); }
}


/*ANIMACIONES::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*MAPA*/
@-webkit-keyframes PinMapa {
	0% { -webkit-transform:translateY(0) scale(1.2);}	   
    50% {-webkit-transform:translateY(-15px) scale(1);}		
	100% {-webkit-transform:translateY(0) scale(1);}	
}

@keyframes PinMapa {
	0% { transform:translateY(0) scale(1.2);}	   
    50% {transform:translateY(-15px) scale(1);}		
	100% {transform:translateY(0) scale(1);}	
}