body{
	background-color:#0a0401;		
	font-family:"Trebuchet MS",Arial; color:#fff; font-size:.9em; 
	text-align:justify;text-shadow:#CCCCCC 0px 0px 1px;	line-height:17px;
}
a{text-decoration:none; outline:0;}
input:focus,textarea:focus{outline:0;}
	#page{
		width:981px;
		height:676px;
		margin:0 auto;		
		background:url(../images/fondo.jpg) no-repeat;
	}
	#header{
		height:152px;
		padding-left:56px;
		padding-top:36px;
	}
		#header a.logo{
			display:block;
			width:270px;
			height:76px;			
			margin-left:43px;
		}
			#header a.logo span{display:none;}
		
		#header ul.menu{margin-top:32px; margin-left:5px;}
		#header ul.menu li{ float:left;}
			#header ul.menu li a{ display:block; float:left; font-family:"Trebuchet MS";height:45px; color:#efefef;}
				#header ul.menu li a:hover{color:#fff; text-shadow: 1px 1px 0.25em #555;}
				#header ul.menu li a span {					
					display:block;
					font-size:1.05em;
					font-weight:bold;
					padding:12px 20px 0 20px;
					padding-top:12px;
					text-transform:uppercase;
				}
			#ajax_loader{ 
				background:url(../images/ajax-loader.gif) no-repeat; 
				padding-left:19px;
			 	color:#fff;
				margin:13px 0 0 10px;
				display:none;
			}
	#contenido{
		clear:both;
		width:828px;
		margin:30px 0 0 70px;		
	}	
		
	div.bienvenidos{
		background:url(../images/bienvenidos.jpg) 4px 0 no-repeat;
		padding:53px 0 0 26px;
		width:350px;
		float:left;
	}
		a.ultimos_trabajos{
			display:block;
			color:#fff;
			background:url(../images/ultimos_trabajos.jpg) no-repeat;
			float:right;
			width:344px;
			height:300px;
			padding:53px 0 0 26px;
		}
		a.ultimos_trabajos p{font-weight:bold; margin-bottom:10px;}
		a.ultimos_trabajos li{margin-bottom:10px;}
	
	#nosotros{
		background:url(../images/nosotros.jpg) 4px 1px  no-repeat;
		padding:53px 0 0 26px;
		zoom:1;
	}
	#servicios{
		background:url(../images/servicios.jpg) 4px 1px  no-repeat;
		padding:53px 0 0 26px;
	}
		#servicios ul{margin-top:20px; float:left; width:185px;}
		#servicios  a, #servicios  h1{
			height:20px;
			background-position:0 2px;
			background-repeat:no-repeat;
			color:#fff;
			font-size:1.1em;
			text-decoration:none;
			display:block;
			padding-left:25px;
			height:20px;
			margin-bottom:25px;
		} #servicios ul a:hover{text-decoration:underline;}
			#servicios  .diseno_web{background-image:url(../images/rojo.png);}
			#servicios  .imagen_corporativa{background-image:url(../images/amarillo.png);}
			#servicios  .programacion_web{background-image:url(../images/verde.png);}
			
			#serv_texto{float:right; width:600px; height:280px;overflow:hidden;}
				#serv_texto div{float:left; width:600px; height:280px;}
			
			
	#portafolio{
		background:url(../images/portafolio.jpg) 4px 1px  no-repeat;
		padding:67px 0 0 26px;
	}

		#portafolio div{overflow:hidden; height:250px; width:802px;}
		#portafolio a{color:#fff;}
		#portafolio ul li{ padding:0 47px 30px 0; float:left; height:105px;}
			#portafolio ul li p{margin-bottom:5px;font-size:1.2em;}
			
	#clientes{
		background:url(../images/clientes.jpg) 4px 2px  no-repeat;
		padding:67px 0 0 26px;
	}
		#clientes ul.cl_1{float:left;}
			#clientes ul.cl_1 li{margin-bottom:28px;}
		#clientes ul.cl_2{float:left; margin-left:100px;}
			#clientes ul.cl_2 li{margin-bottom:35px;}
		#clientes ul.cl_3{float:left; margin-left:100px; margin-right:30px;}
			#clientes ul.cl_3 li{margin-bottom:35px;}
			
	#contacto{
		background:url(../images/contacto.jpg) 4px 1px  no-repeat;
		padding:57px 0 0 26px;
		zoom:1;
	}
		#contacto p{ margin:18px 0 8px 0;}
		#nombre,#email,#telefono,#mensaje,#enviar{
			border:1px solid #413e3e;			
			padding:3px;
			font-size:1.2em;
			font-family:"Trebuchet MS",Arial; 
			text-shadow:#CCCCCC 0px 0px 1px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			background-color:efefef;			
		} #nombre:hover,#email:hover,#telefono:hover,#mensaje:hover,
		  #nombre:focus,#email:focus,#telefono:focus,#mensaje:focus{opacity:1;filter: alpha (opacity=100);}
		 
		 #nombre,#email,#telefono,#mensaje{opacity:0.45;filter: alpha (opacity=45);}

		#contacto .datos_uno{width:270px; float:left; margin-right:25px;}
			#nombre,#email,#telefono{width:260px;height:24px;}

		#contacto .datos_dos{width:300px; float:left;}	
			#mensaje{height:174px; width:270px; overflow:auto;}
		.datos_tres{float:left; margin-top:45px; width:200px;}	
			#enviar{ width:135px; background:url(../images/enviar_contacto.gif) repeat-x; color:#fff; outline:0;}
		#contacto small{
			color:yellow;
			font-size:0.75em;
			padding-top:1px;
		}
.flecha_izq{
	display:block;
	background:url(../images/flechas.png) no-repeat -36px 0;
	position:absolute; left:-35px; top:50%;
	width:35px;
	height:36px;
} .flecha_izq:hover{background:url(../images/flechas.png) no-repeat -36px -36px;}
.flecha_der{
	display:block;
	background:url(../images/flechas.png) no-repeat 0 0;
	position:absolute; right:-35px; top:50%;
	width:35px;
	height:36px;
}.flecha_der:hover{background:url(../images/flechas.png) no-repeat 0 -36px;}

#scroll_div{overflow:hidden; width:740px !important; height:260px; margin-left:40px;}