html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { 
  content: '';	
  content: none; 
}
:focus { outline: 0; }
ins {	text-decoration: none; }
del {	text-decoration: line-through; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
  text-align: center;
  background: #fff;  
  margin:0;
  padding: 0;
}
.clear { clear: both; }
.wrapper {
  width: 1004px;
  margin: 0 auto; 
  text-align: left;
  position: relative; 
}
p, a, h1, h2, h3, h4, h5, h6, li, label, input, textarea, button, select, option, div { font: 13px/22px Arial, Helvetica, sans-serif; color: #333; }
a { text-decoration: none; }

/***************************************************************************************************/
/* Header */
/***************************************************************************************************/

#header {
  float: left;
  width: 100%;
  position: relative;
  z-index: 10;
  height: 102px;     
  margin: 10px 0 5px 0;
}

/********** Logo **********/

#logo { float: left; }
#logo a {
  float: left;
  width: 400px;
  height: 104px;
  background: url(../images/logo.png) 13px -2px no-repeat;
  text-indent: -9999px;   
}

/********** Menú de navegación **********/

#nav {
  float: right;
  width: 580px;
  height: 30px;
  margin: 15px 10px 0 0;
}
#nav ul {
  float: right;
  width: 100%;   
}
#nav ul li {
  float: left;
  position: relative;
  z-index: 5;  
  padding: 0 0 0 2px;
}
#nav ul li:first-child { 
  background: none;
  margin-left: 70px; 
}
#nav ul li a {
  float: left;
  height: 30px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 28px;
  color: #fff;
  font-weight: bold;
  padding: 0 10px;
}
#nav ul li a:hover { 
	color: #000000;
}
#nav ul li a span.sf-sub-indicator { display: none; }

/********** Nivel 2 ***********/

#nav ul li ul { 
  position: absolute; 
  top: 30px; 
  left: 0; 
  width: 220px;
  background: url(../images/nav_sub_bg.png) repeat; 
  visibility: hidden;
}
#nav ul li ul li { 
  width: 100%; 
  padding: 1px 0 0; 
  background: url(../images/nav_sub_divider.png) left top no-repeat;
  text-align: left;   
}
#nav ul li ul li:first-child { background: none; margin: 0; }
#nav ul li ul li a {
  float: left;
  width: 190px;
  height: 27px;
  padding: 0 15px;
  line-height: 27px;
  text-transform: none;
  font-weight: normal;
  background: none; 
}
#nav ul li ul li a:hover, #nav ul li ul li.sfHover a { background: #0e71b8;  color: #FFF;}
#nav ul li ul li a span.sf-sub-indicator {
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  margin: -5px 0 0;
  width: 6px;
  height: 10px;
  background: url(../images/nav_sub_arrow.png) no-repeat;
  text-indent: -9999px;   
}

/********** Nivel 3 ***********/

#nav ul li ul li ul { 
  top: 0; 
  left: 182px;
  width: 240px;
  background: url(../images/nav_sub_bg.png) repeat; 
}
#nav ul li ul li ul li a, #nav ul li ul li.sfHover ul li a { background: none; width: 210px;}
#nav ul li ul li ul li a:hover, #nav ul li ul li.sfHover ul li a:hover { background: #1d70b8; }

#header_social {
  float: right;  
  height: 63px;
  margin: 6px 10px -12px;
  overflow: hidden;
  padding: 0 0 0 91px;
}

#header_social a:hover {
	text-decoration: underline;
	color: #0e71b8;
}


#header_social img{
	float: left;
	margin: 2px 4px 0 0;
}

#header_social p{
	float: left;
	margin-right: 5px;
}

#header_social p a {
	color: #FFF;
}
#header_social p a:hover { color: #FFF; }
#header_social > a, #header_social > iframe, #header_social > div { float: left !important; }
#header_social > div { margin: 0 9px 0 0 !important; }

/***************************************************************************************************/
/* Página: Home */
/***************************************************************************************************/

/********** Slider **********/

#home_slider_cont {
  float: left;
  width: 100%;
  height: 250px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
#home_slider {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 2000px;
  left: 50%;
  margin-left: -1000px;
}
#home_slider li {
	width: 2000px;
	height: 300px;
	overflow: hidden;
  text-align: center; 
}
#home_slider_cont #homeSliderNext, #home_slider_cont #homeSliderPrev { display: none; }

#medio{ width:1001px;z-index:-10;margin:7px 0 0 0;}
#medio .medio_izquierda{width:250px;float:left;margin-right:22px;text-align:left; }
#medio_derecha{width:729px;float:left;z-index: -2; }
#medio_derecha_izq { width:502px; float: left; }
#medio_derecha_der { width:227px; margin: 0; float: right ; }
#medio_derecha_der img { margin: 0 0 5px 0;}
#medio a { text-decoration:none;color: #fff}
	#medio a:hover{text-decoration:underline;}

/*CAJAS INDEX Y LATERALES*/

#medio .box_home2_empresas { width:272px; margin: 0 0 5px 0; height:75px; background: url(../img/banners/banner-empresas.png) no-repeat; }
#medio .box_home2_empresas:hover { background: url(../img/banners/banner-empresas.png) 0 -75px no-repeat; }
#medio .box_home2_candidatos { width:272px; margin: 0 0 5px 0; height:75px; background: url(../img/banners/banner-candidatos.png) no-repeat; }
#medio .box_home2_candidatos:hover { background: url(../img/banners/banner-candidatos.png) 0 -75px no-repeat; }
#medio .box_home2_busquedas { width:272px; margin: 0 0 5px 0; height:75px; background: url(../img/banners/banner-busquedas.png) no-repeat; }
#medio .box_home2_busquedas:hover { background: url(../img/banners/banner-busquedas.png) 0 -75px no-repeat; }


#busquedas {
	border: 1px solid #CCC;
	padding: 5px;
	width: 257px;
	background: #f4f2f2;
}

#busquedas h2 {
	color:#0071ba;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 0 7px;
	
}

#carousel {
	width: 90%;
	margin: auto;
	border: 1px solid #CCC;
	overflow: auto;
	height: 80px;
	padding: 5px;
	background: #FFF;
}
#carousel img {
	width: 90px;
	border: 0;
	padding: 0 0 0 4px;
}
 
#carousel_Controles img{
	border: 2px solid #a00;
	width: 15px;
	height: 15px;
}
#carousel_Controles{
	right: 0;
	bottom: 0;
	visibility: hidden;
}

#slide_clientes {
	margin: 10px 0 10px 0;
	padding: 5px;
	height: 90px;
	width: 80%;
	border: 1px solid #CCC;
	overflow: hidden;
}

#slide_clientes li {
	float: left;
	
}

.error-message { color: #F00;} 

#sidebarLeft { float:left;  margin: 5px 0 0 5px; border: 1px solid #069;}
#sidebarLeft h3 { clear: both; padding: 0 0 0 10px; margin: 0 0 5px 0; background-color: #069; color: #FFF; font-weight: bold; border-bottom:1px solid #069; }
#sidebarLeft ul { width:200px; padding: 0 0 10px 10px ; }
#sidebarLeft ul li { width: 100%; clear: both; margin: 0 0 3px 0;}
#sidebarLeft ul li a { line-height: 16px; color: #069; }
#sidebarLeft ul li a:hover { color: #000; text-decoration: underline; }
#sidebarLeft ul li img { width: 50px; float: left; margin: 2px 4px 4px 0;    }
  

#sidebarRight { float:right; padding: 0 0 0 10px;}
#sidebarRight .destacado {width:205px;font-size:15px;border-bottom:1px solid #069;margin:5px 0 0 0;padding:3px 0 2px 0;text-align:left;:#069;}
#sidebarRight .destacado img { margin: 0 5px 0 0;}
#sidebarRight .destacado strong { color: #069;}
#sidebarRight .desarrollo{width:195px;color: #333;padding:5px;margin:0 0 15px 0;cursor:pointer;background:#FFF;border-bottom:1px dotted #999;text-align:left; background: #b6d5df;}
#sidebarRight .desarrollo p { font-size:11px; line-height: 16px;}
#sidebarRight .desarrollo:hover { background: #069; }
#sidebarRight .desarrollo:hover p { color: #FFF; }

.colortec { color:#069; font-weight:bold; text-decoration:underline;}

.label09{width:80px;padding-right:5px;text-align:right;float:left;}
.input{border:none;background: #EBEBEB;}

.clientes { width:100%; height:500px; margin-top:15px; overflow-x:hidden; overflow-y:scroll; border: 1px solid #EBEBEB;}

#login{width:100%;height:240px;text-align:left;filter: alpha(opacity=100); opacity: 1;color:#FFF;font-family: Arial, Helvetica, sans-serif;font-size:12px;padding:5px;z-index:10;background-color:#000;}/*#login input{margin-left:5px;}*/#login #datolog{width:auto;}#login .mini{font-size:10px;margin-left:11px;}#login input{margin-bottom:10px;}

.link{color:#000;text-decoration:none; font-size:14px;}.link a:hover{color:#069;text-decoration:underline;}.link_none{color:#000;text-decoration:none;}.link_none a:hover{color:#069;text-decoration:none;}.link_white{color:#FFF;text-decoration:none;}.link_white a:hover{color: #FFF;text-decoration:underline;}

#caja_izquierda{width:245px;height:114px;float:left;margin:10px 0 0 5px;}
#caja_izquierda2{width:245px;height:114px;float:left;margin:10px 0 0 5px;}
#caja_izquierda3{width:245px;height:114px;float:left;margin:10px 0 0 5px;}

#box1{width:233px;height:98px;float:left;background-image: url(images/box1.gif);background-repeat: no-repeat;margin:33px 18px 0 0;padding:45px 0 0 15px;text-align:left;font-size:14px;}#box2 {width:233px;height:98px;float:left;background-image: url(images/box2.gif);background-repeat: no-repeat;margin:15px 18px 0 0;padding-top:45px;text-align:left;font-family: Arial, Helvetica, sans-serif;font-size:14px;z-index:-10;/* antes tenia un margin right de 9 px aprox */}#box_special{width:232px;height:74px;float:left;background-image: url(images/box3.gif);background-repeat: no-repeat;padding:75px 17px 0 15px;text-align:right;font-family: Arial, Helvetica, sans-serif;font-size:14px;margin-top:3px;}
	
#pie{ width:100%;height:60px;margin:10px 0 0 0;padding:5px 0 0 0;float:left;vertical-align: middle;}
#pie p{
	width:100%;height:20px;background-color:#f6f6f6;border-top:3px solid #e6e6e6;margin:10px 0 0 0;padding:5px 0 0 0;text-align:center;float:left;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;vertical-align: middle;/*position: relative;bottom: 0px;left: 0px;right: 0px;top: auto;*/
}


/* Internas */ 

#cuerpo{width:570px;margin:0;padding:0;float:left;text-align:left;font-family: Arial, Helvetica, sans-serif;font-size:14px;line-height:1.5em;min-height:355px;overflow:hidden;}
#cuerpo .curso { margin:5px; }
#cuerpo .curso p {font-size:12px; line-height:1.5em; }
#cuerpo .curso b, #cuerpo .curso strong{font-size:13px;line-height:1.5em; color:#069; }

#cuerpo .noticia { margin:5px; }
#cuerpo .noticia h1 { font-size: 1.2em; margin: 5px 0 10px 0; font-weight:  bold; color:#069;}
#cuerpo .noticia p{font-size:12px;line-height:1.5em;}
#cuerpo.noticia b, #cuerpo.noticia strong{font-size:13px;line-height:1.5em; color:#069;}

#cuerpo_site{height:360px;width:555px;margin-top:5px;padding-right:10px;float:left;text-align:left;font-size:14px;/*border-right:1px dotted #069;*/background-image: url(images/onsite_camioneta.jpg);background-repeat: no-repeat;background-position: right bottom;}#cuerpo_curso{height:655px;overflow:hidden;width:780px;margin-top:5px;float:left;text-align:left;font-size:14px;}
#nombre_seccion{width:100%;overflow:hidden;padding:5px 0 5px 0;text-align:left;font-size:18px;color:#069;margin:0;vertical-align:middle;}
#nombre_seccion a {color:#000;text-decoration:none; font-size:10px;}
#nombre_seccion a:hover{color:#069;text-decoration:underline;}

.consultenos{
	float:right;
	width:104px;	
	padding:3px 0 5px 0;
	background-image: url(images/consulta.gif);
	background-repeat: no-repeat;
	background-position: 0px -29px;cursor:pointer;}
.consultenos:hover{float:right;
	background-image: url(images/consulta.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;}

#nombre_entrenamiento{width:100%;height:22px;padding-right:10px;float:none;text-align:left;font-size:19px;color:#0062b5;margin-bottom:15px;/*padding-left:7px;background-image: url(images/bg_titus.gif);background-repeat: repeat-x;vertical-align:50%;*/}#nombre_entrenamiento2{width:555px;height:80px;float:none;margin-bottom:15px;}

.mecanica{background-image: url(images/mecanica.jpg);background-repeat: no-repeat;}.neumatica{background-image: url(images/neumatica.jpg);background-repeat: no-repeat;}.hidraulica{background-image: url(images/hidraulica.jpg);background-repeat: no-repeat;}.plc{background-image: url(images/plc.jpg);background-repeat: no-repeat;}

#nombre_subtitu{width:545px;padding-right:10px;float:none;text-align:left;font-size:14px;color:#0062b5;margin-bottom:8px;border-bottom: dotted 1px  #CCC;display:block;clear:both;}

.nombre_foto{float:left;text-align:left;font-size:14px;color:#0062b5;padding-top:33px;}

#box1_interna{width:190px;height:70px;/*float:right;*/background-image: url(images/box1_interna.gif);background-repeat: no-repeat;margin:0 0 5px 0;padding:40px 0 0 5px;text-align:left;font-size:12px;line-height:20px;}#box2_interna{width:190px;height:75px;/*float:right;*/background-image: url(images/box2_interna.gif);background-repeat: no-repeat;margin:0 0 10px 0;padding:42px 0 0 5px;text-align:left;font-size:12px;line-height:17px;}#box_diagrama{width:205px;height:109px;/*float:right;*/margin:5px 0 15px 0;text-align:center;background:#f2f2f2;padding:5px 0 5px 0;}#box_special_interna{width:195px;height:122px;margin-bottom:5px;/*float:right;*/}

.cliente{width:540px;height:110px;overflow:hidden;border-bottom: 1px solid #999;border-top: 1px solid #999;font-size:11px;padding:5px 10px 5px 0;margin:10px 0 20px 0;background:#F8F8F8;line-height:normal;}.cliente img{float:left;margin-right:10px;background:#FFF;overflow:hidden;}

.descargar{width:100%;padding-top:5px;text-align:center;font-size:12px;color:#069;text-decoration:none;}.descargar a:hover{width:100%;padding-top:5px;text-align:center;font-size:12px;color:#069;text-decoration:underline;}

#novedad{width:95%;height:auto;overflow:hidden;margin:20px 0 0 0;padding:0 0 5px 0;border-bottom:1px dotted #CCC; text-align:left;}
#novedad p img {float: left; display: inline; max-width:60px;max-height:50px;background-color:#CCC; margin:5px 10px 0 0; }
#novedad p span { clear: both; }
#novedad .nov_fecha{  font-size:12px;text-align:left;color: #999;text-decoration:none;}
#novedad .nov_titulo {font-size:14px;text-align:left;color:#069;text-decoration:none;}
#novedad .nov_titulo a {margin:0;padding:0;font-size:14px;text-align:left;color:#069; text-decoration:none;}
#novedad .nov_titulo a:hover{ text-decoration:underline;}
#novedad .nov_copete{font-size:11px;color: #666;}

#nube{ text-align: center; margin: 10px;}

#nube a {
 color:#069;
 margin: 2px;
}

#nube a:hover { color: #000; }



#vertextul{margin:5px 0 20px 0; float:none;font-size:11px;}

.seleccion_foto{width:246px;height:280px;padding:0 10px 0 0;border:0;margin:0 10px 5px 0;float:left;border-right:1px solid #CCC;}

.backtonews{width:60px;font-size:11px;color:#CCC;float:right;margin-right:15px;text-align:right;font-weight:bold;padding:0;}.backtonews a{text-decoration:none;color:#ccc;}.backtonews a:hover{text-decoration:none;color: #666;}

#col{width:250px;float:left;text-align:center;}.col_one{margin-right:20px;}#col img{padding:5px;border:1px solid #CCC;}#col ul{list-style-image : none;margin:15px 0px 0px 0px;padding:0px;}#col ul li{list-style: none ;margin-bottom:25px;}#mis_cursos li{margin-bottom:10px;}

#col_text_left{width:auto;float:left;text-align:left;}#col ul{list-style-image : none;margin:15px 0px 0px 0px;padding:0px;}#col ul li{list-style: none ;margin-bottom:25px;}

.curso_on{width:543px;height:40px;border:1px solid #00b0f0;padding:5px;margin:0 0 10px 0;font-size:14px;background-color: #00b0f0;background-image: url(images/bg_curso_on.gif);background-repeat: repeat-x;}
.green_on{font-size:12px;color:#FFF;font-weight:bold;}
.curso_off{width:543px;height:40px;border:1px solid  #ccc;background:#EFEFEF;padding:5px;margin:0 0 10px 0;font-size:14px;}
.red_off{font-size:12px;color: #F00;font-weight:bold;text-decoration:none;}
.red_off a:hover{text-decoration:none;color: #999;}

#ingresar{position:absolute;top:30%;left:35%;width:280px;height:80px;background-color: #FFF;background-image: url(images/bg_white.gif);background-repeat: no-repeat;padding:50px 30px 10px 30px;float:none;text-align:center;z-index:20;}

#formulario{width:205px;/*border:1px solid #FF0000;*/text-align:center;margin:auto;margin-top:10px;}#formulario input{margin-bottom:10px;}

#Layer1 input{margin:0px;padding:0px;margin-bottom:10px;}#Layer1 label{color:#FFF;}
	
.label2{width:95px;text-align:right;float:left;margin:0px;margin-bottom:10px;}

.detalle {
	visibility: hidden;
	background: #FFF;
	padding:5px;
	color: #717171;
	position:absolute;	
	width:300px;
	z-index:1;
	border: 1px solid #ccc;
	position: fixed;
}

.mensaje {
	padding:5px;
	color: #717171;
	width:530px;
	min-height: 1em;
	z-index:-1;
}

.mensaje p {display:inline; }
.detalle p {display:inline; }

span img.thumb{padding:5px;margin:5px;border:1px solid #CCC;float:left;width:110px; height:90px;}
span img:hover {border:1px solid #000;}
span:hover .detalle {visibility: visible;	}	
	
.gray{color: #999;}
.gray11{color: #999;font-size:11px;}
.blue11{color: #069;font-size:11px;}
 p.exp{padding:0 0 10px 10px;font-size:12px;border-left:1px solid #069;border-bottom:1px solid #069;margin-bottom:15px;}
 p.exp_gray{padding:0 0 10px 10px;font-size:12px;border-left:1px solid #999;border-bottom:1px solid #999;margin-bottom:15px;}

/****************************************************************************************/
/* Elementos comunes */
/****************************************************************************************/

ul.paginacion {
  float: left;
  width: 100%;
  text-align: center;
  padding: 10px 0 0;
}
ul.paginacion li { 
  display: inline-block;
  zoom: 1; /* IE7 (hasLayout)*/
  *display: inline; /* IE */
  width: 25px;
  height: 25px;
  padding: 0 2px;   
}
ul.paginacion li a {
  float: left;
  line-height: 23px;
  width: 23px;
  border: 1px solid #ada9a9;
  background: #f6f6f6;
  color: #808080;
}
ul.paginacion li a:hover, ul.paginacion li a.current  {
  background: #808080;
  color: #f6f6f6;
}

/* Articulos relacionados */

.relacionados {
  float: left;
  width: 100%;
  margin: 21px 0 0;  
}

.relacionados h2 { width: 90%; padding: 0 0 0 10px; margin: 0 0 5px 0; background-color: #069; color: #FFF; font-weight: bold; border-bottom:1px solid #069; }

.relacionados .rel {
  float: left;
  width: 164px;
}
.relacionados .rel a {
  float: left;
  width: 100%;  
  font-size: 12px;
  line-height: 14px;
   color: #069;   
  font-weight: bold;
}
.relacionados .rel a:hover { text-decoration: underline; color: #000; }
.relacionados .rel p {
	line-height: 14px;
	color: #777;
	margin: 5px 0 15px 0;
}
.relacionados .rel img {
  border: 1px solid #CCC;
  width: 170px;
  margin: 4px 0 0 0;
}

/***************************************************************************************************/
/* Footer */
/***************************************************************************************************/

#footer {
  float: left;
  width: 100%;
  height: 108px;  
  margin: 0; 
  padding: 52px 0 0;
  z-index: -1;
}
#home #footer { padding: 0; height: 255px; } 

#footer .middle {
	float: right;
	width: 1004px;
	height: 162px;
	background: url(../images/footer-texto.png) no-repeat;
}

#footer p.copy {
  float: left;
  width: 461px;
  text-align: right;
  color: #333;
  font-size: 11px;
  margin: 105px 10px 4px  0;
  float: right;
}
#footer p.copy a {
	color: #333;
	font-weight: bold;	
}

.cuadro {
	font-style:italic;
	color: #FFF;
	width:90%;
	padding:4px;
	margin: 5px;
	padding-left: 35px;
}

.exito {
	#border: 1px solid #1f6600;;	
	background: #6aa74f;	
}