/* el menu sobre marco del browser o pantalle */
ul#navigation {
    margin: p0px;
    top: 0px;
    list-style: none;
}


/* el menu sobre marco del browser o pantalle */
ul#navigation li {
    display:inline;
    float:left;
    margin-left:-20px;
    margin-right:30px;
    margin-bottom:40px;
}



ul#navigation li a {
    display: block;
    width: 90px; /*ancho de los menu*/
    height: 10px; /*el largo del menu de fondo*/
    background-color:#E7F2F9;
    background-repeat:no-repeat;
    background-position:50% 0px; /* estaba 50% 10%*/
   text-decoration:none;
    text-align:center;
    padding-top:80px;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    opacity: 0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}





/* MENUS*/
ul#navigation .directos a	{
    background-image: url(../imagenesd/directos.png);
}

ul#navigation .avg_terminal a	{
    background-image: url(../imagenesd/avg_terminal.png);
}


ul#navigation .avg_nave a    {
    background-image: url(../imagenesd/avg_nave.png);
}




/* FIN  MENUS*/


ul#navigation li a:hover{
     background-color:#CAE3F2;
}




ul#navigation li a span{
    position:relative; 
    top:5pt; /* tiutlo del menu , respecto la imagen*/
    letter-spacing:2px;
    font-size:12px;
    font-weight:bold;
    color:#000000;
    /*text-shadow: 0 10px 10px #000000;*/
	
}




/**************************************************************************************************************************************************************************************/
/* navegacion b*/
/**************************************************************************************************************************************************************************************/



ul#navigationb {
    margin: 0px;
    top: 0px;
    list-style: none;
}

/* el menu sobre marco del browser o pantalle */
ul#navigationb li {
    display:inline;
    float:left;
    margin-left:-30px;
    margin-right:0px;
    margin-bottom:0px;
}

ul#navigationb li a {
    display: block;
    width: 50px; /*ancho de los menu*/
    height: 0px; /*el largo del menu de fondo*/
    /*background-color:#E7F2F9;*/
    background-repeat:no-repeat;
    background-position:50% 0px; /* estaba 50% 10%*/
   text-decoration:none;
    text-align:center;
    padding-top:50px; /*texto del menu  */
    -moz-border-radius:0px 0px 0px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    opacity: 0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}



ul#navigationb .mprincipal a	{
    background-image: url(../imagenesd/msalida.png);
}



ul#navigationb li a:hover{
     background-color:#CAE3F2;
}
 

ul#navigationb li a span{
   
    position:relative; 
    top:-1pt;/*titulo del menu bajo el menu de fondo  */
    letter-spacing:2px;
    font-size:15px;
    font-weight:bold;
    color:#000000;
   
	
}


/*
$Id: style.css 258240 2010-06-28 16:21:14Z jamesgpearce $
$URL: http://plugins.svn.wordpress.org/wordpress-mobile-pack/trunk/themes/mobile_pack_base/style.css $
Copyright (c) 2009 James Pearce & friends, portions mTLD Top Level Domain Limited, ribot, Forum Nokia
This file is part of the WordPress Mobile Pack, licensed under the Apache License, Version 2.0. Consult server-side files for license.
*/

/*
Theme Name: WordPress Mobile (base)
Theme URI: http://wordpress.org/extend/plugins/wordpress-mobile-pack/
Description: The base theme of the WordPress Mobile Pack. It is designed to be used by mobile browsers - but also to be extended by other themes. Tested with WordPress 2.5, 2.6 and 2.7.
Version: 1.2.4
Author: ribot, Forum Nokia & James Pearce
Author URI: http://ribot.co.uk
*/

/*
PALETTE
-------
*/


/* DARKEST */
a:hover {
  color:#111111;
}
body {
  background:#FDFDFA;
}


/* VERY DARK */
body, h2 a {
  color:#333333;
}
.button, #submit, #header, #footer {
  background-color:#333333;
  width:%100;
}
input, textarea {
  border-color:#333333;
}


/* DARK */
a, a:visited, #sidebar ul h2, li.current_page_item a {
  color:#444444;
}


/* MID */
div.dateicon, p.metadata {
  color:#8C8F6C;
}





/* LIGHT MID */
#menu, #sidebar ul h2, h1, div.post, ol.commentlist, #commentform {
  border-color:#DDDFD9;
}


/* LIGHT */
#menu, #sidebar ul h2 {
  background-color:#EFF1EA;
}


/* VERY LIGHT */
#wrap {
  background:#F2F4ED;
}


/* LIGHTEST */
#header, #header a, #header a:hover, #header h2, #footer a, #footer a:hover, #footer, #submit, .button  {
  color:#FFFFFF;
}
.navigation, h3, div.post, #footer {
  border-top-color:#FFFFFF;
}


#mensajeError {
/* color: #FF0000; color rojo */ 
 color: #0000FF; /*color azul */
/* color: #8B0000; */ /*burdeo */
}

.footerButtons { font-family: "Lucida Sans Unicode", "Lucida Grande", sans serif; }
	.footerButtons a { text-decoration: none; color: #000; display: block; padding: 0 22px; }
	.footerButtons div { }

#enlacetipoboton {
   background-color: #EFF5FB;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EFF5FB), color-stop(100%, #869ECC));
  background-image: -webkit-linear-gradient(top, #EFF5FB, #869ECC);
  background-image: -moz-linear-gradient(top, #EFF5FB, #869ECC);
  background-image: -ms-linear-gradient(top, #EFF5FB, #869ECC);
  background-image: -o-linear-gradient(top, #EFF5FB, #869ECC);
  background-image: linear-gradient(top, #EFF5FB, #869ECC);
  border: 1px solid #869ECC;
  border-bottom: 1px solid #869ECC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #000000;
  font: bold 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 1;
  padding: 8px 0;
  text-align: left;
  text-shadow: 0 1px 0 #869ECC;
  width: 100%;
  height:50px;
  margin-top:1px;}

  #enlacetipoboton:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #0431B4));
    background-image: -webkit-linear-gradient(top, #dddddd, #0431B4);
    background-image: -moz-linear-gradient(top, #dddddd, #0431B4);
    background-image: -ms-linear-gradient(top, #dddddd, #0431B4);
    background-image: -o-linear-gradient(top, #dddddd, #0431B4);
    background-image: linear-gradient(top, #dddddd, #0431B4);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }

  #enlacetipoboton:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

#enlacetipoboton a { 
text-decoration:none;
}


table {
repeat-x; 
margin: 0; 
width: 100%;
padding: 0;
}


tr:nth-of-type(odd) {
background-color:#CEE3F6;
margin: 0; 
width: 100%;
repeat-x; 
padding: 0;
}

a {text-decoration:none;}


/* clean gray
*******************************************************************************/
#xinput {
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  font: bold 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; */
  line-height: 1;
  padding: 8px 0;
  text-align: left;
  text-shadow: 0 1px 0 #eee;
  width: 100%;
  height: 50px;
  margin-top:1px;
 }
  
  #xinput:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }
    
  #xinput:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }


#enlacetipoboton2 { 
background:#2E9AFE 
repeat-x; 
margin: 0; 
padding: 0;
border-radius: 15px; 
padding-top:3px;
padding-bottom:3px;

}

#enlacetipoboton2 a { 
margin: 10px;
}


img.logosti{width:60px; height:60px;}



/* clean gray
*******************************************************************************/
#xinputpe {
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  font: bold 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; */
  line-height: 1;
  padding: 8px 0;
  text-align: left;
  text-shadow: 0 1px 0 #eee;
  height: 50px;
 }
  
  #xinputpe:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }
    
  #xinputpe:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

/* estilo checkbox */
input[type=checkbox].check_01 {display: none;}
input[type=checkbox].check_01 + label { 
	background: #fff; 
	display: inline-block; 
	width: 82px; 
	height: 24px; 
	background: url(/movil/imagenesd/check_01.png) 0px 0px no-repeat; 
	text-indent: -1000em; 
}

input[type=checkbox].check_01:checked + label { background: url(/movil/imagenesd/check_01.png) 0px -24px no-repeat;}



/* otro estilo checkbox  */
input[type=checkbox].check_04 {display: none;}
input[type=checkbox].check_04 + label { 
	background: #fff; 
	display: inline-block; 
	width: 82px; 
	height: 24px; 
	background: url(/movil/imagenesd/check_04.png) -21px 0px no-repeat; 
	text-indent: -1000em; 
}

input[type=checkbox].check_04:checked + label { background: url(/movil/imagenesd/check_04.png) 0px 0px no-repeat;width: 19px;margin-right:58px;}

input[type=checkbox].check_05 {display: none;}
input[type=checkbox].check_05 + label { 
	background: #fff; 
	display: inline-block; 
	width: 82px; 
	height: 24px; 
	background: url(/movil/imagenesd/check_04.png) -21px 0px no-repeat; 
	text-indent: -1000em; 
	opacity:0.2;
}

input[type=checkbox].check_05:checked + label { background: url(/movil/imagenesd/check_04.png) 0px 0px no-repeat;width: 19px;margin-right:58px;}

div#popUp {
top:0px;
left:0px;
right:0px;
bottom:0px;
position: fixed;
visibility: hidden;
width: 100%;
height: 100%;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
background-color: #222;
z-index: 10;
}

#layer1 {
position: fixed;
visibility: hidden;
text-align:left;
margin:0px;
top:10px;
left:10px;
right:10px;
bottom:0px;
z-index: 11;
}

#middle {
background: #D7E3F3 no-repeat;
border: 1px solid #000;
//width:98%;
//z-index: 1;
//margin:auto;
}

#middle h3 {
margin:0;
color: #FFF;
font: bold 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; 
padding:10px 0 0px 0px;
background-color:#78919B;
border-bottom:1px solid #000;
}

#middle p {
margin-left:5px;
text-align: left;
font: 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; 
margin-top:3px;
}

#middle #botones  {
	display:block;
	margin-top:15px;
	position:relative;
	padding:15px 0px 15px 0px;
	border:1px solid #000;
	width:98%;
	font: bold 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; 
//	text-transform:uppercase;
	text-align:left;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
}


#enlacebuscar, #valida_rut_factura {
   background-color: #EFF5FB;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EFF5FB), color-stop(100%, #869ECC));
  background-image: -webkit-linear-gradient(top, #EFF5FB, #869ECC);
  background-image: -moz-linear-gradient(top, #EFF5FB, #869ECC);
  background-image: -ms-linear-gradient(top, #EFF5FB, #869ECC);
  background-image: -o-linear-gradient(top, #EFF5FB, #869ECC);
  background-image: linear-gradient(top, #EFF5FB, #869ECC);
  border: 1px solid #869ECC;
  border-bottom: 1px solid #869ECC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #000000;
  font: bold 20px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 1;
  padding: 0px 0;
  /*text-align: left;*/
  text-shadow: 0 1px 0 #869ECC;
  width: 25%;
  height:30px;
  margin-top:-4px;
  /*float:right;*/
  
  }

  #enlacebuscar:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #0431B4));
    background-image: -webkit-linear-gradient(top, #dddddd, #0431B4);
    background-image: -moz-linear-gradient(top, #dddddd, #0431B4);
    background-image: -ms-linear-gradient(top, #dddddd, #0431B4);
    background-image: -o-linear-gradient(top, #dddddd, #0431B4);
    background-image: linear-gradient(top, #dddddd, #0431B4);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }

  #enlacebuscar:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

#enlacebuscar a { 
text-decoration:none;
}

.label30{
	width: 30%;
	float: left;
}