/*___________________________________________________________________________________________________________________________________*/


/*______________________________________________________ ESTRUCTURA _________________________________________________________________*/

	* {
		margin:0;
		padding: 0;
		list-style: none;
		outline: none;
		}
		
		
		body {
			background: url(../img/estructura/back_body.png) 50% 0 no-repeat #0a0a0a;
			font-size: 11px;
			font-family: Tahoma, Arial, "HelveticaNeue LightCond";
			color: #818181;
			line-height: 17px;
			}
			
			#header {
				width: 100%;
				background: url(../img/estructura/header_back.gif) 0 16px repeat-x;
				height: 170px; 
				}
				
				#head {
					width: 980px;
					margin: 0 auto 0 auto;
					height: 170px;
					}
					
					h1 {
						background: url(../img/estructura/inicianet_estudio.jpg) 0 0 no-repeat;
						width: 259px;
						height: 108px;
						text-indent: -9999px;
						margin: 0 0 0 9px;
						float: left;
						}
					
					h4.claim {
						background: url(../img/estructura/garantia.gif) 0 0 no-repeat;
						width: 444px;
						height: 34px;
						text-indent: -9999px;
						float: right;
						margin: 81px 5px 0 0;
						}
					#head ul {
						width: 440px;
						float:left;
						margin: 26px 0 0 13px;
						}
						
						#head ul li {
							display: inline;
							}
					
					#head ul li a {
						display: block;
						float: left;
						height: 36px;
						background: url(../img/botones/buttons.gif) no-repeat;
						margin: 0px 16px 0 0;
						text-indent: -9999px;
						}
						
						#head ul li a.home_bot {
							width: 32px;
							background-position: 0 0;
							} 
							#head ul li a.home_bot:hover {
								background-position: 0 -36px;
								}
							#head ul li a.home_bot.puls1 {
								background-position: 0 -36px;
								}
						
						#head ul li a.portafolio_bot {
							width: 64px;
							background-position: -32px 0;
							} 
							#head ul li a.portafolio_bot:hover {
								background-position: -32px -36px;
								}
							#head ul li a.portafolio_bot.puls2{
								background-position: -32px -36px;
								}
						
						#head ul li a.estudio_bot {
							width: 45px;
							background-position: -96px 0;
							} 
							#head ul li a.estudio_bot:hover {
								background-position: -96px -36px;
								}
							#head ul li a.estudio_bot.puls3 {
								background-position: -96px -36px;
								}
						
						#head ul li a.contacto_bot {
							width: 54px;
							background-position: -141px 0;
							} 
							#head ul li a.contacto_bot:hover {
								background-position: -141px -36px;
								}
							#head ul li a.contacto_bot.puls4 {
								background-position: -141px -36px;
								}
						
						#head ul li a.presupuesto_bot {
							width: 76px;
							background-position: -195px 0;
							} 
							#head ul li a.presupuesto_bot:hover {
								background-position: -195px -36px;
								}
							#head ul li a.presupuesto_bot.puls5 {
								background-position: -195px -36px;
								}
						
						#head ul li a.newsletter_bot {
							width: 70px;
							background-position: -271px 0;
							} 
							#head ul li a.newsletter_bot:hover {
								background-position: -271px -36px;
								}
							#head ul li a.newsletter_bot.puls6 {
								background-position: -271px -36px;
								}

		#none {
			display:none;
		}
		#contenido_exp {
			width: 100%;
			background-color: #363333;
			display: inline-block;
			padding:0 0 30px 0;
			}
			
		#contenido_exp:after {
			content: ".";
			display: block; 
			height: 0;
			clear: both;
		 	visibility: hidden;
		}
			
			#contenido {
				width: 980px;
				margin: 22px auto 0 auto;
				}
				
				#col1 {
					width: 735px;
					float:left;
					margin-left: 8px;
					}
				
				#col2  {
					width: 200px;
					float:right;
					margin-right: 8px;
					}
				
				h2 {
					width: 735px;
					height: 32px;
					text-indent: -9999px;
					background: 0 0 no-repeat;
					}
				
				h3 {
					width: 200px;
					height: 32px;
					text-indent: -9999px;
					background: 0 0 no-repeat;
					}
				
				a {	
					color: #fff;
					text-decoration: none;
					}
					
					a:hover {
						color: #7db00d;
						}
				
				p {
					margin-bottom: 16px;
					}
				
				#logos_exp {
					width: 100%;
					height: 73px;
					background-color: #151414;
					}
					
					#logos {
						width: 980px;
						margin: 0 auto;
						}
						
						.adobe {
							background: url(../img/estructura/adobe.gif) 0 0 no-repeat;
							width: 30px;
							height: 50px;
							text-indent: -9999px;
							margin: 12px 0 0 17px;
							float:left;
							}
							.adobe:hover { background-position: 0 -50px;}
						
						.xhtml {
							background: url(../img/estructura/xhtml.gif) 0 0 no-repeat;
							width: 78px;
							height: 20px;
							text-indent: -9999px;
							float: left;
							margin: 30px 0 0 25px;
							}
							
							.xhtml:hover { background-position: 0 -20px;}
						
						.css21 {
							background: url(../img/estructura/css21.gif) 0 0 no-repeat;
							width: 78px;
							height: 20px;
							text-indent: -9999px;
							float: left;
							margin: 30px 0 0 20px;
							}
							
							.css21:hover { background-position: 0 -20px;}
						
						.aepd {
							background: url(../img/estructura/aepd.gif) 0 0 no-repeat;
							width: 267px;
							height: 20px;
							margin: 29px 0 0 32px;
							text-indent: -9999px;
							float: left;
							}
							
							.aepd:hover { background-position: 0 -20px;}
				
				#footer {
					width: 948px;
					margin: 0 auto;
					font-size: 11px;
					color: #fff;
					height: 200px;
					}
					
					#cont_foot1 {
						width: 292px;
						float:left;
						}
					
					#cont_foot2 {
						width: 292px;
						float:right;
						margin-top: 118px;
						
						}
					
					#footer ul {
						margin: 17px 0 16px 0px;
						}
						
						.alinea_dcha {
							text-align: right;
							}
					
					a#acc_form {
						background: url(../img/botones/acc_form.gif) 0 0 no-repeat;
						width: 145px;
						height: 20px;
						display: inline;
						text-indent: -9999px !important;
						display: block;
						float: right;
						margin-top: -8px;
						}
						
						a#acc_form:hover {
							background-position: 0 -20px;}
				
				.blanco {
					color: #fff;
					}
					

/*_________________________________________________________ INDEX ___________________________________________________________________*/

				h2.sel_trab_h2 {
					background-image: url(../img/titulos/01_h2_seleccion_tr.gif);
					margin-bottom: 17px;
					}
					
					.cont_trab1 {
						width: 735px;
						height: 303px;
						background: url(../img/estructura/sep_home.gif) 0 100% no-repeat;
						margin-bottom: 20px;
						}
					
					.cont_trab2 {
						width: 735px;
						height: 303px;
						margin-bottom: 4px;
						}
					
					.cont_img_home {
						width: 518px;
						height: 274px;
						border: 2px solid #595757;
						float: left;
						margin-left: 9px;
						}
					.cont_info_home {
						width: 187px;
						float:right;
						margin-top: 2px;
						height: 273px;
						position: relative;
					}
					
					.cont_info_home h5 {
						color: #fff;
						font-weight: normal;
						font-size: 11px;
						}	.cont_info_home h5 span { color: #818181; line-height: 18px;}
						
						
						.cont_info_home ul {
							margin: 10px 0 0 0;
							}
							.cont_info_home ul li {
								background: url(../img/estructura/li_back.gif) 0 8px no-repeat;
								padding: 0 0 0 8px;
								margin-bottom: 1px;
								}
								
					.enlacetrabajo {
						bottom: 0;
						position: absolute;
						margin-bottom: 0;
						}
					
					a#acc_tra {
						background: url(../img/botones/acc_trabajos.gif) 0 0 no-repeat;
						width: 188px;
						height: 31px;
						text-indent: -9999px;
						display: block;
						} a#acc_tra:hover { background-position: 0 -31px;}
					
					#col2 h3:first-child {
						background-image: url(../img/titulos/01_h3_ult_not.gif);
						display: none;
						}
					
					.mod_not {
						display: none;
						height: 182px;
						width: 187px;
						margin-left: 7px;
						background: url(../img/estructura/sep_home.gif) 0 100% no-repeat;
						margin-top: 19px;
						}
						
						.mod_not h6 {
							font-size:11px;
							font-weight: normal;
							color: #fff;
							}
					
						.mod_not p.fecha {
							color: #7db00d;
							font-size: 10px;
							margin-bottom: 0;
							}
						
						.mod_not p {
							margin-bottom: 4px;
							}
						.ultima {
							background: none;
							}
					
/*_______________________________________________________ PORTAFOLIO _________________________________________________________________*/	

				h2.sel_trab_port_h2 {
					background-image: url(../img/titulos/01_h2_seleccion_tr.gif);
					margin-bottom: 0px;
					}
				
					#nav_portafolio {
						background: url(../img/estructura/nav_portafolio_back.gif) 0 0 no-repeat;
						height: 30px;
						width: 730px;
						margin:0 0 18px 2px;
						}	
						
						.ul_port {
							width: 265px;
							margin: 0 0 0 555px;
							}
							
							.ul_port li {
								display: inline;
								}
							
							.ul_port li a {
								display: block;
								float: left;
								margin: 0 1px 0 0;
								background: url(../img/botones/botonera_portf.gif) no-repeat;
								width: 87px;
								text-indent: -9999px;
								height: 30px;
								}
							
							.ul_port li a.ceroocho {	
								background-position: -87px 0;
								} .ul_port li a.ceroocho:hover { background-position: -87px -30px;}
								.ul_port li a.ceroocho.puls7 { background-position: -87px -30px;}
							
							/*.ul_port li a.cerosiete {	
								background-position: 0px 0;
								} .ul_port li a.cerosiete:hover { background-position: 0px -30px;}
								.ul_port li a.cerosiete.puls { background-position: 0px -30px;}*/
							
							.ul_port li a.anter {	
								background-position: -174px 0;
								} .ul_port li a.anter:hover { background-position: -174px -30px;}
								.ul_port li a.anter.puls8 { background-position: -174px -30px;}
								
				.port_mod {
					width: 721px;
					margin: 0 0 18px 9px;
					height: 323px;
					}
					
					.port_mod a {
						   display: block;
						}
				
				.port_mod h5 {
					color: #fff;
					font-weight: normal;
					font-size: 11px;
					}
				
				.port_mod p {
					margin-bottom: 0;
					}
					
					.img_port1 {
						/*width: 356px;
						height: 251px;*/
						width: 352px;
						height: 247px;
						/*border: 2px solid #595757;*/
						border: 4px solid #fff;
						float: left;
						margin-top: 17px;
						}
					
					.img_port2 {
						width: 352px;
						height: 247px;
						/*border: 2px solid #595757;*/
						border: 4px solid #fff;
						border-left: none;
						float: left;
						margin-top: 17px;
						}
						
/*_______________________________________________________ ESTUDIO _________________________________________________________________*/	

					h2.estudio_h2 {
					background-image: url(../img/titulos/01_h2_estudio.gif);
					margin-bottom: 21px;
					}
					
					h4.objetivo {
						background: url(../img/titulos/objetivo.gif) 0 0 no-repeat;
						width: 275px;
						height: 18px;
						text-indent: -9999px;
						margin: 0 0 10px 7px;
						}
						
						.margen_par {
							margin-left: 7px;
							}
					
					#galeria_estudio {
						width: 564px;
						/*height: 295px;*/
						margin-left: 7px;
						float:left;
						}
						
						/*#img_gal {
							width: 428px;
							height: 262px;
							border: 1px solid #fff;
							}*/
							
						.pics {
							overflow: hidden;
							width: 562px;
							height: 262px;
							border: 1px solid #fff;
							}
						
						a#reproducir {
							background: url(../img/botones/rep_galeria.gif) 0 0 no-repeat;
							width: auto;
							height: 20px;
							padding-left: 29px;
							display: block;
							margin: 11px 0 0 3px;
							float: left;
							}a#reproducir:hover { background-position: 0 -20px;}
						
						#nav {
							width: 84px;
							float:right;
							margin-top: 11px;
							}
							
							#nav a {
								padding-right: 8px;
								display: block;
								float: left;
								}
							
							#nav a.activeSlide {
								color: #7DB00D;
								}
						

					
					#galeria_estudio ul {
						float: right;
						margin: 12px 0 0 0;
						width: 146px;
						}
					
					#galeria_estudio ul li {
						display: inline;
						width: 17px;
						}
					#galeria_estudio ul li a{
						float:left;
						padding-right: 8px;
						}
						
					#modulo_dis {
						width: 256px;
						float: right;
						height: 295px;
						padding-left: 42px;
						}
						
						h5.diseno {
							background: url(../img/titulos/disenoweb.gif) 0 0 no-repeat;
							width: 176px;
							height: 16px;
							text-indent: -9999px;
							margin: 0 0 14px 0;
							}
					#mod_especializacion {	
						width: 430px;
						float: left;
						}
					
					h4.especializacion {
						background: url(../img/titulos/especializacion.gif) 0 0 no-repeat;
						width: 100%;
						height: 18px;
						text-indent: -9999px;
						margin: 32px 0 10px 7px;
						float: left;
						}
					
				
									

/*_______________________________________________________ CONTACTO _________________________________________________________________*/							
						
		
		#nav_contacto {
				background: url(../img/estructura/nav_contacto_back.gif) 0 0 no-repeat;
				height: 30px;
				width: 730px;
				margin:0 0 18px 2px;
				}
				
						.ul_cont {
							width: 276px;
							margin: 0 0 0 455px;
							}
							
							.ul_cont li {
								display: inline;
								}
							
							.ul_cont li a {
								display: block;
								float: left;
								margin: 0 1px 0 0;
								background: url(../img/botones/botonera_cont.gif) no-repeat;
								width: 87px;
								text-indent: -9999px;
								height: 30px;
								}
							
							.ul_cont li a.bot_cont {	
								background-position: 0px 0;
								} .ul_cont li a.bot_cont:hover { background-position: 0px -30px;}
								.ul_cont li a.bot_cont.puls9 { background-position: 0px -30px;}
							
							.ul_cont li a.bot_pre {	
								background-position: -87px 0;
								width: 99px;
								} .ul_cont li a.bot_pre:hover { background-position: -87px -30px;}
								.ul_cont li a.bot_pre.puls10 { background-position: -87px -30px;}
							
							.ul_cont li a.bot_news {	
								background-position: -186px 0;
								} .ul_cont li a.bot_news:hover { background-position: -186px -30px;}
								.ul_cont li a.bot_news.puls11 { background-position: -186px -30px;}
								
				
				.col1_cont {
					width: 407px;
					margin-left: 7px;
					float: left;
					height: 602px;
					overflow: hidden;
					}
					
					h4.form_cont_h4 {
						background: url(../img/titulos/formulario_cont.gif) 0 0 no-repeat;
						width: 168px;
						height: 13px;
						text-indent: -9999px;
						margin: 0 0 15px 0px;
						}
							
						.caja_form {
							display: inline-block;
							}
						
						.caja_form:after {
							content: ".";
							display: block; 
							height: 0;
							clear: both;
							visibility: hidden;
						}
						
						label {
							color: #fff;
							}
						
						
						label.nombre_lab_cont {
							width: 340px;
							}
							
							.bloque {
								display: block;
								margin-left: 1px;
								}
							
							input {
								height: 22px;
								border: none;
								font-size: 12px;
								font-family: Tahoma, Arial, "HelveticaNeue LightCond";
								padding: 9px 14px 0 14px;
								color: #000;
								margin: 5px 0 0 0;
								background: transparent;
								}
							
							label.nombre_lab_cont {
								background: url(../img/estructura/input_nombre.gif) 0 22px no-repeat;								 
								width: 340px;
								display: block;
								height: 53px;
								margin-bottom: 9px;
								}
								
							label.nombre_lab_cont input {
								width: 312px;
								}
							
							label.email_lab_cont input {
								width: 180px;
								}
							
							label.email_lab_cont {
								background: url(../img/estructura/input_email.gif) 0 22px no-repeat;								 
								width: 208px;
								display: block;
								height: 53px;
								margin-bottom: 9px;
								}
							
							label.obs_lab_cont {
								background: url(../img/estructura/text_area_input.gif) 0 22px no-repeat;								 
								width: 407px;
								display: block;
								height: 93px;
								margin-bottom: 22px;
								}
							
							textarea {
								height: 57px;
								width: 379px;
								border: none;
								font-size: 12px;
								font-family: Tahoma, Arial, "HelveticaNeue LightCond";
								padding: 9px 14px 5px 14px;
								color: #000;
								margin: 5px 0 0 0;
								background: transparent;
								}
							
							label.leg_lab_cont {
								width: auto;
								float: left;
								}
							
							.acepto {
								float: left;
								color: #fff;
								margin: -2px 0 20px 0;
								}
							
							input.legal {
								height: 12px;
								border: none;
								font-size: 10px;
								font-family: Tahoma, Arial, "HelveticaNeue LightCond";
								padding:0;
								color: #000;
								margin: 0 6px 0 4px;
								background: transparent;
								}
							
							a.enviar {
								background: url(../img/botones/enviar_but.gif) 0 0 no-repeat;
								width: 71px;
								height: 31px;
								display: block;
								text-indent: -9999px;
								float: right;
								margin-top: -12px;
								} a.enviar:hover { background-position: 0 -31px;}
							
							.texto_legal {
								font-size: 10px;
								text-align: justify;
								margin-left: 4px;
								}
								
					.col2_cont {
						width: 267px;
						float: right;
						}
						
							h4.dat_cont_h4 {
								background: url(../img/titulos/datos_contacto.gif) no-repeat scroll 0 0;
								height:13px;
								margin:0 0 15px 0;
								text-indent:-9999px;
								width:132px;
								}
							
							a.mapas {
								background: url(../img/estructura/li_back.gif) 100% 7px no-repeat;
								padding-right: 6px;
								color: #fff;
								}
								
								a.mapas:hover {
									background: url(../img/estructura/li_back_verde.gif) 100% 7px no-repeat;
									color: #7db00d;
									}
						
						.oculto {
							display: none;
							}
									
/*------------------------------------------ Presupuesto -------------------------------------------------------*/

					h4.form_pres_h4 {
						background: url(../img/titulos/formulario_pres.gif) 0 0 no-repeat;
						width: 197px;
						height: 18px;
						text-indent: -9999px;
						margin: 0 0 10px 0px;
						}
						
					
/*------------------------------------------ Newsletter -------------------------------------------------------*/

					h4.form_news_h4 {
						background: url(../img/titulos/formulario_news.gif) 0 0 no-repeat;
						width: 209px;
						height: 18px;
						text-indent: -9999px;
						margin: 0 0 10px 0px;
						}
						
						label.email_news {
							background: url(../img/estructura/input_newsletter.gif) no-repeat scroll 0 22px;
							display:block;
							height:53px;
							margin: 0 9px 22px 0;
							width:199px;
							float: left;
							}
						
						label.email_news.confirm_mail {
							margin:0 0 22px 0;
							}
							
								
							label.email_news input {
								width: 171px;
								}
					
					h4.baja_news_h4 {
						background: url(../img/titulos/baja_news.gif) 0 0 no-repeat;
						width: 154px;
						height: 18px;
						text-indent: -9999px;
						margin: 24px 0 10px 0px;
						}
						
						
						label.email_baja {
							background: url(../img/estructura/input_newsletter.gif) no-repeat scroll 0 22px;
							display:block;
							height:53px;
							margin: 0 9px 22px 0;
							width:100%;
							float: left;
							}
							
							label.email_baja input {
								width: 171px;
								}
					
					a.enviar_baja {
								background: url(../img/botones/enviar_but.gif) 0 0 no-repeat;
								width: 71px;
								height: 31px;
								display: block;
								text-indent: -9999px;
								float: left;
								margin-top: -8px;
								} a.enviar_baja:hover { background-position: 0 -31px;}
								

/*------------------------------------mapas---------------------------------------------*/

body.black {
	background-color: #fff;
	background-image: none;
	}
	
	#google_map {
		width: 400px;
		height: 400px;
	}
	
	
	#avisolegal {
		width: 865px;
		background-color: #363333;
		color: #a2a2a2;
		font-size: 11px;
		font-family:Tahoma, Arial, sans-serif;
		padding: 0 0px 20px 0px;
		overflow: hidden;
		}
		
		#avisolegal h1 {
			background: url(../img/titulos/priva_h1.gif) 0 0 no-repeat;
			float:none;
			color: #a2a2a2;
			margin: 0;
			height: 168px;
			width: 865px;
			margin-bottom: 40px;
			padding:0 100px 0 100px;
			
			}
		
		#avisolegal h3 {
			text-indent: 0;
			color: #fff;
			font-size: 12px;
			font-weight:bold;
			height: auto;
			width: auto;
			margin-bottom: 20px;
			padding:0 100px 0 100px;
			}
		
		#avisolegal p, #avisolegal ul {
			padding:0 100px 0 100px;
			}

/*---------------------- twitter ------------------------- */

#col2 h3.inicianet_twitter_titulo{
	background: url(../img/titulos/02_h3_ult_twts.gif) 0 0 no-repeat;
	height:40px;
	text-indent:-9999px;
	width:200px;
	margin-top: -8px;
	}

ul#twitter_update_list{
	width: 187px;
	margin-left: 7px;
	margin-top: 19px;
	}
	
	ul#twitter_update_list li{
		margin-bottom:19px;
		padding-bottom:10px;
		
		background: url(../img/estructura/sep_home.gif) 0 100% no-repeat;
		}



#col2 #twitter_div #twitter_update_list li>a{
		color: #7db00d;
		font-size: 10px;
		margin-bottom: 0;
		display:block;
	}
	
#twitter-link{
	background:transparent url(../img/titulos/03_sig_twt.gif) no-repeat scroll 0 0;
	display:block;
	height:18px;
	text-indent:-9999px;
	width:113px;
	margin-left:7px;
	margin-top:20px;
	}