body {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 0.8em;
	background: #FFF url(../images/bg_header3.jpg) no-repeat top right;
	color: #000;
	font-family: "Segoe Ui", "Calibri", arial, helvetica, sans-serif;
}
html {
}
/*-- - - - -- - -- - GLOBAL STUFF  --- - - -- - - - --  - */
a {
	font-weight: bold;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	position: relative;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
img {
	border: 0px;
}
.left {
	float: left
}
.right {
	float: right
}
.cleared {
	clear: both;
}
img.left_spaced {
	float: left;
	padding: 10px
}
img.right_spaced {
	float: right;
	padding: 10px
}
br.cleared {
	clear: both;
}
sub {
	font-size: 0.7em;
}
sup {
	font-size: 0.7em;
}
dfn {
	border-bottom: 1px dotted #CCC;
	font-weight: bold;
}
.ghost {
	display: none;
}
ul.inlined {
}
ul.inlined li {
	display: inline;
}
ul.inlined li a {
}
ul {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: circle;
	margin-left: 20px;
}
ul.nicer {
	padding-bottom: 0px;
	text-align: left;
}
ul.nicer li {
	list-style: square;
	margin-left: 80px;
	padding: 2px 0;
}
.centered, img.centered {
	margin: 0 auto;
	text-align: center;
}
.error{
font-size:0.8em;
color:#F00;
font-weight:bold;
}
/*----------------- COMMON FONTS ----------------------*/
.font1 {
	font-size: 0.8em;
}
.font2 {
	font-size: 0.7em;
}
Marcas.font2 {
	font-size: 0.9em;
}
.font3 {
	font-size: 1.2em;
}
.font4 {
	font-size: 1.5em;
}
.font5 {
	font-size: 2em;
}
.font6 {
	font-size: 2.3em;
	color: #999;
}
.font7 {
	font-size: 2.6em;
}
.bolded {
	font-weight: bold;
}
.trite {
	text-align: right;
}
.tleft {
	text-align: left;
}
.tcenter {
	text-align: center;
}
.tjust {
	text-align: justify;
}
h2.topp,  h1.topp {
	padding-top: 15px;
}
h1 {
	font-family: Impact, Helvetica, "Arial narrow", Arial, Sans;
	font-weight: normal;
}
h2 {
	font-family: Impact, Helvetica, "Arial narrow", Arial, Sans;
	font-weight: normal;
	background: url(../images/bg_rite_top.png) no-repeat right top;
	padding-left: 5px;
	margin-left: -11px;
}
h3 {
	margin-left: -11px;
	padding: 2px 0 0 20px;
	background: url(../images/bg_rite_top.png) no-repeat right top;
	border-left: 1px  solid #FFF;
	width: 220px;
}
h3.full{
width:auto;
}
h4{
background:#CCC;
color:#FFF;
padding-left:15px;
}
/*------------------------KOOL--------------------*/
.teled {
	color: #030;
}
.spaced10 {
	margin: 10px;
}
.spaced20 {
	margin: 20px;
}
.bd1gray {
	border: 1px solid #999;
}
/*------------------- WIDTHS ---------------------------*/
.pr30 {
	width: 28%;
}
.pr50 {
	width: 45%;
}
.pr60 {
	width: 55%;
}
/*---------  DETAILS ---------*/
.details {
	width: 310px;
	height: 310px;
	background: url(../images/bg_details3.png) no-repeat;
	position: relative;
	float: left;
}
/*------------------TABLE-------------------*/
input[type="text"].error{
	background: transparent url(../images/bg_field.png) no-repeat center;
border:none;
}
/*label with correction*/
label, input[type="text"]{
    float:left;
    display:block;
}
label{
    margin-right: 5px;
}
/*adjust 2 column fields*/
 input[type="text"]{
margin-right:15px;
	background: transparent url(../images/bg_field.png) no-repeat center;
	padding:5px;
	border:none;
 }
/*table {
	margin: 5px;
}
.nofield {
	background: transparent;
	border: none;
}
.tfield {
	width: 221px;
	height: 24px;
	padding: 5px 5px 5px 10px;
	background: transparent url(../images/bg_field.png) no-repeat left;
	margin: 0 auto;
	border: none;
}
.areabg {
	background: transparent url(../images/bg_area.png) no-repeat left;
	padding: 20px 20px 20px 5px;
	text-align: left;
	width: 50%;
}
textarea {
	padding: 7px;
	border: none;
	margin: 10px auto;
	background: transparent url(../images/bg_tareas.png) repeat-y right;
	text-align: left;
}*/
/*----------------------LAYOUTS-----------------------------*/
#container {
	width: 90%;
	margin: 0 auto;
	padding: 0;
}
#header {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
}
#logo {
	width: 489px;
	height: 212px;
	background: url(../images/logoteledata.png) no-repeat;
	text-indent: -9999px;
	margin-left: -120px;
}
#animotion {
	text-align: right;
	font-family: Impact, Helvetica, "Arial narrow", Arial, Sans;
	width: 52%;
	position: absolute;
	bottom: 60px;
	right: 30px;
	z-index: 10;
}
/*------------MENU------------------*/
#menu {
	width: 100%;
	height: 42px;
	position: relative;
}
#items {
	width: 100%;
	height: 100%;
	background: url(../images/bg_menu_rite.png) no-repeat right;
	background: url(../images/bg_bottom_rite.png) no-repeat right;
	margin-left: 20px;
/*to correct bg menu line overlap position*/
}
#items ul {
	background: url(../images/bg_menu_left.png) no-repeat left;
	width: 100%;
	height: 100%;
	margin-left: -20px;
/*to correct bg menu line overlap*/
padding: 0 0 0 50px;
}
#items ul li a {
/*	position: absolute;*/
display:block;
float:left;
	height: 40px;
	text-indent: -9999px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	margin:0 0 0 2px;
	top:1px;
}
/*-------------BUTTONS-----------*/
#quie {
	width: 118px;
	background: url(../images/bt_quienes.png) no-repeat 0 -41px;
}
#quie:hover {
	background: #FFF url(../images/bt_quienes.png) no-repeat 0 -1px;
}
#quie.actual {
	background: #FFF url(../images/bt_quienes.png) no-repeat 0 -1px;
}
#serv {
	width: 80px;
	background: url(../images/bt_servicios.png) no-repeat 0 -41px;
}
#serv:hover {
	background: #FFF url(../images/bt_servicios.png) no-repeat 0 -1px;
}
#serv.actual {
	background: #FFF url(../images/bt_servicios.png) no-repeat 0 -1px;
}
#prod {
	width: 86px;
	background: url(../images/bt_productos.png) no-repeat 0 -41px;
}
#prod:hover {
	background: #FFF url(../images/bt_productos.png) no-repeat 0 -1px;
}
#prod.actual {
	background: #FFF url(../images/bt_productos.png) no-repeat 0 -1px;
}
#exitos {
	width: 103px;
	background: url(../images/bt_casos_de_exito.png) no-repeat 0 -41px;
}
#exitos:hover {
	background: #FFF url(../images/bt_casos_de_exito.png) no-repeat 0 -1px;
}
#exitos.actual {
	background: #FFF url(../images/bt_casos_de_exito.png) no-repeat 0 -1px;
}
#cont {
	width: 80px;
	background: url(../images/bt_contacto.png) no-repeat 0 -41px;
}
#cont:hover {
	background: #FFF url(../images/bt_contacto.png) no-repeat 0 -1px;
}
#cont.actual {
	background: #FFF url(../images/bt_contacto.png) no-repeat 0 -1px;
}

#port {
	width: 80px;
	background: url(../images/bt_portafolio.png) no-repeat 0 -41px;
}
#port:hover {
	background: #FFF url(../images/bt_portafolio.png) no-repeat 0 -1px;
}
#port.actual {
	background: #FFF url(../images/bt_portafolio.png) no-repeat 0 -1px;
   }
#desc {
	width: 86px;
	background: url(../images/bt_descargas.png) no-repeat 0 -41px;
}
#desc:hover {
	background: #FFF url(../images/bt_descargas.png) no-repeat 0 -1px;
}
#desc.actual {
	background: #FFF url(../images/bt_descargas.png) no-repeat 0 -1px;
}
#distri {
	width: 86px;
	background: url(../images/bt_distribuidores.png) no-repeat 0 -41px;
}
#distri:hover {
	background: #FFF url(../images/bt_distribuidores.png) no-repeat 0 -1px;
}
#distri.actual {
	background: #FFF url(../images/bt_distribuidores.png) no-repeat 0 -1px;
}
/*--------------SUBMENU-----------------*/
#submenu {
}
#submenu ul {
}
/*--------------------CONTENT-------------------*/
#content {
	margin: 0px auto;
	padding: 10px;
	position: relative;
	width: 100%;
	background: url(../images/bg_content.jpg) repeat-x 0 20px
}
.head_title {
}
/*---------------images top -----------------*/
.leftop {
	width: 9px;
	height: 23px;
	position: absolute;
	top: 0px;
	left: 0;
	background: url(../images/bg_left_top.png) no-repeat left;
}
.ritetop {
	width: 99%;
	background: url(../images/bg_rite_top.png) no-repeat right;
	height: 23px;
	position: absolute;
	top: 0px;
	right: 0;
	background: url(../images/bg_rite_top.png) no-repeat right;
}
/*--------content bg----------*/
.contleft {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0;
	background: url(../images/bg_ctop_left.png) no-repeat left;
}
.contrite {
	width: 99%;
	height: 20px;
	position: absolute;
	top: 0px;
	right: 0;
	background: url(../images/bg_ctop_rite.png) no-repeat right top;
}
/*--------------- BOXES LAYOUT --------------*/
.box {
	position: relative;
	float: left;
}
.block {
	margin-top: 10px;
}
#maincontent {
	width: 63%;
	float: right;
	padding-top: 22px;
	position: relative;
	border-bottom: 1px solid #999;
}
#maincontent.full {
	width: 100%;
}
#maincontent.full .conrite {
	width: 100%;
}
#maincontent .block {
	padding: 10px;
	margin: 0 auto;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background: #FFF;
}
#maincontent p {
	padding: 0 10px;
}
#leftbox {
	width: 35%;
	float: left;
	position: relative;
	padding-top: 22px;
	border-bottom: 1px solid #999;
}
#leftbox .block {
	padding: 10px;
	margin: 0 auto;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background: #FFF;
	text-align:left;
}
/*-------SUPERBOX-------*/
#superbox {
	padding: 10px;
	text-align: center;
	overflow: auto;
	font-family: "Calibri", arial, helvetica, sans-serif;
	border: 2px dotted #CCC;
	font-size: 1.2em;
}
#superbox h1, #superbox h3 {
	background: #000;
	color: #FFF;
	width:auto;
	margin:0 auto;
}
#superbox p.def {
	text-align: justify;
	border: 1px dotted #CCC;
	padding: 20px 10px;
}
#superbox ul {
	text-align: left;
}
#superbox .close {
	padding: 5px;
}
#superbox a {
	color: #00F;
}
#superbox .close a {
	float: right;
	padding: 0 5px;
	line-height: 20px;
	color: #000;
	cursor: pointer;
	border: 1px dotted #040;
}
#superbox .close a:hover {
	background: #EFEFEF;
	text-decoration: none;
}
/*----------- BOTTOM --------------*/
#footer {
	width: 100%;
	height: 100px;
	position: relative;
	padding-top: 80px;
}
.leftbot {
	width: 12px;
	height: 42px;
	position: absolute;
	top: 20px;
	left: 0;
	background: url(../images/bg_menu_left.png) no-repeat left;
}
.ritebot {
	width: 99%;
	height: 42px;
	position: absolute;
	top: 20px;
	right: 0;
	background: url(../images/bg_bottom_rite.png) no-repeat right;
}
#fmenu {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
#fmenu a {
	margin: 0 20px;
}
#shibumi {
	width: 100%;
	height: 50px;
	margin: 0px auto;
	text-align: center;
}
#shibumi a {
	color: #CCC;
}
/*-----descargas------*/
#pageslide-slide-wrap {
	background-color: #FFF;
	display: none;
}
#pageslide-content {
	width: 70%;
	float: right;
}
#pageslide-content ul {
	margin: 30px auto;
}
#pageslide-content h2 {
	width: 90%;
	margin: 10px 0 20px 0px;
	padding: 0 0 0 15px;
}
#pageslide-content a {
}
#pageslide-content a:hover {
	text-decoration: none;
	background: #EFEFEF;
}

#downloads {
	width: 70%;
	padding: 15px 35px;
	margin: 0 auto;
	border: 1px solid #CCC;
}
#downloads a {
	color: #000;
}
.pageslide-close {
	font-size: 1em;
	font-weight: bold;
	padding: 2px 30px !important;
	border: 1px dotted #040;
}