/* CSS Document */
/* Kmc - http://kmc.com.co */

body{
	margin:20px 0 0 0;
	padding:0;
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#centerBox{
	width:47.5em;
	margin:auto;
}

/* Html */

dl, ul, li, h1, h2{
	margin:0;
	padding:0;
}


/* Header */

#header{
	padding-bottom:30px;
	border-bottom:5px dotted #333;	
}

#headerHome{
	padding-bottom:10px;
	border-bottom:5px dotted #333;	
}

#logo{
	float:left;
}

#logo h1 a{
	display:block;
	width:75px;
	height:75px;
	background:url(logo.gif) no-repeat top left;
}

#logo h1{
	margin:0;
	padding:0;
}

/* Navigation */

#navMain{
	float:left;
	margin:0 0 0 10px;
}

#navMain ul, #navMain li{
	margin:0;
	padding:0;
}

#navMain li{
	list-style:none;
	display:inline;
	float:left;
}

#navMain ul li a{
	display:block;
}

#navMain ul li a span{
	display:none;
}

#navMain ul li a.navOptionHome{
	margin-top:10px;
	width:83px;
	height:36px;
	background:url(nav/nav_main_home.gif) no-repeat top left;
}

#navMain ul li a.navOptionProducts{
	width:7.625em;
	height:45px;
	background:url(nav/nav_main_productos.gif) no-repeat top left;
}

#navMain ul li a.navOptionCreativity{
	width:172px;
	height:46px;
	background:url(nav/nav_main_soycreativo.gif) no-repeat top left;
}

#navMain ul li a.navOptionIdc{
	width:124px;
	height:47px;
	background:url(nav/nav_main_idc.gif) no-repeat top left;
}

#navMain ul li a.navOptionRegister{
	width:146px;
	height:47px;
	background:url(nav/nav_main_registro.gif) no-repeat top left;
}

#navMain ul.navProducts{
	position:absolute;
	margin:-1px 0 0 -80px;
	width:362px;
	height:59px;
	background:url(nav/nav_products_bg.gif) no-repeat top left;
}

ul.navProducts li a.navProductsConference{
	margin:15px 0 0 20px;
	width:97px;
	height:29px;
	background:url(nav/nav_products_conferencias.gif) no-repeat top left;
}

ul.navProducts li a.navProductsBooks{
	margin:17px 0 0 20px;
	width:98px;
	height:26px;
	background:url(nav/nav_products_libros.gif) no-repeat top left;
}

ul.navProducts li a.navProductsVideo{
	margin:14px 0 0 20px;
	width:91px;
	height:30px;
	background:url(nav/nav_products_videos.gif) no-repeat top left;
}

#navMain ul.navCreativity{
	position:absolute;
	margin:-1px 0 0 -210px;
	width:682px;
	height:57px;
	background:url(nav/nav_creativity_bg.gif) no-repeat top left;
}

ul.navCreativity li a.navCreativityMind{
	margin:14px 0 0 15px;
	width:69px;
	height:30px;
	background:url(nav/nav_creativity_mentes.gif) no-repeat top left;
}

ul.navCreativity li a.navCreativityPersonality{
	margin:14px 0 0 10px;
	width:117px;
	height:29px;
	background:url(nav/nav_creativity_personalidad.gif) no-repeat top left;
}

ul.navCreativity li a.navCreativityIdea{
	margin:14px 0 0 10px;
	width:79px;
	height:30px;
	background:url(nav/nav_creativity_idea.gif) no-repeat top left;
}

ul.navCreativity li a.navCreativityMethod{
	margin:14px 0 0 10px;
	width:91px;
	height:29px;
	background:url(nav/nav_creativity_metodos.gif) no-repeat top left;
}

ul.navCreativity li a.navCreativitySpirit{
	margin:14px 0 0 10px;
	width:60px;
	height:26px;
	background:url(nav/nav_creativity_espiritu.gif) no-repeat top left;
}

ul.navCreativity li a.navCreativityThink{
	margin:20px 0 0 10px;
	width:100px;
	height:25px;
	background:url(nav/nav_creativity_pensar.gif) no-repeat top left;
}

ul.navCreativity li a.navCreativityTest{
	margin:18px 0 0 10px;
	width:82px;
	height:25px;
	background:url(nav/nav_creativity_test.gif) no-repeat top left;
}

#navMain ul.navIdc{
	position:absolute;
	margin:-1px 0 0 -80px;
	width:362px;
	height:56px;
	background:url(nav/nav_idc_bg.gif) no-repeat top left;
}

ul.navIdc li a.navIdcQue{
	margin:18px 0 0 20px;
	width:116px;
	height:29px;
	background:url(nav/nav_idc_que.gif) no-repeat top left;
}

ul.navIdc li a.navIdcEquipo{
	margin:18px 0 0 13px;
	width:127px;
	height:29px;
	background:url(nav/nav_idc_equipo.gif) no-repeat top left;
}

ul.navIdc li a.navIdcFaq{
	margin:20px 0 0 13px;
	width:61px;
	height:29px;
	background:url(nav/nav_idc_faq.gif) no-repeat top left;
}


/* Nav Left */

#navLeft{
	float:left;
	width:21%;
}

#navFrame{
	margin:20px 0 0 0;
	border:3px solid #fc0;
}

#navFrame ul, #productsFrame ul{
	padding:20px 10px 50px 10px;
}

#navFrame ul li, #productsFrame ul li{
	list-style:none;
}

/* Content */

#contentBox{
	margin:20px 0 0 0;
}

#content{
	float:right;
	width:77%;
}

#leftContent{
	width:64%;
	float:left;
}

#rightContent{
	float:right;
	width:31%;
	padding:1%;
	border:1px solid #ccc;
	background:url(bg_gray.jpg);
}

a.bookButton{
	float:left;
	display:block;
	height:240px;
	padding:239px 3px 0 3px;
	background:#ccc;
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#fff;
}

a.bookButton:hover{
	background:#999;
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

img.bookImg{
	float:left;
}


/* Home & News */

#contentHome{

}

#contentHomeLeft{
	margin-top:10px;
	float:left;
	width:35%;
}

#contentHomeRight{
	margin-top:20px;
	float:right;
	width:62%;
}

.newsBox{
	clear:both;
	padding-top:15px;
}

.newsBoxFirst{
	padding:10px 10px 0 0;
	background:#f2f2f2 url(bg_gray.jpg);
	border-bottom:1px solid #ccc;
}

.newsPicture{
	float:left;
	width:15%;
	padding-left:5px;
}

.news{
	float:right;
	width:83%;
}

/* Products */

.productsBox{
	clear:both;
	padding:10px;
	margin:0;
	border-bottom:2px dotted #999;
	
}

.productImage{
	width:14%;
	float:left;
}

.productDetail{
	width:86%;
	float:left;
	padding:0;
}

.profileImage{
	width:18%;
	float:left;
}

.profileDetail{
	width:82%;
	float:left;
	padding:0;
}

#imageContent{
	margin-bottom:10px;
}

#productsBoxLeft{
	float:left;
	margin-left:10px;
	width:46%;
}

#productsBoxRight{
	float:right;
	width:46%;
}

#productsFrame{
	margin:20px 0 0 0;
	border:3px solid #cc0;
}


/* Content layout definitions */

#purpleThing{
	margin:-20px auto 0px auto;
	width:145px;
	height:45px;
	background:url(left_purple_thing.gif) no-repeat top left;
}

.quote{
	margin-top:20px;
	float:right;
	width:31%;
	padding:1%;
	border:1px solid #ccc;
	background:#f2f2f2 url(bg_gray.jpg);
}

/* Soy creativo */

#scMainBox{
	width:530px;
	height:380px;
	background:url(../images/creativity/h_soy_creativo.jpg) no-repeat top left;
}

#scMainContent{
	float:left;
	display:inline;
	margin:205px 70px 0 70px;
}

#scSubBox{
	width:577px;
	height:380px;
	background:url(../images/creativity/subcontent_box.jpg) no-repeat top left;
}

#scSubContent{
	float:left;
	display:inline;
	margin:125px 30px 0 190px;
}

.threeColumns, .oneColumn, .twoColumns{
	border-top:4px solid #000;
	padding:20px 0 0 0;
}

.tCone, .tCtwo{
	float:left;
	padding:0 2%;
	width:35%;
	border-right:1px solid #000;
}

.twoColumns .tCone, .twoColumns .tCtwo{
	float:left;
	padding:0 2%;
	width:45%;
	border-right:1px solid #000;
}

.twoColumns .tCtwo{
	border:none;
}

.mentalGym{
	padding:15px 0 15px 0;
}

.mgLeft{
	width:20%;
	float:left;
	text-align:center;
	padding:0 2%;
}

.mgRight{
	width:60%;
	float:right;
	padding:0 2% 30px 2%;
	border:4px dotted #000;
	text-align:center;
}

.mgcLeft{
	width:49%;
	float:left;
	text-align:left;
}

.mgcRight{
	width:49%;
	float:right;
	text-align:left;
}

.mgLeft img{
	margin-bottom:10px;
}

/* Titles */

.twoColumns q{
	margin-bottom:15px;
}

q.tNoexisten{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:335px;
	height:42px;
	background:url(../images/creativity/t_no_existen_problemas.gif) no-repeat;
}

q.tSilecerramos{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:164px;
	height:245px;
	background:url(../images/creativity/t_si_le_cerramos.gif) no-repeat;
}

q.tTodoproblema{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:463px;
	height:30px;
	background:url(../images/creativity/t_todo_problema.gif) no-repeat;
}

q.tFortaleza{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:434px;
	height:33px;
	background:url(../images/creativity/t_fortaleza.gif) no-repeat;
}

q.tSinoesperais{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:158px;
	height:217px;
	background:url(../images/creativity/t_si_no_esperais.gif) no-repeat;
}

q.tEsmejor{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:447px;
	height:41px;
	background:url(../images/creativity/t_cometererror.gif) no-repeat;
}

q.tUnbarco{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:170px;
	height:178px;
	background:url(../images/creativity/t_unbarco.gif) no-repeat;
}

q.tVerdad{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:402px;
	height:40px;
	background:url(../images/creativity/t_alaverdadno.gif) no-repeat;
}

q.tEconomistas{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:155px;
	height:197px;
	background:url(../images/creativity/t_economistas.gif) no-repeat;
}

q.tCualidad{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:467px;
	height:65px;
	background:url(../images/creativity/t_lacualidad.gif) no-repeat;
}

q.tMayorplacer{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:163px;
	height:218px;
	background:url(../images/creativity/t_elmayor.gif) no-repeat;
}

q.tAquelgato{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:142px;
	height:157px;
	background:url(../images/creativity/t_aquelgato.gif) no-repeat;
}

q.tNoexistendos{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:170px;
	height:234px;
	background:url(../images/creativity/t_noexistendos.gif) no-repeat;
}

q.tProcesocreativo{
	display:block;
	margin:0 auto 15px auto;
	padding:0;
	width:173px;
	height:120px;
	background:url(../images/creativity/t_procreat.gif) no-repeat;
}



/* text def for SC */

q{
	padding:0;
	display:block;
	margin:auto;
	text-align:center;
	font:bold 120% Arial, Helvetica, sans-serif;
}

q:before{
	content:no-open-quote;
}

q:after{
	content:no-close-quote;
}

#scMainContent p{
	font:120% Arial, Helvetica, sans-serif;
	color:#fff;
	background:#96c url(bg_purple.jpg);
}

p.scLink{
	padding-right:20px;
	text-align:right;
}

p.big{
	font:bold 130% Verdana, Arial, Helvetica, sans-serif;
}

#scSubContent ol li, #scSubContent ol li a{
	padding:0 0 3px 0;
	font:120% Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

h1.center{
	text-align:center;
	font-size:150%;
	border-bottom:2px solid #000;
}

.mgRight h2{
	margin:30px 8%;
	padding:3px 20px;
	font:bold 100% Georgia, "Times New Roman", Times, serif;
	background:#000;
	color:#fff;
}

.mgRight ul li{
	padding-bottom:5px;
	margin-bottom:10px;
	text-align:left;
	list-style:none;
	font:100% Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #999;
}

.mgRight q{
	font:100% Georgia, "Times New Roman", Times, serif;
}



/* Footer */

#footer{
	margin-top:20px;
	border-top:5px dotted #333;
}


/* Fonts and links */

p{
	font-size:80%;
	color:#000;
	margin:5px 0 10px 0;
}

h1{
	font:bold 120% Helvetica, Arial, sans-serif;
	padding:0 0 10px 0;
}

h2{
	font:bold 100% Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
	border-bottom:1px solid #ccc;
}

h1.home{
	margin:0;
	padding:0;
	width:758px;
	height:236px;
	background:url(../images/home.jpg) no-repeat top left;
}

ol{
	margin:0 0 20px 0;
}

ol{
	font-size:80%;
}


a{
	color:#069;
}

a:hover{
	color:#c00;
}

a:visited{
	color:#939;
}

#breadcrumbs{
	font-size:70%;
	padding:0 0 25px 0;
}

#navLeft h1{
	margin:-20px 10px 0 10px;
	padding:3px 10px 3px 10px;
	background-color:#039;
	color:#fff;
	font:bold 100% Arial, Helvetica, sans-serif;
	text-align:center;
}

#navLeft ul li a, #productsFrame ul li a{
	display:block;
	padding:5px 0 4px 5px;
	width:100%;
	font-size:80%;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	border:1px solid #fff;
	border-bottom:1px solid #ccc;
}

#navLeft ul li a:hover, #productsFrame ul li a:hover{
	background:#fc0;
}

#navLeft ul li a.selected{
	border:1px solid #fff;
	background:#fc0;
}

.news h1{
	font-size:100%;
	padding:0;
}

p.credits{
	font-size:70%;
}

.productsBox h2{
	border:none;
}

.productsBox p, #leftContent p{
	font:80% Verdana, Arial, Helvetica, sans-serif;
	margin:3px 0 8px 0;
	text-align:justify;
}

.productsBox em, p em{
	color:#c00;
	text-transform:uppercase;
	font-style:normal;
}

#productsBoxLeft h1, #productsFrame h1{
	margin:-20px 10px 0 10px;
	padding:11px;
	background-color:#9c0;
	color:#fff;
	text-align:center;
}

#productsBoxRight h1{
	margin:-20px 40px 0 40px;
	padding:10px;
	background-color:#9c0;
	color:#fff;
	text-align:center;
}

.download a{
	display:block;
	padding:5px 3px 10px 10px;
	margin:0 0 10px 0;
	font:80% Arial, Helvetica, sans-serif;
	background:#69c;
	color:#fff;
	text-decoration:none;
}

.download a em{
	font:100% Arial, Helvetica, sans-serif;
}

.download a:hover{
	background:#fc0;
	color:#000;
	text-decoration:none;
}

#rightContent dl dt{
	font:bold 70% Verdana, Arial, Helvetica, sans-serif;
	color:#69c;
}

#rightContent dl dd{
	margin:3px 0 5px 5px;
	font:80% Verdana, Arial, Helvetica, sans-serif;
}


#rightContent h2{
	margin:10px 0;
}

#leftContent ul{
	font:80% Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 0 25px;
}

#leftContent ul li{
	margin:5px 0;
}

#leftContent h2{
	margin:15px 0 10px 0;
	border-bottom:3px dotted #000;
}

.quote p{
	font:italic 80% Arial, Helvetica, sans-serif;
}

p.error{
	background:#f2f2f2;
	border:1px solid #ccc;
	width:55%;
	text-align:center;
	padding:10px;
	margin-bottom:30px;
}

#error h2{
	color:#69c;
	background:#fff;
	margin-top:20px;
}

#error ul{
	margin:10px 0 10px 30px;
}

#error ul li{
	list-style:url(bullet_green.gif);
	font-size:80%;
}


/* List */


/* Forms */

input, textarea, select{
	width:60%;
	margin-bottom:10px;
	border:1px solid #666;
	border-bottom:2px solid #333;
	border-right:2px solid #666;
}

label{
	font:bold 80% Verdana, Arial, Helvetica, sans-serif;
}

fieldset{
	padding:10px 20px;
	border:1px solid #ccc;
}

legend{
	font:bold 110% Arial, Helvetica, sans-serif;
	color:#f60;
	background:#fff;
	padding:0 10px;
	text-transform:lowercase;
}




/* Tricks */

.cleaner{
	clear:both;
	overflow:hidden;
	height:1px;
	margin-top:-1px;
}

img{
	border:0px;
}

.hidden, h1 span, h2 span, li span, h3 span, q span{
	display:none;
}

.padme{
	padding:0 20px 40px 0px;
}

.oneColumn .center{
	text-align:center;
	margin:10px 0;
}