/*
contacto.tpl
*/

/**
 * Common
 */
HTML,BODY{
	margin: 0px;
	padding: 0px;
}
BODY{
    background-color: #d3d3d3;
	background-image: url(../images/header_bkg.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-size: .8em;
	font-weight: normal;
    font-family: arial,helvetica,sans-serif;
    color: #a0a0a0;
}
IMG{
    color: #a0a0a0;
    font-size: .7em;
    border: 0px;
}
HR{
    margin: 5px;
    color: #eaeaea;
    background-color: #eaeaea;
    height: 1px;
    border: 0px;
}
FORM,H1,H2{
    margin: 0px;
    padding: 0px;
}
.alignLeft{
    text-align: left;
}
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.mainContainer{
    width: 750px;
    margin: 0px auto;
    border: solid 1px #bdbdbd;
    background-color: #ffffff;
    text-align: left;
}
DIV.subContainer{
    position: relative;
    float: left;
    padding: 5px;
    font-size: 1.0em;
    text-align: left;
}

/**
 * Contact Info
 */
DIV.contactInfo{
    background-image: url(../images/direccion_bkg.jpg);
	background-repeat: no-repeat;
    width: 350px;
	height: 110px;
	padding: 5px 10px;
	color: #999999;
	margin: 0px;
	font-weight: bold;
	font-size: .9em;
}
DIV.contactInfo H2{
    font-size: 1.4em;
	color: #CC0000;
	margin: 0px;
	padding: 0px;
}
DIV.contactInfo ADDRESS{
    font-style: normal;
}

/**
 * Overdiv patch
 */
DIV#overDiv{
    position: absolute;
    visibility: hidden;
    z-index: 1000;
}

/* ========================================================================== */


/**
 * Header
 */
TABLE.header{
    margin: 0px auto;
	width: 780px;
	height: 141px;
}
TABLE.header TD.logo{
	width: 225px;
	height: 141px;
	vertical-align: middle;
	text-align: right;
}
TABLE.header .sectionLogo{
	width: 555px;
	height: 141px;
}
TABLE.header .bar{
    margin: 0px;
    padding: 0px;
    vertical-align: top;
	text-align: left;
}
TABLE.header DIV.bar{
    position: relative;
}

DIV#usersBtn{
	z-index: 2000;
	position: absolute;
	padding: 5px 0px 0px 24px;
	width:170px;
	height: 20px;
	top: 10px;
	left: 210px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	text-align: left;
	background-image: url(../images/users.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
}
DIV#usersBtn.mouseOver{
    color: #CC0000;
    text-decoration: none;
    cursor: pointer;
}
DIV#usersBtn.mouseOut{
    color: #000000;
    text-decoration: underline;
}

/**
 * Footer
 */
DIV#footer{
    margin: 5px auto; /* centered */
    width: 750px;
	height: 24px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: right;
}
DIV#footer A{
    color: #999999;
    text-decoration: none;
}
DIV#footer A:hover{
    text-decoration: underline;
}

/**
 * SECTIONs-BAR
 */
DIV.showBar{
	position:absolute;
	top:0px;
	left:0px;
	width:555px;
	height:141px;
	display:block;
	z-index:1000;
}
DIV.hideBar{
	position:absolute;
	top:0px;
	left:0px;
	width:555px;
	height:141px;
	display:none;
	z-index:1;
}

/* ----------- BOTONERA ------------- */
DIV.btnContainer {
	position:relative;
	width:100%;
	height:24px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#990000;
}
/* INICIO */
DIV.btnContainer DIV.btnInicio {
	position:absolute;
	width:60px;
	height:24px;
	text-align:center;
	left:20px;
}
DIV.btnContainer DIV.btnInicio a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:none;
}
DIV.btnContainer DIV.btnInicioHover a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-decoration:none;
}
DIV.btnContainer DIV.btnInicioHover a:hover{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-decoration:none;
}
DIV.btnContainer DIV.btnInicioHover {
	position:absolute;
	width:60px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#EAEAEA;
	text-align:center;
	left:20px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#CC0000;
	z-index:800;
}
DIV.btnContainer DIV.btnInicioSelected {
	position:absolute;
	width:60px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#FFFFFF;
	text-align:center;
	left:20px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#CC0000;
	z-index:1000;
	background-image:url(../images/index_down.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
DIV.btnContainer DIV.btnInicioSelected a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-decoration:none;
}
DIV.btnContainer DIV.btnInicioSelected a:hover{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-decoration:none;
}
/* EMPRESA */
DIV.btnContainer DIV.btnEmpresa {
	position:absolute;
	width:80px;
	height:24px;
	text-align:center;
	left:90px;
}
DIV.btnContainer DIV.btnEmpresa a{
	text-align:center;
	left:90px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:none;
}
DIV.btnContainer DIV.btnEmpresaHover a{
	text-align:center;
	left:90px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-decoration:none;
}
DIV.btnContainer DIV.btnEmpresaHover a:hover{
	text-align:center;
	left:90px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-decoration:none;
}
DIV.btnContainer DIV.btnEmpresaHover {
	position:absolute;
	width:80px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#EAEAEA;
	text-align:center;
	left:90px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FF0000;
	z-index:800;
}
DIV.btnContainer DIV.btnEmpresaSelected {
	position:absolute;
	width:80px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#FFFFFF;
	text-align:center;
	left:90px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FF0000;
	z-index:1000;
	background-image:url(../images/empresa_down.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
DIV.btnContainer DIV.btnEmpresaSelected a{
	text-align:center;
	left:90px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-decoration:none;
}
DIV.btnContainer DIV.btnEmpresaSelected a:hover{
	text-align:center;
	left:90px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-decoration:none;
}
/* CLIENTES */
DIV.btnContainer DIV.btnClientes {
	position:absolute;
	width:60px;
	height:24px;
	text-align:center;
	left:180px;
}
DIV.btnContainer DIV.btnClientes a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:none;
}
DIV.btnContainer DIV.btnClientesHover a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#288ACB;
	text-decoration:none;
}
DIV.btnContainer DIV.btnClientesHover a:hover{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#288ACB;
	text-decoration:none;
}
DIV.btnContainer DIV.btnClientesHover {
	position:absolute;
	width:60px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#EAEAEA;
	text-align:center;
	left:180px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#288ACB;
	z-index:800;
}
DIV.btnContainer DIV.btnClientesSelected {
	position:absolute;
	width:60px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#FFFFFF;
	text-align:center;
	left:180px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#288ACB;
	z-index:1000;
	background-image:url(../images/clientes_down.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
DIV.btnContainer DIV.btnClientesSelected a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#288ACB;
	text-decoration:none;
}
DIV.btnContainer DIV.btnClientesSelected a:hover{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#288ACB;
	text-decoration:none;
}
/* PRODUCTOS */
DIV.btnContainer DIV.btnProductos {
	position:absolute;
	width:80px;
	height:24px;
	text-align:center;
	left:250px;
}
DIV.btnContainer DIV.btnProductos a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:none;
}
DIV.btnContainer DIV.btnProductosHover {
	position:absolute;
	width:80px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#EAEAEA;
	text-align:center;
	left:250px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#7CC005;
	z-index:800;
}
DIV.btnContainer DIV.btnProductosHover a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#7CC005;
	text-decoration:none;
}
DIV.btnContainer DIV.btnProductosHover a:hover{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#7CC005;
	text-decoration:none;
}
DIV.btnContainer DIV.btnProductosSelected {
	position:absolute;
	width:80px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#FFFFFF;
	text-align:center;
	left:250px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#7CC005;
	z-index:1000;
	background-image:url(../images/productos_down.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
DIV.btnContainer DIV.btnProductosSelected a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#7CC005;
	text-decoration:none;
}
DIV.btnContainer DIV.btnProductosSelected a:hover{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#7CC005;
	text-decoration:none;
}
/* SERVICIO */
DIV.btnContainer DIV.btnServicios {
	position:absolute;
	width:80px;
	height:24px;
	text-align:center;
	left:340px;
}
DIV.btnContainer DIV.btnServicios a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:none;
}
DIV.btnContainer DIV.btnServiciosHover {
	position:absolute;
	width:80px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#EAEAEA;
	text-align:center;
	left:340px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#E3BF00;
	z-index:800;
}
DIV.btnContainer DIV.btnServiciosHover a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#E3BF00;
	text-decoration:none;
}
DIV.btnContainer DIV.btnServiciosHover a:hover{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#E3BF00;
	text-decoration:none;
}
DIV.btnContainer DIV.btnServiciosSelected {
	position:absolute;
	width:80px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#FFFFFF;
	text-align:center;
	left:340px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#E3BF00;
	z-index:1000;
	background-image:url(../images/servicios_down.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
DIV.btnContainer DIV.btnServiciosSelected a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#E3BF00;
	text-decoration:none;
}
DIV.btnContainer DIV.btnServiciosSelected a:hover{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#E3BF00;
	text-decoration:none;
}
/* SOPORTE
DIV.btnContainer DIV.btnSoporte {
	position:absolute;
	width:70px;
	height:24px;
	text-align:center;
	left:430px;
}
DIV.btnContainer DIV.btnSoporteHover {
	cursor:pointer;
	position:absolute;
	width:70px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#EAEAEA;
	text-align:center;
	left:430px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#F08D00;
	z-index:800;
}
DIV.btnContainer DIV.btnSoporteSelected {
	cursor:pointer;
	position:absolute;
	width:70px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#FFFFFF;
	text-align:center;
	left:430px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#F08D00;
	z-index:1000;
	background-image:url(../images/soporte_down.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}*/
/* CONTACTO */
DIV.btnContainer DIV.btnContacto {
	position:absolute;
	width:80px;
	height:24px;
	text-align:center;
	left:430px;
}
DIV.btnContainer DIV.btnContacto a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:none;
}
DIV.btnContainer DIV.btnContactoHover {
	position:absolute;
	width:80px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#EAEAEA;
	text-align:center;
	left:430px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#923FC5;
	z-index:800;
}
DIV.btnContainer DIV.btnContactoHover a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#923FC5;
	text-decoration:none;
}
DIV.btnContainer DIV.btnContactoHover a:hover{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#923FC5;
	text-decoration:none;
}
DIV.btnContainer DIV.btnContactoSelected {
	position:absolute;
	width:80px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#FFFFFF;
	text-align:center;
	left:430px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#923FC5;
	z-index:1000;
	background-image:url(../images/contacto_down.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
DIV.btnContainer DIV.btnContactoSelected a{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#923FC5;
	text-decoration:none;
}
DIV.btnContainer DIV.btnContactoSelected a:hover{
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#923FC5;
	text-decoration:none;
}
/*DIV.btnContainer DIV.btnContacto {
	position:absolute;
	width:80px;
	height:24px;
	text-align:center;
	left:510px;
}
DIV.btnContainer DIV.btnContactoHover {
	cursor:pointer;
	position:absolute;
	width:80px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#EAEAEA;
	text-align:center;
	left:510px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#923FC5;
	z-index:800;
}
DIV.btnContainer DIV.btnContactoSelected {
	cursor:pointer;
	position:absolute;
	width:80px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#FFFFFF;
	text-align:center;
	left:510px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#923FC5;
	z-index:1000;
	background-image:url(../images/contacto_down.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}*/
DIV.btnContainer DIV.btnSitios {
    left:525px;
	position:absolute;
	width:140px;
	height:24px;
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding-left:4px;
}
DIV.btnContainer DIV.btnSitios a{
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:none;
}
DIV.btnContainer DIV.btnSitiosHover {
    left:525px;
	position:absolute;
	width:140px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#EAEAEA;
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#4C7592;
	z-index:800;
	padding-left:4px;
}
DIV.btnContainer DIV.btnSitiosHover a{
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#4C7592;
	text-decoration:none;
}
DIV.btnContainer DIV.btnSitiosHover a:hover{
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#4C7592;
	text-decoration:none;
}
DIV.btnContainer DIV.btnSitiosSelected {
    left:525px;
	position:absolute;
	width:140px;
	height:25px;
	border-left:solid 1px #BDBDBD;
	border-top:solid 1px #BDBDBD;
	border-right:solid 1px #BDBDBD;
	border-bottom:none;
	background-color:#FFFFFF;
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#4C7592;
	z-index:1000;
	background-image:url(../images/sitios_down.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-left:4px;
}
DIV.btnContainer DIV.btnSitiosSelected a{
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#4C7592;
	text-decoration:none;
}
DIV.btnContainer DIV.btnSitiosSelected a:hover{
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#4C7592;
	text-decoration:none;
}

DIV.canvasLangs{
    position:absolute;
    width:80px;
    height:24px;
    text-align:center;
    right:0px;
}