* { padding: 0; margin: 0; }

body {
 	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.7em;
	

}
A:link{
text-decoration:none;
color:#0000a2;
font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 100;
line-height: 17px;
}

A:hover{
color: #a4039b;
font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 100;
line-height: 17px;
}

A:visited{
	
text-decoration:none;	
font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 100;
line-height: 17px;
}

#header{
margin: 0 auto;
width: 801px;
height: 207px;
margin-top: 0px;
}



/********** MENU **************/

#menu{
	margin:auto;
	width:797px;
	height: 39px;
	margin-top: 15px;

}

ul {  
	list-style:none;
	margin:0;
	padding:0;
}
ul li {
	padding:0;
	float:left;
}

ul li a {
	
	display:block;
	width:113px;
	height:34px;
	text-decoration:none;
}
ul li a:hover {
	background-position:bottom;
}
ul li a span {
	display:none;
}


#inicio{
background: url(images/inicio.gif);	
}

#disenoweb{
	background: url(images/dweb.gif);	
}
#disenograf{
	background: url(images/dgrafico.gif);	
}

#otras{
	background: url(images/otras.gif);	
}
#contacto{
	background: url(images/contacto.gif);	
}

#aplicaciones{
	background: url(images/apli.gif);	
}

#formacion{
	background: url(images/formacion.gif);	
}

/**********  FIN MENU **************/


#wrapper{
margin: 0 auto;
margin-top: 15px;
width:820px;
height: 800px;
}

#wrapper1{
margin: 0 auto;
margin-top: 15px;
width:820px;
height: 1800px;

}

#wrapper2{
margin: 0 auto;
margin-top: 15px;
width:820px;
height: 1400px;

}
#wrapper3{
margin: 0 auto;
margin-top: 15px;
width:820px;
height: 600px;

}



/******************* LEFT ****************************/
#left{
float: left;
height: 300px;
width: 225px;
margin-left: 10px;
}

#left h2{
width: 201px;
height:20px;
padding-top: 5px;
padding-left: 9px;
padding-bottom: 5px;
margin-top: 20px;
font-weight: 100;
font-family: verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
border: 1px solid black;
background: url(images/h2.jpg) repeat-x;
color:#fff;
}

#left h3{
width: 200px;
border: 1px solid #000;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-right:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background:#e8e8e8;
font-weight: 100;
margin-top: 10px;
line-height: 17px;
}

#left h3 li {
margin-left: 20px;
line-height: 20px;
}

/******************* FIN LEFT ****************************/



/********************* CONTENT ************************/
#content{
float: right;
height:600px;
width: 560px;
margin-right: 10px;	

}

#content h2{
width: 550px;
padding: 5px 5px 5px 5px;
font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;

}
#content h3{
width: 550px;
padding: 5px 5px 5px 5px ;
font-weight: 100;
font:1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: justify;
line-height: 17px;

}

#contentClientes{
height:400px;
width: 510px;
border: 1px solid black;
}

#contentClientes h2{
width: 550px;
padding: 5px 5px 5px 5px;
font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;

}
#contentClientes h3{
width: 550px;
padding: 5px 5px 5px 5px ;
font-weight: 100;
font:1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: justify;
line-height: 17px;
}

#contentImg{
	float: right;
	width: 300 px;
	background: red;
}




.dise{

float: left;
width: 270px;
height: 30px;
padding-top:0px;
margin-top: 5px;
}

.contenidoDise{

float: left;
width: 260px;
padding-top:3px;
padding-left:8px; 
margin-top: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 100;
line-height: 17px;
border: 1px solid black;
border-top:0px;
background: #ecc2ea;
padding-bottom:10px;

}


.sistemas{
float: right;
width: 270px;
height: 30px;
margin-top: 8px;
padding-top:7px;
padding-left:5px;
}

.contenidoSistemas{
float: right;
width: 260px;
margin-top: 3px;
padding-top:5px;
padding-left:10px;
border: 1px solid black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 100;
line-height: 17px;
background: #ecc2ea;
padding-bottom:10px;

}


.apli{

width: 270px;
height: 30px;
padding-top:0px;
margin-top: 145px;
}

.contenidoApli{

width: 260px;
padding-top:5px;
padding-left:8px; 
margin-top: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 100;
line-height: 17px;
border: 1px solid black;
background: #ecc2ea;
padding-bottom:10px;
padding-right:1px;

}

.cosas{
float: right;
width: 270px;
height: 30px;
padding-top:7px;
padding-left:5px;
margin-top: -30px;

}

.contenidoCosas{
float: right;
width: 255px;
margin-top: -90px;
padding-top:5px;
padding-left:10px;
padding-right:5px;
border: 1px solid black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 100;
line-height: 17px;
background: #ecc2ea;
padding-bottom:10px;
}


.img_p1{
	
margin-top: 5px;
margin-left:30px;	
margin-bottom: 10px;
border: 2px solid #04009e;

}

.img_p2{
	
margin-top: 5px;	
margin-left:30px;
margin-bottom: 10px;
border: 2px solid #04009e;
}
.img_p3{
	
margin-top: 5px;	
margin-left:30px;
margin-bottom: 10px;
border: 2px solid #04009e;
}
.img_p4{
	
margin-top: 5px;	
margin-left:30px;
margin-bottom: 10px;
border: 2px solid #04009e;
}
.img_p5{
	
margin-top: 5px;	
margin-left:30px;
margin-bottom: 10px;
border: 2px solid #04009e;
}
.img_p6{
	
margin-top: 5px;	
margin-left:30px;
margin-bottom: 10px;
border: 2px solid #04009e;
}	


.img_promo{
	
margin-left: 4px;
margin-top: 10px;		
	
}
a.img_promo{
	
	 color: #ffffff;

}

.small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: red;
	
}

/********************* CONTENT ************************/


#footer{
width: 100%;
height: 130px;
background:#d9d9d9 url(images/pie.gif) repeat-x;
text-align: center;
padding-top: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 100;
color: #ffffff;
font-weight: bold;
clear: both;

}