@charset "iso-8859-1";
/* CSS Document */



/*comun*/

body {margin:0px; background:black; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:white;}
	/*scrollbar-face-color:#000000; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color:#cccccc;
	scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#000000; scrollbar-track-color:#000000;	scrollbar-arrow-color:#cccccc; */
	
	h1{margin:0px; margin-top:20px; margin-bottom:15px; font-size:3.5em; color:white; visibility:hidden}
	h2{margin:0px; font-size:1.2em; color:white}	
	h3{ margin:0px; padding:0px;font-weight:normal; font-size:1em}
	h4{margin:0px; padding:0px;font-weight:normal; font-size:1.5em}
	ul,li{margin:0px; padding:0px}
	
	.i{float:left}
	.d{float:right}
	
/*index*/
#entrada{width:200px; height:112px; position:absolute; margin-left:-100px; margin-top:-56px; top:50%; left:50%}
	#entrada img{clear:both}
	#entrada_links{ width:200px; height:11px; border-top:1px solid #999999; clear:both; padding-top:5px}
		#entrada_links a{text-transform:uppercase; color:#999999; text-decoration:none; font-size:0.9em}
		#entrada_links a:hover{color:white}

/*index-con-video
#entrada{width:640px; height:500px; position:absolute; margin-left:-320px; margin-top:-250px; top:50%; left:50%}
	#entrada img{clear:both}
	#entrada_links{ width:640px; height:11px; border-top:1px solid #999999; clear:both; padding-top:5px}
		#entrada_links a{text-transform:uppercase; color:#999999; text-decoration:none; font-size:0.9em}
		#entrada_links a:hover{color:white}*/
		

/*maquetacion*/

#contenedor {width:951px; height:563px; position:absolute; margin-left:-475px; margin-top:-281px; top:50%; left:50%; }

#cabecera{ width:951px; height:89px; clear:both; }

	#logo{width:200px; height:89px; float:left;}
		#logo img{border:none}
	#menu{width:751px; height:89px; float:right; background:black}
		#menu_items{height:14px; padding-left:35px }
			#menu_items ul,li {margin:0px; padding:0px; list-style:none;}
			#menu_items li{float:left}
			#menu_items ul li a{font-size:0.8em; color:white; text-decoration:none;text-align:center}
		#menu_swf{width:751px; height:75px;}
	
#contenidos {width:951px; height:445px; border-top:1px solid #CCCCCC; border-bottom:1px solid #999999; clear:both; background:white; margin-top:1px}
	#noticias {width:200px; height:445px; float:left;}
	#contenido_central{width:751px; height:445px; float:right; margin-bottom:1px}
	
	
		#col_i, #col_i_producto, #col_i_grafico, #col_i_marketing, #col_i_eventos, #col_i_informatica, #col_i_audiovisual, #col_i_website, #col_i_clientes,  #col_i_contacto {width:250px; height:445px; float:left; padding-left:34px; padding-right:20px; background:url(../images/product.jpg) 0% 0% no-repeat  }
		#degradado{background:url(../images/sombra_i.png) 0% 0% no-repeat}
			#col_i p{ text-align:left; margin-top:-5px}
			
			#mas_proyectos {width:234px; margin-left:20px; margin-right:16px; clear:both; height:20px; position:absolute; top:500px}
				#mas_proyectos ul{margin:0px;}
				#mas_proyectos img{cursor:pointer; height:20px; width:15px}
				#mas_proyectos ul li{margin:0px; list-style:none; float:right; text-align:center; margin-left:3px}
					#mas_proyectos ul li a { display:block; color:white; text-decoration:none; width:15px; height:10px; background:none; padding-bottom:10px}
					#mas_proyectos ul li a:hover{color:#999}
										
		#col_d{width:447px; height:445px; float:right}			
			.proyecto{width:447px; height:445px; position:absolute}
			.proyecto .heading, .proyecto .caption{position:absolute; background:url(../images/pixel_85.png); height:50px;	width:447px;} 
			.proyecto .heading{top:-50px;}
			.proyecto .caption{bottom:-50px; left:0px;}
			.proyecto .heading span{color:#FFFFFF; top:-50px; font-size:2em; font-weight:bold; display:block; padding:5px 0 0 10px;}
			.proyecto .caption span{color:#FFFFFF; font-size:1em; display:block; padding:5px 10px 0 10px;}
			.proyecto a img{border:none}
			.proyecto ul,li{margin:0px; padding:0px; float:none; list-style:none}			
			.sobre_impreso {width:427px; height:auto; padding:10px; background-image:url(../images/pixel_85.png); color:white; z-index:100; top:0; left:0; position:absolute; display:none}
	
	
	
#pie {width:951px; height:20px; clear:both; font-size:0.8em; padding-top:7px; background-color:#000}
	#pie_info{width:786px; height:27px; float:left; text-align:left}
		#pie a{text-decoration:underline; color:white}
		
	#pie_links{height:27px; width:165px; float:right; text-align:left;}
		#pie_links div{margin-top:0px; float:left; padding-left:8px}
		#pie_links a img{border:none; float:right; margin-left:6px}
		
		
		
		/*contenidos*/
		
		#noticia_ppal { width:181px; height:282px; margin-left:10px; margin-top:10px; clear:both; font-size:0.9em; color:black}
		#noticia_ppal img{ width:179px; height:101px; border:1px solid black;}
		#noticia_fecha {width:179px; height:10px;text-align:left; margin-top:5px}
		#noticia_titular {width:179px; height:auto; font-weight:bold; margin-top:5px}
			#noticia_titular p{font-weight:normal; margin-top:8px; margin-bottom:0px}
			
			#ampliar_links {width:179px; clear:both; height:18px; margin-top:4px }
			
		#noticias_mas {width:auto; height:18px;text-align:right; float:right}
			#noticias_mas a{color:#999999; text-decoration:none; font-weight:bold}
			#noticias_mas a:hover{color:black}
		#info_mas{width:auto; height:18px; text-align:left; float:left}
			#info_mas a{color:#999999; text-decoration:none; font-weight:bold}
			#info_mas a:hover{color:black}
			
		#asociacion {width:181px; height:72px; border-bottom:1px solid black; border-top:1px solid black; clear:both;font-size:0.9em; color:black; margin-left:10px; padding-top:5px}
			#asociacion_img{width:181px; clear:both; margin-top:5px}
				#asociacion_img a img{border:1px solid black; }
			
		
		
		#labor_social {width:181px; height:52px;clear:both;font-size:0.9em; color:black; margin-left:10px; margin-top:10px}
			#labor_social p {float:left; width:135px; margin:0px; }
			#labor_social img{ float:right; border:1px black solid; }
			
	#col_i .grafico{ background:#66FF33}		
			
			
			
			
			/*galeria*/
			
.hidden{display: none;}
#prevNext{margin-bottom: -2.5em;}
#prevNext img{position: relative;z-index: 2;cursor:pointer;}

.pi{margin: 0;padding:10px; width:447px;font-size:1em;position: absolute;top: 365px;height: 80px;background: url(../images/pixel_85.png); color:#FFF}
	.pi a{ color:white; text-decoration:underline; font-weight:bold}

			/*contacto*/
			#col_i_contacto table {width:259px; border:none; font-size:0.9em; margin-top:30px; color:black; text-align:left}
			#col_i_contacto table td {height:22px; vertical-align:middle}
			#col_i_contacto table input{width:159px; height:15px; border:none; background:white; font-family:Arial, Helvetica, sans-serif}
			#col_i_contacto table textarea{width:258px; height:100px; border:none; background:white; font-family:Arial, Helvetica, sans-serif; font-size:1.2em}
			#ancho_input{width:84px}