/*

	CSS
	Rupux Solutions
	Version: 1.0
	September 2007

 */
 
 
/* Valores generales */

a img{
border:0px;
}

body {
background:url(../images/background.jpg);
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.8em;
text-align:center;
margin:0 auto;
margin-bottom:15px;
}

#wrapper {
width:760px;
display:block;
margin: 0 auto;
margin-top: 25px;
margin-bottom: 25px;
text-align:left;
color:#5F6C79;
background-color:#F2FAFC;
border:3px solid #9BA3AA;
padding:5px 5px 15px 20px;
}

.fright {
float:right;
}

.fleft {
float:left;
}

a, a:visited {
color: #A8072B;
text-decoration:none;
border:none;
}

a:hover {
/*color:#fff;
background-color:#A8072B;*/
color:#A8072B;
text-decoration:underline;
border:none;
}

	/* HEADER */
	
	#header {
	width:715px;
	/*margin: 0 auto;*/
	display:block;
	text-align:right;
	margin-bottom:5px;
	}
	
	#logo {
	width:203px;
	height:84px;
	float:left;
	}
	
	#language {
	width:100px;
	float:right;
	text-align:right;
	padding-top:10px;
	clear:right;
	border:none;
	}
	
	#language a img  {
	text-decoration:none;
	border:none;
	}
	
		/* NAVEGACION */
	
		#nav {
		width:435px; /*498*/
		height:22px;
		display:block;
		float:right;
		margin:0;
		padding: 30px 0px 5px 7px;
		}
		
			/* Botonera */
				/* posicion de los botones */			
			#local, #btnhome,#btnabout, #btnwork, #btnclients, #btnsupport, #btncontact, #btnsitemap {
				float:left;
			}
			
			#btnhome,#btnabout, #btnwork, #btnclients, #btnsupport, #btncontact, #btnsitemap {
				padding-top:4px;
			}
			
				/* LINKS */
					/* HOME */
			#btnhome a:link,#btnhome a:visited {
				text-decoration: none;
				width: 43px;
				height: 17px;
				display: block;
				background: transparent url(../images/bt_home.gif) no-repeat 0px 0px;
			}
			
			#btnhome a:hover {
				background-position: 0px -17px;
				text-decoration: none;
			}
			
				/* ABOUT */
			#btnabout a:link,#btnabout a:visited {
				text-decoration: none;
				width: 71px;
				height: 17px;
				display: block;
				background: transparent url(../images/bt_aboutus.gif) no-repeat 0px 0px;
			}
			
			#btnabout a:hover {
				background-position: 0px -17px;
				text-decoration: none;
			}
				/* OUR WORK */
			#btnwork a:link,#btnwork a:visited {
				text-decoration: none;
				width: 73px;
				height: 17px;
				display: block;
				background: transparent url(../images/bt_work.gif) no-repeat 0px 0px;
			}
			
			#btnwork a:hover {
				background-position: 0px -17px;
				text-decoration: none;
			}
				/* OUR CLIENTS */
			#btnclients a:link,#btnclients a:visited {
				text-decoration: none;
				width: 82px;
				height: 17px;
				display: block;
				background: transparent url(../images/bt_clients.gif) no-repeat 0px 0px;
			}
			
			#btnclients a:hover {
				background-position: 0px -17px;
				text-decoration: none;
			}
				/* SUPPORT */
			#btnsupport a:link,#btnsupport a:visited {
				text-decoration: none;
				width: 63px;
				height: 17px;
				display: block;
				background: transparent url(../images/bt_support.gif) no-repeat 0px 0px;
			}
			
			#btnsupport a:hover {
				background-position: 0px -17px;
				text-decoration: none;
			}
				/* CONTACT US */
			#btncontact a:link,#btncontact a:visited {
				text-decoration: none;
				width: 83px;
				height: 17px;
				display: block;
				background: transparent url(../images/bt_contact.gif) no-repeat 0px 0px;
			}
			
			#btncontact a:hover {
				background-position: 0px -17px;
				text-decoration: none;
			}
				/* SITE MAP */
			#btnsitemap a:link, #btnsitemap a:visited {
				text-decoration: none;
				width: 65px;
				height: 17px;
				display: block;
				background: transparent url(../images/bt_sitemap.gif) no-repeat 0px 0px;
			}
			
			#btnsitemap a:hover {
				background-position: 0px -17px;
				text-decoration: none;
			}
	
	
	/* BANNER DESTACADO */
	#bigfoto {
	width:715px;
	height:149px;
	display:block;
	float:left;
	margin: 0 auto;
	}


/* DESTACADOS */

.text-destacado {
width: 400px;
display:block;
float:right;
padding-top:8px;
font-size:1em;
margin-right:5px;
/*line-height:2em;*/
}
.text-destacado-cli {
width: 350px;
display:block;
float:right;
padding-top:8px;
font-size:1em;
margin-right:5px;
/*line-height:2em;*/
}

	/* Destacado Home*/
	#destacado-home {
	width:715px;
	display:block;
	float:left;
	margin: 5px 0 5px 0;
	padding:0;
	background:url(../images/back_destacado_HOME.jpg) bottom left no-repeat;
	}
	
	/* Destacado About Us*/
	#destacado-about {
	width:715px;
	display:block;
	float:left;
	margin: 5px 0 5px 0;
	padding:0;
	background:url(../images/back_destacado_ABOUT.jpg) bottom left no-repeat;
	}
			/* Destacado Clients*/
	#destacado-clients {
	width:715px;
	display:block;
	float:left;
	margin: 5px 0 5px 0;
	padding:0;
	background:url(../images/back_destacado_CLIENTS.jpg) bottom left no-repeat;
	}
	/* Destacado Our Work*/
	#destacado-work {
	width:715px;
	display:block;
	float:left;
	margin: 5px 0 5px 0;
	padding:0;
	}
	
	
	#bn_work {
	margin-left: 80px;
	}
	
	
	/* Destacado Support*/
	#destacado-support {
	width:715px;
	display:block;
	float:left;
	margin: 5px 0 5px 0;
	padding:0;
	background:url(../images/back_destacado_SUPPORT.jpg) bottom left no-repeat;
	}
	
	/* Destacado contact Us*/
	#destacado-contact {
	width:715px;
	display:block;
	float:left;
	margin: 5px 0 5px 0;
	padding:0;
	background:url(../images/back_destacado_CONTACT.jpg) bottom left no-repeat;
	}
	

/* CONTENT */

#content {
width:748px;
display:block;
float:left;
margin: 5px 0 5px 0;
}

	/* banners home */
	.banner-azul, .banner-rojo {
	width:184px;
	height:246px;
	display:block;
	float:left;	
	color:#FFFFFF;
	margin:0;
	padding:25px 0px 4px 0px;
	}
	
	.titulo {
	padding-left:15px;
	}
	
	.cont {
	padding:3px 17px 0px 15px;
	}
	
	.cont a {
	color: #C04D68;
	font-weight:bold;
	text-decoration:none;
	}
	
	.cont a:hover {
	color:#FFFFFF;
	background-color: #C04D68;
	font-weight:bold;
	text-decoration:none;
	}
	
	.banner-azul {
	background:url(../images/banner_azul_bk.jpg) no-repeat;
	}
	
	.banner-rojo {
	background:url(../images/banner_rojo_bk.jpg) no-repeat;
	}
	
	/* LISTAS */
	ul {
	margin-left: 0;
	padding-left: 0;
	padding-bottom:0;
	margin-bottom:3px;
	list-style: none;
	margin-top:4px;
	}
	
	li {
	padding-left: 10px;
	background-image: url(../images/bullet_home.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	}
	
	/* ESPECIALES POR SECCION */
	
		/* OUR OWRK */
		.tit_work{
		width:702px;
		height:40px;
		padding:15px 0px 3px 0px;
		border-bottom: #A8072B 2px solid;
		float:left;
		}
		
		.info_work {
		width:710px;
		padding-top:8px;
		float:left;
		}
		
		.txt_work {
		width: 385px;
		float:left;
		}
		
		.ft_work {
		width:283px;
		float:right;
		}
		
		#mini, #small, #medium, #big, #huge  {
		width:220px;
		height:315px;
		display:block;
		float:left;
		margin:3px;
		padding: 50px 0px 0px 18px;
		color:#FFFFFF;
		}
		
		.host-info {
		width: 180px;
		}
		
		#mini {
		background:url(../images/pl_mini.jpg) top left no-repeat;
		}
		
		#small {
		background:url(../images/pl_small.jpg) top left no-repeat;
		}
		
		#medium {
		background:url(../images/pl_medium.jpg) top left no-repeat;
		}
		
		#big {
		background:url(../images/pl_big.jpg) top left no-repeat;
		}
		
		#huge {
		background:url(../images/pl_huge.jpg) top left no-repeat;
		}
		
		/* CONTACT FORM */
		.texto {
		padding:3px;
		text-align:right;
		font-size:0.9em;
		color:#5F6C79;
		}
		
		.enviar {
		margin-left:225px;
		padding: 3px 0px 3px 0px;
		}

/* footer */

#footer {
width:700px;
clear:both;
text-align:center;
font-size:0.7em;
margin-top:5px;
}