/*
 * 15/04/2010 
 * COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS:
 * -sin bordes
 * -sin margenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 11px Tahoma,Geneva,Arial,Verdana;color:#666666;}
q:before,q:after {content: "";}
sup {font-size: 0.8em;}
sub {font-size: 0.8em;}
ul {list-style-type: none;}
a {border: none; text-decoration: none; color: #666666;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: underline;}
img {border: none; text-decoration: none;} 
acronym {border: 0;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;}

/* tablas */
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{background:url(/imagenes/comunes/body.gif) no-repeat center 200px #ffffff;margin:0;padding:0;}
#pagina{width:921px;margin: 0 auto;padding:0;border:1px solid #fff;border-width:1px 0 0;margin-top:-1px;}
	#pagina #cabecera{padding:0;}
	#pagina #cabecera h1{float:left;height:75px;margin:28px 0 0 20px;}
		#pagina #cabecera h1 {background:transparent url(/imagenes/comunes/logo.jpg) no-repeat scroll 0 0;float:left;height:75px;width:200px;}
		#pagina #cabecera h1 a{float:left;width:100%;text-indent:-9999px;height:100%;}
		#pagina #cabecera #buscador{float:right;background:url(/imagenes/comunes/buscador.jpg) no-repeat 0 0;width:264px;height:55px;position:relative;}
			#pagina #cabecera #buscador form{margin:15px 0 0 10px;}
			#pagina #cabecera #buscador form #s{width:190px;font-size:12px;border:none;background:none;margin:5px 10px 10px;}
			#pagina #cabecera #buscador form  .gsc-input{width:190px;font-size:12px;border:none;background:none;margin:5px 10px 10px;}
			#pagina #cabecera #buscador form #searchsubmit{float:right;margin:0 9px 0 0;cursor:pointer;text-indent:-9999px;border:none;background:none;width:28px;height:28px;}
			#pagina #cabecera #buscador form .gsc-search-button input{float:right;cursor:pointer;margin:0 9px 0 0;text-indent:-9999px;border:none;background:none;width:28px;height:28px;}
			#pagina #cabecera #buscador form .gsc-branding, .gsc-clear-button{display:none;}
			#pagina #cabecera #buscador label{position:absolute;display:none;}
	#pagina #contenido{margin:0 14px 14px;}
    #contenido *{font-size:12px;color:#333333;}
	#pagina #contenido h2{height:59px;text-indent:-9999px;margin:0 0 32px 0;}
	#pagina #pie{}
	

/* MENU CABECERA */
#menu{width:921px;height:97px;position:relative;background-color:#000000;padding:0;margin:0;float:left;}
	#menu ul{position:absolute;list-style:none;margin:0;padding:0;}
	#menu ul *{border-collapse:collapse;}
	#menu ul li{float:left;height:61px;width:131px;text-align:center;background:url(/imagenes/comunes/menu.gif) no-repeat;}
	#menu ul li:hover ul{visibility:visible;top:61px;}
		#menu ul li ul{position:absolute;visibility:hidden;z-index:100;top:-1000px;left:0;width:916px;background:url(/imagenes/comunes/menu.gif) no-repeat;}
		#menu ul li ul:hover {position:absolute;visibility:visible;z-index:100;top:61px;}
			#menu ul li ul li{float:left;height:35px;text-align:center;background:none;display:inline;margin:0 1px 0 0;width:auto;}
	#menu ul #i-clic{background-position:0 0;width:132px;}
	#menu ul #i-clic:hover,#menu ul #i-clic-active{background-position:0 -96px;width:132px;}
		#menu ul #i-clic ul, #menu #i-clic-active ul {background-position:0 -157px;}
		#menu ul #i-clic-active ul {visibility:visible;top:61px;z-index:0;}
			#menu ul li #quienes-somos a {width:128px;}
			#menu ul li #nuestros-clientes a {width:140px;}
			#menu ul li #opiniones a {width:90px;}
	#menu ul #posicionamiento{background-position:-132px 0;width:131px;}
	#menu ul #posicionamiento:hover,#menu ul #posicionamiento-active{background-position:-132px -192px;}
		#menu ul #posicionamiento ul,#menu ul #posicionamiento-active ul {background-position:0 -253px;}
		#menu ul #posicionamiento-active ul {visibility:visible;top:61px;z-index:0;}
		#menu ul li #seo a{width:218px;}
		#menu ul li #sem a{width:51px;}
		#menu ul li #consult-posicionamiento a{width:223px;}
		#menu ul li #optimiz-buscadores a{width:153px;}
		#menu ul li #email-marketing a{width:122px;}
		#menu ul li #smm a{width:135px;}
	#menu ul #reputacion-online{background-position:-263px 0;width:132px;}
	#menu ul #reputacion-online:hover,#menu ul #reputacion-online-active{background-position:-263px -288px;width:132px;}
		#menu ul #reputacion-online ul{background-position:0 -349px;}
	#menu ul #analitica-web{background-position:-395px 0;}
	#menu ul #analitica-web:hover,#menu ul #analitica-web-active{background-position:-395px -384px;}
		#menu ul #analitica-web ul,#menu ul #analitica-web-active ul{background-position:0 -445px;}
		#menu ul #analitica-web-active ul {visibility:visible;top:61px;z-index:0;}
		#menu ul li #google-analytics a {width:139px;}
		#menu ul li #conversion-web a {width:136px;}
	#menu ul #desarrollo-web{background-position:-526px 0;width:132px;}
	#menu ul #desarrollo-web:hover,#menu ul #desarrollo-web-active{background-position:-526px -480px;width:132px;}
		#menu ul #desarrollo-web ul,#menu ul #desarrollo-web-active ul{background-position:0 -541px;}
		#menu ul #desarrollo-web-active ul {visibility:visible;top:61px;z-index:0;}
		#menu ul li #sitio-web {width:94px;}
		#menu ul li #cms {width:56px;}
		#menu ul li #e-commerce {width:116px;}
	#menu ul #blog{background-position:-658px 0;width:132px;}
	#menu ul #blog:hover,#menu ul #blog-active{background-position:-658px -576px;width:132px;}
		#menu ul #blog ul{background-position:0 -637px;}
	#menu ul #contacto{background-position:-790px 0;}
	#menu ul #contacto:hover,#menu ul #contacto-active{background-position:-790px -672px;}
		#menu ul #contacto ul{background-position:0 -733px;}
	#menu ul li a,#menu ul li ul li a{float:left;height:100%;width:100%;text-indent:-9999px;}
	#menu ul li ul li .active{background:url(/imagenes/comunes/selected.gif) center bottom no-repeat;}
		
/* MENU PIE */
#pie{width:921px;height:308px;background:url(/imagenes/comunes/pie.jpg) no-repeat 0 0 #ffffff;}		
 #pie ul{}		
	#pie ul li{padding:13px 0 0 18px;float:left;}		
		#pie ul li a{font-size:12px;}		
		#pie ul li ul{}		
			#pie ul li ul li{float:none;padding:14px 0 0;}		
				#pie ul li ul li a{font-size:10px;}
	#pie #i-clic-pie{width:105px}				
	#pie #posicionamiento-pie{width:158px}				
	#pie #reputacion-online-pie{width:115px}				
	#pie #analitica-web-pie{width:90px}				
	#pie #desarrollo-web-pie{width:95px}				
	#pie #contacto-pie{}		
		#pie #contacto-pie p{padding:16px 0 0 10px;}	
		#pie #contacto-pie p:first-child{padding-top:80px;}					
		#pie #contacto-pie .invertir{direction:rtl; unicode-bidi:bidi-override;}				
		#pie #contacto-pie .oculto{display:none;}
		
/* CONTENIDO */

#izquierda{float:left;margin:14px 0 0;display:inline;width:630px;}
#pagina #contenido #izquierda ul , #pagina #contenido .seccion ul{margin-left:7px;}
#derecha{float:left;margin:0 0 0 14px;width:250px;display:inline;}
.seccion{/*min-height:660px;height:auto !important;height:660px;*/}

#derecha{width:263px;}
	#derecha div,#derecha ul,#derecha h3{width:250px;}
	#derecha  #ultimas-entradas{width:100%;}
	#derecha #ultimas-entradas h3{background:url(/imagenes/index/entradas-recientes.jpg) no-repeat 0 0;width:100%;height:83px;text-indent:-9999px;}
	#derecha #ultimas-entradas ul{background:#F2F2F2;padding:4px 0 12px;width:248px;margin-left:1px;}
		#derecha #ultimas-entradas ul li{background:url(/imagenes/index/entrada-bullet.jpg) no-repeat 18px 2px;padding:0 20px 0 28px;line-height:14px;}
		#derecha #ultimas-entradas ul li a{text-decoration:none;}
		#derecha #ultimas-entradas ul li a:hover{text-decoration:underline;}
		#derecha #ultimas-entradas ul li span{color:#919191;display:block;padding:3px 0 0;}
		#derecha #ultimas-entradas ul .separador{background:url(/imagenes/index/separador.gif) no-repeat left center;padding:0;height:14px;}
		
	#derecha #opiniones-clientes{margin:16px 0 0;height:155px;background:url(/imagenes/index/opiniones.jpg) no-repeat 0 0;}	
		
	#derecha #siguenos{background:url("/imagenes/comunes/siguenos.jpg") no-repeat scroll 6px 6px #EFEFEF;height:64px;margin:14px 0 0;}
	#derecha #siguenos h3{margin:6px;text-indent:-9999px;}
	#derecha #siguenos a{float:right;height:32px;text-indent:-9999px;width:32px;margin:16px 18px 0 0;}
	#derecha #siguenos .rss{margin-right:14px;}

/* BUSCADOR */
#busqueda{margin:0 12px;}
.gsc-resultsHeader,.gs-visibleUrl,.gs-watermark{display:none;}
.gsc-results *{font: 11px Tahoma,Geneva,Arial,Verdana;color:#666666;}
#contenido .gsc-results h4{text-align:center;font-size:16px;font-weight:bold;color:#019205;padding:0 0 20px;}
#contenido .gs-title{margin:0 0 6px;}
#contenido .gs-snippet{margin:0 0 16px;}
#contenido .gs-title *{font-weight:bold;color:#019205;text-decoration:underline;}
.gsc-cursor-page{float:left;margin:0 12px 0 0;text-decoration:underline;}
#contenido .gsc-cursor-current-page{text-decoration:none;font-weight:bold;color:#019205;}
#pagina #contenido .resultados{background:url(/imagenes/buscador/h2.gif) no-repeat 0 0;height:70px;}
	
.br{clear:both;font-size:0;height:0;}			
.oculto{display:none;}	
.boton{background:url(/imagenes/comunes/buttons.gif) no-repeat 0 0;text-indent:-9999px;width:169px;height:37px;float:left;}