/*	Reset browsers default styling
	----------------------------------------------------*/

	html, body, div, span, h1, h2, a, acronym, font, img, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus, :active {
	outline: 0;
}
textarea {
	overflow:auto;
}

.nop { padding:0; margin:0; display: inline;}


/*	Estructura
	----------------------------------------------------*/


	
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*	General
	----------------------------------------------------*/
body {
	color: #474747; 
	background:url(../img/bg.jpg) repeat-x top center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal; line-height:14px;
	
}

a, a:visited {color: #0077cc; background-color:inherit; text-decoration:underline;}
a:hover { text-decoration:none; color:#F00;}

h1, h5, h3 {
	font-weight: normal; font-size: 16px; color:#b30269; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0;
}
h1 strong, h5 strong {display:none;}
h2 {
	color:#839666; font-weight:bold; margin:0 0 5px 0; padding:0;
}

/*	Selector-specific, yet still generic, properties
	----------------------------------------------------*/
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	text-align:center;
}

.clr {
	clear: both;
}
.clearleft { clear:left;}
.hidden {
	display: none;
}



/*	Content

----------------------------------------------------*/
#fondo { background:url(../img/bg_centro.jpg) no-repeat top center;}
#wrap { margin:0 auto; width:980px; padding:0 0 50px;display:block;}

#menutop { padding:8px 0; text-align:center; background-color:#f2f2f2}
a.enlaceempleoseo {float:right; padding:0 10px}
a.enlacemenu { padding:0 10px;}

#logo { float:left; width:272px;}
#grafica { float:left;}
#contenido { background: url(../img/fondo_texto.gif) no-repeat bottom center; margin-top:75px; display:block;}
#contenido ul, #textoclientes ul { float:left; width:290px; padding:15px; margin-right:10px; }
#contenido ul.ultimo { margin-right:0;}
#contenido ul li, #textoclientes ul li { padding:0 0 10px 0;}
#contenido ul li ul li, #textoclientes ul li ul li { padding-bottom:6px;}

#contenido ul li ul, #textoclientes ul li ul { margin:0 0 0 15px; width:260px; padding:0;}
#contenido ul li ul li, #textoclientes ul li ul li {padding:0 0 10px 15px;  background:url(../img/punto.gif) no-repeat 0 3px;}
#contenido ul li strong , #contenido ul li ul li strong, #textoclientes ul li ul li strong { color:#0077cc}
.tituloseo { background: url(../img/seo-posicionamiento-natural.gif) no-repeat 0 0; height:40px;}
.tituloseooferta { background: url(../../img/ofertas-de-empleo-seo.gif) no-repeat 0 0; height:40px;}
.titulosem { background: url(../img/sem-optimizacion-buscadores.gif) no-repeat 0 0; height:40px;}
.tituloreputacion { background:url(../img/reputacion-online-empresas.gif) no-repeat 0 0; height:40px;}
.tituloclientes { background: url(../img/clientes-seo-casos-de-exito.gif) no-repeat 0 0; height:35px;}
.titulocontacto { background: url(../img/contacto.gif) no-repeat 0 0; height:35px;}

#clientes { padding:100px 0 50px 15px;}
#textoclientes { float:left; width:295px;}
#casosexito { float:left; width:660px;}
#textoclientes ul { width:270px;}

.imagen_caso { float:left;}
.texto_caso { padding:50px 0 0 15px; width:320px; float:left;}
.texto_caso img { padding-bottom:4px;}
.texto_caso ul li { display:block; float:none; padding:1px 0 7px;}
.texto_caso ul li ul { margin-left:15px;}
.texto_caso ul li ul li { padding:1px 0 2px;}
a.simbolo, a.simbolo:visited { background:url(../img/casos-de-exito/simbolo.gif) no-repeat 0 3px; padding:2px 0 2px 15px;}

#capainterior {padding:10px 15px}

.rojo, a.rojo, a.rojo:visited { color:#F00; background-color:inherit;}

/*	Footer
		----------------------------------------------------*/
#footer {
	margin:0 auto 20px auto;
	height: 50px;
	clear:both;
	background:url(../img/pie.gif) no-repeat 0 0;
	display:block;
	width:980px;
	}
	
.columna { float:left; width:290px; padding:10px 10px 10px 20px;}