html, body {height:100%;}

body {-moz-background-clip:border; -moz-background-origin:padding; -moz-background-size:auto auto; -x-system-font:none; background-attachment:scroll; background-image:none; background-position:0 0;color: #b9b9b9; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0;}

input[type="image"] {outline: none; border: none;}
a img {border:none; outline: none;}
a {text-decoration: none; color: #313131;}
img{margin:0;padding:0;}

ul {list-style: none;}

/*ul, ol, dl {padding: 0;	margin: 0;}


ul li {display: inline;}
hr {width: 95%; color: #CCC; background-color: #CCC; border: none; height: 1px;}
table {width: 100%; padding: 0; margin: 0; border-spacing: 0; border-collapse:collapse; border: none;}
input[type="text"], input[type="password"] {display: block; text-align: left; background-color: #F9F9F9; border: none; border-top: 2px solid #e9e9e9; height: 25px; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 16px; width: 160px; }
textarea { background-color: #F9F9F9; border-top: 2px solid #e9e9e9; border-left: none; height: 25px; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 16px; width: 98%; height: 100px; resize: none;}
*/


.overlay {z-index: 2000; display: none; position: absolute; top: 0px; left: 0px;}
.general{width: 990px; margin: 0 auto; height: auto; margin-top: 0px;}
.medio {background-color: #f5f5f5; position: relative; float: left; width: 100%;}
.inferior {position: relative; float: left; width: 100%; background: url(/distritok/images/bg-pie.jpg) repeat-x;}
.bodyOpaco {  background-color: rgb(30, 30, 30); opacity:0.7; /* non IE */  filter:alpha(opacity=10); /* IE */}
.bodyOpaco1 {  background-color: rgb(119, 119, 119); opacity:0.7; /* non IE */  filter:alpha(opacity=10); /* IE */}

/* En el header hay que especificar el alto y ancho para poder fijar el fondo */
header {background-color: #ffffff; width: 990px;}
.logo{width: 251px; float: left; clear: right; background-color: #fff;}

.menu_cabecera {float: right; text-align: right; padding-top: 10px; padding-right: 15px; background-color: #fff; width: 724px;}
.menu_web li {display: inline-block;  min-width: 35px; float: center; background-attachment: scroll;	background-image: url("../images/div_menu_sup.gif");  background-position: 0% 50%;	background-repeat: no-repeat;
	  font-size: 11px; margin: 0 3px 0 -3px; padding: 0 10px 0 13px; /* For IE 7 */ display: inline;}
.menu_web li a {font-family: Arial; font-size: 9pt; color: #b9b9b9;}
.menu_web li a:hover, a:active {color: #7a7a7a;}

.menu_aplicaciones {height: 58px; width: 100%;}
.menu_aplicaciones img {margin-top: 17px;}
.menu_aplicaciones li a {font-family: Arial; font-size: 15pt; color: #585858; background-color: #fff;}
.menu_aplicaciones li a:hover, a:visited, a:active, a:focus {}

.submenu_aplicaciones {height: 43px; width: 990px; background-image: url(../images/submenu.png); float: left; text-align: center; z-index: 15; position: relative; margin-top: 1px;  }
/* Hacking para firefox */
@-moz-document url-prefix() {  
	.submenu_aplicaciones {  
		margin-top: -0px;
	}  
} 
/* Fin hacking para firefox */

.submenu_aplicaciones ul {margin-top: 8px;}
.submenu_aplicacion li {display: inline-block;  min-width: 35px; float: center; background-attachment: scroll;	background-image: url("../images/div_menu_sup.gif");  background-position: 0% 50%;	background-repeat: no-repeat;  font-size: 11px; margin: 0 3px 0 -3px; padding: 0 10px 0 13px; /* For IE 7 */  display: inline;}
.submenu_aplicacion li a {font-family: Arial; font-size: 10pt; color: #ffffff; }
.submenu_aplicacion li a:hover, a:active {color: #000000;}
.submenu_aplicacion_no_visible {}

.submenu_aplicacionFincas li {display: inline-block;  min-width: 35px; float: center; background-attachment: scroll;	background-image: url("../images/div_menu_sup.gif");  background-position: 0% 50%;	background-repeat: no-repeat;
	  font-size: 11px; margin: 0 3px 0 -3px; padding: 0 10px 0 13px; /* For IE 7 */  display: inline;}
.submenu_aplicacionFincas li a {font-family: Arial; font-size: 10pt; color: #ffffff; }
.submenu_aplicacionFincas li a:hover, a:active {color: #cccccc;}


/*Section banner*/
.banner {float: left; position: relative; width: 990px; height: 214px;  margin-top:-8px; background-color: #fff; }
.banner2 {float: left; position: relative; width: 990px; height: 248px;  background-color: #fff;}
#slider {  *margin-top:-1px;}
/* Hacking para firefox */
@-moz-document url-prefix() {  
	.banner2 {  
		margin-top: -1px;
	}  
} 
/* Fin hacking para firefox */
#bannerleft {width: 495px; height: 221px; float: left; position: relative; vertical-align: middle; z-index: 12;}
#bannerleft img , #bannerright img{margin-top: 50px;; z-index: 13;}
#bannerright {width: 488px; height: 221px; margin-top: 0px; z-index: 11; float: right; position: relative; text-align: right;}
.banner img {margin-top: -20px;}
.visible {  width: 989px;  height: 43px; text-align: left; margin-top: 10px; float: left; visibility: hidden;	}

/*Seccion articulo*/
#articulo {
	float: none;
	background-color: #fff;
	width: 990px;
	min-height: 565px;
	overflow:hidden;
	position: relative;
}
#articulo_over {float: left; width: 990px;  min-height: 565px; overflow:hidden; position: relative; margin: 0px; padding: 0px; background-color: transparent; margin-top: -90px;}
.multimedia {width:406px; min-height: 550px; float: left; clear: right; text-align: center; background-color: #fff;}
.texto {width: 584px;  float: left; background-color: #fff;}
.texto h1 {font-family: Arial; font-weight: bold; color: #434343; font-size: 18pt;}
.texto p {font-family: Arial; color: #797979;}
.texto p strong {color: #313131;}
#textoleft {width: 50%;}
#textoleft, #textoright {padding-right: 30px; vertical-align: top;}
#animacion {min-width: 406px; min-height: 370px; background-color: #fff;}

/* footer */
.footer {width: 990px; float: left; min-height: 45px; margin-top: 20px; }
.footer table td {vertical-align: top;}
.footerleft {width: 470px; text-align: left; float: left; margin-left: 15px; }
.footerright {width: 470px; float: right; text-align: right; margin-right: 24px; }
.footer .p1 {color: #7a7a7a; font-size: 12px; font-family: Arial; font-weight: bold; margin: 0px;}
.footer .p1 a {color: #7a7a7a; font-size: 12px; font-family: Arial; font-weight: bold; margin: 0px;}
.footer .p2 {color: #7a7a7a; font-size: 11px; font-family: Arial; font-weight: bold; margin: 0px; }
.footer .p5 {color: #7a7a7a; font-size: 10px; font-family: Arial; font-weight: bold; margin: 0px; }
.footer .p5 a {color: #7a7a7a; font-size: 10px; font-family: Arial; font-weight: bold; margin: 0px; }
.footer .p3 {color: #7a7a7a; font-size: 10px; font-family: Arial; margin: 0px;}
.footer .p4 {color: #7a7a7a; font-size: 11px; font-family: Arial; margin: 0px;}
.footer .top {padding-top: 4px;}



.divIzq {float: left; background-color: #fff; width: 406px; margin: 45px auto;}
.tbLeftColum {margin: 40px auto; text-align: right; width: 80%;}
.tbLeftColum td {padding-bottom: 10px; color: #b9b9b9;}


/*gridZonaPrivada*/
#griddatoszonaprivada {
	width: 670px;
	height: 490px;
	margin-top: 40px;
	background-color:#f8f8f8;
	float: right;
}
#menuderecha {width: 300px; display: inline; float: left;}

.objbox {overflow: hidden; height:450px;}
.xhdr {background-color: #17b7e2; color: #fff; font-size: 15px; padding-bottom: 0px; padding-top: 5px; border-bottom: 5px solid white; height: 45px}
.hdrcell {padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 4px;}
.even_row, .odd_row{background-color:#f8f8f8; border-bottom: 2px solid white; font-size: 14px; overflow: hidden; padding-bottom:4px; padding-top: 4px;}	
.even_row a, .odd_row a {text-decoration: none; color: #888; font-size: 14px;  white-space: nowrap;}
.even_row td, .odd_row td {overflow: hidden;  height: 20px; }
.even_row a:hover, .odd_row a:hover {color: #000; font-size: 14px;}
div.gridbox table.obj tr td {    height: 45px;    padding-bottom: 6px;    padding-top: 6px; padding-left: 5px; padding-right: 5px;}
div.gridbox table.hdr td {height: 40px; text-align: left;}



#ulMenuLat {display: inline; list-style:none; padding:0; margin:0;	position:relative; z-index:24; text-align: left; padding-top: 0px; width: 300px;}
#liMenuLat {padding:0; margin:0;	position:relative; z-index:24; text-align: left; padding-top: 5px; padding-left: 15px; padding-bottom:5px; background-color:#17b7e2; height:35px; margin-left:15px; margin-top:40px; margin-bottom:5px; color:#Fff; font-size:16px; clear: right;}
#ulMenuLat li {display: block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#505050; width: 285px; padding:3px; margin:0; cursor:pointer; z-index: 25; margin-bottom: 2px; height: 22px; padding-left: 15px; margin-left: 15px;}	
#ulMenuLat li a {display: block; text-decoration:none; ; border: none; z-index: 23; position: relative;}
/*#ulMenuLat li.hover {background-image:url(../images/bg_hover.gif) !important; font-weight:bold;}		*/
#ulMenuLat li:hover {background-color: #bbb;}
#ulMenuLat li:hover a {color: #fff;}

.linkActivoZp {background-color: #bbbbbb;}
.linkActivoZp a {color: #fff;}
.linkInactivoZp  {background-color: #f8f8f8;}
.linkInactivoZp a {color: #888;}
		
/* Manuel: Tiendas Commerce */
div.tiendasCommerce {	float: left;	position: relative;	width: 900px; 	margin-left: 10px; height: 370px;}
li.tiendasCommerce {	width: 265px;	padding-left: 10px;	padding-right: 10px;}
div.tiendasCommerce2 {	height: 500px; 	width: 250px;	margin: 5px;}
table.tiendasCommerce {	background-color:#fff;	width: 250px;}
td.tiendasCommerceImg{}
td.tiendasCommerceTxt{	vertical-align: top; padding: 5px; text-align: center;}
td.tiendasCommerceTxt a {color: #313131;}
#botonleft {	height: 84px;	width: 58px; text-align: left;	float: left; position:relative;	clear: right;}
#botonright {	height: 84px;	width: 58px; position: relative;	float:right; text-align: right;}
#botonleft{	padding-top: 150px; }
		
/* Web ancha */

/* Página principal */
.boxPrincipal {	z-index: 11; 	position: relative;	float: left;	clear: right;	width: 330px; 	height: 159px;	margin-top: -107px;	border: 0px; vertical-align: top;}
.index {background: url(/distritok/images/erp_gestion_programa_soluciones_bg.jpg) repeat-x;  }
/* Hacking para firefox */
@-moz-document url-prefix() {  
	.index {  
		margin-top: -1px;
	}  
} 
/* Fin hacking para firefox */
.pyme {background: url(/distritok/images/bg-pyme.jpg) repeat-x;}
.pymeTop {background: url(/distritok/images/bg-pyme-top.jpg) repeat-x;}

.conta {background: url(/distritok/images/bg-conta.jpg) repeat-x;}
.contaTop {background: url(/distritok/images/bg-conta-top.jpg) repeat-x;}

.caffe {background: url(/distritok/images/bg-caffe.jpg) repeat-x;}
.caffeTop  {background: url(/distritok/images/bg-caffe-top.jpg) repeat-x;}


.obras {background: url(/distritok/images/bg-obras.jpg) repeat-x;}
.obrasTop {background: url(/distritok/images/bg-obras-top.jpg) repeat-x;}

.tpv {background: url(/distritok/images/bg-tpv.jpg) repeat-x;}
.tpvTop  {background: url(/distritok/images/bg-tpv-top.jpg) repeat-x;}

.corporativo {background: url(/distritok/images/bg-corporativo.jpg) repeat-x;}
.corporativo1 {background: url(/distritok/images/bg-corporativo-acercade.jpg) repeat-x;}

.fincas {background: url(/distritok/images/bg-fincas.jpg) repeat-x;}
.fincasTop {background: url(/distritok/images/bg-fincas.jpg) repeat-x;}

#fondoLayerPortadaArriba {margin-top: -11px;}
.blog {background: url(/distritok/images/blog/bg_blog.jpg) repeat-x;}
.casosdeexito {height: 320px; margin-top: 25px; float: left; min-height: 320px; width: 1320px;}
.casosdeexito .thumbs .prev {position: relative; float: left; clear: right;}
.casosdeexito .thumbs .next {position: relative; float: right;}
.casosdeexito .thumbs .centro {margin-left: 3px; margin-right: 3px; visibility: visible; overflow: hidden; position: relative; float: left; z-index: 2; left: 0px; width: 935px; background-color: transparent;}
.casosdeexito .thumbs .next img {margin-top: 28px;}
.casosdeexito .thumbs .prev img {margin-top: 28px;}
.casosdeexito .thumbs .centro ul {margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 2890px; left: -510px;}
.casosdeexito .thumbs .centro ul li img {cursor: pointer;}
.casosdeexito .visor {width: 985px; height: 144px; text-align: center; position: relative; float: left; margin-top: 20px;}
.centro {
    position: relative;
    visibility: hidden;
    left: -5000px;
}

.menuPie li {display: block; }
.menuPie .intro {padding-bottom: 20px; font-weight: bold; font-family: Arial; color: #e6e6e6; font-size: 12px; }
.menuPie li a {font-family: Arial; color: #e6e6e6; font-size: 12px; line-height: 18px;}

.blog {font-family: Arial; font-size: 12px; }
.BlogIzq { width: 720px; float: left; clear: right; position: relative; padding-right: 40px;}
.BlogDer {float: left; position: relative; width:185px; padding-left: 20px;}	
.IzqPie {float: left; position: relative;}
#mensajeBlog {height: 20px; padding-bottom: 10px; font-size: 18px; padding-left: 60px;}

.tbArticuloBlog {margin-top: 30px;}
.tbArticuloBlog #fechaArticulo {width: 60px; height: 54px; background: url(/distritok/images/blog/fecha.png) no-repeat top; text-align: left; vertical-align:top;}
.tbArticuloBlog #fechaArticulo li {display: block; margin-left: 10px; color: #fff; font-size: 14px; }
.tbArticuloBlog #fotoThumbArticulo {width: 200px; height: 150px; vertical-align: top; margin:0; padding-left: 10px; padding-right: 10px;}
.tbArticuloBlog #fotoThumbArticulo img {margin-top: 0px; text-align: center; width: 200px; height: 150px;}
.tbArticuloBlog #fechaArticulo #primerElemento {margin-top: 5px;}

.tbArticuloBlog td #ptitulo {margin-bottom:0; margin-top:0; font-size: 14pt; color: #000;}
.tbArticuloBlog td #pcategoria {margin-bottom:0; margin-top:0;  display: inline; color: #000000;}
.tbArticuloBlog td #ppublicador {margin-bottom:0; margin-top:0; display: inline; color: #777777; }
.tbArticuloBlog td #pdescripcion {color: #7a7a7a; margin-top: 10px;}

.BlogDer h2 {color: #000; font-weight: normal; padding-left: 5px;}
.BlogDer li {display: block; padding-top: 4px;}
.BlogDer a {cursor:pointer;}
.liCategoria a, .liHistorico a, .liAno a, .liMes a, .ano{font-size: 11pt;  color: #777777;}
.ano {cursor: pointer; width: 40px;}
.liMes {padding-left: 10px; overflow: hidden;}
.liMesDesplegado {color: #19b7e2; padding-left: 10px;}
.liMesDesplegado a {color: #19b7e2; font-size:11pt;}
.liCategoriaSeleccionada a {color: #19b7e2; font-size: 11pt;}
.BlgBusquedaZonas, .Historico  {padding-top: 10px; padding-left: 5px;}
#mensajeCabeceraBlog {color: #000;}
.navegadorBlog {vertical-align: middle; width: 350px; padding-left: 45px; margin-top: 30px;}
.navegadorBlog #texto{color: #777777; font-size: 14px; margin-top: 15px; margin-top: 20px; display:inline;}
.navegadorBlog img {cursor: pointer;}
.lupa {margin-left: 5px; cursor: pointer;}
#blgBusquedaTexto {display: inline;}
#blgBusquedaTexto input[type='text'] {width: 160px;  moz-border-radius:10px; /*Firefox*/ -webkit-border-radius:10px; /*Safari and chrome */ -khtml-border-radius:10px; /* Linux browsers */ border-radius:10px; /* CSS3 */
}
.azul {color: #19b7e2;}

.tbIconos {overflow: hidden;}	
.tbIconos td {vertical-align:top; padding-right: 0px;}
.fontCufonh1 {margin: 0px; margin-bottom: 0px; font-size: 40px; color:#434343; font-weight: none; font-weight:normal;}
.fontCufonh2 {font-size: 18px; color: #313131; font-family: Arial, Helvetica, sans-serif; margin: 0px; margin-top: 0px; margin-bottom: 0px; font-weight: bold;}
.fontCufonp  {margin-top: 15px; margin-right: 25px;}
.fontCufonh3 {font-weight: bold; font-size: 18px; margin-top: 0px; color: #000}
.fontCufonazul { font-size: 20px; margin-top: 0px; color: #17b7e2;  font-weight: none;}
.tbIconos td p {color: #7a7a7a; font-size: 15px; line-height:20px;}
.formu {color: #7a7a7a; font-size: 15px;}
#imgbanner {}
@-moz-document url-prefix() {  
} 
/* Fin hacking para firefox */

.tbLeftColumCorporativo {width: 450px; margin-left: 30px; margin-top:30px;}
.tbLeftColumCorporativo td {padding-bottom: 0px; color: #b9b9b9; padding-right: 0px; border: 1px solid #ccc;}
.tbLeftColumCorporativo tr { }
.tbLeftColumCorporativo .primera {vertical-align: middle; padding-right: 0px; text-align: left; width: 100px; border: none;}
.tbLeftColumCorporativo .tdSeparacion {height: 10px; border: none; }
.tbLeftColumCorporativo .tdSeparacion td {border: none;}


.tbLeftColumCorporativoDistribuidor {width: 410px; margin-left: 10px;}
.tbLeftColumCorporativoDistribuidor td {padding-bottom: 0px; color: #b9b9b9; padding-right: 0px; border: 1px solid #ccc;}
.tbLeftColumCorporativoDistribuidor tr { }
.tbLeftColumCorporativoDistribuidor .primera {vertical-align: middle; padding-right: 0px; text-align: left; width: 100px; border: none;}
.tbLeftColumCorporativoDistribuidor .tdSeparacion {height: 10px; border: none; }
.tbLeftColumCorporativoDistribuidor .tdSeparacion td {border: none;}

.tbLeftColumCorporativoZonaPrivada {width: 150px; margin-left: 0px; margin-top:50px;}
.tbLeftColumCorporativoZonaPrivada td {padding-bottom: 0px; color: #f5f5f5; padding-right: 0px; border: 1px solid #ccc;}
.tbLeftColumCorporativoZonaPrivada tr { }
.tbLeftColumCorporativoZonaPrivada .primera {vertical-align: middle; padding-right: 0px; text-align: left; width: 90px; border: none;}
.tbLeftColumCorporativoZonaPrivada .tdSeparacion {height: 10px; border: none; }
.tbLeftColumCorporativoZonaPrivada .tdSeparacion td {border: none;}

.bannerConta {background-image: url("../images/banner-conta-01-intro.png");}
.subMenuConta {background-image: url("../images/submenu-conta.png");}

.celdaacerca{
	padding-right:50px; 
	padding-left:50px;
	
	}
	
#mapaantiguo {
	width:990;
	height:365px;
	margin-top:50px;
	margin-bottom:50px;
	margin-left:0px;
	background:#CCC;

}
.formulariodescarga {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11pt;
    resize: none;
	color:#bdbdbd;
	border:none;
	width:340px;
	list-style-type: none;
	line-height:22pt;
	padding-top:0px;
	text-decoration:none; 
}
.formulariodescarga input[type='text'] {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11pt;
	color:#bdbdbd;
	padding:10px;
	width:330px;
	background-color:#fff;
	border: 1px solid #dcdcdc;
}
.formulariodescarga textarea {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11pt;
	color:#bdbdbd;
	padding:10px;
	width:670px;
	background-color:#fff;
	border: 1px solid #dcdcdc;
	resize: none;
}
.formulariodescarga li{
	margin-top:10px;
	}
.textolegalformulario {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	line-height:12px;
	color: #909090;
	width:530px;
	display:block;
	margin-left:90px;	
}
.textolegalformulario a {
	text-decoration:none;
}

.textolegalformulario a:hover {
	text-decoration:none;
}

/* Ultimas lineas no cambiar de sitio*/
li.firstli {background: transparent;}


#ddmenu li a {display: block;}
#ddmenu li li a {display: block;}