/* CSS Document */
/************** CHECKBOXES Y RADIOS ***********/

.f_checkbox,.f_radio{ background-repeat:no-repeat;
					  background-position:3px center;
					  height:16px;
					  display:block;
					  cursor:pointer;
					  cursor:hand;
					  line-height:120%;
					  padding-left:25px;
					  width:250px;
}
.checked{ background-image:url(../img/inputs/chk_on.png);
}

.selected { background-image:url(../img/inputs/rdo_on.png);
}
.unchecked{background-image:url(../img/inputs/chk_off.png);L
}
.unselected{background-image:url(../img/inputs/rdo_off.png);
}


/******************** ESTILOS GENERALES ***************************/


h1 { margin:5px;
	 padding-left:10px;
	 font-size:18px !important;
  	 font-family:'Lucida Sans',Geneva,Arial,Verdana,sans-serif !important;
	 margin:0px !important;
	 padding:0px 0px 0px 15px !important;
	 color:#666666 !important;
	 font-weight:bold !important;
}

h2 { margin:5px;
	 padding-left:10px;
	 font-size:18px;
  	 font-family:'Lucida Sans',Geneva,Arial,Verdana,sans-serif !important;
}


.light { font-weight:normal !important;
		 font-size:16px !important;
}

.t650 { width:650px;
		 margin:10px 0 0 10px !important; 
		 padding:5px 5px 2px 0px !important; 
		 font-size:25px !important; 
		 border-bottom:1px solid #999999 !important;
		 font-weight:normal;
}

h3 { font-size:20px;
	 margin:5px;
}

.rosa{ color: #FF0099;
}

.acens { color: #65be2e;

}

a { color:#999;
	text-decoration:none !important;
	border:0px;
}

a:hover { color: #FF0099;
			 font-weight:bold;
}

#infohorario { width:230px;
				 float:right;
				 font-weight:bold;
				 padding-left:20px;
				 padding-bottom:10px;
				 height:670px;
				 padding-top:10px;
}

#promociones_exchange{	width:230px;
float:left;
padding-left:60px;
}

#infohorario ul { list-style:none;
				  margin:0px;
				  padding:0px;
}


#vderecha { width:250px;
			 float:right;
			 font-weight:bold;
			 padding:20px 10px 0 0 !important;
			 margin:0px;
}

#tagscloud { width:260px;
			 float:right;
			 font-weight:bold;
			 padding:10px 0px 0 0 !important;
			 margin:0px !important;
}

#tagscloud p { margin:0px;
			   padding:0px;
			   padding-left:0px !important;
}

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

#tagscloud a:hover { color: #FF0099;
			 font-weight:bold;
}

#tagscloud .importante { color:#999;
			 font-weight:bold;
}

	

#container { width:990px;
			 text-align:center;
			 margin:auto auto auto auto;
			 padding:0px;
}

#gamagrises #grises { width:26px
}

#gamagrises { position:relative;
			  top:0px;
			  left:0px;
			  width:15px;
			  margin:2px 0px 0px 0px;
			  padding:0px;
			  float:left;
			  z-index:1000;
}

			#gamagrises ul { margin:0px;
							 padding:0 0 0 0px;
							 float:left;
			}
			
						#gamagrises li { padding:0px !important;
										 margin:0px !important;
										 width:21px;
										 float:left;
										 list-style:none;
						}
						
						#gamagrises img { width:21px;
										  height:21px;
										  border-left:1px solid #fff;
										  border-right:1px solid #fff;
										  border-top:1px solid #fff;
										  float:left;
						}
						


#contenido { width:930px;
			 background-color:#fff;
			 padding:10px;
			 position:relative;
			 float:right; /* Pega la web a la derecha para separarlo de los grises */
			 text-align:justify;
			 z-index:0;
}

#contenedor li { font-size:12px !important;
}

#cabecera { background-color:#fff;
			padding-bottom:10px;
			text-align:left;
			
}
/*
#cabecera { background-color:#000;
			padding-bottom:10px;
			text-align:left;
}
*/
#imgcabecera { margin:0px;
			   padding:0px;
}

#contenedor { color:#666666 !IMPORTANT;
			  padding:0px;
			  margin:0px;
			  font-size:14px;
}

#contenedor p { font-size:12px !important;
				padding-right:10px;
				padding-left:45px;
				padding-top:0px;
}

#submenu {	color:#000000 !important;
			text-align:left;
			margin:0px;
			padding:0px;
			top:0px;
			float:left;
			width:140px;
}

			#submenu ul { 	margin:10px;
							padding:10px;
			}
			
						#submenu li { padding:0px 0px 5px 0;
									  font-size:15px;
									  margin:0 0 0 20px;
									  color:#000;
									  font-weight:bold;
									  list-style-image:url(../img/arrow_r.gif);
						}


#pantalla { width:745px;
			margin:0px;
			padding:0px;
			float:right;
}

#pantalla p { padding:0px;
			  margin:0px;
			  padding-top:10px !important;
}


#noticias1 { position:relative;
			 top:0px;
			 left:6px;
			 margin:0px;
			 padding:0px;
			 display:block;
}

#noticias2 { position:relative;
			 top:0px;
			 left:6px;
			 margin:0px;
			 padding:0px;
}


#contenidotextoindex { width:620px;
}

#imgderechaindex { float:right;
				   margin:0px;
				   padding:0px;
				   width:120px;
}

#contenidotexto { width:490px;
}


#imgderecha { float:right;
			  margin:0px;
			  padding:0px;
			  width:200px;
}

#imgderecha img { float:right;
				  margin:0px;
				  padding:0px;
}



#buscador { color:#666666;
			font-size:15px !important;
			font-weight:bold;
			position:absolute;
			right:0px;
			margin-right:20px;
			padding:20px;
			z-index:100;
}

			#buscador p { padding:0px;
						  margin:0px;
			}

#menu    { list-style:none;
		   margin:0px;
		   padding-left:10px;
}

			#menu table { width:10px !important;
						  margin:0px;
						  padding:0px;
			}
		
#fecha {position:absolute;
		font-size:11px;
		color:white;
		color:#666666;
		margin:0;
		padding:0px 25px 0 0;
		right:0px;
		top:105px;
}

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

					/******* LSITADOS GENERALES ********/
#listadoportindex li { float:left;
					   margin-right:35px;

}

#listadoportindex li:hover { border:1px solid #CCCCCC;
}
					
ul { list-style:none;
}


.listadorosa { list-style:none;
			   margin:0px;
			   padding:0px;
			   width:190px;
}

.listadorosa li { padding-bottom:10px !important;
				  padding:0px !important;
				  margin:0px 0px 0px 10px !important;
				  text-align:left;
				  clear:left;
				  width:180px;
}

.listadorosa img { margin-right:10px !important;
				   padding-top:5px;
}

.listadoimagenrosa { list-style:none;
					 margin:0px;
					 padding:0px 0px 0px 80px;
}


.listadoimagenrosa li { padding-bottom:10px !important;
						list-style-image:url("../img/puntorosa.png") !important;
						padding:0 0 10px 8px !important;
						margin:0px !important;
}
		
		.sublistadoimagenrosa { list-style:none;
							  margin:0px;
							  padding:0px 0px 0px 40px;
		}
		
				.sublistadoimagenrosa li { padding-bottom:10px;
									 list-style-image:url("../img/puntorosa.png");
									 padding:0 0 10px 8px !important;
									 margin:0px !important;
				}

						/********* LISTADO ROSA DEL INDEX ****************/

.listadoimagenrosaindex { list-style:none;
							margin:0px;
							padding:0px 0px 0px 80px;
							float:left;
							font-size:8px !important;
}

.listadoimagenrosaindex li { padding-bottom:10px !important;
							list-style-image:url("../img/puntorosa.png") !important;
							padding:0 0 10px 8px !important;
							margin:0px !important;
							font-size:10px !important;
}
		
		.listadoimagenrosaindex { list-style:none;
							  margin:0px;
							  padding:0px 0px 0px 40px;
		}
		
				.listadoimagenrosaindex li { padding-bottom:10px;
									 list-style-image:url("../img/puntorosa.png");
									 padding:0 0 1px 8px !important;
									 margin:0px !important;
				}

#clientesindex { margin:0px auto; 
				 text-align:center;
				 padding:0px;
}

#clientesindex li { float:left !important;
					padding:10px;
}

						/******* END LSITADOS ********/
.titulomar { font-size:16px;
			 font-weight:bold;
			 padding:3px 0 3px 0;
}

#pie { background-color:#fff;
	   padding-bottom:10px;
	   text-align:left;
	   float:right;
	   width:950px;
}

#piecont { background-color:#fff;
			padding:5px;
			color:#000;
			font-size:11px;
			text-align:left;
			margin:10px 10px 0px 10px;
}

		#pie p { padding:5px;
				 margin:0px;
				 
		}

#piehdv { position:absolute;
		  right:20px;
		  bottom:15px;
}

.noborder { border:0px;
			margin:0px;
			padding:0px;
}

/**************************** ESTILOS TITULOS **********************/

#titulo { font-size:45px !important;
		  color:#999999;
}

#subtitulo { 
			 position:relative;
			 bottom:30px;
			 left:148px;
			 font-size:30px;
			 width:500px;
			 padding:0 0 0 0px;
			 margin:0px;
			 
}

#sombrasubtitulo { 	 color:#000;
					 position:relative;
					 bottom:30px;
					 left:148px;
					 font-size:30px;
					 width:300px;
					 padding:0px;
					 margin:0px;
}

#imagenescab { margin:0px;
				   padding:0px;
				   text-align:left !important;
				   border:1px solid red;

}
			#imagenescab img { 
							   margin:0px 0px 0px 0px ;
							   padding:0px 0px 0px 0px ;
			
			}
			
			#imagenescab ul { margin:0px 0px 0px 0px;
							  padding: 0px 0px 0px 0px;;
							  list-style:none;
			}
			
			#imagenescab li { margin:0px 0px 0px 0px ;
							  padding: 0px 0px 0px 10px;
							  float:left;
			}


#mainnoticias { margin:0 25px 0 0;
				 text-align:left;
				 width:400px;
				 float:right;
}

#mainclientes { margin:0 0 0 25px;
				 text-align:left;
				 width:400px;
				 float:left;
}

.fecha { color:#666666;
}

#noticias { width:350px;
			border:1px solid #f00;
			position:absolute;			
}

#noticias h3{ color:#333333;
}

#noticias li { color:#000000;
				list-style:none;
}

.error { color: #FF0099;
		 list-style:none;
}

.fucsia { color: #FF0099;
}

/********************** PORTFOLIO ***********************/

#servicios { margin-top: 20px;
}

#servicios li { float:left;
				padding:0 70px 0 0;
}

#servicios img { border:1px solid #fff;
}

#servicios img:hover{ border:1px solid #ccc;
}

.listado_imagenes { float:right;
					margin:0px !important;
					padding:0px !important;
}

.listado_imagenes li { float:right;
					   padding:0 0px 2px 2px;
					   margin:0px;
					   height:22px;
}
.listado_imagenes li img { vertical-align:bottom;
}

.imagen_principal { clear:right;
}

#listadoport { margin:0 0 0 30px !important;
}

#listadoport li { float:left;
				  padding:0 5px 0 10px;
}

.portfol_dcha { float:left;
				padding:20px 0 0 0;
				height:350px;
				width:200px;

}

/********************** ALOJAMIENTO ***********************/

#listadoalojamiento { width:500px;
					  position:aboslute;
					  left:0px;
					  list-style:none;
					  list-style:13px !important;
}

		#listadoalojamiento li { padding-left:30px;
								 padding-top:2px !important;
								 font-size:14px !important;
		}

/********************** FAX 2 MAIL ************************/

#serviciosfax { padding-left:0px !important;
				margin:0px;
				padding:0px;
				padding-top:10px !important;
}

		#serviciosfax li { list-style:none;
						   float:left;
						   padding-left:10px
		}
		
		#serviciosfax .numero { float:left; 
								width:50px;
								text-align:center; 
								font-size:48px !important;
								height:75px;
		
		}
		#serviciosfax .titulo { font-size:16px;
									 float:left;
									 text-align:left;
									 padding-bottom:20px;
									 width:135px;
									 height:60px;
		}
		
		#serviciosfax .descripcion { clear:both;
									 width:185px;
									 padding:10px 3px 20px 3px;
		}

#caracteristicas { margin-left:65px;
}
		#caracteristicas .tipcaract { 
									  padding-bottom:10px;
		}
		#caracteristicas p { padding-left:0px !important;
							 width:450px !important;
							 margin:0px;
		}

/******************** TIENDA ONLINE ***********************/

#listatienda li { list-style:none !important;
				  margin:0px;
				  padding:5px 0 0 25px;
}

#listatienda img { vertical-align:middle;
				   padding-right:10px;
}

/********************** EXCHANGE **************************/

#listaexchange { margin:auto;
				 text-align:center !important;
				 width:900px;
				 margin-top:40px !important
}

	#listaexchange img { padding-bottom:15px;
	}

#productividad { float:left;
				 width:260px;
}

	.listaproductividad { list-style:none;
						  text-align:justify;
						  margin:0px;
						  padding:0px;
						  margin-top:20px;
	}
	
	.listaproductividad li { padding-bottom:10px !important;
							 padding-left:20px; 
							 width:220px;
	}
	
	.listaproductividad img { padding-right:5px;
	}

#operativa { float:left;
			 width:260px;
			 margin-left:55px !important;
}

#negocio { float:left;
		   width:260px;
		   margin-left:55px !important;
}

/********************** POWERPOINT *************************/

#listadopower { list-style:none;
				text-align:center;
				font-weight:normal;
				margin:0px;
				padding:0px 0px 20px 0px;
}

		#listadopower li { font-size:12px !important;
		}

/********************** NOTAS DE PRENSA ********************/

#enlacesprensa { text-align:left !important
}
	#enlacesprensa a:hover { color:#666666 !important;
	}

/********************** EVENTOS ***************************/
#listadoeventos { margin-bottom:20px;
}

		#listadoeventos div{ float:left;
							 width:300px;
		}
		
		#listadoeventos li { list-style:none;
							 padding-bottom:5px;
							 margin:0px;
		}

/********************* MARKETING **************************/

#planmarketing { padding-left:50px;
				 padding-top:15px;
}

	#planmarketing .numeromarket { float:left;
								   width:80px;
								   text-align:right;
								   font-size:72px;
								   padding-right:10px;
	}
	
	#planmarketing .textomarket { float:left;
								  width:485px;
	}
	
	#planmarketing .textomarket p { padding:0px;
	}
	
	#planmarketing h3 { font-size:12px;
						margin:0px;
						padding-top:12px;
	}

/********************** COMUNICACION **********************/

#listadocomunica { list-style: none;
}

		#listadocomunica li { margin:0px;
							  padding-top:10px;
		}

.planescomu { float:left;
			  margin:0px !important;
			  padding:0px 0px 20px 50px !important;
}

		.planescomu li { list-style:none;
						 margin:0px !important;
						 margin-left:50px !important;
						 list-style-image:url("../img/puntorosa.png");
			  			 font-size:35px !important;
						 font-weight:bold;
		}

.planescomu2 { padding-left:300px; 
			   margin:0px;
}
		
		.planescomu2 li { list-style:none;
						  list-style-image:url("../img/puntorosa.png");
						 font-weight:bold;
		}

/******************** GESTION DOCUMENTAL ******************/

#caractegestion { list-style:none;
				  margin:0px;
				  padding:0px 0px 0px 80px;
}

		#caractegestion li { padding-bottom:10px;
							 list-style-image:url("../img/puntorosa.png");
							 padding:0 0 10px 8px !important;
							 margin:0px !important;
		}

/******************** PRODUCCION FOTOGRAFICA ***************/

#produccionfoto { padding-left:20px;
				  padding-top:15px;
}

#produccionfoto div { padding-top:10px;
					  margin:0px;
}

#produccionfoto .imagen { float:left;
						  padding-right:10px;
						  height:80px;
}

#produccionfoto .divtexto { vertical-align:middle
}

#produccionfoto .divtexto h2 { margin:0px;
	 			   			   padding:0px 0px 5px 0px;
							   text-align:left !important;
}

#produccionfoto .divtexto p { margin:0px;
				  			  padding:0px;
							  font-size:9px !important;
}

		/******* celdas contenedoras *******/

			#produccionfoto .contenedorproduc { width:310px;
											    clear:left;
												height:135px;
			}
			
				#produccionfoto .contenedorproduc .imagen { margin-bottom:40px;
				}
				
				#produccionfoto .contenedorproduc h2 { color:#f09;
				}
				
			#produccionfoto .contenedorproducfloat { width:310px;
													 float:right;

													 padding-left:0px;
			}
	
				#produccionfoto .contenedorproducfloat .imagen { margin-bottom:40px;
				}
				
				#produccionfoto .contenedorproducfloat h2 { color:#f09;
				}
			
/********************** DISEŅO WEB ************************/
#serviciosweb { padding-left:65px;
				padding-top:15px;
}

#serviciosweb div { padding-top:10px;
					margin:0px;
}

#serviciosweb .imagen { float:left;
						padding-right:20px;
						height:100px;
}

#serviciosweb .divtexto { vertical-align:middle
}

#serviciosweb .divtexto h2 { margin:0px;
	 			   padding:0px 0px 5px 0px;
}

#serviciosweb .divtexto p { margin:0px;
				  			padding:0px;
}

.degradado { width:640px;
			 padding-right:10px;
			 text-align:center;
			 background-color:#fff;
			 background-image:url(../img/inputs/fondo_pantallas_web.jpg);
			 background-repeat:no-repeat;
			 padding:10px;
}

.degradadojustify { width:640px;
					 padding-right:10px;
					 text-align:justify;
					 background-color:#fff;
					 background-image:url(../img/inputs/fondo_pantallas_web.jpg);
					 background-repeat:no-repeat;
					 padding:10px;
}

#secciones { list-style:none;
			 text-align:center;
			 margin:0px;
			 padding:0px 0px 0px 0px;
			 border:1px solid red
}

		#secciones li { margin:0px;
						padding:0px;
						text-align:left;
						
		}

#img_titulo_seccion { position:relative;
					  margin:0px;
					  padding:0px
}

		#imagenes_web ul { margin:0px;
						   padding:0;
		
		}
		#imagenes_web li { float:left !important;
						   width:250px !important;
						   list-style:none;
						   text-align:left;
						   margin:0px;
						   padding:0px;
		}
		
		#imagenes_web img { margin-bottom:3px;
		}


#contenido_detalle_web { width:640px;
						 padding:0;
						 margin:10px 0 0 0 ;
}
		
		#contenido_detalle_web p, .desplegable { padding-left:10px;
												 text-align:right;
		}
		
		#contenido_detalle_web img { padding:5px;
		}

.titulo_servicio { font-size:12px;
				   padding-left:30px !important;
}

.listado_trabajos { list-style:none;
					margin:0px !important;
					padding:0 0 0 20px !important;
					color:#666;
					font-weight:bold;
					text-align:left !important;
}

.listado_trabajos li { margin:0px !important;
					   padding:5px !important;
					   text-align:left !important;
}

/********************** ROTULACION ************************/

#listarotul h2 { font-size:16px;
}

/********************** STANDS ****************************/

#listadostands { margin:0px; 
				 padding:10px 0px;
}

#listadostands li { margin-left: 35px;
					padding-left: 10px;
					color:#f09;
					font-size:18px !important;
					vertical-align:middle;
}

#listadostands .numerostand { color:#666666 !important;
			   				  padding-right:10px;
							  font-size:30px;
}

#listadostands2 { margin:0px; 
				 padding:10px 0px;
}

#listadostands2 li { margin-left: 35px;
					padding-left: 10px;
					color:#f09;
					font-size:16px !important;
					color:#666666;
}

#listadostands2 strong { color:#f09;
}

#listadostands2 .numerostand { color:#666666 !important;
			   				  padding-right:10px;
							  font-size:30px;
							  vertical-align:middle;
}

/********************** CONTACTAR *************************/

#listado_contactar2 li { list-style:none;
						 padding:0 0 8px 0;
						 text-align:left;
}

		#listado_contactar2 input { border:1px solid white;

		}

#listado_contactar { margin:0px;
					 padding:0 0 0 30px;
}

#listado_contactar li { list-style:none;
						padding:0 0 8px 0;
						text-align:left;
						width:300px;
}
		
		#listado_contactar input { border:1px solid white;
		}

.input_largo { background-image: url(../img/inputs/contactolargo.jpg) !important;
									   width:318px;
									   height:19px;
									   margin:0px;
									   padding:0 4px 0 4px;
									   border:1px solid white;
}

.input_medio { background-image: url(../img/inputs/contactomedio.jpg) !important;
									   width:230px;
									   height:19px;
									   margin:0px;
									   padding:0 4px 0 4px;
									   border:1px solid white;
}

.input_corto { background-image: url(../img/inputs/contactocorto.jpg) !important;
									   width:137px;
									   height:19px;
									   margin:0px;
									   padding:0 4px 0 4px;
									   border:1px solid white;
}

#listado_contactar .enviar { background-image: url(../img/inputs/enviar.jpg) !important;
									   width:134px;
									   height:58px;
									   margin:0px;
									   padding:0 4px 0 4px;
}

		#listado_contactar .borrar { background-image: url(../img/inputs/boton.jpg) !important;
											   width:134px;
											   height:35px;
											   margin:0px;
											   padding:0 4px 0 4px;
											   color:#ccc;
											   font-weight:bold;
		}
		
		#listado_contactar .boton { background-image: url(../img/inputs/boton.jpg) !important;
											   width:134px;
											   height:36px;
											   margin:0px;
											   padding:0 4px 0 4px;
											   color:#ccc;
											   font-weight:bold;
											   background-repeat:no-repeat;
		}
		
		#listado_contactar textarea { background-image: url(../img/inputs/textarea.jpg) !important;
									  background-repeat:repeat-x;
									  border:1px solid #fff;
									  padding:5px;
									  height:100px;
									  width:442px;
									  overflow:auto;
		}

/*************** BACKUP ********************/
#razonesbackup { list-style:none;
}

		#razonesbackup li { padding-top:10px;
							padding-left:20px;
		}
.titulorazonbackup { color:#f09;
					 font-size:15px;
					 font-weight:bold;
					 padding-top:10px !important;
}

/*************** DISENO 3D *******************/

.listado3d li{ float:left;
			   width:300px;
}
.listado3d li img { padding-bottom:10px;
					padding-top:10px;
}


/********** MENu *****************/
/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/drop_examples.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the assocaited (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

/* commom style for all browsers */

.menu5 img { border:0px;
}

.menu5 { text-align:left;
		 position:relative;
		 height:2.5em;
		 margin:0;
		 padding:0;
		 list-style-type:none;
		 font-family:Verdana, Arial, Helvetica, sans-serif;
		 font-size:12px;
		 color:#000;
		 z-index:99;
}

.menu5 ul { padding:0;
			margin:0;
			list-style-type:none; /* for Firefox */
			z-index:99;
}

.menu5 li { float:left;
			position:relative;
		    font-weight:bold !important;
			z-index:99;
}

.menu5 li a, .menu5 li a:visited { display:block;
								   text-decoration:none;
								   color:#000;
								   float:left;
								   padding-right:1em;
								   height:3em;
								   line-height:3em;
								   font-weight:bold !important;
								   z-index:99;
}

/* ESTO ES EL WIDTH DE LAS OPCIONES DEL MENU
* html .menu5 li a, .menu5 li a:visited { width:7em;
										  w\idth:6em; /* hack for IE5.5 */
/*}*/

/* CLASE DROP DEL MENU 
.menu5 li a.drop, .menu5 li a.drop:visited { font-weight:normal !important;
}
*/

.menu5 li ul { visibility:hidden;
			   position:absolute;
			   top:2.5em;
			   left:0;
			   height:0;
			   overflow:hidden;
   			   z-index:999 !important;
}

.menu5 table { margin:-1px;
			   border-collapse:collapse;
			   font-size:1em; /* font size for IE5.5 */
   			   z-index:999 !important;
}



/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover { text-decoration:none;
					border:0;
					color:#FF33CC;
					font-weight: bold !important;
}
.menu5 li:hover ul,
.menu5 li a:hover ul { visibility:visible;
					   height:auto;
					   width:10em;
					   background-color:#000;
					   border:0;
					   left:0;
					   top:2.5em;
					   overflow:visible;
					   margin:0px;
					   padding:0px;
					   width:18.4em;
   			   			z-index:999 !important;
}

/* SUBMENU */
.titulomenu5 { padding-top:5px;
			   padding-bottom:5px;
			   padding-left:5px !important;
			   color:#FFFFFF;
			   z-index:999;
}

.menu5 li:hover ul li a,
.menu5 li a:hover ul li a { display:block;
							font-weight:normal !important;
							background:transparent;
							text-decoration:none;
							height:auto;
							line-height:1.5em;
							width:9em;
							color:#ccc;
						    margin:0px;
						    padding:5px 0px 3px 5px;
							font-size:11px;
							width:19.5em;
}

* html .menu5 li a:hover ul li a { width:10em;
								   w\idth:9em; /* hack for IE5.5 */
								   width:19.5em;
}

.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop { font-weight:normal !important;

}

.menu5 li:hover ul li ul,

.menu5 li a:hover ul li a ul { visibility:hidden;
							   position:absolute;
							   top:0;
							   left:19.0em;
							   height:0;
							   overflow:hidden;
}

/* SUBMENU HOVER */
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover { text-decoration:none;
								  color:#fff;
								  background-color:#333;
								  margin:0px;
						    	  padding:5px 0px 3px 5px;
								  font-size:11px;
}

.menu5 li:hover ul li:hover ul,

.menu5 li a:hover ul li a:hover ul { visibility:visible; 
									 color:#ccc !important; 
									 border:none;
									 height:auto; 
									 background-color:#666 !important;
									 width:12.5em;
								     margin:0px;
									 padding:0px 0px 0px 0px;
									 font-size:11px;
} 

.menu5 li:hover ul li:hover ul.left,

.menu5 li a:hover ul li a:hover ul.left { border:0;
										  width:12.5em;
}

.menu5 li:hover ul li:hover ul li a,

.menu5 li a:hover ul li a:hover ul li a {
display:block;
height:auto;
width:12.5em;
}

/*      SEGUNDO SUBMENU       */
.menu5 li:hover ul li:hover ul li:hover a,

.menu5 li a:hover ul li a:hover ul li a:hover { text-decoration:none;
												color:#fff;
												background-color:#333;
												font-size:11px;
												width:12.5em;
}

/************ CONTACTAR ***************/
.contactar { background-image:url("../img/flecha_buscar.jpg");
			 height:15px;
			 width:16px;
			 border:0px solid red;
			 vertical-align:middle;
			 background-repeat:no-repeat;
}

.contact_button a:focus { outline:hidden !important}
.contact_button { background-image:url("../img/inputs/boton_contactar_normal.jpg") !important;
				  background-repeat:no-repeat;
				  background-color:#FFFFFF;
				  border:1px solid #fff;
				  width:110px;
				  height:47px;
}

.contact_button:hover { background-image:url("../img/inputs/boton_contactar_over.jpg") !important;
						  background-repeat:no-repeat;
						  background-color:#FFFFFF;
						  border:1px solid #fff;
						  width:110px;
						  height:47px;
}

.contact_button:selected { background-image:url("../img/inputs/boton_contactar_selected.jpg") !important;
						  background-repeat:no-repeat;
						  background-color:#FFFFFF;
						  border:1px solid #fff;
						  width:110px;
						  height:47px;
}

.send_button:focus { outline:none !important;
}
.send_button { background-image:url("../img/inputs/boton_enviar_normal.jpg") !important;
			   background-repeat:no-repeat;
			   background-color:#fff !important;
			   border:1px solid #fff !important;
			   width:110px;
			   height:47px;
}

.send_button:hover { background-image:url("../img/inputs/boton_enviar_over.jpg") !important;
					  background-repeat:no-repeat;
					  background-color:#FFFFFF;
					  border:1px solid #fff;
					  width:110px;
					  height:47px;
}

.send_button:selected { background-image:url("../img/inputs/boton_enviar_selected.jpg") !important;
						  background-repeat:no-repeat;
						  background-color:#FFFFFF;
						  border:1px solid #fff;
						  width:110px;
						  height:47px;
}

.reset_button { background-image:url("../img/inputs/boton_borrar_normal.jpg") !important;
				  background-repeat:no-repeat;
				  background-color:#FFFFFF;
				  border:1px solid #fff;
				  width:110px;
				  height:47px;
}

.reset_button:hover { background-image:url("../img/inputs/boton_borrar_over.jpg") !important;
						  background-repeat:no-repeat;
						  background-color:#FFFFFF;
						  border:1px solid #fff;
						  width:110px;
						  height:47px;
}

.reset_button:selected { background-image:url("../img/inputsboton_borrar_selected.jpg") !important;
						  background-repeat:no-repeat;
						  background-color:#FFFFFF;
						  border:1px solid #fff;
						  width:110px;
						  height:47px;
}

/****************** CODA SLIDER ******************/
		
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 870px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 400px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 900px; /* Also specified in  .stripViewer  above */

		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 180px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
			z-index:-1;
		}
		
		.stripNavR {
			right: 0;
			z-index:-1;
		}
		
		.stripNavL {
			background: url("../includes/codaslider/images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("../includes/codaslider/images/arrow-right.gif") no-repeat center;
		}

/***************** OTROS ***************/
.seekandfound { font-weight:bold;
				text-decoration:underline;
				color:#f09;
}

.enlacesinestilos:hover { color:#666 !important;
						  font-weight:normal !important;
}

#buscadornoticias td { padding-left:10px;
}

	a#replaced { display:block;
				 width:110px;
				 height:47px; /* aqui esta el truco */
				 text-indent:-9999px;
				 background:url(../img/inputs/contactar_3.jpg) top left no-repeat;
	}

    a#replaced:hover { background-position:0 -47px;/* con esto cambiamos la porcion de imagen que se muestra */
    }
	
    a#replaced:active { background-position:0 -94px !important;/* con esto cambiamos la porcion de imagen que se muestra */
    }

#infonoticias p { font-weight:normal;
				  padding-top:15px;
}

#infonoticias .seleccionado { font-size:15px;
							  font-weight:bold;
}

.titulonoticiapq { padding-bottom:10px !important;
				   text-align:left;
				   font-weight:normal !important;
}

.menupie { color:#000;
		   font-size:10px !important;
		   text-align:left;
		   width:210px;
		   float:left;
		   margin:20px 0 10px 0;
		   border-top:1px solid #666;
		   padding:0px;
}

.menupie ul { padding:20px 0px 0px 0px;
			  margin:0px;
}

.titulomenupie h1{ font-weight:bold !important;
		   		   font-size:10px !important;
				   margin:0px !important;
				   padding:0px !important;
				   color:#000 !important;
				   font-weight:lighter !important;
}

.textnoticiaindex p { font-size:16px !important;
					  margin:0px !important;
					  padding:0px !important;
}

.titulonoti { margin-top:10px !important;
}

.titulonoti a { color:#f09 !important;
			    padding:5px 0 0px 0;
				font-size:12px;
}

.subtitulonoti { color:#666666 !important;
			     font-size:12px;
				 margin-top:10px;
				 width:190px;
}

.descripnoti { font-size:10px !important;
			   padding-top:5px;
}

				.descripnoti a{ font-size:10px !important;
				}

.titulosec { padding-left:0px !important;
			 border-bottom:1px solid black;
			 padding:0px 0 10px 0px !important;
			 margin:0px 0 0 20px !important;
			 width:350px;
			 color:#333;
}

#listadoclientes { margin:0px 0px 0px 30px;
				   padding:0px;
}

		#listadoclientes li { float:left;
							  margin:0px;
							  padding:0 10px 10px 0;
		}
		
#listadonombresclientes { margin:0px 0px 0px 0px;
						  padding:0px;
}

#listadonombresclientes li { padding:0px 20px 5px 0;
							 font-weight:lighter;
							 font-size:10px !important;
							 text-align:left;
							 border-bottom:1px solid #ccc;
}

/**************** PORTFOLIO GRAFICO ******************/
#fondoportfolio { background-image:url("../img/portfolio/fondo_portfolio_grafico.jpg");
				  margin:0px;
				  padding:0px;
				  height:357px;
				  background-color:#666;
				  margin:0 10px 0 10px;
				  position:relative;
}

#imagenportfolio { margin:0px;
				   padding:0px;
				   float:left;
}

#imagenportfolio img { border:5px solid #fff;
}

#detalleportfolios { margin:30px 0px 15px 640px;
					 width:240px;
					 color:#FFFFFF;
}

#detalleportfolios p { margin:0px;
					   padding:0px;
					   text-align:left;
}

#detalleportfolios p.textoport { padding-top:5px ;
}

#imagenesgraficas { margin:0 0 0 1px;
					padding:0px;
}

#imagenesgraficas li { border:1px solid #ccc;
					   padding:5px 5px 3px 5px;
					   float:left;
					   margin:14px 6px 0 8px;
}

#imagenesgraficas li:hover { border:1px solid #ccc;
						     padding:5px 5px 3px 5px;
						     float:left;
						     margin:14px 6px 0 8px;
							 background-color:#DADADA;
}

#paginador_port { float:right;
				  position:absolute;
				  top:280px;
				  right:0px;
				  width:240px;
				  padding-right:15px;
}

#paginador_port p { margin:0px !important;
					padding:0px;
}

#paginador_port p a { font-size:15px !important;
					  font-weight:bold !important;
}

.produccion_fotos { margin:0 0 0 20px;
					padding:0px;
}
 
.produccion_fotos li { width:185px;
					   height:140px;
					   margin:0 10px 0 0;
					   padding:5px;
					   float:left;
					   background-position: 50% 50%;
					   background-repeat: no-repeat;
}

#tit_imagen_corporativa { margin:20px 0 40px 20px;
						  padding:0px;
}

#tit_imagen_corporativa li { float: left;
							 width: 150px;
							 text-align: center;
							 font-size: 14px;
							 color: #000000;
}

#tit_imagen_corporativa a { text-decoration: none;
							color: #000000;							 
}

#list_imagen_corporativa { margin:0;
						   padding: 20px 0 0 0;
						   overflow: hidden;
						   clear:left;
}

#list_imagen_corporativa li { width: 231px;
							  height: 231px;
							  float: left;
							  text-align: center;
							  border-right: 1px dotted #ccc;
							  border-bottom: 1px dotted #ccc;
		 				      background-position: 50% 50%;
						      background-repeat: no-repeat;
}

.list_imagen_corporativa_especial_columna { border-right: 0 !important;
}

.list_imagen_corporativa_especial_fila { border-bottom: 0 !important;
}

.list_imagen_corporativa_especial_fin { border: 0 !important;
}

#list_imagen_corporativa .highslide img { border: 0 !important;
}
