body {background: #e0dfdf url(images/bg.jpg) repeat-x 0 top; font: 62.5%/1.5  "Helvetica", Arial, sans-serif;}
.abs {position:absolute}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.links-chiki {color: #0066CC}
 .clearfix {display: inline-block;}
 html[xmlns] .clearfix {display: block;}
 * html .clearfix {height: 1%;}

.float-izq {float:left;}
.float-der {
	float:right;
	margin-bottom: 5px;
}
.seccion {background:#fff; padding: 20px;}
	.seccion p {font-size: 1.3em; margin-bottom: 1em;}
	.seccion h2 {}
.texts-form {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 5px;
}
	
a {text-decoration: none;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.6em;}

/* Head */
.wrapper {width:950px; margin: auto;}
.header {
	text-align: right;
	border-right: 0px solid #ccc;
	padding-right: 0px;
	color:#999;
	position: relative;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 22px;
	margin-left: 0;
	height: 90px;
}
.wrapper .header .colombia {
	float: right;
	width: 150px;
	height: 60px;
	border-left: 1px solid #ccc;
	margin-left: 10px;
}
	.header .logo {
	position: absolute;
	left: 0;
	top:-5px
}
	.header .logo4 {position: absolute; left: 0; top:-3px; display:block; width: 284px; height:81px;  background: url(images/logo-base4.png) no-repeat scroll 0% 0%; text-indent:-9999px; text-align: left}
	.header p.correo {margin-bottom: 5px; border-bottom: 1px solid #eee;}
	.header span {color:#666}
	.header span span {color:#F7931E}
	input.search {background:#fff; border:1px solid #777; width:124px; color:#FDA028; padding: 3px;}
		input.search:focus {border-color: #0071BC}
	input.bot {background:#000; border:1px solid #000; width:20px; color:#fff; padding: 2px 3px;} 
	
.header a.twitter {
	position: absolute;
	height: 80px;
	width: 76px;
	left: 548px;
	top: 8px;
}

/* MENU */
.menu {
	height: 41px;
	background: #E6E6E6;
	padding: 0 5px;
	line-height: 31px;
	position: relative;
	z-index: 9999;
}
.menu form {position: absolute; right:20px; top:6px;}
.menu li {float:left;}
.menu li a {padding: 5px 15px; display: block; font-size: 1.5em; line-height: 31px; font-weight: bold; color:#666;}
.menu li a:hover {background: #d3d3d3; border-left: 5px solid #000; padding: 5px 15px 5px 10px;}
.menu li a.activo {color:#fff; border-left: 5px solid #000; padding: 5px 14px 5px 11px;}
	a.activo#home, a#home:hover {background: #0071BC;}
	a.activo#nosotros, a#nosotros:hover {background: #F7931E;}
	a.activo#productos, a#productos:hover {background: #A09C00;}
	a.activo#servicios, a#servicios:hover {background: #0071BC;}
	a.activo#capacitacion, a#capacitacion:hover {background: #F7931E;}
	a.activo#blog, a#blog:hover {background: #A09C00;}
	a.activo#contacto, a#contacto:hover {background: #0071BC;}
	.menu a:hover {color:#fff}

.menu ul li span {position: absolute;  top:40px; display: none; margin-left: -10px; z-index: 900 }
.menu ul li:hover span {display: block;}
.menu ul li span {
	padding-left: 10px;
	width:200px;
}
.menu ul li span a {padding: 0 11px; color: #fff; font-size: 1.2em; font-weight: normal; line-height: 1.85em; background: #444; border-bottom: 1px solid #666; border-left: 5px solid #000 }
.menu ul li span a:hover {background: #111; padding: 0px 15px; border-left-color: #222}

/*
COLORES

Naranja: #F7931E
Azul: #0071BC
Verde: #A09C00
Rojo: #C1272D
*/


/* Centro Home Fotos */
.centro {width:950px; height: 450px; position: relative; margin-bottom: 15px;}
#slides, #slides .slide {
	width:950px;
	height: 450px;
	position: relative;
	overflow:hidden;
	z-index: -100;
}
#slides .slide .info {
	text-align: right;
	position:absolute;
	top:30px;
	right: 30px;
	width:400px
}
#slides .slide .info h1 {font-size: 3.5em; line-height: .8em}
.blanco {color:#FFF}
.blanquito {color:#d5def8 !important}
#slides .slide .info h2 {font-size: 2.4em; color: #0071BC;}
#slides .slide .info a {background: #0071BC; padding: 5px 10px; color:#fff; font-size: 1.4em;}
	#slides .slide .info a:hover {background: #006096;}
#slides .slide .info div {
	font-size: 1em;
	color:#666666;
	border-top: 2px solid #CCCCCC;
	width:310px;
	float:right;
}
#slides .slide .info div p {width:300px; float:right; font-size: 1.6em; line-height: 20px; margin: 20px 0}

/* Slider */
.slider-negro {background: #000; height: 125px; width:950px; position: absolute; bottom: 0; left: 0; z-index: 50}
.slider {
	height:94px;
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 900px;
	z-index: 60;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 18px;
	padding-left: 25px;
}
.slider li {
	width:280px;
	float: left;
	border: 1px solid #fff;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	margin-left: 10px;
	height: 90px;
	margin-right: 10px;
}
.slider li h3 {
	background: #FDA028;
	line-height: 23px;
	font-size: 1.3em;
	color: #fff;
	padding: 0px 10px;
}
.slider li .descrip {
	color: #333333;
	line-height: 14px;
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.slider li img {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

/* Nosotros */
#sec-nosotros {background:#F9F8F8; color:#999}
#sec-nosotros .float-izq, #sec-nosotros .float-der {width:46%;}
.seccion h1, .seccion h2 {color:#F7931E; border-bottom: 1px solid #F7931E; margin-bottom: 10px;}
ul.gente {margin-top: 20px;}
ul.gente li {
	width:350px;
	float: left;
	margin: 0 20px 30px 0;
}
	.gente h3 {font-size: 1.6em; font-weight: bold; color: #1A1A1A; margin-bottom: 5px; margin-left: 10px}
	.gente h3 a {color:#333;}
		.gente h3 a:hover {color:#666;}
	.gente li div {
	padding: 10px;
	background: #fff;
	border-top: 1px dashed #b3b3b3;
	height: 120px;
}
	.gente li div img {float: left;}
	.gente h4, #sec-curriculum h4 {
	font-size: 1.5em;
	color:#808080;
	margin-left: 73px;
}
	.gente p, #sec-curriculum .tb > p {
	font-size: 1.4em;
	color: #999;
	margin-left: 73px;
}

#sec-curriculum {color:#555;}
#sec-curriculum ul.gente {margin-top: 0px; font-size:.9em}
#sec-curriculum ul.gente li {margin-bottom: 10px;}
#sec-curriculum ul.gente h3 {font-size: 1.5em;}
#sec-curriculum .float-izq {width:60%; line-height:2em}
#sec-curriculum .float-izq p {margin-bottom:2em}
#sec-curriculum .float-der {width:30%;}
#sec-curriculum .tb {margin-bottom:3em}
#sec-curriculum .tb p {margin-bottom:1em}
#sec-curriculum .tb > img {float: left; }

/* Productos */
#sec-productos {background:#F9F8F8;}
#sec-productos .float-izq {width: 80%}
.filtros {background: #A09C00; height: 25px; line-height: 25px; color: #fff; font-size: 1.4em; padding-left: 10px; width: 220px; margin: 10px 0}
.filtros select {float:right; height: 25px; width: 128px; padding: 2px; background: #E8E9C9; color: #848484; margin-left: 10px; border: 0}
ul.prods {margin-top: 20px;}
ul.prods li {
	padding: 10px;
	background: #fff;
	width: 425px;
	height: 75px;
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #b3b3b3;
	border-left-color: #b3b3b3;
}
ul.prods li .tb {float: left; width:115px; height: 60px; text-align: center; overflow: hidden;}
ul.prods li h3 {font-size: 1.5em; color:#808080; margin-left: 130px;}
ul.prods li h3 a {color:#808080}
	ul.prods li h3 a:hover {text-decoration: underline;} 
ul.prods li p {font-size: 1.2em; color: #999; margin-left: 130px;}
ul.prods li a.mas { color:#A09C00; padding: 1px 3px; position: absolute; right:10px; bottom: 10px;}
	ul.prods li a.mas:hover {color:#fff; background: #A09C00}

/* Producto Detalle */
#sec-prod-det {background: #FDFDFD url(images/bg-seccion.jpg) repeat-x 0 bottom;}
#sec-prod-det #intro {width:680px; font-size: 1.1em; line-height: 2em}
#sec-prod-det #intro h1 {color:#666}
#sec-prod-det #intro h1 small {display:block; font-size: .6em; font-weight: normal}
	#intro h1 small a {color:#666;}
	#intro h1 small a:hover {color:#A09C00;}
#tabs {width:680px;}
#prod-col-der {background:#E6E6C6; width:200px;}
#prod-col-der p.tit {background:#9D9D11; color:#fff; padding:2px 10px;}
#prod-col-der ul {margin:0 3px 10px 10px;}
#prod-col-der ul a {color:#8c8c8c; font-size: 1.2em; line-height: 2em}
#prod-col-der ul a:hover {color:#000;}

#tabs div {font-size: 1em}
#tabs div h2 {color:#333; font-size: 1em; border:0; margin-bottom: 0.5em}
#tabs div ul li {float: none; list-style-type:disc; list-style-position: inside;}
#tabs p {font-size: 1em}
p.logo {float:left; padding: 5px; background: #fff; margin: 0 10px 5px 0}


/* Capacitacion */
.curso {background: #fff; border-top: 1px dashed #b3b3b3; margin-top: 1em}
.curso h2, .serv h2 {background: #0071BC; color:#fff; padding: 5px 15px; border:0;}
.curso p {margin-left: 15px; margin-right: 15px; font-size: 1.4em;}
.curso .foto {float: right; width: 350px; overflow: hidden;}
.curso .curso-izq {float:left; width: 560px}
p.links a {padding: 5px 30px 5px 10px; color: #fff; background: #0071BC url(images/cursos-flecha-der.png) no-repeat 90% 50%; margin-right: 5px;}
p.links a:hover {background-color:#0090E0}

.curso .detalles {
	background: #eee;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 1.2em;
	color:#777;
	width:200px;
	margin-bottom: 10px;
}
	.detalles h4 {
	color:#333;
	cursor:pointer;
	padding-left: 12px;
	background: url(images/ico-toggle.png) no-repeat;
	margin-top: 0.1em;
	margin-right: 0;
	margin-bottom: 0.3em;
	margin-left: 0;
}
		.detalles h4.hover {color:#0071BC}
		h4.abierto {background-position: 0 -15px; color:#0071BC}
		h4.cerrado {background-position: 0 top;}
	.detalles div {display: none; margin-left: 13px; margin-bottom: .5em; border-bottom: 1px solid #ccc}
	.detalles h5 {display:inline; color:#666}

#curso-list li {margin-right: 30px; width:700px; position: relative;}
	#curso-list a.mas {color:#F7931E; padding: 1px 5px; right: 220px; }
	#curso-list a.mas:hover {color:#fff; background:#F7931E }
	#curso-list li p {width:340px;}
	#curso-list .info {position:absolute; width: 180px; font-size: 1.15em; color:#666; padding:0 10px; top:10px; right:10px; border-left:1px solid #ccc; }

/* Servicios */
.serv {background: #fff; color:#666; margin-bottom: 20px; font-size: 1.1em}
.serv .inner {padding: 10px 15px;}
.serv .links {text-align: right}

/* Footer */
.footer {font-size: 1.2em; color: #555; word-spacing: 3px; text-align: center; margin-top: 20px;}
.footer a {color: #999;}
.footer a:hover {color: #555}
.footer .jcarousel-next, .footer jcarousel-prev {display: none !important;}


.logos {
	background: #fff;
	height: 90px;
	width: 950px;
	overflow: hidden;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.logos li {
	float: left;
	margin:6px;
	line-height: 78px;
	height: 90px;
}

.logos li img {vertical-align: middle;}
.float-nosotros {
	float:left;
}
.centro-blog {
	width:950px;
	height: 100%;
	position: relative;
	margin-bottom: 15px;
}
.div-calendario {
	background-color: #66FF00;
	float: right;
	width: 100px;
}
.table-document {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 37px;
}
#documentacion a {
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	line-height: 32px;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
	width: 540px;
	text-transform: uppercase;
}
#documentacion img {
	float: left;
}
#documentacion a:hover {
	background-color: #0066CC;
	color: #FFFFFF;
}
.wrapper .header .argentina {
	float: right;
	width: 150px;
	height: 60px;
}
.wrapper .header .mail {
	line-height: 25px;
	float: right;
	height: 25px;
	width: 150px;
}