/*
Theme Name: Imagoci2010
Description: Estilo exclusivo de Imago Comunicacion Interactiva S.A.
Version: 1.5
Author: Allan Vargas, Harold Vargas
*/

/*// DEFINICION DE FUENTES INCRUSTADAS CON LA REGLA @FONT-FACE //*/

/* Museo: A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
  font-family: Museo;
  src: url(Museo_Slab_500.otf);
}
@font-face {
  font-family: Museosans;
  src: url(MuseoSans_500.otf);
}

/* Vegur: A font by dot colon -> http://www.dotcolon.net */ 
@font-face {
  font-family: Vegur;
  src: url(Vegur-B 0.600.otf);
}



/*/// ESTILOS GENERALES //*/

body, html {
	background: top center no-repeat/*url(images/bg-html.jpg) #fdfefd repeat-x*/;
	margin: 0;
	padding: 0;
}

div.break {
	float:none;
	clear:both;
}

h1 {
	padding: 0 0 10px 0;
	margin: 0 auto;
/*	width: 700px;*/
	font-family: Museo, Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: normal;
	font-size:42px;
}
span.bullet1 {
	color:#555;
}


/*/// CUERPO(S) ///*/

#cuerpo {
	padding: 80px 20px 100px 20px;
	font-family:Arial, Helvetica, sans-serif;
}
#lienzo a {
	color:#00bfff;
	font-family: Museosans, Arial, sans-serif;
	text-decoration: none;
}
#lienzo a:hover {
	color: #B6CDDA;
	text-decoration: underline;
}



/* inicio */

/*  SIN TEXTO
body.page-id-17, body.page-id-20, body.page-id-85 { 
	background:url(images/inicio-elearn-bg.jpg) #008a8a scroll top center;
}*/

body.page-id-17{  /*español*/
	background:url(images/home-elearn-bg-esp.jpg) #008a8a scroll top center;
}
body.page-id-20 {  /*ingles */
	background:url(images/home-elearn-bg-eng.jpg) #008a8a scroll top center;
}
body.page-id-85 {  /*italiano */
	background:url(images/home-elearn-bg-ita.jpg) #008a8a scroll top center;
}


/* productos */
body.page-id-16, body.page-id-46, body.page-id-88 { 
	background: url(images/productos.jpg) #d7dbde right top no-repeat fixed;
}

/* servicios */
body.page-id-24, body.page-id-47, body.page-id-89 { 
	background:url(images/servicios.jpg) #000 right top no-repeat fixed;
}

/* soporte */
body.page-id-38, body.page-id-48, body.page-id-91 { 
	background:url(images/soporte.jpg) #38220f fixed right top no-repeat;
	color: #FFF;
}

/* compañía */
body.page-id-21, body.page-id-44, body.page-id-95 { 
	background:url(images/nosotros.jpg) #000 fixed right top no-repeat;
	color: #FFF;
}

/* contacto */
body.page-id-22, body.page-id-45, body.page-id-94 { 
	background:url(images/contacto.jpg) #000 fixed right top no-repeat;
	color: #FFF;
}

/* terminos */
body.page-id-42, body.page-id-43, body.page-id-93 { 
	background:url(images/terminos.jpg) #000 fixed right top no-repeat;
	color: #FFF;
}

/* casos de éxito */
body.page-id-56, body.page-id-80, body.page-id-90 { 
	background:url(images/casos.jpg) #d7dbde scroll right top no-repeat;
	color: #000;
}

body.search , body.error404 {
	background:url(images/busqueda.jpg) #FFF fixed bottom right no-repeat;
	color: #000;
}


/* Todos los títulos que van en BLANCO */
body.page-id-24 h1, /* servicios */
body.page-id-47 h1,
body.page-id-89 h1,
body.page-id-38 h1, /* soporte */
body.page-id-48 h1,
body.page-id-91 h1
{
	color: #FFF;
}

/* Todos los títulos que van en NEGRO 
body.page-id-24 h1, 
body.page-id-47 h1,
body.page-id-38 h1, 
body.page-id-48 h1,
{ 
	color: #FFF;
}*/





/*/// ENCABEZADO //*/

#menu-principal-wrap {
	position:fixed;
	top: 0;
	display: block;
	width: 100%;
	z-index: 10000000000;
}
#menu-principal {
	background: #0081ff url(images/bg-mainmenu.jpg) bottom repeat-x;
	height: 36px;
	font-family: Arial, sans-serif;
	margin: 20px;
}
#menu-principal .paginas {
	float:left;
	height: 16px;
	line-height: 10px;
	margin-top: 10px;
}
#menu-principal .paginas a img {
	border: 0;
}
#menu-principal .paginas a {
	color: #E3ECEE;
	text-decoration:none;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -0.75px;
}
#menu-principal .paginas a:hover {
	color: #94BDCD;
}
#menu-principal .encabezado-der .encabezado-der-comp {
	float: left;
	margin-top: 10px;
}
#menu-principal .encabezado-der .encabezado-der-comp #lang-li-encabezado {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #96c8ff;
}
#menu-principal .encabezado-der .encabezado-der-comp .icl_lang_sel_translated {
	display: none;
}
#menu-principal .encabezado-der .encabezado-der-comp .icl_lang_sel_current {
	padding: 0 7px;
	margin-left: 7px;
	margin: 0;
	border-right: 1px #0053af solid;
}
#menu-principal .encabezado-der .encabezado-der-comp #lang-li-encabezado a {
	text-decoration: none;
	color: #fff;
}
#menu-principal .encabezado-der .encabezado-der-comp #lang-li-encabezado a:hover {
	/* text-decoration: underline; */
	background-color: #09C;
}
#menu-principal .encabezado-der {
	position: absolute;
	right: 20px;
}
#menu-principal .encabezado-der img {
	border: none;
}
#menu-principal li {
	margin: 0;
	padding: 0;
	list-style:none;
	float:left;
	padding: 0 20px;
	border-right: 1px #0053af solid;
	display: inline;
}

/* search */

div#searchform, div#searchformeng, div#searchformita {
	background: url(images/bg-search.jpg) #002c67 repeat-x top;
	width: 300px;
	padding: 10px;
/*	position:fixed;
	top: 56px;*/
	margin-top: -20px;
	margin-left: auto;
	margin-right: auto;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px; 	
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px; 	
	-webkit-border-bottom-left-radius: 5px;
	text-align:center;
}
div#searchform form, div#searchformeng form, div#searchformita form{
	padding: 0;
	margin: 0;
}
div#searchform form input, div#searchformeng form input, div#searchformita form input{
	width: 280px;
}
.hidden { display: none; }
.unhidden { display: block; }

/*/// PIE //*/

div#pie {
	width: 100%;
	position:fixed;
	bottom: 0;
	background:url(images/bg-pie.png) bottom left repeat-x;
	height:73px;
	/*background-color:#0F0;*/
}
div#pie .logo-pie {
	position: absolute;
	bottom: 0;
	left: 20px;
}
div#pie #socialnets {
	position:fixed;
	bottom: 0;
	right: 0;
}
div#pie #legal {
	text-align:center;
	font-size: 10px;
	color: #afbfd0;
	position: absolute;
	bottom: 6px;
	width: 100%;
	line-height: 13px;
	font-family: sans-serif;
}
div#pie #legal ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
div#pie #legal li {
	display: inline;
	margin: 0;
	padding: 0;
}
div#pie #legal a {
	color:#FFF;
	text-decoration: none;
}
div#pie #legal a:hover {
	text-decoration:underline;
}



/*/// ESTILOS DE CONTENIDO - PAGINAS ///*/

/* inicio */
body.page-id-17 #cuerpo #lienzo h1, body.page-id-20 #cuerpo #lienzo h1,body.page-id-85 #cuerpo #lienzo h1 {
	display: none;
}
a.inicio-linkaboutus {
	margin: 0 auto;
	padding: 0;
	/* background-color:#050; */
	display: block;
	width: 920px;
	height: 300px;
}
div#inicio-elearn {
	/*margin-top: 336px;*/
	text-align: center;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	font-family: Museosans, Arial, sans-serif;
	font-size: 18px;

}
div#inicio-elearn  > a {
	color: #07C;
}
div#inicio-elearn  > a:hover {
	color: #00F;
}
div.inicio-intropc {
	width: 420px;
	height: 120px;
	padding: 0;
	font-family: Museosans, Arial, sans-serif;
	font-size: 14px;
}
div.inicio-desarrollamos-ext {
	background: url(images/negro40pc.png);
	width: 360px;
	padding: 10px;
	border-radius:  15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
div.inicio-desarrollamos-int {
	color: #FFF;
	height: 75px;
	border: 2px dashed #FFF;
	padding: 10px;
	border-radius:  10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: Museo, Rockwell, serif;
}
div.inicio-col2da {
	position: relative;
	top: -117px;
	left: 450px;
}
div#promos-home-1 {
	width: 840px;
	height: 150px;
	margin: 40px auto 0 auto;
}




/* prods, servicios, soporte y compañía */

div.menu {
	padding: 10px 20px;
	background-color: #000;
	width: 650px;
	clear:both;
	float:none;
	color:#555;
	margin-bottom: 20px;
	font-size: 14px;
/*	margin-left:auto;
	margin-right: auto;*/
}

div.contenedor {
	padding: 20px;
	background: url(images/negro70pc.png) repeat;
	width: 650px;
	clear:both;
	float:none;
	color:#CCC;
	margin-bottom: 20px;
	font-size: 14px;
/*	margin-left:auto;
	margin-right: auto;*/
}

div.contenedor h3 {
	color:#FFF;
	font-family: Museo, Rockwell, "Courier New", monospace;
	font-size: 22px;
	font-weight:normal;
	margin: 0;
	padding: 0;
}
div.contenedor strong {
	color: #FFF;
	font-weight:normal;
}
div.contenedor div.prodContenedor {
	margin: 0 0 40px 0;
}

div.contenedor div.prodContenedor img {
	border: none;
}














/* contacto */

div#menu-explorar {
	width: 640px;
	clear:both;
	float:none;
	padding-left: 260px/*375px*/;
	position:relative;
	top: -20px;
	background-color:#930;
}

div#menu-explorar a {
	display:block;
	float:left;
	width: 85px;
	height: 20px;
	text-decoration:none;
	text-align:center;
	font-size: 14px;
	line-height: 20px;
	font-family: Museosans, Arial, sans-serif;
}

div#menu-explorar a.activo {
	background: url(images/negro70pc.png) repeat;
	color:#FFF;
	cursor: default;
}
div#menu-explorar a.activo:hover{
	text-decoration:none;
}
div#menu-explorar a.inactivo {
	background-color: #09C;
	color:#000;
}
div#menu-explorar a.inactivo:hover {
	color:#EEE;
}
div#menu-explorar a#ppa, div#menu-explorar a#pmx {
	margin: 0 1px;
}

div.idioma {
	position:relative;
	top: -20px;
	padding: 20px;;
	background: url(images/negro70pc.png) repeat;
	width: 680px;
	clear:both;
	float:none;
}

span.label {
	font-size: 12px;
}
.col1 {
	width: 280px;
	padding-right: 15px;
	float:left;
}
.col2 {
	float:left;	
	width: 350px;
	padding: 0 15px;
	border-left: 1px dashed #517997;

}
.col2 h4, p.campo {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

span.subtitulo {
	font-size: 12px;
	border-bottom: 1px #555 solid;
	color: #AAA;
	display:block;
}

.col3 {
	float:left;	
	padding-left: 20px;
}
.col3 img {
	border: none;
	border-bottom: 7px solid #000;
	border-right: 7px solid #000;
}
/*.pie-mapa {
	font-size: 12px;
}
*/
img.google-maps-pointer {
	vertical-align: middle;
	border: none;
}







/*/// ESTILOS DE CONTENIDO - BLOG  ///*/

body.blog,
body.tag,
body.archive,
body.category,
body.single-post { 
	background:url(images/blog2.jpg) #000 fixed right top no-repeat;
	color: #FFF;
}

/* lienzo del blog */
body.blog #cuerpo #lienzo,
body.tag #cuerpo #lienzo,
body.archive #cuerpo #lienzo,
body.category #cuerpo #lienzo,
body.single-post #cuerpo #lienzo { 
	padding-right: 20px;
	margin-top: 0;
	margin-right: 280px;
}
/* sidebar del blog */	
body.blog #cuerpo #lateral,
body.tag #cuerpo #lateral,
body.archive #cuerpo #lateral,
body.category #cuerpo #lateral,
body.single-post #cuerpo #lateral {
	float:right;
	width: 240px;
	background: url(images/negro70pc.png) repeat;
	padding: 20px;
}


div.post {
	padding: 10px 20px;;
	background: url(images/negro70pc.png) repeat;
	margin-bottom: 20px;
}
div.post p {
	font-size:13px;
}
div.post h2 {
	font-family: Museo, Rockwell, serif;
	border-bottom: 1px #666 solid;
	margin: 0;
	padding: 0;
}
div.post h2 a {
	color:#FFF;
	text-decoration: none;
	font-weight:normal;
}
div.post h2 a:hover {
	color:#FE0;
}
div.post div.fecha  {
	font-size: 16px;
	text-align:right;
	font-family: Museo, Rockwell, serif;
	background-color: #0AE;   /*#02449A;*/
	padding: 5px;
	position:relative;
	right: -25px;
	top: 10px;
	float:right;
	color:#FFF;
}







/* SIDEBAR (usada solamente en el blog) */

#lateral div.divlateral {
	padding: 15px;
}
#lateral ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#lateral a {
	color:#B6CDDA;
	text-decoration: none;
}
#lateral a:hover {
	color:#FFF;
	text-decoration: underline;
}
#lateral h2 {
	font-family: Museo, Rockwell, serif;
	border-bottom: 1px #666 solid;
	font-size:17px;
	margin: 0;
	padding: 0;
	color:#4CF;
	font-weight: normal;
}
div.meta {
	border-top: 1px #333 dashed;
	padding-top: 10px;
}