@font-face{ 
	font-family: "Font1Condensed"; 		
	src: url('fonts/font1_condensed.ttf') format('truetype');
}

@font-face{ 
	font-family: "Font1CondensedBold"; 		
	src: url('fonts/font1_condensedbold.ttf') format('truetype');
}

@font-face{ 
	font-family: "Font1CondensedLigthItalic"; 		
	src: url('fonts/font1_condensedligthitalic.ttf') format('truetype');
}

@font-face{ 
	font-family: "Font3Regular"; 		
	src: url('fonts/font3_regular.ttf') format('truetype');
}


/* MENSAJE OLD BROWSER IE 7.................................................................................................................... */
#Mensajes { position:relative; width: 100%; height:100%; text-align:center; background-color:#ccc; display:none;}
    #CuerpoMensaje { position:absolute; top:50%; left:50%; width:500px; padding:20px 0; margin:-100px 0 0 -250px; background-color:#fff; text-align:center;}
    #CuerpoMensaje h1 { font-style:italic; font-weight:normal;  color: #666; font-size:20px; display:block; margin-bottom:15px;}
    #CuerpoMensaje div { width:100%; margin:0 auto; position:relative;  border-top:1px solid #ccc;}
    #CuerpoMensaje h2 { position:absolute; top:-7px; left:50%; width:100px; margin:0 0 0 -50px; background-color:#FFF; font-size:10px; color:#666;}
    #CuerpoMensaje ul { display:block; margin:15px 0 0 127px; list-style:none;}
    #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,
table,caption,tbody,tfoot,thead,tr,th,td,
article, aside, canvas, details, embed, 
header, main, footer, 
figure, figcaption, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:none;}

input, textarea, button  { margin:0; padding:0; outline:0; border:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
	
/*HTML 5*/
article, aside, canvas, details, embed, 
header, main, footer,
figure, figcaption, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {display: block;}

a { text-decoration:none !important; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -moz-user-select: none;	-ms-user-select: none; user-select: none;}
	
/* 1 - SETEOS GLOBALES.................................................................................................................... */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
html, body { height:100%;} 

body {   
	margin:0 auto;
	text-align:center; 
	font:normal 11px "Font1Condensed", Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
  } 

.clear { clear: both;}		

.SafeZone { width:100%; height:100%; margin:0 auto; font-size:0px;}
	 .Viewport { position:relative; width:95%; max-width:1400px; height:100%; margin:0 auto; /*outline:1px solid red;*/}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*HEADER...................................................................................................................................*/ 
header { position:relative; width:100%; padding:5px 0 11px 0; background-color:#ffffff;}
	#Logo { width:calc(100% - 821px); float:left; text-align:left;}
	#Home #Logo { width:calc(100% - 745px) !important;}
		
		#Logo a { width:100%; display:block;}
		#Logo img { max-width:100%; display:block;}
	
	/*Mobile*/
	a.BtnMenuMobile { display:none;}
	/*.....*/
	
	#MenuGeneral { position:absolute; z-index:900; right:0; bottom:0;   float:right; text-align:right;}
		#MenuGeneral ul { list-style:none;}
		#MenuGeneral li { display:inline-block; vertical-align:middle; font-size:15px; color:#13213F;}
		#MenuGeneral a { display:block; padding:0 9px; color:#13213F;}
		
		#MenuGeneral a.Select { color:#000; font-weight:bold; cursor:default;}
		
		/*Desktop*/
		.Desktop #MenuGeneral a:not(.Select):hover { color:#3F76B7;}
		/*.......*/
	 
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*CENTER..................................................................................................................................*/  
main {width:100%;}
	#Mosaico { position:relative; overflow:hidden; width:100%; height:260px; border-top:3px solid #132340; text-align:left;  background-color:#565654;}
	img[alt="Mosaico"] { position:absolute; z-index:100; left:50%; /*opacity:0.5;*/
						-webkit-transform: translateX(-50%);			
						transform: translateX(-50%);}
	
	/*
	#Maya { position:absolute; z-index:50; width:100%; height:100%; text-align:center;}
	#Maya div { width:3.5%; height:25%; display:inline-block; vertical-align:middle; opacity:0;   background:url(imagenes/luz.png) no-repeat 50% 50%; background-size: 100% auto; outline:1px solid red;}
	*/
	#BrilloTop { position:absolute; z-index:50;
				-webkit-animation:brillo 10s linear infinite;
				  animation: brillo 10s linear infinite;}
			  
	#BrilloBott { position:absolute; z-index:40;
				 -webkit-animation: brillo 3s linear infinite;
				  animation: brillo 3s linear infinite;}
	
	
	#MosaicoNombres { width:100%;  text-align:left;  border-bottom:4px solid #333; background-color:#132340;}
		#Home .Slice { position:relative; overflow:hidden; width:100%;  height:37px;; }
		ul.Items { list-style:none;  position:absolute; width:auto; height:100%; display:inline-block; white-space:nowrap;
					-webkit-animation: moveSlideshow 50s linear infinite;
   					animation:  moveSlideshow 50s linear infinite;}
		ul.Items li { display:inline-block; vertical-align:middle; margin:0 3px; font-size:30px; color:#999999;}	
		
		
	
	#WidgetHomes { width:100%;  text-align:left; background-color:#E8E8E8;}		
		#WidgetHomes .Viewport { height:100%;
								 background: -webkit-linear-gradient(#ffffff 70%, #E8E8E8 100%);			 
						 		 background: linear-gradient(#ffffff 70%, #E8E8E8 100%);}			
			#WNovedades, 
			#WUnasPalabras { position:relative; display:inline-block; vertical-align:top;
						     -webkit-box-sizing: border-box;
						     box-sizing: border-box; }
			
			#WNovedades { width:30%; padding:75px 40px 30px 40px; border-right:7px solid #E8E8E8; }				
				#WNovedades h2,
				#WUnasPalabras h2 { position:absolute; top:15px; left:0; padding:9px 25px 9px 50px; font-size:18px; color:#1D3372;}
				
				#WNovedades h2 { background:#E1E1E1 url(imagenes/iconodiario.jpg) no-repeat 10px 50%;}				
				#WNovedades h1 { display:block; margin-bottom:10px; font:normal 30px "Font1CondensedBold", Arial, Helvetica, sans-serif; color:#333333;}
				#WNovedades div { width:50%;  display:inline-block; vertical-align:top;}
					#WNovedades img { max-width:100%; display:block;}
				#WNovedades p { width:50%; display:inline-block; vertical-align:top; padding:15px 0 0 15px; font-size:18px; color:#333333;
								-webkit-box-sizing: border-box;
								 box-sizing: border-box;}
				#WNovedades a { display:block; padding:20px 0 0 50px; margin-top:20px; background:url(imagenes/iconopdf.png) no-repeat 0 0; color:#FF0000;}
				
				/*Desktop*/
				.Desktop #WNovedades a:hover { color:#000;}
				/*.......*/
			
			
			#WUnasPalabras { width:70%; padding:75px 60px 22px 40px;}			
				#WUnasPalabras h2 { background-color:#E1E1E1;}
				
				#WGroup { width:100%; display:table;}					
					#WUnasPalabras .Foto { display:table-cell; vertical-align:top; padding:14px 14px 35px 14px; background:url(imagenes/fondominiaturahome.jpg) no-repeat 0 0;}
					#WUnasPalabras .Texto { display:table-cell;  vertical-align:top; padding-left:35px;}
						.Texto h1 { font:normal 30px "Font1CondensedBold", Arial, Helvetica, sans-serif; color:#333333;}
						.Texto p.Frase { display:block; font:normal 20px "Font1CondensedLigthItalic", Arial, Helvetica, sans-serif; color:#333333; text-align:justify;}
						.Texto p.Firma { display:block; font-size:18px; padding-top:15px; text-align:right;}
		
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*FOOTER...................................................................................................................................*/
footer {width:100%; text-align:left; padding:10px 0 40px 0;}
	footer address { float:left; font-style:normal;}
		footer address a[title="Ver Mapa"] { display:inline-block; vertical-align:middle;}
		footer address p { display:inline-block; vertical-align:middle; margin-left:16px; font-size:16px; color:#333;}
		a.LinkContacto { color:#333;}		
	
	#CreacionUno { float:right;}
		#CreacionUno p { font-size:12px; color:#333333;}
		#CreacionUno a { color:#333333;}
		
		/*Desktop*/
		.Desktop footer address a[title="Ver Mapa"]:hover { opacity:0.5;}
		.Desktop a.LinkContacto:hover,
		.Desktop #CreacionUno a:hover { color:#000;}
		/*.......*/
	   
	  
/*INTERNAS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*.........................................................................................................................................*/
.Interna {}
	.Interna main { min-height:550px;  text-align:left; background:#E8E8E8 url(imagenes/mosaico.jpg) no-repeat 50% 0; background-size:100% auto; border-top:1px solid transparent;}
		.Interna main .Viewport { height:100%; margin-top:60px; padding-top:20px;
								  background: -webkit-linear-gradient(#ffffff 70%, #E8E8E8 100%);			 
								  background: linear-gradient(#ffffff 70%, #E8E8E8 100%);}
								  
			h1.TituloGeneral { width:auto; display:inline-block; vertical-align:middle; padding:9px 25px 9px 50px; font-size:18px; font-weight:normal; color:#1D3372;  background:#E1E1E1 url(imagenes/internas/iconoempresa.jpg) no-repeat 20px 50%;}

/*PRESENTACION.................................................................................................................*/
#Presentacion {}
	#ContentPresentacion { width:100%; padding:28px 125px 70px 125px;
						  -webkit-box-sizing: border-box;
						   box-sizing: border-box;}
						   
		h2.TituloContent { display:block; margin-bottom:8px; font-size:25px; font-weight:normal; color:#333333;}
		
		#ContentPresentacion picture { position:relative; display:block; width:100%;}
		#ContentPresentacion picture p { position:absolute; left:15px; bottom:10%; padding:4px 10px; font-size:13px; color:#666666; background-color:#FFF;}
		#ContentPresentacion picture img { max-width:100%; display:block;}
		
		.Col {-webkit-column-count: 2;
			  -webkit-column-gap: 34px;
			  -moz-column-count: 2;
			  -moz-column-gap: 34px;
			  column-count: 2;
			  column-gap: 34px;}
			  
		.Col p { font-size:16px; line-height:25px; color:#333; text-align:justify;}
		
/*AUTORIDADES......................................................................................................................*/
#Autoridades {}
	#ContentAutoridades { width:100%; padding:28px 87px 70px 87px;
						  -webkit-box-sizing: border-box;
						   box-sizing: border-box;}
		
		#ContentAutoridades ul { width:100%; display: inline-block; text-align:justify; font-size:0px; font-size:0.1px; list-style:none;}
			#ContentAutoridades li { display:inline-block;  vertical-align:top; padding-bottom:25px; text-align:center;}
			#ContentAutoridades img { max-width:100%; display:block; margin:0 auto; border:1px solid #D0D0D0;
									  -webkit-box-sizing: border-box;
									   box-sizing: border-box;}
			#ContentAutoridades h3 { display:block; margin-top:10px; font-size:14px; font-weight:normal; color:#333333;}
			#ContentAutoridades h4 { display:block; font-size:20px; color:#333;}
		
		#ContentAutoridades ul:after { content:""; width: 100%; display: inline-block;}
		

/*EMPRESAS PARTICIPANTES.................................................................................................................*/
			#FiltroAlfabetico { width:calc(100% - 230px - 50px); display:inline-block; vertical-align:middle; padding:0 25px;}
				#FiltroAlfabetico ul { display:table; width:100%; list-style:none;}
				#FiltroAlfabetico li { display:table-cell; font-size:25px; color:#999999;}
				#FiltroAlfabetico a { cursor:pointer;}
				
				/*Desktop*/
				.Desktop #FiltroAlfabetico a:hover { color:#1D3573;}
				/*.......*/
				
			#SelectAlfabetico { display:none;}
				
			#ListaEmpresas { width:100%; padding:0 45px 50px 45px;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;}
							
			#ListaEmpresas ul { list-style:none;}
				#ListaEmpresas li { position:relative; overflow:hidden; display:inline-block; vertical-align:top; width:22%; margin:30px 1.5% 0 1.5%; text-align:left; color:#333; background-color:#FFF; border:1px solid #999999;
									-webkit-box-sizing: border-box;
								    box-sizing: border-box;
									-webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;							  
					 				transition: opacity 0.3s ease-out, visibility 0.3s ease-out;}
									
				#ListaEmpresas li.Off { width:0px; height:0px; margin:0; border:none;  opacity:0; visibility:hidden;}
									
					#ListaEmpresas picture { display:block; text-align:center; padding:23px 48px 14px 48px; border-bottom:1px solid #CCCCCC;
											-webkit-box-sizing: border-box;
								   			 box-sizing: border-box;}
					#ListaEmpresas picture img { max-width:100%; display:block; margin:0 auto;}
					#ListaEmpresas picture p { font-size:14px; display:block; margin-top:10px; text-align:center;}
					
					#ListaEmpresas address { display:block; padding:19px 0 19px 20px; border-bottom:1px solid #CCCCCC;}
					#ListaEmpresas address p { font-size:16px; font-style:normal; padding-left:23px; background:url(imagenes/internas/iconopin.jpg) no-repeat 0 5px;}
					#ListaEmpresas address strong { font-size:25px; font-weight:normal;}
					
					.Phone { font-size:25px; padding:15px 0 15px 20px;}
					.Phone a { color:#333333;  padding-left:23px;  background:url(imagenes/internas/iconophone.jpg) no-repeat 0 0; }
						
					.EMail {text-align:center;} 
					.EMail a { display:block; font-size:18px; padding:8px 0; color:#1D3372; background-color:#E1E1E1;}
					
					.Web { text-align:center;}
					.Web a { display:block; font-size:18px; font-weight:bold; padding:8px 0; color:#1D3372;}
					
					/*Desktop*/
					.Desktop .EMail a:hover { color:#fff; background-color:#1D3573;}
					.Desktop .Web a:hover { color:#fff;  background-color:#1D3573;}
					/*.......*/					
			  
			#ListaEmpresas ul:after { content:""; width: 100%; display: inline-block;}
			
/*GESTIONES CUMPLIDAS............................................................................................................*/
#GestionesCumplidas {}
	.Proximamente { width:100%; display:block; text-align:center; font-size:30px; padding:200px 0 200px 0;}

/*NOTICIAS......................................................................................................................*/
#Noticias {}			
			
/*CONTACTO*...................................................................................................,,,,,,,,,.........*/
#Contacto {}
	#ContentContacto { width:100%; padding:28px 80px 70px 80px;
						  -webkit-box-sizing: border-box;
						   box-sizing: border-box;}
		
		#FormularioContacto { width:50%; display:inline-block; vertical-align:top; padding-right:80px;
					 -webkit-box-sizing: border-box;
					  box-sizing: border-box;}
					  
			#FormularioContacto h2.TituloContent { font-family:"Font1CondensedBold", Arial, Helvetica, sans-serif !important; font-weight:normal !important;}
			
					  
			#FormularioContacto label,
            #FormularioContacto input[type="text"],
            #FormularioContacto textarea,
            #FormularioContacto input[type="submit"] {  display:inline-block; vertical-align:middle;
                                                -webkit-box-sizing: border-box;
                                                 box-sizing: border-box;}
            
            #FormularioContacto label { width:30%; font-size:16px; color: #333; text-align:right; padding-right:3%; margin-bottom:15px;}
            #FormularioContacto label[for="mensaje"] { line-height:35px;}
            
                #FormularioContacto input[type="text"],
                #FormularioContacto textarea { font:normal 12px Arial, Helvetica, sans-serif;  border:1px solid #CCC;  padding:7px; background-color:#FFF;}
                
                #FormularioContacto input[type="text"] { width:70%; height:30px; margin:0 0 15px 0;}            
                #FormularioContacto textarea { width:70%; height:140px; vertical-align:top; overflow: auto; }
                
                /*Desktop*/
                .Desktop #FormularioContacto input[type="text"]:hover,
                .Desktop #FormularioContacto textarea:hover { border-color:#000; }
                /*.......*/
                        
                #FormularioContacto input[type="text"]:focus,
                #FormularioContacto textarea:focus { outline:1px solid #1F3473; color:#1F3473;}                                
                
                #FormularioContacto input[type="submit"] { width:70%; background-color:#E6E6E6; border:1px solid #999999; float: right; padding:5px 0; cursor:pointer; display:block; margin-top:10px; font:normal 18px "Font1CondensedBold", Arial, Helvetica, sans-serif; color:#333333;}
                
                /*Desktop*/
                .Desktop #FormularioContacto input[type="submit"]:hover { background-color:#1F3473; color:#FFF;}
                /*.......*/
		
		#Geoposicion { width:50%; display:inline-block; vertical-align:top;}
			#Mapa { width:50%; height:390px; padding:15px;  display:inline-block; vertical-align:top; border:1px solid #CCC; background-color:#FFF;
			 		-webkit-box-sizing: border-box;
                     box-sizing: border-box;}	
					 
				#Mapa iframe { width:100%; height:100%;}
              
			#Info { width:50%; display:inline-block; vertical-align:top; padding:10px 10px 10px 30px; color:#333333;
					-webkit-box-sizing: border-box;
                     box-sizing: border-box;}
					 
                #Info h2 { padding:15px 0 7px 0;  font-size:14px; font-weight:normal;}
				#Info h2 strong {font:normal 25px "Font1CondensedBold", Arial, Helvetica, sans-serif;}
				
				#Info address { font-size:16px; font-style:normal; padding:10px 0 10px 25px; background:url(imagenes/internas/iconopin.jpg) no-repeat 0 15px;}
				#Info address strong { display:block; font-size:25px; font-weight:normal;}				
				
				#Phone { padding:5px 0;}
				#Phone p { font-size:24px; color:#666666;  padding:0 0 0 25px;}
				#Phone p:first-child { background:url(imagenes/internas/iconophone.jpg) no-repeat 0 0;}
				#Phone strong { font-weight:normal; color:#333333;}
				
				#Mail { padding:15px 0 0 25px;}
				#Mail a { font-size:18px; color:#1D3372;}
				
				/*Desktop*/
				.Desktop #Mail a:hover { color:#000;}
				/*.......*/
              
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*ANCHOS///////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1350px) { 
	/*HOME*/
	/*#MosaicoNombres li { font-size:20px;}*/
	
	#WNovedades { width:40%;}
	#WUnasPalabras { width:60%;}
	
	#WNovedades div { width:auto;}
}

@media (max-width: 1200px) { 
	/*HOME*/
	#WNovedades,
	#WUnasPalabras { width:100%; display:block;} 
	
	#WNovedades { border-right:none; border-bottom:7px solid #E8E8E8; }	
	
	/*EMPRESAS PARTICIPANTES*/
	.Interna main { background-size:auto auto;}
	
	/*CONTACTO*/
	#FormularioContacto { width:100%; padding-right:0px; display:block;}
		 #FormularioContacto input[type="text"],  
         #FormularioContacto textarea,
		 #FormularioContacto input[type="submit"]{ width:60%;}
		 
		  #FormularioContacto input[type="submit"] { margin-right:10%;}
		 
		 #FormularioContacto:after {content:""; width: 100%; display:block; clear:both;}		
	
	#Geoposicion { width:100%; display:block; margin-top:20px;}
	
	
}

@media (max-width: 1100px) {
	/*HOME*/
	header { padding-bottom:0px;}
	
		#Logo,
		#Home #Logo { width:300px !important;}
		
		a.BtnMenuMobile { display:block; float:right; width:35px; height:31px; margin-top:23px; background:url(imagenes/btnmenumobile.jpg) no-repeat 0 0; cursor:pointer;}
		a.BtnMenuMobile.Open { background-position:0 -31px;}
		
		#MenuGeneral { position:relative; width:100%; display:block; bottom:auto; margin-top:11px; text-align:left; background:rgba(255,255,255,0.9); max-height:0px; overflow:hidden;
					  -webkit-transition: max-height 0.3s ease-out;							  
					  transition: max-height 0.3s ease-out;}
					  
		#MenuGeneral.Open { max-height:1000px;}		
			
			#MenuGeneral li { display:block;}
			#MenuGeneral li:nth-child(even) { display:none;}
			#MenuGeneral a { padding:15px 0px 15px 103px;}
			
			/*Desktop*/
			.Desktop #MenuGeneral a:hover { color:#3F76B7;}
			/*.......*/
			
	/*PRESENTACION*/	
	#ContentPresentacion { padding-left:70px; padding-right:70px;}
	
	/*AUTORIDADES*/
	#ContentAutoridades { padding-left:43px; padding-right:43px;}
			
	/*EMPRESAS PARTICIPANTES*/
	#ListaEmpresas li { width:30.33%;}
}

@media (max-width: 910px) { 
	/*HOME*/	
	/*#MosaicoNombres li:nth-last-child(-n+4) { display:none;}*/
	
	/*EMPRESAS PARTICIPANTES*/
	#FiltroAlfabetico { width:100%; display:block; margin-top:10px;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;}
						
	#ListaEmpresas { padding-left:25px; padding-right:25px;}
}

@media (max-width: 830px) {
	/*PRESENTACION*/	
	#ContentPresentacion { padding-left:35px; padding-right:35px;}
	#ContentPresentacion picture p { left:0px;}
	
	.Col {  -webkit-column-count: 1;
			-webkit-column-gap: 0px;
			-moz-column-count: 1;
			-moz-column-gap: 0px;
			column-count: 1;
			column-gap: 0px;}
			
	.Col p { margin-top:25px;}
	
	/*EMPRESAS PARTICIPANTES*/
	#ListaEmpresas li { width:47%;}
	
	#FiltroAlfabetico { display:none;}
	
	#SelectAlfabetico { display:block; float:right;  margin:0 35px 0 0; }
	#SelectAlfabetico label { display:inline-block; vertical-align:middle; margin-right:15px; font-size:15px; color:#666;}
	#SelectAlfabetico select { height:40px;  display:inline-block; vertical-align:middle; margin:0; padding:0; border:none; outline:none; font-size:25px; color:#999999; border:1px solid #ccc;}
	
	/*CONTACTO*/	
	#ContentContacto { padding-left:40px; padding-right:40px;}
		 #FormularioContacto input[type="text"],  
         #FormularioContacto textarea,
		 #FormularioContacto input[type="submit"]{ width:70%;}
		 
		 #FormularioContacto input[type="submit"] { margin-right:0%;}
		  
		#Mapa { width:100%; display:block;}
		#Info { width:100%; display:block;}

	
}

@media (max-width: 680px) {
	/*HOME*/
	#WGroup { display:block;}	
		#WUnasPalabras { padding-right:38px;}
			#WUnasPalabras .Foto { display:block;}
			#WUnasPalabras .Texto { display:block; padding-left:0px;}
			
	footer address,
	#CreacionUno {  float:none; display:block; width:100%; text-align:center;}	
	
	footer address a[title="Ver Mapa"],
	footer address p { display:block;}
	
	footer address a[title="Ver Mapa"] { margin-bottom:15px;}
		
	#CreacionUno { margin-top:25px;}			
}

@media (max-width: 520px) {	
	/*EMPRESAS PARTICIPANTES*/
	#SelectAlfabetico { float:none;  margin:10px 35px 0 60px; }
	#ListaEmpresas li { width:97%;}	
	
	/*CONTACTO*/	
	#FormularioContacto label,
	#FormularioContacto input,
	#FormularioContacto textarea { width:100% !important; display:block;}	
	
	#FormularioContacto label { padding-right:0px; margin-bottom:2px; text-align:left;}	
	#FormularioContacto label[for="mensaje"] { line-height:16px;}
	
}

@media (max-width: 450px) { 
	/*EMPRESAS PARTICIPANTES*/
	#ContentAutoridades ul { text-align:center;}
	
	/*CONTACTO*/
	#ContentContacto { padding-left:20px; padding-right:20px;}	
		#Info h2 { font-size:12px;}	 
		#Info address,
		#Info address strong,
		#Phone p { font-size:18px !important;}
}

@media (max-width: 430px) { 
	/*HOME*/
	#Logo,
	#Home #Logo { width:215px !important;}
	
	a.BtnMenuMobile { margin-top:15px; }
	
	#MenuGeneral a { padding-left:75px;}
	
	#WNovedades div { display:none;}
	#WNovedades p { width:100%; padding-left:0px; padding-right:0px;}
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*ALTOS///////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-height: 768px) {      
}

@media (max-height: 600px) {     
}

@media (max-height: 480px) {   
}

@media (max-height: 320px) {    
}

@media (max-height: 240px) {   
}


@-webkit-keyframes moveSlideshow {
    0% { left: 0; }
    100% {left: -3282px; } /*equivalen al ancho de 3 modulos*/
}
@keyframes moveSlideshow {
    0% { left: 0; }
    100% {left: -3282px; }
}


@-webkit-keyframes brillo {
    0% { background-color:transparent; }
    100% { background-color:#FFF; }
}
@keyframes brillo {
    0% {left:-100% }
    50% { left:0%; }
	100% { left:100%; }
}


p#control { position:fixed; z-index:9999; top:0; left:0; background-color:#111; font:normal 20px "Font1Condensed", Arial, Helvetica, sans-serif; color:#f1f1f1; display:none;}