/* 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, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:none;}



button, input, select, textarea { margin:0; padding:0;}



/*HTML 5*/

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {display: block;}



/* 1 - SETEOS GLOBALES.................................................................................................................... */

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

html, body { height:100%;} 



body {   

    margin:21px auto 0 auto;

    text-align:center; 

	font:normal 11px Arial, Helvetica, sans-serif;

	background-color:#000;

  } 



.clear { clear: both;}

span.clear { clear: both; display: block;}





/* 2 - SETEOS GENERALES.................................................................................................................... */

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#SafeZone { width:998px; margin:0 auto; background-color:#FFF;}

	/*Modal*/
	#ModalRedireccion { position:fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); opacity: 0; visibility: hidden;
						-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
						transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
						
		#ContentModal { position: absolute; overflow: hidden;top: 50%; left: 50%; text-align: center; background-color: #F8CC00; width: 100%; max-width: 400px; border-radius:5px;
						-webkit-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);}
		
		#ContentModal header { background-color: #000; padding: 25px 25px 10px 25px;}
			#ContentModal h2 { display:block; font-size: 20px; color: #fff; background-color: #000;}
			
		#ContentModal footer { padding: 5px 25px 25px 25px;}	
			p#Contador { display: inline-block; margin: 10px auto; font-size:25px; width: 35px; height: 35px; padding-top: 2px; color: #fff; background-color: #000; border-radius: 50%;}
			p#MensajeTextual { font-size:17px; display: block; margin-bottom: 10px;}
			a#BtnPermanecer { font-size:15px; display: inline-block; color: #fff; background-color: #000; padding: 5px 10px; border-radius: 5px; cursor: pointer;}

	
	/*modalmode*/
	.modalmode { overflow: hidden;}
	.modalmode #ModalRedireccion { opacity:1; visibility: visible;}
	/*.........*/
    
    /*Modal alertas*/
    #ModalAlertas { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; padding: 15px; box-sizing: border-box; opacity:0; visibility:hidden;
					display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.9);
                    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
					transition: opacity 0.3s ease, visibility 0.3s ease; }             

        #AlertasLoad { position: relative; width: 100%; max-width: 500px; box-sizing: border-box; border: 1px solid #DDDDDD; background-color: #fff;}
            a#BtnCloseAlertas { position: absolute; z-index: 200;  right: 0; top: -40px; width: 35px; height: 35px; display: block; border-radius:50%; background:#fff url("alertas/icono-menu-close.svg") no-repeat 50% 50%; cursor: pointer;}

            a.LinkExterno { display: block; width: 100%;}
            #AlertasLoad img { max-width: 100%; display: block; margin: 0 auto;}

    /*alertamode*/
    .alertamode { overflow: hidden;}
    .alertamode #ModalAlertas { opacity: 1; visibility: visible;}

    /*................*/
	
	#TopContent { width:100%; padding:7px;}

		#LeftContent { width:223px; height:100%; float:left; background:url(imagenes/fondolacamara.jpg) no-repeat bottom left; background-color:#141414;}

			#Logo { width:100%; height:186px; display:block; background:url(imagenes/logo.jpg) no-repeat 0 0;}

				#Logo a { width:100%; height:100%; display:block;}

			

			#NavPrincipal { text-align:left; }

			#NavPrincipal ul { list-style:none;}

			#NavPrincipal ul li { cursor:pointer;}

			#NavPrincipal ul li a { text-decoration:none; display:block; padding:8px 0 8px 26px; color:#FFF; font-size:12px; border-top:1px solid #292929; border-bottom:1px solid #000; background:url(imagenes/bulletamarillo.png) no-repeat 15px 50%;}

			#NavPrincipal ul li a:hover {color:#F8CC00 !important;}

			#NavPrincipal ul li a img { margin-left:10px;  

										-webkit-transition: all 0.5s ease-in-out;							  

	    						  		transition: all 0.5s ease-in-out;}	

				

				#NavPrincipal ul li ul { width:100%; height: 0px; overflow: hidden;

										-webkit-transition: all 0.5s ease-in-out;							  

	    						 		 transition: all 0.5s ease-in-out;}										

				#NavPrincipal ul li ul { background-color:#292929;}

				#NavPrincipal ul li ul li {}

				#NavPrincipal ul li ul li a { display:block; background:url(imagenes/vinetablanca.jpg) no-repeat 15px 50%; border:none;}

				#NavPrincipal ul li ul li a:hover { background-color:#333;}

			

			/*ANIMACION MENU PRINCIPAL*/

			#NavPrincipal ul li:hover img {-webkit-transform:rotate(90deg); transform:rotate(90deg);}		

			#NavPrincipal ul li:hover > ul { height:202px;}					

			

			/*.ItemSelect indica el boton activo - NIVEL 1.........................................................*/

			#NavPrincipal ul li.ItemSelect > a { color:#F8CC00 !important;}

			#NavPrincipal ul li.ItemSelect img {-webkit-transform:rotate(90deg); transform:rotate(90deg);}				

			#NavPrincipal ul li.ItemSelect ul { height:202px;}

			/*......................................................................................................*/

			

			/*SubItemSelect - NIVEL 2..............................................................................*/

			#NavPrincipal ul li.ItemSelect a.SubItemSelect {color:#F8CC00 !important; background-color:#333;}

			#NavPrincipal ul li.ItemSelect > a.SubItemSelect {background-color:#141414 !important;}/*evite que item nivel 1 cambie color fondo*/

			/*......................................................................................................*/			

			

			#Social { width:100%; text-align:center;}

			#Social a { width:30px; height:30px; display:inline-block; vertical-align:top; margin:15px 5px;}

			a#BtnFacebook { background:url(imagenes/btnfacebook.png) no-repeat 0 0;}

			a#BtnTwitter { background:url(imagenes/btntwitter.png) no-repeat 0 0;}

			a#BtnYoutube { background:url(imagenes/btnyoutube.png) no-repeat 0 0;}

			

			#Telefonos { width:100%; text-align:center; color:#666666; }

			#Telefonos p { font-size:15px;}
            
            #Telefonos a {width:100%; text-align:center; color:#868686; font-size:15px; text-decoration: none;}
			
			#BannerDonacion { width: 100%; text-align: center; font-size:0; margin-top: 15px; display: none;}
				#BannerDonacion a { display: block; margin: 0 auto; cursor: pointer;}
				#BannerDonacion img { display: block; margin: 0 auto;}
				
				#BannerDonacion a:hover { opacity:0.7;}
				
			.HomePage #BannerDonacion { display:block;}
		

		#RightContent { position:relative; width:761px; height:100%; /*min-height:1050px;*/ float:left; text-align:left; background-color:#FFF; }			

			#TarjetaExpo { position:absolute; z-index:9997; top:-20px; right:-30px; width:194px; height:175px; background:url(imagenes/filetetarjeta.png) no-repeat 0 0;}

			#TarjetaExpo a { display:block;}

			#TarjetaExpo img {-webkit-transform-origin:50% 0%;

 							  -webkit-animation: pendulo 2s infinite ease-in-out;

							  -webkit-animation-play-state: running;

							  transform-origin:50% 0%;

 							  animation: pendulo 2s infinite ease-in-out;

							  animation-play-state: running;}

		    		

					@-webkit-keyframes pendulo {

						from { -webkit-transform: rotate(-10deg); }

						50%  { -webkit-transform: rotate(10deg); }

						to   { -webkit-transform: rotate(-10deg); }

					}

					@keyframes pendulo {

						from { transform: rotate(-10deg); }

						50%  { transform: rotate(10deg); }

						to   { transform: rotate(-10deg); }

					}

			#TarjetaExpo a:hover img { -webkit-animation-play-state: paused;

									   animation-play-state: paused;}

			

			

			/*#VideoHome { width:761px; height:428px; background-color:#999;}		

				#VideoHome .Prew { width:100%; height:100%; display:block; background:url(videos/previs_home.jpg) no-repeat 50% 50%;}*/
                
            #SlideGeneral { position:relative; width:761px; height:428px;} 		
                #ArrowSlideGeneral { position:absolute; z-index:100; top:50%; left:0; width:100%;
                                    transform: translateY(-50%);}
                    #ArrowSlideGeneral a { width: 30px; height: 30px; text-align: center; font-size:20px; color:#fff; border:1px solid #999; background-color: #000; border-radius: 50%; cursor:pointer;
                                            -webkit-transition: color 0.3s ease-in;
                                            transition:color 0.3s ease-in;}

                    #ArrowSlideGeneral a.Prev { float:left; margin-left: 20px;}									
                    #ArrowSlideGeneral a.Next { float:right; margin-right: 20px;}	

                #ContentSlideGeneral { position:relative; text-align:left;}

                    #ContentSlideGeneral div { position: absolute; width:100%; opacity: 0; visibility:hidden;   
                                                    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;}	
                    #ContentSlideGeneral div:last-child { position:relative;}

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

                #BulletsSlideGeneral { position:absolute; z-index:200; width:100%; left:0; bottom:40px; text-align:center;}
                    #BulletsSlideGeneral ul { list-style:none; margin:0 auto;}
                    #BulletsSlideGeneral li { display:inline-block; vertical-align:middle; width:20px; height:20px; margin:0 7px;  background-color: #ccc;  cursor:pointer;                                                      
                                            transition: color 0.5s ease-in-out;}
                        /*select*/					
                        #ContentSlideGeneral div.select { opacity: 1; visibility: visible;}
                        #BulletsSlideGeneral li.select { background-color:red; cursor:default;}
                        /*......*/

			

			#RightContent_Left { width:500px; height:830px; border-right:1px solid #999; border-bottom:1px solid #999; display:inline-block; vertical-align:top;  background:url(imagenes/fondobottom.jpg) repeat-x  bottom left; }

				#NewsHome { width:100%;  background:url(imagenes/fondotop.jpg) repeat-x 0 63px;}

				.TituloHome { width:100%; height:63px;}					

					#NewsHome .TituloHome { background:url(imagenes/novedadesdelaindustria.jpg) no-repeat 0 0;}	

					

					#NewsHome ul { list-style:none; margin:10px 0;}

					#NewsHome li { display:block; clear:both; border-top:1px solid #B8C1C9; padding:10px 15px;

								   -webkit-transition: all 0.3s ease-in-out;							  

								   transition: all 0.3s ease-in-out;}					

					#NewsHome li:first-child { border:none;}

					

						#NewsHome figure { width:185px; height:122px; display:inline-block; vertical-align:top; background:url(imagenes/fondofotonoticia.png) no-repeat 0 0; }

							#NewsHome figure img { width:183px; border:1px solid #fff;}

						

						.DetalleNews { width:260px; margin:0 10px; display:inline-block; vertical-align:top;}

						.DetalleNews a { width:100%; height:90px; display:block; text-decoration:none; cursor:default;}

						.DetalleNews h1 { display:block; margin:0 0 5px 0; font-size:14px; color:#131313; cursor:pointer;}

						.DetalleNews p { display:block; font-size:12px; color:#333333;  cursor:pointer;}

					

					/*#NewsHome li:hover {box-shadow:0 -2px 8px #DBDBDB, 0 2px 5px #000;}*/

					#NewsHome li:hover a { text-decoration:underline; color:#333;}

					

						.IconoVideo { width:21px; height:17px; background:url(imagenes/iconovideo.png) no-repeat 0 0; float:left; margin-right:10px;}

						.IconoFoto { width:19px; height:17px; background:url(imagenes/iconofoto.png) no-repeat 0 0; float:left;}

						.IconoArchivo { width:19px; height:17px; background:url(imagenes/iconodescarga.png) no-repeat 0 0; float:left;}

						#NewsHome .Off { opacity:0.5;}

						

						.CompartirFacebook { width:100px; height:20px; float:right; text-align:right; }

						.CompartirFacebook a { display:block;  cursor:pointer;}						

																 

			#RightContent_Right { width:258px; height:830px; border-left:1px solid #fff; border-right:1px solid #999; border-bottom:1px solid #999; display:inline-block; vertical-align:top; background:url(imagenes/fondotop.jpg) repeat-x 0 63px; background-color:#FFFFFF;}

					#RightContent_Right #NotiCaper { height:370px;}					

						#NotiCaper .TituloHome { background:url(imagenes/noticaper.jpg) no-repeat 0 0;}

							#NotiCaper ul { list-style:none; margin:12px 0;}

							#NotiCaper li {}

							#NotiCaper a { text-decoration:none; display:block; padding:10px 15px; border-top:1px solid #B8C1C9;

										   -webkit-transition: all 0.3s ease-in-out;

										   transition: all 0.3s ease-in-out;}									   



							#NotiCaper li:first-child a { border:none;}

							#NotiCaper a:hover { box-shadow:0 -2px 8px #DBDBDB, 0 2px 5px #000;}

							#NotiCaper h1 { font-size:14px; color:#131313;}

							#NotiCaper p { font-size:12px; color:#333333;}

					

	  				#RightContent_Right #GuiaProductos { height:262px;}

						#GuiaProductos .TituloHome { background:url(imagenes/guiadeproductos.jpg) no-repeat 0 0;}

							#GuiaProductos ul { list-style:none; margin:12px 15px;}

							#GuiaProductos li {}

							#GuiaProductos a { text-decoration:none; display:block; padding:2px 0 2px 10px;  background:url(imagenes/bulletnegro.jpg) no-repeat 0 6px; }	

							#GuiaProductos p { font-size:10px; font-weight:bold; color:#333333;}

							#GuiaProductos a:hover p { color:#666;}

						

				#RightContent_Right #SoloSocios { height:191px;}

						#SoloSocios .TituloHome { background:url(imagenes/solosocios.jpg) no-repeat 0 0;}

							#FormLoginHome { height:115px; padding:20px 10px 0 10px; background:url(imagenes/fondobottom.jpg) repeat-x  bottom left;}

								#FormLoginHome label { width:68px; margin:4px 0 5px 0; font:normal 13px Arial, Helvetica, sans-serif; color:#000; float:left; text-align:right; }			



								#FormLoginHome input[type="text"],

								#FormLoginHome input[type="password"] { width:148px; height:22px; padding:0 5px; margin:0 0 7px 10px; float:left; font:normal 13px Arial, Helvetica, sans-serif; color:#333; border:1px solid #fff; background-color:#ffffff; box-shadow:0px 0px 1px #fff, 0 1px 2px #000;}			

							

								#FormLoginHome input[type="text"]:hover, 

								#FormLoginHome input[type="password"]:hover { border:1px solid #333;}

				

								#FormLoginHome input[type="text"]:focus,

								#FormLoginHome input[type="password"]:focus { border:1px solid #F9CC01;}

	

								#FormLoginHome a { text-decoration:none; float:left; font-size:11px; color:#333; display:block; margin:5px 0 0 10px;}

								#FormLoginHome a:hover { color: #000;}

	

								#FormLoginHome input[type="submit"] { width:82px; height:22px; float:right; font-size:10px; color:#8193AC; border:none; box-shadow:0 1px 2px #000; cursor:pointer;}

								#FormLoginHome input[type="submit"]:hover { background-color:#F8CE06; color:#333;}

	

	

	/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	/*FOOTER...................................................................................................................................*/

	#BottomContent { width:100%; border-top:3px solid #000;}

		#LogosHome { width:100%; padding:40px 0 20px 0;  background:url(imagenes/nuestrasempresasasociadas.jpg) no-repeat 0 0;}

			#LogosHome ul { list-style:none;}

			#LogosHome li { text-align:center; }			

			#LogosHome a { width:146px; /*height:53px;*/ display:inline-block; vertical-align:middle; padding:4px 6px; text-align:center;}			

			

			#LogosHome a:hover { opacity:0.8;}

			#LogosHome img { width:100px; display:inline-block; vertical-align:middle;}

		

		#MapaSitio { width:100%;}

			#TituloMapa { width:100%; padding:10px 0; background-color:#000; text-align:center; }

			

			#ContenidoMapaSitio { width:100%; padding:15px 0 30px 0; background:url(imagenes/puntafooter.jpg) no-repeat top center; background-color:#141414; text-align:center;}

				p.CategoriaMapa { width:95%; display:block; font-size:15px; color:#666666; margin:10px auto 5px auto; padding-bottom:2px; border-bottom:1px solid #282828; text-align:left;}

				

				#ContenidoMapaSitio ul { list-style:none; width:22%; display:inline-block; vertical-align:top; text-align:left;}

				#ContenidoMapaSitio li { font-size:12px; color:#F8CC00; margin:10px 0;}

				#ContenidoMapaSitio a { text-decoration:none; color:#666666;}

					.LinkAmarillo a {color:#F8CC00 !important;}

					.TelefonoMapa { color:#666 !important; font-size:15px !important;}

				

				#ContenidoMapaSitio a:hover { color:#CCC !important;}

	

	#Legales { width:100%; padding:10px 0 30px 0; background-color:#000; text-align:right;} 

		a#DataFiscal { float:left; text-decoration:none; display:block;}

		a#DataFiscal img { width:40px;}		

		p#CreacionUno { font-size:10px;  color: #999; text-align:right;}

		p#CreacionUno a { text-decoration:none; color: #999;}

		p#CreacionUno a:hover { color:#FFF;}



  

/*INTERNAS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*.........................................................................................................................................*/



/*MODAL:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.Modal { position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; visibility:hidden;

		-webkit-transition: all 0.3s ease-out;							  

	    transition: all 0.3s ease-out;}

		

	#Pop { position:absolute; top:50%; left:50%; width:500px; height:510px; padding:25px; margin:-280px 0 0 -275px; background-color:#FFF;

		  -webkit-transition: all 0.3s ease-out;							  

	      transition: all 0.3s ease-out;

		  -webkit-transform: scale(1.5,1.5);

		  transform: scale(1.5,1.5);}

		  

		a#BtnCerrarPop { position:absolute; top:10px; right:25px; display:block; cursor:pointer;}

		a#BtnCerrarPop:hover { color:#193A67;}

		

		#TopPop { width:100%; height:100px; display:block;}

			.LogoEmpresa { float:left;} 

				.LogoEmpresa img { width:100px;}

			

			.InfoEmpresa { text-align:left; margin-top:45px; float:right;}

			.InfoEmpresa p { color:#666;}

				.InfoEmpresa p.NombreEmpresa { color:#193966; font-size:13px; font-weight:bold;}			

				.InfoEmpresa span{ float:left;}

				.InfoEmpresa a.BtnImprimir { width:19px; height:19px; margin:25px 0 0 20px; float:left; display:block; background:url(imagenes/internas/iconoimprimir.jpg) no-repeat 0 0;}

		

		#BottomPop { position:relative; overflow:auto; width:100%; height:400px; border-top:1px solid #CCCCCC; text-align:left; color:#333333;}

			.DatosGenerales p { display:block; padding:8px 10px; border-top:1px solid #CCCCCC;}

			.DatosGenerales p:first-child { border:none;}

			.DatosGenerales a { color:#333;}

			.DatosGenerales a:hover { color:#000;}

			

			#BottomPop h2 { display:block; font-size:13px; background-color:#FCEA96; margin:10px 0; padding:10px 0 10px 15px;}

			#BottomPop h3 { text-decoration:underline; font-size:12px; display:block; padding:0 0 10px 15px;}

			#BottomPop ul { list-style:none; margin-left:15px;}

			#BottomPop li { padding:0 10px 5px 10px;  background:url(imagenes/bulletnegro.jpg) no-repeat 0 5px;}

			

	.Modal.OpenModal { opacity:1; visibility:visible;}

	.Modal.OpenModal #Pop { -webkit-transform: scale(1,1);

		  					transform: scale(1,1);}

		  					

		  					

/*MODAL PROXIMAMENTE:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#ModalProximamente{ position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; visibility:hidden;

		-webkit-transition: all 0.3s ease-out;							  

	    transition: all 0.3s ease-out;}

		

	#PopProximamente { position:absolute; top:50%; left:50%; width:300px; height:140px; padding:20px; margin:-190px 0 0 -170px; background:url(imagenes/internas/mundo.png) no-repeat 50% 50%;  background-color:#FFF;

		  -webkit-transition: all 0.3s ease-out;							  

	      transition: all 0.3s ease-out;

		  -webkit-transform: scale(1.5,1.5);

		  transform: scale(1.5,1.5);}		  

		

		a#BtnCerrarProximamente { position:absolute; top:10px; right:25px; display:block; cursor:pointer;}

		a#BtnCerrarProximamente:hover { color:#193A67;}		

		

		#PopProximamente p { font-size:15px; display: block; margin-top:50px;}

			

	#ModalProximamente.OpenModal { opacity:1; visibility:visible;}

	#ModalProximamente.OpenModal #PopProximamente { -webkit-transform: scale(1,1);

		  					transform: scale(1,1);}

	

/*MODAL LOGIN::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#ModalLogin{ position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; visibility:hidden;

		-webkit-transition: all 0.3s ease-out;							  

	    transition: all 0.3s ease-out;}

		

	#PopLogin { position:absolute; top:50%; left:50%; width:260px; margin:-100px 0 0 -130px; padding:63px 0 0 0; background:url(imagenes/solosocios.jpg) no-repeat 0 0; background-color:#FFF;

		  -webkit-transition: all 0.3s ease-out;							  

	      transition: all 0.3s ease-out;

		  -webkit-transform: scale(1.5,1.5);

		  transform: scale(1.5,1.5);}

		  

		a#BtnCerrarLogin { position:absolute; top:10px; right:10px; display:block; cursor:pointer;}

		a#BtnCerrarLogin:hover { color:#193A67;}

		

		#FormLoginPop { height:115px; padding:20px 10px 0 10px; background:url(imagenes/fondobottom.jpg) repeat-x  bottom left;}

				#FormLoginPop label { width:68px; margin:4px 0 5px 0; font:normal 13px Arial, Helvetica, sans-serif; color:#000; float:left; text-align:right; }						

				#FormLoginPop input[type="text"], 

				#FormLoginPop input[type="password"] { width:148px; height:22px; padding:0 5px; margin:0 0 7px 10px; float:left; font:normal 13px Arial, Helvetica, sans-serif; color:#333; border:1px solid #fff; background-color:#ffffff; box-shadow:0px 0px 1px #fff, 0 1px 2px #000;}			

				

				#FormLoginPop input[type="text"]:hover, 

				#FormLoginPop input[type="password"]:hover { border:1px solid #333;}

				

				#FormLoginPop input[type="text"]:focus, 

				#FormLoginPop input[type="password"]:focus { border:1px solid #F9CC01;}

				

				#FormLoginPop a { text-decoration:none; float:left; font-size:11px; color:#333; display:block; margin:5px 0 0 10px;}

				#FormLoginPop a:hover { color: #000;}

				

				#FormLoginPop input[type="submit"] { width:82px; height:22px; float:right; font-size:10px; color:#8193AC; border:none; box-shadow:0 1px 2px #000; cursor:pointer;}

				#FormLoginPop input[type="submit"]:hover { background-color:#F8CE06; color:#333;}

		

		#ModalLogin.OpenModal { opacity:1; visibility:visible;}

		#ModalLogin.OpenModal #PopLogin { -webkit-transform: scale(1,1);

		  					transform: scale(1,1);}



/*MODAL COMPARTIR EMAIL:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#ModalCompartirEmail{ position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; visibility:hidden;

		-webkit-transition: all 0.3s ease-out;							  

	    transition: all 0.3s ease-out;}

		

	#PopCompartirEmail {position:absolute; top:50%; left:50%; width:260px; margin:-100px 0 0 -130px; padding:63px 0 0 0;  background:url(imagenes/compartiremail.jpg) no-repeat 0 0; background-color:#FFF;

		  -webkit-transition: all 0.3s ease-out;							  

	      transition: all 0.3s ease-out;

		  -webkit-transform: scale(1.5,1.5);

		  transform: scale(1.5,1.5);}		  

		

		a#BtnCerrarCompartirEmail { position:absolute; top:10px; right:10px; display:block; cursor:pointer;}

		a#BtnCerrarCompartirEmail:hover { color:#193A67;}			

		

		#FormCompartirEmail { height:115px; padding:20px 10px 0 10px; background:url(imagenes/fondobottom.jpg) repeat-x  bottom left;}

				#FormCompartirEmail label { width:68px; margin:4px 0 5px 0; font:normal 13px Arial, Helvetica, sans-serif; color:#000; float:left; text-align:right; }						

				#FormCompartirEmail input[type="text"] { width:148px; height:22px; padding:0 5px; margin:0 0 7px 10px; float:left; font:normal 13px Arial, Helvetica, sans-serif; color:#333; border:1px solid #fff; background-color:#ffffff; box-shadow:0px 0px 1px #fff, 0 1px 2px #000;}			

				

				#FormCompartirEmail input[type="text"]:hover { border:1px solid #333;}				

				#FormCompartirEmail input[type="text"]:focus { border:1px solid #F9CC01;}

				

				#FormCompartirEmail a { text-decoration:none; float:left; font-size:11px; color:#333; display:block; margin:5px 0 0 10px;}

				#FormCompartirEmail a:hover { color: #000;}

				

				#FormCompartirEmail input[type="submit"] { width:82px; height:22px; float:right; font-size:10px; color:#8193AC; border:none; box-shadow:0 1px 2px #000; cursor:pointer;}

				#FormCompartirEmail input[type="submit"]:hover { background-color:#F8CE06; color:#333;}

			

	#ModalCompartirEmail.OpenModal { opacity:1; visibility:visible;}

	#ModalCompartirEmail.OpenModal #PopCompartirEmail { -webkit-transform: scale(1,1);

		  					transform: scale(1,1);}

		



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/		

/*LA CAMARA:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	#TituloArea { width:100%; height:186px; background:url(imagenes/internas/fondotituloarea.gif) repeat 0 0; box-shadow:inset -1px 1px 0px #D7B412;}

		#TituloArea div { width:100%; height:100%; background:url(imagenes/internas/mundo.png) no-repeat 30px 50%;}

		#TituloArea img { margin:50px 0 0 115px;}

	

	#ContenidoArea { height:900px; }		

		

		#ModulosArea { position:relative; width:579px; height:100%; display:block; float:left;}

		#ModulosArea section { position:absolute; top:0; left:0; width:100%;  min-height:900px; opacity:0; visibility:hidden;}

		#ModulosArea em{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#193966;  }

			#ModulosArea h1 { width:95%; font-size:20px; display:block; padding:20px 0 18px 5%; background:url(imagenes/internas/puntaamarilla.png) no-repeat 50px 0; background-color:#C5CED9;}

			

			#ModulosArea div { display:block; padding:26px 30px 0 30px; font-size:12px; line-height:18px; }

			

			#ModulosArea div.Destacado { width:90%; padding:5px 0 5px 5%; margin:30px 0 0 0; display:block; background-color:#E3E3E3;}

			#ModulosArea div.Destacado:hover { background-color:#FFE67A;}

			#ModulosArea div.Destacado a { display:block; text-decoration:none;}

			#ModulosArea div.Destacado img { display:inline-block; vertical-align:middle;}

			#ModulosArea div.Destacado p {  display:inline-block; vertical-align:middle; margin-left:10px;}

			

			#ModulosArea div.Alerta { width:60%; padding:20px 0 20px 45px; margin-right:20px; float:right; font-size:11px; line-height:12px; background:url(imagenes/internas/iconoalerta.jpg) no-repeat 0 50%;}			

			

				#ModulosArea p { color:#333333; text-align:justify;}

				#ModulosArea strong { color:#193966;}

				#ModulosArea strong.fecha {font-style:normal; font-weight:bold; color:#DFBA0D;}				

				#ModulosArea h2 { font-size:13px; color:#2C4B72; display:block; padding:8px 0; margin:28px 0 8px 0; border-top:1px solid #B8C1C9; border-bottom:1px solid #B8C1C9;}

				#ModulosArea h3 { font-size:14px; color:#193966; display:block; padding:8px 0 8px 10px; background-color:#E3E3E3;}

				#ModulosArea h4 { font-size:13px; color:#193966; display:block; margin:10px 0; padding-left:10px; border-bottom:1px solid #B8C1C9;}

				

				#ModulosArea ul { list-style:none;}

				#ModulosArea li { padding:0 0 0 10px; background:url(imagenes/bulletamarillo.png) no-repeat 0 8px;}

				

				#ModulosArea ul.ListaDirectorio { list-style:none; margin-left:10px;}

				#ModulosArea ul.ListaDirectorio li { display:block; background:none; padding:0; margin:10px 0;}

				#ModulosArea ul.ListaDirectorio li * { color:#333333 !important;}

				#ModulosArea ul.ListaDirectorio a { font-style:italic; cursor:pointer; text-decoration:underline !important;}

				#ModulosArea ul.ListaDirectorio a:hover { color:#000 !important;}

				



		  

			/*.AreaSelect anima las subsecciones de cada area indicada por el boton activo...........*/  				

			#ModulosArea section.AreaSelect { opacity:1; visibility:visible; z-index:9998;

											  -webkit-transition: all 0.5s ease-in-out;							  

											  transition: all 0.5s ease-in-out;}

											  



			/*......................................................................*/

		#BarraDerechaInterna { width:180px; height:100%; min-height:900px; float:right; border-left:1px solid #999999; background-color:#E0E0E0;}

			#BarraNovedades { width:100%; padding:55px 0 0 0; background:url(imagenes/internas/novedades.jpg) no-repeat 0 0;}

			#BarraNovedades.noticaper_barra { width:100%; padding:55px 0 0 0; background:url(imagenes/internas/noticaper.jpg) no-repeat 0 0;}

				

				.ModuloNovedad a { text-decoration:none; display:block; padding-bottom:15px;

									  -webkit-transition: all 0.3s ease-in-out;							  

									  transition: all 0.3s ease-in-out;}

				.ModuloNovedad a:hover { box-shadow:0 -2px 8px #DBDBDB, 0 2px 5px #000;}

									  

					.ModuloNovedad h1 { font-size:12px; padding:10px 15px; color:#000; background-color:#FFF;}

					.ModuloNovedad img { width:119px; border:1px solid #000; margin:10px 0 0 15px;}

					.ModuloNovedad .DescripcionNews { color:#333; margin:10px 15px; }

					.ModuloNovedad .FechaNews {  color:#000; font-size:10px; margin-left:15px;}

					

					a.VerMas { text-decoration:none; display:block; text-align:center; color:#2C4B73; padding:10px 0; margin-bottom:10px; font-size:10px; font-weight:bold; border-top:1px solid #CCCCCC;}

					a.VerMas:hover { background-color: #CCC;}

			

			#BarraNotiCaper { width:100%; padding:55px 0 0 0; background:url(imagenes/internas/noticaper.jpg) no-repeat 0 0;}



/*AREAS DE TRABAJO:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

a.LinkSimple {  text-decoration: underline;  color:#193966; font-weight: bold;     }



/*EMPRESAS ASOCIADAS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.ColumnaSimple { width:760px !important; border:none !important;  }	

	p.TituloCategoriaProducto { display: block; font-size: 16px; color:#131313; margin-left: 8px;}



	ul.ListadoLogos {list-style: none;}

	ul.ListadoLogos li { display:inline-block; vertical-align:top; background:  none !important; padding:20px 2px 20px 4px !important; border-top: 1px solid #B8C1C9;  }



	ul.ListadoLogos li:first-child,

	ul.ListadoLogos li:nth-child(2),

	ul.ListadoLogos li:nth-child(3){ padding-top:3px !important; border:none;}

	

	ul.ListadoLogos li.SubtituloCategoriaProducto { width:100%; display:block; clear:both; color:#193966;  padding:5px 10px !important; margin:8px 6px;  background-color: #E3E3E3 !important;   }



	ul.ListadoLogos a { text-decoration: none;width:162px; display: block; cursor:pointer; margin:0; }	

		ul.ListadoLogos img { width:160px; border: 1px  solid #000;

							  -webkit-transition: all 0.3s ease-in-out;

							  transition: all 0.3s ease-in-out;}

		ul.ListadoLogos img:hover { box-shadow: 0px 0px 5px #333;}

		ul.ListadoLogos p.Nombre { font-size: 12px; color:#333; text-align:left !important; display: block; padding:10px 0; font-weight:bold !important; }

		ul.ListadoLogos p.Descripcion { width:150px; font-size: 11px; line-height:15px; color:#333; display: block; text-align: left !important;}		

		.Filete li a { padding-bottom:15px;}	

	



	#listado_empresas_asociadas ul.ListadoLogos li { border:none; padding-top:0 !important;}

	#PanelConvenios .Filete li a,

	#show_partners .Filete li a { padding-bottom:0px !important;}



/*guia de productos*/

form#FormGuiaProductos {}

form#FormGuiaProductos select { float: right; padding: 8px; margin: -6px 10px 0 0;}







/*NOVEDADES:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*#ListadoNoticias { height: 610px;}*/

		

		#ListadoNoticias ul { list-style:none; margin:10px 0;}

		#ListadoNoticias li { display:block; clear:both; border-top:1px solid #B8C1C9; padding:10px 15px;  background: none;

					   -webkit-transition: all 0.3s ease-in-out;							  

					   transition: all 0.3s ease-in-out;}					

		#ListadoNoticias li:first-child { border:none;}

		

			#ListadoNoticias figure { width:185px; height:122px; display:inline-block; vertical-align:top; background:url(imagenes/fondofotonoticia.png) no-repeat 0 0;  }

				#ListadoNoticias figure img { width:183px; border:1px solid #fff;}

			

			#ListadoNoticias .DetalleNews { width:280px; height:100px;  margin:0 10px; padding:0; display:inline-block; vertical-align:top; }

			#ListadoNoticias .DetalleNews a { width:100%; height:90px; display:block; text-decoration:none; cursor:default;}

			#ListadoNoticias .DetalleNews h1 { display:block; margin:0 0 5px 0; padding:0; font-size:14px; color:#131313; cursor:pointer; background: none;}

			#ListadoNoticias .DetalleNews p { display:block; font-size:12px; color:#333333;  cursor:pointer;}

		

		#ListadoNoticias li:hover {box-shadow:0 -2px 8px #DBDBDB, 0 2px 5px #000;}

		#ListadoNoticias li:hover a { text-decoration:underline; color:#333;}

		

			#ListadoNoticias .IconoVideo { width:21px; height:17px; background:url(imagenes/iconovideo.png) no-repeat 0 0; float:left; margin-right:10px; padding: 0;}

			#ListadoNoticias .IconoFoto { width:19px; height:17px; background:url(imagenes/iconofoto.png) no-repeat 0 0; float:left;}

			#ListadoNoticias .IconoArchivo { width:19px; height:17px; background:url(imagenes/iconodescarga.png) no-repeat 0 0; float:left;}

			#ListadoNoticias .Off { opacity:0.5;}	

			

			.CompartirFacebook { width:100px; height:20px; float:right; text-align:right; }

			.CompartirFacebook a { display:block;  cursor:pointer;}		



						

/*NOVEDADES DETALLE:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#novedades_detalle { }

#novedades_detalle div { /*width:90% !important;*/ padding:0;  }



	.TopNoticia {  padding:20px 5% 15px 5% !important; font-size:20px; line-height:22px !important; background:url(imagenes/internas/puntaamarilla.png) no-repeat 50px 0; background-color:#E3E3E3;}

		p.TituloNoticia { width:80%; font-size: 20px; color:#000; font-weight: bold;}

		p.FechaNoticia {width:80%; font-size: 10px; color:#333;}

	

	.CompartirNoticia { height:30px; display: block; margin:10px 5% 10px 5% !important;  border-bottom:1px solid #B8C1C9;}

		.CompartirNoticia ul { list-style: none; text-align: left; }

		.CompartirNoticia li { background: none !important; float:left; display: block; padding: 0 !important; margin-right: 10px; font-size: 10px; }

		.CompartirNoticia li.BtnImprimir {  float: right;}

		.CompartirNoticia li a { display:block; cursor:pointer;}

		

	.MultimediaNoticia { position:relative; width:100%; height:400px; padding:0 5% !important;  clear: both;}

		.FotosNoticias, 

		.VideosNoticias {width:522px; height:350px; position: absolute;}

		

		.FotosNoticias { z-index: 200;}

		.FotosNoticias div { position: absolute;}		

		.FotosNoticias img { width: 522px;}

		

		.VideosNoticias { z-index:100;  display: none;}

		.VideosNoticias div { position: absolute;}		

		.VideosNoticias iframe { width: 522px;}

		

		.NavMultimedia {width: 100%; height: 30px;  margin-top: 350px; float:left;  padding-top:10px; background: url(imagenes/internas/basefotonews.jpg) no-repeat 0 0; }

			.NavFotos { width:325px;  float: left; text-align: right; }

				a.PrevFotos,

				a.NextFotos { width:6px; height:6px;  display: inline-block; vertical-align: middle; cursor:pointer;}

									

				a.PrevFotos { background: url(imagenes/internas/btnprevnoticias.jpg) no-repeat 0 0;}			

				a.NextFotos {background: url(imagenes/internas/btnnextnoticias.jpg) no-repeat 0 0;}

			.NavFotos p {display: inline-block; vertical-align: middle;}

				

			.NavVideos { width:325px;  float: left; text-align: right; }

				a.PrevVideos,

				a.NextVideos { width:6px; height:6px;  display: inline-block; vertical-align: middle; cursor:pointer;}

									

				a.PrevVideos { background: url(imagenes/internas/btnprevnoticias.jpg) no-repeat 0 0;}			

				a.NextVideos {background: url(imagenes/internas/btnnextnoticias.jpg) no-repeat 0 0;}

			.NavVideos p {display: inline-block; vertical-align: middle;}

			

			.NavMedia { float: left; margin-left: 130px;}

				.NavMedia div { cursor:pointer; margin: 0 5px; }

				.NavMedia div.Select { border-bottom:2px solid #DAB923; }

	

	.BottomNoticia { padding:0 5% !important;  clear: both;}

		p.TextoNoticia {}

		p.FuenteNoticia { display:block; margin:10px 0;  font-size: 10px; color: #666666 !important; display: inline-block; vertical-align: middle;}

		p.FuenteNoticia img {display: inline-block; vertical-align: middle;  margin-right: 10px;}

		

		.BottomNoticia a {text-decoration:none; }

		.BottomNoticia a:hover { color:#000;}

			a.BtnAdjunto { padding-right:20px; font-size: 10px; color: #666; float: left; background: url(imagenes/internas/iconopdfnoticia.jpg) no-repeat right center;}

			a.BtnHistorialNovedades {padding-left:10px; font-size: 10px; color: #193966;  float: right; background: url(imagenes/internas/vinetaazul.jpg) no-repeat left center;}



/*DETALLE NOTICIAS::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#ImprimirNota { background-color: #fff;}

	#DetalleNoticias {width: 800px; text-align:left; margin: 0 auto;}

		#HeadDetalle { width: 95%; padding:5px 2.5%; }

			#HeadDetalle img { height: 100px; }

		

		#BodyDetalle {width: 90%; padding:20px 5%; border:1px solid #ccc;  border-top:3px solid #ccc;  }

			#BodyDetalle p.TextoNoticia { margin: 20px 0;}

		

		#FootDetalle {width: 90%; padding:10px 5%;}

		

/*HISTORIAL NOTICAPER:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#noticaper select { width: 200px; height:20px; font-size:10px;}

#noticaper .DetalleNews {  width:480px !important; height: auto !important;  }



/*HISTORIAL DE NOTICIAS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#novedades select {width: 200px; height:20px; font-size:10px;}



/*#NavHistorial { width: 80%; padding: 0 10%; text-align: center;}

#NavHistorial ul { list-style: none;}

#NavHistorial li { background: none; display: inline-block; vertical-align: middle;}

#NavHistorial a {padding:5px 7px; cursor:pointer; display: block; background-color:#C5CED9;}

#NavHistorial a:hover { background-color: #294972;}



#NavHistorial a.Select { background-color: #294972; color:#fff;}*/



#NavHistorial { width: 90%; padding:0 5%; text-align: center; }

	.Contador { width:100px; height:auto; padding:3px 10px !important; margin:0 !important; text-align:center;  background-color:#C5CED9; float:left;}

	.Contador p { color:#222413 !important; display:block;  padding:0 !important; margin:0 auto !important;   }

	

	#NavHistorial ul { width:400px; list-style: none; float:right; text-align:right;}

	#NavHistorial li { background: none; display: inline-block; vertical-align: middle;  padding:0 !important;}

	#NavHistorial a { padding:5px 7px; cursor:pointer; display: block; background-color:#C5CED9;}

	#NavHistorial a:hover { background-color: #294972;}

	

	#NavHistorial a.Select { background-color: #294972; color:#fff;}







/*CONTACTO::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



.Phone  {  background: url(imagenes/internas/iconophone.jpg) no-repeat left 0; margin: -11px 0 0 0; padding: 10px 20px 0 40px; height: 53px; display: inline-block;  float: right; font-size: 17px;  font-weight: normal; color: #2C4B73; }







.leyenda { width: 150px; background: url(imagenes/internas/bulletazul.jpg) no-repeat left center; margin: 0; padding: 0  0 0 10px; text-align: right; float:right; font-size: 10px; }



#FormContacto  { text-align: right;  padding: 0 30px 0 0; }



	#FormContacto div { margin: 10px 0 10px 0; padding: 0;  }



	#FormContacto label { font:normal 12px Arial, Helvetica, sans-serif; color:#333; text-align:left; cursor:text; padding: 0 0 0 10px; }		



		



	#FormContacto input[type="text"],  #FormContacto  textarea { width:280px;  padding:0 5px; font:normal 11px Arial, Helvetica, sans-serif; color:#333; background-color:#E3E3E3;  border:1px solid #ffffff; }			



	#FormContacto input[type="text"] { height:19px;  }



	#FormContacto textarea {overflow: auto;  height: 100px; vertical-align: top; }	



			



	#FormContacto input[type="text"]:hover ,#FormContacto  textarea:hover { border:1px solid #F8CC01;  }



	#FormContacto input[type="text"]:focus, #FormContacto  textarea:focus { border:1px solid #000; outline:none;}



	



	#FormContacto input[type="submit"] { width:290px; height:25px; display:block;  border:none; background-color:#000;  cursor:pointer; color: #F8CC01;  float: right; }



	#FormContacto input[type="submit"]:hover { opacity:0.7;}



	



	#FormContacto input[name="ciudad"] {width: 140px; }



	#FormContacto input[name="codigopostal"]{ width: 89px; }



	 



	 #FormContacto .obligatorio {  background: url(imagenes/internas/bulletazul.jpg) no-repeat left center; }







/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/		



/*LA EXPO:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/		



/*MODAL LOGIN EXPO::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/		



#PopLogin.LoginExpo { background:url(imagenes/laexpo/soloexpositiores.jpg) no-repeat 0 0 !important;}



#PopLogin.LoginExpo input[type="submit"] { color:#fff; background-color: #000;}



#PopLogin.LoginExpo input[type="submit"]:hover { background-color:#F8CE06; color:#333;}



#PopLogin.LoginExpo a#BtnCerrarLogin {top:5px; color: #fff;}



#PopLogin.LoginExpo a#BtnCerrarLogin:hover { color:#193A67;}







/*MODAL MAPA::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



#ModalMapa { position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; visibility:hidden;



		-webkit-transition: all 0.3s ease-out;							  



	    transition: all 0.3s ease-out;}



		



	#PopMapa { position:absolute; top:50%; left:50%; width:1028px; height:655px;  margin:-324px 0 0 -519px; background-color:#FFF; border:10px solid #ECDE37;



		  -webkit-transition: all 0.3s ease-out;							  



	      transition: all 0.3s ease-out;



		  -webkit-transform: scale(1.5,1.5);



		  transform: scale(1.5,1.5);}



		  



		a#BtnCerrarPopMapa { position:absolute; top:-5px; right:-5px;  width:26px; height:26px; display:block; cursor:pointer; background: url(imagenes/laexpo/btncerrarx.jpg) no-repeat 0 0; border-radius:50px;}



		a#BtnCerrarPopMapa:hover { opacity:0.7;}		



		



		#ModalMapa.OpenModal { opacity:1; visibility:visible;}



		#ModalMapa.OpenModal #PopMapa { -webkit-transform: scale(1,1);



		  					transform: scale(1,1);}







#LogoExpo { width:100%; height:186px; display:block;}



#LogoExpo a { width:100%; height:100%; display:block;}







#NavPrincipal.NavExpo ul li:hover > ul { height:230px !important;}	



#NavPrincipal.NavExpo ul li.ItemSelect ul { height:230px !important;}			







#SlideHomeExpo { width:761px; height:428px; background-color:#999;}







#NewsHome .UltimasNoticias { background:none; ;background:url(imagenes/laexpo/ultimasnoticias.jpg) no-repeat 0 0 !Important;}







#PreguntasFrecuentesHome { height:140px; /*height:33%;*/ background: url(imagenes/laexpo/fondopreguntasfrecuentes.jpg) no-repeat 0 60px; text-align: center;}



	#PreguntasFrecuentesHome .TituloHome { background:url(imagenes/laexpo/preguntasfrecuentes.jpg) no-repeat 0 0;}



	#PreguntasFrecuentesHome ul { position:relative; list-style: none; width: 215px; height:35px; margin: 10px auto 5px auto; }



	#PreguntasFrecuentesHome li { position:absolute; text-align: left; font-size:13px; color:#333; }



	



	#PreguntasFrecuentesHome a { text-decoration: none; color:#666; font-size: 12px;}



	#PreguntasFrecuentesHome a:hover { color:#000;}







#CaperShowEnMedios { height: 277px; /*height:33%;*/ }



	#CaperShowEnMedios .TituloHome { background:url(imagenes/laexpo/capershowenlosmedios.jpg) no-repeat 0 0;}



	#CaperShowEnMedios ul {  list-style: none; }



	#CaperShowEnMedios li { width: 100%;



									-webkit-transition: all 0.3s ease-in-out;							  



									transition: all 0.3s ease-in-out;}



		#CaperShowEnMedios li:hover {box-shadow:0 -2px 8px #DBDBDB, 0 2px 5px #000;}	



		#CaperShowEnMedios li:hover h1 { text-decoration: underline;}



	#CaperShowEnMedios .DetalleNews { width: 215px; height: 215px; padding: 15px 0 0 10px; 	}



	#CaperShowEnMedios .DetalleNews a { height: auto; margin-bottom: 10px;}



	#CaperShowEnMedios img { height: 100px; }







#DescargarApp { height:215px;}



	#DescargarApp .TituloHome { background:url(imagenes/laexpo/descarguesuapp.jpg) no-repeat 0 0;}



	#DescargarApp ul { width:100%; list-style: none;}



	#DescargarApp li {}



	#DescargarApp a { width: 100%; display:block; text-align:center; padding: 4px 0 2px 0; background-color:#999999; border-bottom:1px solid #fff;}



	#DescargarApp a:hover { background-color: #333;}



	#DescargarApp img { border-radius:5px;}







#SoloExpositores { /*height:33%;*/}



	#SoloExpositores .TituloHome { background:url(imagenes/laexpo/soloexpositiores.jpg) no-repeat 0 0;}



	



	#FormLoginHomeExpo { height:115px; padding:20px 10px 0 10px; background:url(imagenes/fondobottom.jpg) repeat-x  bottom left;}



		#FormLoginHomeExpo label { width:68px; margin:4px 0 5px 0; font:normal 13px Arial, Helvetica, sans-serif; color:#000; float:left; text-align:right; }						



		#FormLoginHomeExpo input[type="text"], 



		#FormLoginHomeExpo input[type="password"] { width:148px; height:22px; padding:0 5px; margin:0 0 7px 10px; float:left; font:normal 13px Arial, Helvetica, sans-serif; color:#333; border:1px solid #fff; background-color:#ffffff; box-shadow:0px 0px 1px #fff, 0 1px 2px #000;}			



		



		#FormLoginHomeExpo input[type="text"]:hover,		



		#FormLoginHomeExpo input[type="password"]:hover { border:1px solid #333;}



		



		#FormLoginHomeExpoe input[type="text"]:focus, 



		#FormLoginHomeExpo input[type="password"]:focus { border:1px solid #F9CC01;}



		



		#FormLoginHomeExpo a { text-decoration:none; float:left; font-size:11px; color:#333; display:block; margin:5px 0 0 10px;}



		#FormLoginHomeExpo a:hover { color: #000;}



		



		#FormLoginHomeExpo input[type="submit"] { width:82px; height:22px; float:right; font-size:10px; color:#fff; border:none; box-shadow:0 1px 2px #000; cursor:pointer; background-color: #000;}



		#FormLoginHomeExpo input[type="submit"]:hover { background-color:#F8CE06; color:#333;}



		



#BarraNovedadesExpo { width:100%; padding:55px 0 0 0; background: url(imagenes/laexpo/masnoticias.jpg) no-repeat 0 0; }



#BarraNovedadesExpo.capershow_barra { width:100%; padding:55px 0 0 0; background: url(imagenes/laexpo/masnoticias_capershow.jpg) no-repeat 0 0; }







/*INFO GENRERAL::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



#descripcion div {padding:0;  }



#descripcion .MultimediaNoticia { margin-top: 20px;}



#descripcion .MultimediaNoticia p { padding: 0 !important;}



#descripcion p {padding: 0 30px;}







.DestacadoPunta {  width: 100%; height:70px; margin:15px 0; background:url(imagenes/laexpo/puntaceleste.jpg) no-repeat left bottom; background-color:#E3E3E3;  }



.DestacadoPunta p { display: block;}







ul.ListasAlineadas { width: 216px; float: left; margin-left: 28px;}











/*fecha y lugar*/



#fecha_y_lugar div {}



	p.Titulo{ font-weight: bold; font-size: 20px; }



	



	#BtnGoogleChrome { padding: 0 !important; margin: 0 !important;}



	#BtnGoogleChrome a { float: left;}



	#BtnGoogleChrome a:hover { opacity:0.7;}



	#BtnGoogleChrome p { width: 190px;  background-color: #E3E3E3;  float: left; font-size: 11px; margin-top:17px;  padding:10px 12px !important; line-height:16px;   font-size: 12px; text-align: left;}







/*productos exhibidos*/



#productos_exhibidos .DestacadoPunta { margin-left: -30px; }







/*marcas*/



.Alfabeto { margin: 20px 0 0 0;}



	.Alfabeto ul { list-style: none;}



	.Alfabeto li {  float: left;  background: none !important; background: url(imagenes/laexpo/guion.jpg) no-repeat 3px 50% !important;}



	.Alfabeto a { text-decoration:none; display: block; color:#333333;}



	.Alfabeto a:hover { color:#C5CED9;}



	.Alfabeto a.Select { color:#000; font-weight: bold;}







table {}	



table, tr, th, td { 	border-collapse: collapse;}







.TablaEmpresas { width: 100%; }



.TablaEmpresas tr {}



	.TablaEmpresas th {  background-color:#C5CED9; font-size: 11px;  padding:5px 10px;  font-weight: bold;}



	.TablaEmpresas th p { color: #193966 !important;}



		



	.TablaEmpresas td { padding:5px 10px; font-size: 10px; } 	



	.TablaEmpresas td p { display: block; }	



	.TablaEmpresas td:first-child p {text-align: left !important;}



	.TablaEmpresas tr:nth-child(odd) > td { background-color:#F0F3F5;	}







/*lista expositiores*/



#marcas_exhibidas .CompartirNoticia, 



#listado_expositores .CompartirNoticia { width: 100%; padding: 0 !important; margin: 0 !important;}







#Marca .ColEmpresa { width: 50%;}



.ColPais { width: 50%;}







#Expositores .ColEmpresa { width: 50%;}



.ColMiembro { width: 30%; text-align: center !important; }	



	.ColMiembro p { text-align: center !important;}



	.ColMiembro a { display: block; margin:0 auto; text-decoration: none; width: 17px; height: 17px; background: url(imagenes/laexpo/iconosociocaper.png) no-repeat 0 0; cursor: pointer;}	



	.ColMiembro a:hover { opacity: 0.7;}



.ColStand { width: 20%;}



	.ColStand p { text-align: center !important;}











/*turismo*/



#NavTurismo { width: 100%; border-top:1px solid #666; border-bottom:1px solid #666;}



#NavTurismo ul {}



#NavTurismo li { background: none;  display: inline-block; }



#NavTurismo a { display: block; opacity:0.5;}



#NavTurismo a:hover { opacity:1;}



#NavTurismo a.Select {opacity:1;}







#info_turistica .Solapa { position:absolute; /*width:87%;*/ /*height:700px;*/ overflow-y:auto;  overflow-x: hidden; padding-left:0; padding-top:0; display:none;}



.Solapa .DestacadoPunta { width: 100%; height: 50px; padding: 10px 30px !important; margin: 10px 0 0 -30px; }



.Solapa .DestacadoPunta img, .Solapa .DestacadoPunta p { display: inline-block; vertical-align: middle;}



.Solapa .DestacadoPunta img { margin-right: 10px;}



.Solapa li { margin:0; padding:0;}







#info_turistica .CompartirNoticia { width:95%; border: none; padding: 0; margin:0;}







#PanelCiudad div {padding:0;  }



#PanelCiudad .MultimediaNoticia { margin-top: 20px; margin-left: 0;}



#PanelCiudad  .MultimediaNoticia p { padding: 0 !important;}



#PanelCiudad p {padding: 0;}







/*MODAL CONVENIOS::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/	



.ModalConvenios { position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; visibility:hidden;



		-webkit-transition: all 0.3s ease-out;							  



	    transition: all 0.3s ease-out;}



		



	#PopConvenios { position:absolute; top:50%; left:50%; width:340px; height:340px; padding:20px;  margin:-170px 0 0 -170px; background-color:#FFF; 



		  -webkit-transition: all 0.3s ease-out;							  



	      transition: all 0.3s ease-out;



		  -webkit-transform: scale(1.5,1.5);



		  transform: scale(1.5,1.5);}



		  



		a#BtnCerrarPopConvenios { position:absolute; top:10px; right:10px; display:block; cursor:pointer;}



		a#BtnCerrarPopConvenios:hover { opacity:0.7;}		



		



		.ModalConvenios.OpenModal { opacity:1; visibility:visible;}



		.ModalConvenios.OpenModal #PopConvenios { -webkit-transform: scale(1,1);



		  					transform: scale(1,1);}



		 



		p.AlertaConvenio { width: 95%; display: block; padding: 2%; background-color: #FCEC9E;}



		p.AlertaConvenio strong {color:#193966;}



		



		p.DatosContactoConvenio { text-align: left; color: #666; display: block; margin: 15px 20px 0 20px;;}



		p.DatosContactoConvenio a {text-align: left; color: #666; }







/*DESEA EXPONER ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



/*informacion contractual*/



a.btnpdfdocContractual{ background: url(imagenes/icono_archivo_general.png) no-repeat 50% 0; width: 150px; display: inline-block; padding-top: 80px; text-align: center; font-size: 11px; text-decoration: none; color:#000;   }







/*informacion comercial*/



.BtnCategoriaPdf { position:relative; width:250px; height:55px; margin:0;  display: block; float:left;  padding:10px !important; background-color:#E0E0E0;} 



.BtnCategoriaPdf a { position: absolute;  top:5px; right:5px; width:51px; height:63px; display:block; background: url(imagenes/internas/iconopdf.png) no-repeat 0 0; }



.BtnCategoriaPdf p { text-align: right !important; padding:0 80px 0 0 !important; display: block;}







.DestacadoCeleste { display: block; padding:15px !important;  background-color:#E0E0E0; }



.DestacadoCeleste p { text-align: center !important;}



.DestacadoCeleste a { text-decoration: none; color:#193966;}



.DestacadoCeleste a:hover { color:#000;}







/*PREGUNTAS FRECUENTES:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



ul#ListaPreguntas { list-style: none;}



ul#ListaPreguntas li { background: none; padding-left: 0 !important;}



ul#ListaPreguntas li.Pregunta { color:#193966; font-weight: bold; font-size: 13px;}



ul#ListaPreguntas li.Respuesta { color:#333333; margin:5px 0 20px 0;}







/*CAPER SHOW EN LOS MEDIOS::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



#caper_show_medios {}



#caper_show_medios .CompartirNoticia { width: 100%; padding: 0; margin: 0 !important;}



	



	ul#NewsCaperShows  { list-style: none;}



	ul#NewsCaperShows li { width:100%; background: none; padding: 0 0 10px 0; margin:15px 0; border-bottom:1px solid #ccc;}



	



	ul#NewsCaperShows p.Medio {font-size: 14px; color:#333; font-weight: bold; display: block; }



	ul#NewsCaperShows p.Dia { display: inline-block;}



	ul#NewsCaperShows p.Pais {display: inline-block;}	



	ul#NewsCaperShows p.Pais span { margin: 0 5px;}			                    	



	ul#NewsCaperShows p.TituloNota { display: block; margin:10px 0;   font-size:16px; font-weight: bold;}



	



	.CuerpoCaperShow {padding:0 !important;}



	.CuerpoCaperShow figure, .CuerpoCaperShow div { display: inline-block !important; vertical-align: top;}



	.CuerpoCaperShow figure { width:185px; height:122px; background:url(imagenes/fondofotonoticia.png) no-repeat 0 0; }



	.CuerpoCaperShow div { width:310px; padding:0 0 0 10px !important; }



	.CuerpoCaperShow div p { }



	.CuerpoCaperShow a { text-decoration:none;}



	.CuerpoCaperShow a:hover { color:#000 !important;}



	



	#NewsCaperShows p.TextoNota {  height:75px;}



	#NewsCaperShows p.Web { }



		#NewsCaperShows p.Web a {font-size: 12px; color:#333;}



	#NewsCaperShows p.LinkNota {}



		#NewsCaperShows p.LinkNota a {font-size:10px; color:#666;}







/*VIDEOS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



ul#ListaVideos {}



ul#ListaVideos li { width: 160px; display: inline-block; vertical-align: top; background:none; padding:15px 30px 30px 30px; margin:0 15px; text-align:center; border:1px solid #D1D1D1; background-color: #D1D1D1; 



						-webkit-transition: all 0.3s ease-out;							  



	   					 transition: all 0.3s ease-out;}



ul#ListaVideos li:hover { background-color: #F8D013;}



ul#ListaVideos a { display:block; cursor:pointer;}



ul#ListaVideos p { display: block; margin-bottom: 10px; font-size: 15px;}



ul#ListaVideos figure { margin: 0 auto; background-color: #fff; display: block; padding: 20px 10px;}







/*MODAL VIDEOS::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/	



#ModalVideos { position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; visibility:hidden;



						-webkit-transition: all 0.3s ease-out;							  



					    transition: all 0.3s ease-out;}



		



	#PopVideos { position:absolute; top:50%; left:50%; width:800px; height:520px; padding:20px;  margin:-260px 0 0 -400px; background-color:#FFF; 



						  -webkit-transition: all 0.3s ease-out;							  



					      transition: all 0.3s ease-out;



						  -webkit-transform: scale(1.5,1.5);



						  transform: scale(1.5,1.5);}



		  



		p.TituloVideo { display: block; float: left; font-size: 13px;}



		a#BtnCerrarPopVideo {  display:block; float: right; cursor:pointer;}



		a#BtnCerrarPopConvenios:hover { opacity:0.7;}		



		



		#ModalVideos.OpenModal { opacity:1; visibility:visible;}



		#ModalVideos.OpenModal #PopVideos { -webkit-transform: scale(1,1);



		  															transform: scale(1,1);}



		



		#CargadorVideo {width:800px; height:500px; margin-top:10px; background-color: #ccc;}







/*EDICION ANTERIOR*/



#edicion_anterior div.Destacado { width:100%; padding:20px 40px 20px 20px;  display:block; margin:0 0 0 -30px; background-color:#E3E3E3;}



#edicion_anterior div.Destacado:hover { background-color:#E3E3E3;}







#edicion_anterior div.Destacado a { display: inline-block; vertical-align: top; margin: 0 20px;}