/* CSS Document */
/**************************/
/****by Carlos Bobadilla***/
/****desarrollado por www.05.com.py***/
/**************************/
body, h1, h2, h3, h4, h5, h6, tr, td, p{
	margin:0;
	padding:0;
}
img{
	border:none;
}
h1{
	font-size:18px;
	color:#042463;
	margin:10px 0 10px 0;
}
h2{
	font-size:16px;
	color:#666666;
	margin:10px 0 10px 0;
	
}
h3{
	font-size:14px;
	color: #000000;
}
h4{
	font-size:16px;
	color:#666666;
	background:#F6F6F6;
	padding:5px 0 5px 10px;
}


p{
	font-size:14px;
	color:#666666;
	line-height:20px;
	margin:10px 0 10px 0;
}
a{
	color:#042463;
	text-decoration:none;
}
a:hover{
	/*color:#8CB22F;*/
	text-decoration: underline;
}

body{
	background:#042563;
	font-family:"Trebuchet MS", Tahoma, "Times New Roman", Arial;
}
#conte_wrapper{
	background:url(../gfx/tira/tira1.gif) top left repeat-x #FFFFFF;
}
#wrapper{
	margin-left:auto;
	margin-right:auto;
	width:910px;
	padding:20px;
}
.limpiador{
	clear:both;
}
.limpiador2{
	clear:both;
	height:20px;
}

#conte_footer{
	background:url(../gfx/tira/tira_bajo.gif) top repeat-x;
}
#footer{
	margin-left:auto;
	margin-right:auto;
	width:910px;
	height:58px;
	padding-top:30px;
}
#footer p{
	color:#FFFFFF;
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	text-decoration: underline;
}


#conte_superior{
	float:left;
	width:910px;
	margin-bottom:20px;
	display:inline;
}
#logo{
	float:left;
	width:188px;
	margin-top:20px;
	display:inline;
}
#conte_botonera{
	clear:both;
	float:left;
	width:700px;
	margin-top:18px;
	display:inline;
}

#lado_izquierdo{
	float:left;
	width:650px;
}
#datos{
	float:right;
	width:300px;
}
#datos p{
	color:#FFFFFF;
	text-align:right;
}
#datos a{
	color:#FFFFFF;
	text-decoration:none;
}
#datos a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}

.conte_trabajos{
	float:left;
	width:300px;
	margin-right:20px;
}
.tira{
	float:left;
	width:300px;	
	height:2px;
	font-size:2px;
	margin:10px 0 10px 0;
	padding:0;
	background:#CCCCCC;
}
.caja{
	float:left;
	width:150px;
	height:107px;
	padding:15px 0 0 15px;
	background:url(../gfx/cajas/caja_muestra.gif) top left no-repeat;
}
.detalles{
	float: right;
	width:130px;
	margin-top:10px;
}
/***********************/
/*********boton********/
/***********************/
ul#boton {  
	list-style:none;
	margin:0;
	padding:0;
	}
ul#boton li {
	margin:0;
	padding:0;
	float:left;
	}
ul#boton li a {
	display:block;
	width:100px;
	padding:4px;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	}
ul#boton li a:hover {
	color: #FFFFFF;
	background: #000000;
	}
	
/*************fin de codigo***********************/

/**************************/
/********lado derecho ******/
/*************************/
#lado_derecho{
	float:right;
	width:240px;
}

.conte_trabajos2{
	float:left;
	width:172px;
	margin:15px;
	display:inline;
}
.caja_prod{
	float:left;
	width:142px;
	height:106px;
	padding:10px 15px 10px 15px;
	display:inline;
	background:url(../gfx/cajas/caja_trabajos.gif) no-repeat;
}

/********/
/***botonera lado derecho****/
/*****************/

ul#cuatro {  
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	}
ul#cuatro li {
	padding:0;
	float:left;
	}
ul#cuatro li a {
	display:block;
	width:239px;
	height:38px;
	text-decoration:none;
	}
ul#cuatro li a:hover {
	background-position:bottom;
	}
ul#cuatro li a span {
	display:none;
	}
#web {
	background:url(../gfx/botones/diseno_web.gif);
	}
#web_b  {
	background:url(../gfx/botones/diseno_web.gif) top;
	}	
	
#programacion {
	background: url(../gfx/botones/programacion.gif);
	}
#alojamiento{
	background: url(../gfx/botones/alojamiento.gif);
	}
#dominios{
	background: url(../gfx/botones/dominios.gif);
	}
#diseno{
	background: url(../gfx/botones/diseno_grafico.gif);
	}	

/******************************/
.style1{
	font-size:14px;
	color:#666666;
}
.style2{
	background:#EAF4FF;
	border:none;
	padding:7px;
	color:#666666;
	
}


/********/
/***botonera diseno****/
/*****************/

ul#cinco {  
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	}
ul#cinco li {
	padding:0;
	float:left;
	}
ul#cinco li a {
	display:block;
	width:239px;
	height:38px;
	text-decoration:none;
	}
ul#cinco li a:hover {
	background-position:bottom;
	}
ul#cinco li a span {
	display:none;
	}
#logotipos {
	background:url(../gfx/botones/logotipos.gif);

	}

#papeleria {
	background: url(../gfx/botones/papeleria.gif);

	}

#folleteria {
	background: url(../gfx/botones/dipticos.gif);

	}
#mailing {
	background: url(../gfx/botones/mailing.gif);

	}

#prensa {
	background: url(../gfx/botones/prensa.gif);

	}
#viapublica {
	background: url(../gfx/botones/via_publcia.gif);

	}
#packaging{
	background: url(../gfx/botones/packaging.gif);

	}


/***************************************/
/*******************logos diseņo*********/
/***************************************/

.logo_diseno {
	margin:0;
	padding:0;
}

.logo_diseno a{
	display:block;
	width:140px;
	height:101px;
	text-decoration:none
}

.logo_diseno a span {
	display:none;
	}
.logo_diseno a:hover{
		background-position:bottom;

}
.afsa{
	background:url(../gfx/trabajos/logos/afsa.gif);
}
.agrobiologico{
	background: url(../gfx/trabajos/logos/agrobiologicos.gif);
}
.americas{
	background: url(../gfx/trabajos/logos/americas.gif);
}
.bronze{
	background: url(../gfx/trabajos/logos/bronze.gif);
}
.emprender{
	background: url(../gfx/trabajos/logos/emprender.gif);
}
.focus{
	background: url(../gfx/trabajos/logos/focus.gif);
}
.futbol{
	background: url(../gfx/trabajos/logos/futbol.gif);
}
.ca{
	background: url(../gfx/trabajos/logos/ca.gif);
}
.yerbamate{
	background:url(../gfx/trabajos/logos/yerbamate.gif);
}
.grupocerocinco{
	background:url(../gfx/trabajos/logos/grupocerocinco.gif);
}
.alvorada{
	background: url(../gfx/trabajos/logos/alvorada.gif);
}
.indigo{
	background: url(../gfx/trabajos/logos/indigo.gif);
}
.itapua{
	background: url(../gfx/trabajos/logos/itapua.gif);
}
.kilkenny{
	background: url(../gfx/trabajos/logos/kilkenny.gif);
}
.estudioriera{
	background:url(../gfx/trabajos/logos/estudioriera.gif);
}
.toqueverde{
	background:url(../gfx/trabajos/logos/toqueverde.gif);
}
.viejobarrio{
	background:url(../gfx/trabajos/logos/viejobarrio.gif);
}
.villa_morra{
	background:url(../gfx/trabajos/logos/villamorra.gif);
}
.lavamas{
	background: url(../gfx/trabajos/logos/lavamas.gif);
}