* { padding: 0; margin: 0; }

body {
 font:13px Arial, Helvetica, sans-serif;
 background: #FFFFFF url(../img/fondo.png) repeat-x;
}
img {
	border:0;
}
textarea, input, select {
	font:13px Arial, Helvetica, sans-serif;
	border:1px outset #ccc;
}
td {
	padding:0px;
}
#wrapper { 
 margin: 0 auto;
 width: 750px;
}
#header {
 width: 750px;
 float: left;
 color: #333;
 padding: 0px;
 border: 0px;
 height: 112px;
 margin: 0px;
 background: #FFFFFF url(../img/logo.png) no-repeat;
}
#navigation {
 width: 750px;
 color: #333;
 float: left;
 padding: 0px;
 border: 0px;
 height: 50px;
 margin: 0px 0px 0px 0px;
 background: #2e486a url(../img/menu.png);
}
#contacto {
 width: 300px;
 padding:40px 60px 0 0;
 text-align:right;
 background: #FFFFFF url(../img/contacto.png) no-repeat top right;
 float: right;
 margin-right: 20px;
}
#content { 
 width: 685px;
 color: #333;
 border: 0px;
 float: left;
 background: #FFFFFF url(../img/fondoc.png) repeat-y;
 margin: 0px 0px 0px 0px;
 padding: 10px 20px 10px 20px;
 font-size: 12px;
}
#footer { 
 width: 100%;
 height: 40px;
 color: #FFF;
 border: 0px;
 background: #333333 url(../img/footer.png);
 margin: 0px;
 float: left;
 padding: 20px 0px 10px 0px;
 text-align: center;
}
#menu{
 position: relative;
 display: block;
 height: 30px;
 font-size: 12px;
 line-height: 50px;
 padding-left: 15px;
}
#menu ul{
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 width: auto;
}
#menu ul li{
 display: block;
 float: left;
 margin: 0px;
}
#menu ul li a{
 display: block;
 float: left;
 text-decoration: none;
 padding: 0px 20px 0px 20px;
 height: 50px;
 color: #FFFFFF;
 background: #333333 url(../img/menu.png) repeat-x;
}
#menu ul li a:hover{
 color:#F1F1F1;
 background: transparent url(../img/menubg2.gif) no-repeat top center;
}
#activo{
 color:#000000;
 background: url(../img/menubg.gif) no-repeat top center;
 display: block;
 padding: 0px 20px 0px 20px;
}
#app {
 background: #FFFFFF url(../img/app.jpg) no-repeat;
 padding: 40px 10px 0px;
 width: 200px;
 height: 227px;
 float: left;
 margin: 0px 5px 0px 10px;
}
#tec {
 background: #FFFFFF url(../img/tec.jpg) no-repeat;
 padding: 40px 10px 0px;
 width: 200px;
 height: 227px;
 float: left;
 margin: 0px 5px 0px 0px;
 clear: right;
}
#perso {
 background: #FFFFFF url(../img/perso.jpg) no-repeat;
 padding: 40px 10px 0px;
 width: 200px;
 height: 227px;
 float: left;
 margin: 0px 5px 0px 0px;
}
#app a,#tec a,#perso a{color: #ED4340; text-decoration: none;}
#contenido {
 background: #FFFFFF;
 width: 660px;
 height: 120px;
 margin: 10px 0px 10px 0px;
 padding: 10px;
 float: left;
 }
#equipo {
 background: #FFFFFF url(../img/equipo.jpg) no-repeat top left;
 color: #666666;
 width: 468px;
 padding: 30px 0px 0px 192px;
 margin: 10px 0px;
 text-align:justify;
}
.title { 
	font-size:14px;font-weight:bold;padding:5px 5px 5px 20px;margin:0 0 5px 0;
	border-bottom:#3399FF 2px dashed; margin:10px 0 10px 0;
}


/*
	estilo de presupuestos on-line
*/
#presupuesto input {
	width:230px;
}

#presupuesto .addItem {
	width:150px;
	margin:3px 22px 0 0;
}

#presupuesto #nFuncionalidad {
	
	width:200px;
	height:100px;
}

#nFuncionalidad legend {
	font-weight:bold;
	margin-left:20px;
}

#presupuesto #L, #presupuesto #R { float:left; padding:2px; border:1px dashed #dfdfdf; }
#presupuesto #L span, #presupuesto #R span{
	display:block;
	background:#DFDFDF;
	font-weight:bold;
	padding:3px;
}
#presupuesto #L {
	width:400px;
}
#presupuesto #L input, #presupuesto #L textarea {
	width:272px;
}
#presupuesto #R {
	margin-left:5px;
	width:258px;
}