@charset "utf-8";

/* CSS Document */
.linkco{
	color: #4e4e4e;
	font-weight: normal;
	
}
.nolink{
	color: #4e4e4e;
	font-weight: normal;
	text-decoration: none;	
}
img {
	border: none;
}

.xboxcontent div.scrollc {
	width:300px;
	overflow:auto;
	height: 150px;
	margin-top: 3px;
	margin-bottom: 5px;
}

/* NUEVO HOME*/

#textohome5{
	width: 574px;
	height: 380px;
	text-align: justify;
	float: left;
	margin-left: 4px;

}

#textohomec{
	width: 574px;
	height: 43px;
	text-align: justify;
	float: left;
	margin-left: 4px;
	padding-bottom: 5px;
}

#map {
	position:relative;
	margin:0;
	width:572px;
	height:375px;
}
#map ul {
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	top:14px;
	left:26px;
}

#map ul li {
	position:absolute;
	display:block;
	cursor:pointer;
	background:url(http://www.otecbicentenario.cl/images/transparent.gif);
	width: 93px;
	height: 38px;
	left: 357px;
	top: 311px;
}

#map ul li.competenciast{
	width:101px;
	height:32px;
	top:3px;
	left:210px;
}
#map ul li.competencias{
	width:101px;
	height:32px;
	top:3px;
	left:210px;
}

#map ul li.generales{
	width:92px;
	height:42px;
	top:89px;
	left:2px;
}
#map ul li.tecnolo {
	width:92px;
	height:42px;
	top:89px;
	left:132px;
}
#map ul li.transver {
   width:92px; 
   height:42px; 
   top:178px; 
   left:2px;
   }
#map ul li.corporativas {
width:92px; 
height:42px; 
top:178px; 
left:132px;
}

#map ul li.desaperso {
	width:92px;
	height:42px;
	top:274px;
	left:2px;
}

#map ul li.desaprof {
	width:92px;
	height:58px;
	top:266px;
	left:132px;
}

#map ul li.creycobranza{
width:92px; 
height:42px; 
top:75px; 
left:294px;}

#map ul li.salud{
width:92px; 
height:42px; 
top:75px; 
left:421px;}

#map ul li.finanz{
width:92px; 
height:42px; 
top:121px; 
left:294px;}

#map ul li.market{
width:92px; 
height:42px; 
top:121px; 
left:421px;}

#map ul li.desinfo{
width:92px; 
height:42px; 
top:168px; 
left:294px;}

#map ul li.legisla{
width:92px; 
height:42px; 
top:168px; 
left:421px;}

#map ul li.gestionpub{
width:92px; 
height:42px; 
top:214px; 
left:294px;}


#map ul li.educacion{
width:92px; 
height:42px; 
top:214px; 
left:421px;
}

#map ul li.ambiente{
width:92px; 
height:42px; 
top:261px; 
left:294px;
}

#map ul li.clientes{
width:92px; 
height:42px; 
top:261px; 
left:421px;
}

#map ul li.transa{
width:92px; 
height:42px; 
top:309px; 
left:357px;
}

#map ul li:hover {z-index:300;}
#map ul li.click {z-index:100;}

#map ul li:hover.generales{background:url(http://www.otecbicentenario.cl/images/generales.jpg);}
#map ul li:hover.tecnolo{background:url(http://www.otecbicentenario.cl/images/tecnologia.jpg);}
#map ul li:hover.transver{background:url(http://www.otecbicentenario.cl/images/transversales.jpg);}
#map ul li:hover.corporativas{background:url(http://www.otecbicentenario.cl/images/corporativas.jpg);}
#map ul li:hover.desaperso{background:url(http://www.otecbicentenario.cl/images/desa_perso.jpg);}
#map ul li:hover.desaprof{background:url(http://www.otecbicentenario.cl/images/desa_prof.jpg);}
#map ul li:hover.creycobranza{background:url(http://www.otecbicentenario.cl/images/cred_cobr.jpg);}
#map ul li:hover.gestionpub{background:url(http://www.otecbicentenario.cl/images/gestion_pub.jpg);}
#map ul li:hover.market{background:url(http://www.otecbicentenario.cl/images/marketingb.jpg);}
#map ul li:hover.legisla{background:url(http://www.otecbicentenario.cl/images/legislacion.jpg);}
#map ul li:hover.desinfo{background:url(http://www.otecbicentenario.cl/images/des_infor.jpg);}
#map ul li:hover.competencias{background:url(http://www.otecbicentenario.cl/images/competencias.jpg);}
#map ul li:hover.competenciast{background:url(http://www.otecbicentenario.cl/images/competenciast.jpg);}
#map ul li:hover.finanz{background:url(http://www.otecbicentenario.cl/images/finanzaco.jpg);}
#map ul li:hover.salud{background:url(http://www.otecbicentenario.cl/images/salud.jpg);}
#map ul li:hover.educacion{background:url(http://www.otecbicentenario.cl/images/educacion.jpg);}
#map ul li:hover.ambiente{background:url(http://www.otecbicentenario.cl/images/ambiente.jpg);}
#map ul li:hover.transa{background:url(http://www.otecbicentenario.cl/images/transa.jpg);}
#map ul li:hover.clientes{background:url(http://www.otecbicentenario.cl/images/clientes.jpg);}
#map ul li .xsnazzy {visibility:hidden;}

#map ul li.click .xsnazzy {visibility:visible;}

/* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */
#map ul li.click .xsnazzy {background:url(http://www.otecbicentenario.cl/images/transparent.gif);}

.xsnazzy {display:block; position:absolute; height:auto; text-align:center;}

.competenciast.xsnazzy {
left:-90px; 
top:-40px; 
width:210px;}

.competencias.xsnazzy {
left:-90px; 
top:-40px; 
width:210px;}

.generales .xsnazzy {
left:-90px; 
top:-40px; 
width:210px;}

.transver .xsnazzy 
{left:-110px; 
top:-70px; 
width:310px;}

.tecnolo .xsnazzy {
	left:-185px;
	top:-50px;
	width:376px;
}

.corporativas .xsnazzy {
left:-185px; 
top:-40px; 
width:280px;
}

.desaperso .xsnazzy {
left:-90px; 
top:-100px; 
width:350px;
}

.desaprof .xsnazzy {
left:-185px; 
top:-130px; 
width:310px;
}

.creycobranza .xsnazzy {
left:-170px; 
top:-50px; 
width:310px;
}

.gestionpub .xsnazzy {
left:-200px; 
top:-112px; 
width:325px;
}

.finanz .xsnazzy {
left:-180px; 
top:-50px; 
width:315px;
}

.market .xsnazzy {
left:-270px; 
top:-50px; 
width:290px;
}

.legisla .xsnazzy {
left:-270px; 
top:-80px; 
width:290px;
}

.desinfo .xsnazzy {
left:-170px; 
top:-90px; 
width:300px;
}

.salud .xsnazzy {
left:-270px; 
top:-60px; 
width:290px;
}

.educacion .xsnazzy {
left:-260px; 
top:-90px; 
width:280px;
}

.ambiente .xsnazzy {
left:-170px; 
top:-100px; 
width:300px;
}

.clientes .xsnazzy {
left:-300px; 
top:-100px; 
width:300px;
}

.transa .xsnazzy {
left:-230px; 
top:-110px; 
width:300px;
}

.xsnazzy h1, .xsnazzy p {
	margin-top: 0;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 4px;
}

.xsnazzy h1 {
	font-size:11px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
}

.xsnazzy p {
	color:#4e4e4e;
	font-size:10px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 7px;
	font-weight: normal;
	text-decoration: none;
}

#textohome5 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4E4E4E;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
}

/*.xboxcontent  a {
	font-family: Arial, Helvetica, sans-serif;
	color: #4E4E4E;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
}
.xboxcontent  a:hover{
	text-decoration: underline;
	color: #EC6E00;
}*/

.xsnazzy {
	background: transparent;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 10em;
}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; font-size:0; overflow:hidden;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {
	border-left:2px solid #ec6e00;
	border-right:1px solid #ec6e00;
	background-color: #999999;
}

.xb1 {
	background-color: #ec6e00;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
}

.xb2 {margin:0 5px; background:#ec6e00;}
.xb3 {margin:0 4px; background:#ec6e00;}
.xb4 {margin:0 3px; background:#ec6e00; border-width:0 4px;}
.xb5 {
	background:#ec6e00;
	border-width:0 3px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}

.xb6 {
	background:#ec6e00;
	border-width:0 2px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
} 

.xb7 {
	background:#ec6e00;
	border-width:0 1px;
	height:1px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
} 

.xboxcontent {
	display:block;
	border:3px solid #ec6e00;
	border-width:0 2px;
	background-color: #FFFFFF;
}

.xboxcontent a, .xboxcontent a:visited {
	display:block;
	color:#FF9900;
	font-weight:normal;
	font-size:10px;
	text-indent:0;
	text-align: left;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
}

#map ul li.click .xsnazzy .xboxcontent a:hover {
	color:#EC6E00;
}

.xsnazzy em.point_top {display:block; font-size:0; width:25px; height:14px; background:url(point.gif) center top; position:absolute; left:50px; top:-11px;}

.xsnazzy em.point_bottom {
	display:block;
	font-size:0;
	width:25px;
	height:14px;
	position:absolute;
	right:50px;
	bottom:-11px;
	background-position: center bottom;
}
/* for IE5.5 */
* html .xsnazzy em.point_bottom {bottom:-12px;}

.xsnazzy em.point_left {display:block; font-size:0; width:14px; height:25px; background:url(point.gif) left center; position:absolute; left:-11px; top:30px;}

/* pop up2*/

.fade {
	position: fixed;
	width: 100%;
	height: 100%;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha (Opacity = 80)"; /*--IE 8 Transparency--*/
	filter:alpha (opacity = 50);
	opacity: .50;
	
	left: 0;
	top: 0;
	z-index: 10;
	background-color: #803D00;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	background: url(body_bg.gif);
	position: relative;
}

.hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.popup_block {
	border: 2px solid #fff;
	float: left;
	width: 400px;
	position: fixed;
	top: 30%;
	left: 50%;
	z-index: 100;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -200px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
}

.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	border: 1px solid #ec6e00;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.popup h3 {
	border-bottom: 1px solid #bbb;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 6px;
}

.popup p {
	padding: 5px 10px;
	margin: 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.popup img.cntrl {
	position: absolute;
	right: 3px;
	top: 1px;
}

.popup img.cntrl2{
	position: absolute;
	right: 3px;
	top: 1px;
}

/* TABLA COMPETENCIAS*/

.tablac {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.tablac td {
	width: 230px;
	text-align: center;
	background-color: #EC6E00;
}

.tablac tr  {
	width: 230px;
	border: 1px solid #EC6E00;
	background-color: #ec6e00;
}

.tablac th  {
	width: 230px;
	border: 1px solid #EC6E00;
	background-color: #ec6e00;
}

/* LOOP IMAGENES*/

#loop{
	width: 152px;
	border: 3px solid #999999;
	text-align: justify;
	height: 165px;
	float: right;
	margin-left: 4px;
	margin-top: 10px;
}

#revista{
	width: 160px;
	text-align: center;
	height: 34px;
	float: right;
	background-color: #EBEBEB;
	vertical-align: middle;
	padding-top: 6px;
}

#titulorevista{
	width: 160px;
	text-align: center;
	height: 16px;
	float: right;
	background-color: #ec6e00;
	font-size: 9px;
	margin-top: 15px;
	padding-top: 4px;
}

.linkc{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	padding-top: 2px;
}

.linkcn{
	text-decoration: none;
	color: #7A7A7A;
	font-weight: bold;
	font-size: 9px;
	padding-top: 2px;
}

#inscripcionc{
	height: 15px;
	width: 154px;
	text-align: center;
	padding-right: 5px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EC6E00;
	padding-top: 3px;
	background-color: #EC6E00;
	color: #FFFFFF;
	margin-top: 7px;
}