@charset "utf-8";
/* CSS Document */

a {
	color: #ffffff;
	text-decoration:none;
}
body{

background-color:#abc203;
}

#contenedor {
	margin: 0 auto 0 auto;
	width:900px;
	height:589px;
	z-index:1;
	
}

#left {
	float: left;
	margin-left:5px;
	margin-top: 2px;
	width:184px;
	height:580px;
	background:url(../imagenes/capacitacion/capacita.jpg);
	background-repeat:no-repeat;

	
}

#right {
	float: left;
	margin-left:19px;
	margin-top: 2px;
	width:687px;
	height:580px;
	background:url(../imagenes/capacitacion/fondo-blanco_blue.jpg);
	background-repeat:no-repeat;
}

#menu_superior{
	float:left;
	width:890px;
	height:16px;
	position: relative;
	margin-left: 2px;

}#contactos{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	height: 10px;
	width: 900px;
	float: left;
	position: relative;
	text-align:center;
	margin-top: 12px;
}

#menu li {
	list-style-type:none;
	text-align:left;
	height:auto;
	width:140px;
	display:block;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contenido_left {
	float: left;
	position: relative;
	width:542px;
	height:580px;
	
}

#contenido_cuerpo{
	float: right;
	position: relative;
	overflow:hidden;
	width:530px;
	height:390px;
}
#cuerpo{
	float:right;
	width:530px;
	height:289px;
	position: relative;

}
div#marco_contenido	{
	position:relative;
	left:0px;
	top:0px;
	width:500px;
	height:390px;
	clip:rect(0px, 500px, 390px, 0px);
	overflow:hidden;
	z-index:1;
	float: right;
	}
	
	div.content {
	position:relative;
	visibility:hidden;
	left:2px;
	top:14px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	float: right;
	color: #333333;
	}
	
	.content {
	color:#333333;
	visibility:hidden;
	position: relative;
	height: 100px;
	float: left;
	width: 492px;
	}
	.content a {
	color:#333333;
	}
	.content a:hover {
	color:#cccccc;
	}
	
#pie {
	float: left;
	position: relative;
	width:540px;
	height:98px;
	position: relative;
	margin-top: 0px;
	z-index: 1;

}

div#imagen_contenido	{
	position:relative;
	left:0px;
	top:0px;
	width:270px;
	height:98px;
	clip:rect(0px, 500px, 390px, 0px);
	overflow:hidden;
	z-index:1;
	float: right;
	}
	
	div.imagent {
	position:absolute;
	visibility:hidden;
	top:12px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	float: right;
	width: 250px;
	margin-left: 9px;
	}
	#titulos{
	float: left;
	position: relative;
	width:101px;
	height:9px;
	padding-top:30px;
	padding-left:440px;
}

#cabeza{
	float: right;
	position: relative;
	width:542px;
	height:45px;
	position: relative;

}

#contenido_right {
	float: left;
	position: relative;
	width:145px;
	height:580px;
	margin-left: 0px;
	
}
#menu {
	list-style-type:none;
	float: left;
	position: relative;
	width:140px;
	height:198px;
	padding-top: 45px;
	padding-left: 5px;
}
#menu ul {
	list-style-type:none;
	margin:0; 
	padding:0;
}
#menu li {
	list-style-type:none;
	text-align:left;
	height:auto;
	width:140px;
	display:block;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#mostrar_contenido	{
	position:relative;
	left:0px;
	top:0px;
	width:145px;
	height:313px;
	clip:rect(0px, 500px, 390px, 0px);
	overflow:hidden;
	z-index:1;
	float: right;
	}
div.mostrart {
	position:absolute;
	visibility:hidden;
	left:6px;
	top:12px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	float: right;
	}
	
		#mostrar {
	list-style-type:none;
	float: left;
	position: relative;
	width:145px;
	height:313px;
	margin-top: 24px;
	margin-left: 0px;
	text-align: right;
}
#submenu1{
display:none;
}
#submenu2{
display:none;
}
#submenu3{
display:none;
}
#submenu4{
display:none;
}
/*  PARA EL MENU CON CAMBIO DE COLOR */


#menu ul.ul_lista {
	list-style-type:none;
	margin:0;
	padding:0;
	width: 140px;
}
#menu li.menu_lista2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	height:11px;
	width:140px;
	float:left;
	padding-left: 1px;
	color: #999999;
	text-decoration: none;
}

#menu li.menu_lista2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	height:11px;
	width:140px;
	display:block;
	float:left;
	padding-top:0px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-left: 1px;
	color: #999999;
	text-decoration: none;
}

#menu li.menu_lista2 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	height:11px;
	width:140px;
	display:block;
	float:left;
	padding-top:0px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-left: 1px;
	color: #000000;
	text-decoration: none;
}
/*  PARA EL MENU CON CAMBIO DE COLOR */

#contenedordiv {
	width:480px;
	height:auto;
	position: relative;
	float: right;
	margin-top:0px;
}
#contenidodiv {
	width:230px;
	height:auto;
	float: left;
	position: relative;
	margin-right:0px;
	padding-right:0;
        text-align:justify;
}
#imagendiv {
	width:250px;
	height:auto;
	float: left;
	position: relative;
	margin-top:0px;
	padding-top:0px;
}

#contenedordiv2 {
	width:500px;
	height:300;
	position: relative;
	float: right;
}

#div.galeria_img{
	width:110px;
	height:87px;
	clip:rect(0px, 150px, 110px, 0px);
	overflow:hidden;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:2px;
	padding-top:2px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	float:left;
	text-align:center;
}

#contenedordiv3 {
	width:500px;
	height:300px;
	position: relative;
	float: right;
}
#contenidodiv3 {
	width:240px;
	height:auto;
	float: left;
	position: relative;
}
#imagendiv3 {
	width:250px;
	height:auto;
	float: left;
	position: relative;
}

div#logo_contenido	{
	position:relative;
	left:0px;
	width:232px;
	height:94px;
	overflow:hidden;
	z-index:1;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 3px;
	}
	
	div#logo_contenido3	{
	position:relative;
	left:0px;
	width:195px;
	height:200px;
	overflow:hidden;
	
	float: left;
	margin-top: 140px;
	margin-right: 0px;
	margin-left: 3px;
	}

div.logot {
	position:absolute;
	visibility:hidden;
	left:0px;
	top:0px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	float: right;
	width: 150px;
	height: 94px;
	margin-right: 5px;
	}




div.submenu_casos {
	position:absolute;
	left:0px;
	top:5px;
	z-index:1;
	float: left;
	width: 524px;
	height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	visibility: hidden;
	text-align: right;
}
div.submenu_casos ul {
	position:absolute;
	visibility:hidden;
	left:2px;
	top:14px;
	z-index:1;
	float: left;
	width: auto;
}
div.submenu_casos li {
	position:absolute;
	visibility:hidden;
	left:2px;
	top:14px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	float: left;
	color: #333333;
	width: auto;
}
#menu_casos {
	float: left;
	position: relative;
	width:526px;
	height:15px;
	margin-top: 0px;
	margin-left: 0px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
div#marco_contenido_casos	{
	position:relative;
	left:0px;
	top:10px;
	width:526px;
	height:380px;
	clip:rect(0px, 500px, 390px, 0px);
	overflow:hidden;
	z-index:1;
	float: right;
	margin-top: 4px;
	margin-right: 6px;
	}
	
div.submenu_casos {
	position:absolute;
	left:0px;
	top:5px;
	z-index:1;
	float: left;
	width: 524px;
	height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	visibility: hidden;
	text-align: right;
}
div.submenu_casos ul {
	position:absolute;
	visibility:hidden;
	left:2px;
	top:14px;
	z-index:1;
	float: left;
	width: auto;
}
div.submenu_casos li {
	position:absolute;
	visibility:hidden;
	left:2px;
	top:14px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	float: left;
	color: #333333;
	width: auto;
}
#cuerpo_casos{
	float:right;
	width:528px;
	height:260px;
	position: relative;
	margin-right: 2px;

}	

#pie_casos {
	float: left;
	position: relative;
	width:520px;
	height:90px;
	position: relative;
	margin-top: 15px;
	margin-right: 5px;
	text-align: right;

}
div.mostrart2 {
	position:absolute;
	visibility:visible;
	left:0px;
	top:0px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	float: right;
	}

#menu_casos2 {
	float: left;
	position: relative;
	width:526px;
	height:0px;
	margin-top: 0px;
	margin-left: 0px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#marco_contenido_testimonio	{
	position:relative;
	left:0px;
	top:10px;
	width:526px;
	height:490px;
	clip:rect(0px, 500px, 390px, 0px);
	overflow:hidden;
	z-index:1;
	float: right;
	margin-top: 0px;
	margin-right: 6px;
	}
div.submenu_testimonio {
	position:absolute;
	left:0px;
	top:5px;
	z-index:1;
	float: left;
	width: 524px;
	height: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	visibility: hidden;
	text-align: right;
}

#cuadrado {
	float: left;
	position: relative;
	width:526px;
	height:auto;

	
}
#uno {
	float: left;
	position: relative;
	width:200px;
	height:auto;
		

}
#dos {
	float: left;
	position: relative;
	width:326px;
	height:auto;
	

}
#resto{
	float: left;
	position: relative;
	width:526px;
	height:20px;
	
}

#menu ul.ul_lista3 {
	list-style-type:none;
	margin:0;
	padding:0;
	width: 120px;
}
#menu li.menu_lista3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	height:auto;
	width:135px;
	float:left;
	padding-left: 2px;
	color: #999999;
	text-decoration: none;
}

#menu li.menu_lista3 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	height:auto;
	width:135px;
	display:block;
	float:left;
	padding-top:0px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-left:2px;
	color: #999999;
	text-decoration: none;
}

#menu li.menu_lista3 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	height:auto;
	width:135px;
	float:left;
	padding-left: 2px;
	color: #000000;
	text-decoration: none;
}

#contenido{
	float:left;
	width:540px;
	height:240px;
	position: relative;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

#contenido_secundario{
	float:left;
	width:540px;
	height:500px;
	position: relative;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
#miga{
	float:left;
	width:500px;
	height:20px;
	position: relative;
	color: #a7a7a7;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-left: 4px;
}
div#logo_contenido2	{


	width:331px;
	height:140px;
	overflow:hidden;
	vertical-align:bottom;
	margin-right:0px;
	float: right;
	
	margin-top: 120px;
	margin-left: 0px;
	}
	
a.plomo{
color:#a7a7a7;

}
a.negro{
color:#000000;

}

#contenidocompleto{
	float:left;
	width:540px;
	height:445px;
	position: relative;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

#contenedorpopup {
	height: 100%;
	width: 100%;
	filter:alpha(opacity=93);
	-moz-opacity:0.93;
	opacity:0.93;
	-khtml-opacity:0.93;
	background-color:#abc203;
	position:absolute;
	z-index:2;
	left:0;
	top:0;
}
#flash {
	height: auto;
	width: auto;
	margin-top:0px;
	margin-left:0px;
	margin: 0 auto 0 auto;
	position:relative;	
}