@charset "utf-8";
/* CSS Document */

/* 	RESET  */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,body,html,p,blockquote,
fieldset,input 							{ margin: 0; padding: 0; outline:none;}
ol,ul,li								{ list-style:none; outline:none; }
a img,:link img,:visited img 			{ border: none; outline:none;}
a 										{ text-decoration: none; outline:none;}
a:hover						 			{ text-decoration: none; outline:none;}
.clear									{ clear:both; outline:none;}
a, a:hover, a:link, a:visited 			{ outline:none;}

textarea 								{ resize:none;}

/* VER Y BORRAR */

	a.btn,a.volver,a.seccion				{ color:#000; opacity:1; filter:alpha(opacity=100); }
	a:link, a:visited						{text-decoration:none; color:#00C; border-bottom:1px solid #416CE5;}
	a.volver, a.seccion, a.home				 {color:#CCC;}

	/* ESTRUCTURA */
	html									{ *overflow:hidden; *overflow-y:auto;  }	
	body									{ margin:0; padding:0; background: no-repeat center top; font-family: Helvetica, Arial, sans-serif; overflow:hidden; overflow-y:auto; display:block;    }	
	
	#wrapper								{ margin:0 auto; background-color:#333; position:relative; z-index:1; }
	#overlay								{ /*background-color:#00F; opacity:0.5;*/ position:fixed; z-index:0; left:0; top:0; *position:absolute;  }
	/* bloque izquierdo */
	#wrapper .izq							{ float:left; height:900px; background:url(../images/bg_izq.png) repeat-x center -593px; margin:0 0 0; padding:0 0 0;}
	#wrapper .izq .izq_content				{ width:100%; margin:0; float:none; left:200px; position:relative; top:0; height:100%; }


	#wrapper .izq .izq_content ul				{ width:80%; height:80%; padding:0; margin:0 auto; position:relative;  }
/*	#wrapper .izq .izq_content li.overlay		{ width:100%; height:100%; background-color:#C63; position:absolute; top:0; left:0; display:none;}*/
	#wrapper .izq .izq_content li				{ width:15%; float:left; padding:2px;  }
	#wrapper .izq .izq_content li a				{ display:block; outline:none; border:none; position:relative;  }
	#wrapper .izq .izq_content li a img			{ width:100%; /*opacity:0.50; filter:alpha(opacity = 50);*/ margin:0; }
/*	#wrapper .izq .izq_content li a img:hover	{ border:2px solid #fff;  opacity:1; filter:alpha(opacity = 100);  }		*/

	#wrapper .izq .izq_content li a div			{ display:none; width:100%; height:100%; background-color:#a3bd09; position:absolute; top:0; left:0; overflow:hidden;   }
	#wrapper .izq .izq_content li a div p		{ width:96%; height:100%; margin:0 2% 0; position:absolute; top:0; left:-100%; color:#fff; background:url(../images/mas.png) no-repeat center; text-align:center;    }
	#wrapper .izq .izq_content li a div p span	{ display:block; position:relative; bottom:8px; left:0; width:100%;   }
/*	#wrapper .izq .izq_content .imagen		{ width:400px; height:394px; background-color:red; float:left; margin:0 10px 10px 0;}*/

	
	

	
	/* bloque derecho */
	#wrapper .der									{ float:left; margin:0; padding:0; background:url(../images/bg_secciones.png);}	
	#wrapper .der .header							{ width:750px; height:494px; background:url(../images/bg_header.png) repeat; padding:0 0 0 200px; }
	
	
	/* MENU */
	#wrapper .der .menu								{ width:200px; background:url(../images/bg_menu.png) repeat; position:absolute; top:0; z-index:20;  }
	#wrapper .der .content_menu						{ width:200px; position:absolute; top:16px; z-index:21; text-align:center; height:150px; }
	
	#wrapper .der .menu a.logo  					{ width:86px; height:178px; background:url(../images/logo.png) no-repeat center; display:block; margin:10px auto 0; border:none; outline:none; }
	#wrapper .der .menu ul							{ padding:40px 0 0 0;}
	#wrapper .der .menu ul li						{ background:url(../images/btn_menu.png) no-repeat 20px 15px;  height:60px; width:200px; margin:0; padding:0;}
	#wrapper .der .menu ul li.trabajos				{ background:url(../images/btn_menu_trabajos.png) #a3bd09 no-repeat 20px 15px;}
	#wrapper .der .menu ul li:hover,
	#wrapper .der .menu ul li.hover					{ background-position:20px -60px; }
	#wrapper .der .menu ul li a span				{ display:none; }	
	#wrapper .der .menu ul li a .btn				{ display:block; border:0; outline:none; background-position:right center; background-repeat:no-repeat; height:60px; width:140px; margin:0 40px 0 0; float:right;}

	#wrapper .der .menu ul li a.seccion_servicios,
	#wrapper .der .menu ul li a.seccion_clientes,
	#wrapper .der .menu ul li a.seccion_contacto	{ display:block; outline:none; border:none; height:60px;}	
	#wrapper .der .menu ul li a .btn_servicios		{ background-image:url(../images/btn_servicios.png); height:60px; width:140px; }	
	#wrapper .der .menu ul li a .btn_clientes		{ background-image:url(../images/btn_clientes.png); height:60px; width:140px;  }		
	#wrapper .der .menu ul li a .btn_contacto		{ background-image:url(../images/btn_contacto.png); height:60px; width:140px;}

	#wrapper .der .menu ul li a .btn_trabajos		{ background-image:url(../images/btn_trabajos.png); height:60px; width:140px;}
	
	
	/* FONT GENERALES */
	h3										{ font-size:11px; margin:10px 0; padding:0; color:#92bd12;}	
	h2										{ font-size:13px; margin:10px 0; padding:0; color:#6a921b;}	
	h1										{ font-size:15px; margin:10px 0; padding:0;}
	
	input 									{ width:326px; height:32px; border:none; background:url(../images/bg_input_normal.png) no-repeat center; color:#707070; padding:0 12px; margin:6px 0 30px;}
	input.error 							{ background:url(../images/bg_input_error.png); color:#C30; font-weight:bold; }
	input.success							{ background:url(../images/bg_input_success.png); color:#6a921b; font-weight:bold;}
	
	
	textarea 								{ width:326px; height:136px; border:none; background:url(../images/bg_textarea_normal.png) no-repeat top center; color:#707070; padding:12px; margin:6px 0 30px; font:normal 12px Helvetica, Arial, sans-serif;}
	textarea.success						{ background:url(../images/bg_textarea_success.png); color:#6a921b; font-weight:bold;}
	
		
	/* GENERAL */
	hr										{ width:750px; border-color:#B6B6B6; border-width: 1px; margin:9px 0 12px; }
	span									{ display:none;}
	a.portfolio								{ cursor:pointer;}
	p										{ color:#707070; font-size:12px; line-height:20px; }
	i										{ color:#3d3d3d; }
	ul li									{ color:#707070; font-size:12px; line-height:20px; padding:0 0 0 20px; }
	ul li font								{ color:#6a921b; font-size:16px; }

	a.novisible								{ display:none; }

	/* SECCION SERVICIOS */
	div.seccion_servicios					{ background:url(../images/bg_secciones.png); padding:0 0 0 200px;}
	.content_servicios  					{ padding:30px; width:750px;}
	.content_servicios h1 					{ width:260px; height:27px; background:url(../images/servicios.png) left top no-repeat; margin:0; padding:0;}
	.content_servicios div 					{ width:350px; float:left; margin:0 10px;}
	.content_servicios div p				{ margin:15px 0; }


	/* SECCION CLIENTES */
	div.seccion_clientes					{ background:url(../images/bg_secciones.png); padding:0 0 0 200px;}
	.content_clientes 				 		{ padding:30px;}
	.content_clientes h1 					{ width:224px; height:27px; background:url(../images/clientes.png) left top no-repeat; margin:0; padding:0;}
	.content_clientes h1.parteners 			{ width:224px; height:27px; background:url(../images/parteners.png) left top no-repeat; margin:0; padding:0;}
	
	.content_clientes div 					{ width:380px; float:left; padding:0; margin:0; }
	.content_clientes div hr				{ width:360px;  }
	.content_clientes p 					{ margin:0 0 0 10px; width:345px; }

	/* SECCION CONTACTO */
	div.seccion_contacto					{ background:url(../images/bg_secciones.png); padding:0 0 0 200px;}
	.content_contacto 	 					{ padding:30px 30px 0px 30px;  }
	.content_contacto h1 			 		{ width:303px; height:27px; background:url(../images/contacto.png) left top no-repeat; margin:0; padding:0;}
	.content_contacto #form 				{ width:500px; float:left; position:relative; }
	.content_contacto p 					{ margin:0 10px; }
	
	.portfolio h1 							{ width:700px; height:27px; background:url(../images/portfolio_tittle.png) left top no-repeat;  margin:0 auto 15px; padding:0;}
	
	.datos_contacto							{ float:left; width:150px; color:#707070; font-size:12px;  }
	.datos_contacto a,
	.datos_contacto a:link,
	.datos_contacto a:visited				{ color:#707070; text-decoration:underline; outline:none; border:none; }	

	.datos_contacto a:hover					{ text-decoration:none; }		
	
	div.botones								{ width:365px;}
	a.enviar, a.enviar:link, 
	a.enviar:visited						{ width:150px; height:29px; display:block; background:url(../images/enviar.png) no-repeat right 0; overflow:hidden; border:none; text-decoration:none; outline:none; float:right; padding:6px 0 0 0; color:#707070;}
	a.enviar:hover							{ background-position:right -35px;}
	
	a.volver								{ width:91px; height:91px; background:url(../images/volver.png) no-repeat 0 0; overflow:hidden; display:block; margin:65px 0 0 -40px; position:relative; z-index:22; border:none; outline:none; left:45px;}
	a.volver:hover							{ background-position:0 -91px;}	
	

	#footer									{ background-color:#3c3c3c; position:fixed; bottom:0; padding:8px 0 10px; margin:0; height:30px; width:100%; right:0; z-index:30; }
	#footer p								{ color:#b9b9b9; font-size:10px; margin-left:240px;}
	#footer p a								{color:#b9b9b9; border:none; text-decoration:underline;}
	#footer p a:hover						{ text-decoration:none;}
	#footer a.top							{ width:50px; height:50px; display:block; margin-top:-45px; float:left; margin-left:965px; background:url(../images/top.png) 0 0 no-repeat; border:none; outline:none;  }	
	#footer a.top:hover						{ background-position:0 -50px;  }	

	.mensaje_ie								{ color:#3c3b3b; font-size:20px; line-height:40px;}
	.mensaje_ie b							{ font-size:50px; font-weight:bold; margin-bottom:10px; display:block; }
	.mensaje_ie p							{ color:#3c3b3b; font-size:15px; line-height:20px;}
	.mensaje_ie a,
	.mensaje_ie a:link,
	.mensaje_ie a:visited					{ color:#3c3b3b; text-decoration:underline;  font-size:15px; border:none; }
	.mensaje_ie a:hover						{ text-decoration:none;}
	
	
	
	#error-sending							{ left:50px; position:absolute; top:315px; }
	#sent									{ left:50px; position:absolute; top:315px; }