html, body, div, h1, h2, ul, li, p, images, a {	margin:0; padding:0; border:0;}
ul, li { 	list-style:none;	letter-spacing:0.1em;	line-height:2em;}
body {
	font-family: arial;
 	font-size:12px;
}

#titulo {
	width:100%;
	height:10em;
	color:#ffffff;
	background-color:#000000;
}
.loguito {	padding:2em 0 0 20em;}
.firulete { 	margin:-9.4em 0 0 65em;}
.bajada {
	color:olive;
	font:1em, verdana;
	margin-left:20.2em;
	
}

#contenedor {
	width:70em;
	margin:2em auto;
}

.red {
	margin:-2em 0 0em 20.5em;
	height:1em;
	width:8.75em;
}

#contenedor  .red li{	float:left;}

.red a{
	text-decoration:none;
	display:block;
	margin-left:-1em;
	width:1.33em;
	height:1em;
}

.icono1, .icono2, .icono3 {
	width:1.33em;
	height:1.3em;
	padding-left:1.2em;
}

.icono1 { background: url('images/iconos.jpg') no-repeat 0 -17px;}
.icono2 { background: url('images/iconos.jpg') no-repeat 0 -49px;}
.icono3 { background: url('images/iconos.jpg') no-repeat 0 -81px;}

.red li a:hover {
	margin-left:-1.2em;
	padding-top:0.2em;
}

a.facebook:hover { background: url('images/iconos.jpg') no-repeat 0 -1px;}
a.flickr:hover {	background: url('images/iconos.jpg') no-repeat 0px -33px;}
a.twitter:hover { background: url('images/iconos.jpg') no-repeat 0px -65px;}

h2 {	padding-bottom:1.5em;}

h2.web {
	width:5.33em;
	height:2.01em;
	background:url('images/web.jpg') no-repeat
}
h2.print {
	width:3.66em;
	height:2.01em;
	background:url('images/print.jpg') no-repeat
}
h2.contacto {
	width:8.33em;
	height:2.01em;
	background:url('images/contacto.jpg') no-repeat;
}
#webs {
	width:24em;
	clear:both;
	float:left;
	padding: 3em 0 0 3em;
}

#webs a, #cds a {
	clear:left;
	text-decoration:none;
	color:#000000;
}
#webs a:hover, #offline a:hover, #cds a:hover, #hosting a:hover  {	color:#ababaa; }

.awe {
	color:olive;
	text-decoration: none;
	font-weight: bold;
}

#offline{
	clear:both;
	width: 60em;
	height:2em;
	padding: 3em 0 0 3em;
	
}

#offline #li {
	clear:both;
	float:left;
}

#offline a{
	float:left;
	display:block;
	margin-top:1em;
	width:12em; 	
	height:2em;	
	text-decoration:none;
	color:#000000;
}

.new:after  {
	content: " - nuevo";
	color:olive;
	font-weight:bold;
}

#hosting a:after, #offline a:after{	
	content: " | ";
	color:olive; 
	padding-left: 1em;
}

#cds {
	width:27em;
	float:left;
	margin:-41.7em 0 0 27em;
}
#cds b { letter-spacing:0;}

#contacto {
	float:left;
	width:17em;
	margin:-41.7em 0 0 55em;	
	line-height:2em;
}


#contacto input, textarea {  width: auto; border: 1px olive solid; margin-bottom:2em;}
input#go { width:auto;border:none; margin:2em 0 0 10em;}
#contacto p{	color:black;}

.msj {
	vertical-align:top;
	padding-right:1em;
}

#hosting {
	width:40em;
	height:2em;
	margin:-33em 0 0 3em;
	padding-top: 1em;
}

h3.hostingh {
	width:8.33em;
	height:2.01em;
	margin-top:34em;
	background:url('images/hosting.jpg') no-repeat;
}

#hosting li {	float:left;}

#hosting a {
	width:15em;
	height:2em;
	text-decoration:none;
	color:#000000;
	padding-right:1em;
}

#foot {
	width:30em;
	height:5em;
	float:right;
	background:url('images/foot.jpg') no-repeat;
	margin-right:-4em;
}