/*
    Hojas de estylo del navegado
    Autor: Elvis Milan S. JirehSoft Inc.
    Email:  elvismilans@hotmail.com
            milan.elvis@gmail.com
            elvismilan@hostbolivia.net

*/
/* ESTYLOS DE PAGINA WEB  */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	background-color:#EEE;
}
.bg{
	float:left;
	width:100%;
	height:100px;
	position:relative;
	background:url(../images/index_01.jpg) 0 100% repeat-x;
}
.superiorLeft, .superiorCenter, .superiorRight{
	float:left;
	height:100px;
	width:14px;
}
.superiorLeft{
	float:left;
    background:url(../images/index_0111.png)  0 0 no-repeat;
}
.superiorCenter{
	width:1000px;
	float:left;
    background:url(../images/index_03.png) 0 100% repeat-x;
}.superiorRight{
	float:right;
    background:url(../images/index_04.png) 0 0 no-repeat;
}
.superiorLeft2, .superiorCenter2, .superiorRight2{
	float:left;
	height:52px;
	width:14px;
}
.superiorLeft2{
	float:left;
}
.superiorCenter2{
  float:center;
	width:1000px;
}
.superiorRight2{
	float:right;    
}
.superiorLogo{
	float:left;
    width:291px;
	height:85px;
    top:6px;
	left:25px;
	position:relative;
	background:url(../images/logeto.png) 0 0 no-repeat;
}
.superiorDerecha{
    float:right;
    width:220px;
    height:120px;

}
.superiorFono{

	margin-top:15px;
	text-align:right;
	padding-right:15px;
}
.superiorRedes{

	float:right;
    margin-top:15px;
	margin-right:15px;

}
.superiorCertif{
	float:right;
	top:10px;
	right:70px;
	width:175px;
	height:79px;
	position:relative;
	background:url(../images/microsoft_certified_partner.png) 0 0 no-repeat;
}
/* Menu  */
.menus{
    float:left;
	width:100%;
	height:auto;
	top:100px;
 	position:reltive;
}
.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
}

.artmenu, .artmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background:none;
}

.artmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.artmenu li li
{
  float: none;
}

.artmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.artmenu:after, .artmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul
{
  min-height: 0;
}

.artmenu ul
{
  background-image: url(../images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}

/* menu structure */

.nav
{
  position: relative;
  margin: 0  auto;
  width: 1000px;
  height: 47px;
  z-index: 100;
}

.artmenu
{
  padding: 8px 8px 8px 8px;
}

.nav .l, .nav .r, .nav .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 47px;
}

.nav .l
{
  left: 0;
  right: 0px;
}


.nav .r
{
  right: 0;
  width: 0px;
}

.nav .r div
{
  width: 1000px;
  right: 0;
}


.nav .l, .nav .r div
{
  background-repeat: repeat-x;
  background-image: url('../images/nav.png');
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}

.artmenu a , .artmenu a span
{
  height: 31px;
  display: block;
}

.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 4px;
  margin-left: 4px;

}
.artmenu a
{
  background-image: url('../images/item-left.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.artmenu a span
{
  background-image: url('../images/item-right.png');
  background-position: right top;
  background-repeat: no-repeat;
}
.artmenu a span span
{
  font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", Helvetica, Sans-Serif;
  font-size: 12px;
  color: #393B35;
  padding: 0 19px;
  margin: 0 3px;
  line-height: 31px;
  text-align: center;
  background-image: url('../images/item-center.png');
  background-position: left top;
  background-repeat: repeat-x;

}

.artmenu a:hover
{
  background-position: left -31px;
}

.artmenu li:hover>a
{
  background-position: left -31px;
}
.artmenu li:hover a span
{
  background-position: right -31px;
}

.artmenu a:hover span
{
  background-position: right -31px;
}

.artmenu a:hover span span
{
  color: #FFFFFF;
  background-position: left -31px;
}

.artmenu li:hover a span span
{
  color: #FFFFFF;
  background-position: left -31px;
}

.artmenu a.active
{
  background-position: left -62px;
}

.artmenu a.active span
{
  background-position: right -62px;
}

.artmenu a.active span span
{
  color: #E4E8DE;
  background-position: left -62px;
}

/* end MenuItem */

/* begin MenuSeparator */
.nav .separator
{
  display: block;
  width: 1px;
  height: 31px;
  background-image: url('../images/item-separator.png');
}
/* begin MenuSubItem */
.artmenu ul a
{
  display:block;
  text-align: center;
  white-space: nowrap;
  height: 25px;
  width: 190px;
  overflow:hidden;
  line-height: 25px;
  margin-right: auto;

  background-image: url('../images/subitem-bg.png');
  background-position: left top;
  background-repeat: repeat-x;

  border-width: 0px;
  border-style: solid;
  border-color: {PassiveBorderColor};
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 25px;
  color: #FFFFFF;
  font-family: Arial, "Lucida Grande", Helvetica, Sans-Serif;
  font-size: 11px;
}

.artmenu ul ul a
{
  margin-left: auto;
}

.artmenu ul li a:hover
{
  color: #000000;
  border-color: {HoveredBorderColor};
  background-position: 0 -25px;
}

.artmenu ul li:hover>a
{
  color: #000000;
  border-color: {HoveredBorderColor};
  background-position: 0 -25px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
  color: #000000;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
  color: #000000;
}
/* banner  */
.banner{
	float:left;
	width:100%;
	height:300px;

}
.banners{
	float:left;
	width:100%;
	height:350px;
	overflow:hidden;
}

.bannerPosicion{
    float:left;
	width:630px;
	height:350px;
	z-index:5;

}.videoPosicion{
    float:left;
	width:370px;
	height:350px;
	z-index:5;
}
/* estylo cuerpo */
.cuerpoBg{
	float:left;
	width:100%;
	height:auto;
	position:relative;
	margin-top:3px;
}
.cuerpo{
	float:left;
	width:100%;
	height:auto;
	background:#fff;

}
.columnaDer{
    float:left;
	width:240px;
	padding:30px 0px 10px 5px;
}
.columCont1{
	float:left;
	height:auto;
	width:730px;
	padding:10px 10px 10px 0;
}
.columCont2{
    float:left;
	width:325px;
	padding-right:12px;
	padding-bottom:5px;
	padding-top:10px;
}
.columnaNot{
	float:right;
	width:325px;
	padding-bottom:5px;
	padding-top:10px;
}
.cuerpoinf{
	float:left;
	width:100%;
	height:auto;
}

/*Lateral Derecha*/
.superior{
	width:100%;
	height:31px;
}
.superiorIzq{
	width:8px;
	height:31px;
	float:left;
	background-image:url(../images/index_15_01.png);
	background-position:top;
	overflow:hidden;
}
.superiorIzq2{
	width:8px;
	height:31px;
	float:left;
	background-image:url(../images/index_15_011.png);
	background-position:top;
	overflow:hidden;
}
.superiorIzq3{
	width:8px;
	height:31px;
	float:left;
	background-image:url(../images/index_15_02.png);
	background-position:top;
	overflow:hidden;
}
.superiorCentro{
	width:170px;
	height:31px;
	float:left;
	position:relative;
	background-image:url(../images/index_15_03.png);
	background-repeat:repeat-x;
}
.superiorCentro2{
	width:170px;
	height:31px;
	float:left;
	position:relative;
	background-image:url(../images/index_15_034.png);
	background-repeat:repeat-x;
}
.superiorCentro3{
	width:170px;
	height:31px;
	float:left;
	position:relative;
	background-image:url(../images/index_15_05.png);
	background-repeat:repeat-x;
}
.superiortTitulo{
	color:#fff;
	font-family: Geneva, sans-serif;
	font-size:14px;
	position:absolute;
	top:9px;
	left:15px;
}
.superiorDer{
	width:40px;
	height:31px;
	float:left;
	background-image:url(../images/index_15_04.png);
	background-position:top;
	overflow:hidden;
}
.superiorDer2{
	width:40px;
	height:31px;
	float:left;
	background-image:url(../images/index_15_042.png);
	background-position:top;
	overflow:hidden;
}
.superiorDer3{
	width:40px;
	height:31px;
	float:left;
	background-image:url(../images/index_15_06.png);
	background-position:top;
	overflow:hidden;
}
.seCuerpo{
	width:325px;
	height:200px;
	float:left;
	text-align:left;
	background:#FFF;
}
.abaInfIzq, .abaInfCent, .abaInfDer{
	float:left;
	height:8px;
	width:8px;
}
.abaInfIzq{
    float:left;
	background:url(../images/index_13123.png) 0 0 no-repeat;
}
.abaInfCent{
	width:309px;
	background:#fff;
}
.abaInfDer{
	float:right;
	background:url(../images/index_1312.png) 0 0 no-repeat;
}
/*columna central*/
.centroBg{
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
	background:#fff;
}
.centroEsqIzq, .centroEsqDer, .centroEsqCent{
	float:left;
	height:8px;
	width:8px;
}
.centroEsqIzq{
	background:url(../images/index_131234.png) 0 0 no-repeat;
}
.centroEsqCent{
	width:984px;
}
.centroEsqDer{
	float:right;
	background:url(../images/index_131.png) 0 0 no-repeat;
}

.abajito{
    width:1000px;
    overflow:hidden;
}
.centroInfIzq, .centroInfDer, .centroInfCent{
	float:left;
	height:8px;
	width:8px;
	overflow:hidden;
}
.centroInfIzq{
	background:url(../images/index_13123.png) 0 0 no-repeat;
}
.centroInfCent{
	width:984px;
}
.centroInfDer{
	float:right;
	background:url(../images/index_1312.png) 0 0 no-repeat;
}

/* estylo inferior */
.inferiorBg{
	float:left;
	width:100%;
	height:216px;
	overflow:hidden;
	background:url(../images/index1_04.jpg) 0 100% repeat-x;
	padding-top:5px;
}
.inferiorEsqIzq, .inferiorEsqDer, .inferiorEsqCent{
	float:left;
	height:8px;
	width:8px;
	overflow:hidden;
}
.inferiorEsqIzq{
	background:url(../images/index_131234.png) 0 0 no-repeat;
}
.inferiorEsqCent{
	width:984px;
	background:#FFF;
}
.inferiorEsqDer{
	float:right;
	background:url(../images/index_131.png) 0 0 no-repeat;
}
.inferiorCajas{
	float:left;
	width:100%;
	height:100px;
	background:#FFF;
	overflow:hidden;
}
.bgfoot{

	width:1000px;
	height:100px;
	position:absolute;
	background:url(../images/index1_06.png) 0 100% repeat-x;
}
.bgfootit{
	float:left;
	padding-top:100px;
	width:1000px;
	height:108px;
	position:absolute;
	background:url(../images/index1_09.jpg) 0 100% repeat-x;
}

/* */
.columnaAN{
	float:left;
	width:47.5%;
	height:auto;
	padding-left:2%;
}

#div_login{
	width: 350px;
	height: 300px;
	text-align:left;

	margin-top:30px;
}

.tadle_login{
}
.tadle_login tr td{
	padding: 0px 5px 3px 16px;
}
.infor{
	color:#0099FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top: 5px;
}
.text_descip2{
	color:#999a92;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/**********************/
.input{
	width:200px;
	height:12px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 8px 0px 8px 10px;
	background-image:url(../images/input_01.gif);
	border: 1px solid #d8d8d8;
}
.input:focus{

	border: 1px solid #fba500;
	background-image:url(../images/input_02.gif);
}