body{
     width:100%;
     text-align: center;
     background-color: #CFCFCF;
     margin: 0 auto;
     padding: 0;
}

div{
margin:0;
padding:0;
}

/*Gsusito*/
div.spacer {
  clear: both;
  }

div.rowinf {
   float: right;
   padding-top:15px;
   width: 350px;
   padding-right:15px;
}

div.rowinf span.left {
  float: left;
  text-align: right;
  width: 69%;
  border-right-color:Blue;
  border-right-style:solid;
  }

div.rowinf span.right {
  float: right;
  text-align: right;
  width: 29%;
  }
  
div.rowsup {
   float:left;
   padding-left:10px;
   padding-top:40px
}

div.menuprogs{
   float: left;
   width: 350px;
   padding:0px;
}

div.menuprogs ul.left {
  padding-left :0px;
  padding-top:10px;
  float: left;
  text-align: left;
  width: 100%;
  }

div.menusmart{
   float: left;
   width: 350px;
   padding:0px;
}

div.menusmart ul.left {
  padding-left :10px;
  padding-top:10px;
  float: left;
  text-align: left;
  width: 100%;
  }

div.rowsup ul.right {
  padding-right :5px;
  padding-top:15px;
  float: right;
  text-align: right;
  width: 100%;
  }
/*********/

p {
     font-family: "Helvetica", Arial, Helvetica, sans-serif;
     font-size: 8pt;
     font-weight: normal;
     font-style: normal;
     font-variant: normal;
     line-height: 140%;
     text-transform: none;
     color: #32312D;
     text-decoration: none;
     text-align: justify;
     white-space: normal;
     margin: 0;
     padding: 0px 10px 10px 10px;
}

p.tab1{
   margin-left:30px;
   }

p.tab2{
   margin-left:40px;
   }

.justificar{
      text-align: justify;
}

h1{
     font-family:  "Helvetica", Arial, Helvetica, sans-serif;
     font-size: 14pt;
     font-weight: bold;
     font-style: normal;
     font-variant: normal;
     line-height: 130%;
     text-transform: none;
     color: #32312D;
     text-decoration: none;
     text-align: left;
     white-space: normal;
     margin: 0;
     padding: 0px 10px 10px 10px;
}

h2{
     font-family:  "Helvetica", Arial, Helvetica, sans-serif;
     font-size: 10pt;
     font-weight: bold;
     font-style: normal;
     font-variant: normal;
     line-height: 130%;
     text-transform: none;
     color: #ACC43D;
     text-decoration: none;
     text-align: left;
     white-space: normal;
     margin: 0;
     padding: 5px 10px 10px 10px;
}

h2 a{
     font-family:  "Helvetica", Arial, Helvetica, sans-serif;
     font-size: 10pt;
     font-weight: bold;
     font-style: normal;
     font-variant: normal;
     color: #ACC43D;
}
h2 a:hover{
  text-decoration:none;
}

h3{
     font-family:  "Helvetica", Arial, Helvetica, sans-serif;
     font-size: 10pt;
     font-weight: bold;
     font-style: normal;
     font-variant: normal;
     line-height: 130%;
     text-transform: none;
     color: #2F8FB9;
     text-decoration: none;
     text-align: left;
     white-space: normal;
     margin: 0;
     padding: 0 10px 10px 10px;
}

h4{
     font-family:  "Helvetica", Arial, Helvetica, sans-serif;
     font-size: 8pt;
     font-weight: bold;
     font-style: normal;
     font-variant: normal;
     line-height: 130%;
     text-transform: none;
     color: #ACC43D;
     text-decoration: none;
     text-align: left;
     white-space: normal;
     margin: 0;
     padding: 5px 10px 10px 10px;
}

ul.bullet {
     padding: 0px 0px 20px 40px;
     margin: 0px;
     list-style-position: outside;
     list-style-image: url(../img/bullet10.gif);
     list-style-type: none;
     font-family: "Helvetica", Arial, Helvetica, sans-serif;
     font-size: 8pt;
     font-weight: normal;
     font-style: normal;
     font-variant: normal;
     line-height: 150%;
     text-transform: none;
     color: #32312D;
     text-decoration: none;
     text-align: left;
     white-space: normal;
}

ul{
     padding: 0px 20px 20px 40px;
     margin: 0px;
     list-style-position: outside;
     list-style-type: disc;
     font-family: "Helvetica", Arial, Helvetica, sans-serif;
     font-size: 8pt;
     font-weight: normal;
     font-style: normal;
     font-variant: normal;
     line-height: 150%;
     text-transform: none;
     color: #ACC43D;
     text-decoration: none;
     text-align: left;
     white-space: normal;
}

li{
       padding-bottom: 4px;
}

ol{
      margin: 0px;
      padding: 0px 20px 15px 40px;
      font-family: "Helvetica", Arial, Helvetica, sans-serif;
      font-size: 8pt;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 150%;
      text-transform: none;
      color: #ACC43D;
      text-decoration: none;
      text-align: left;
      white-space: normal;
}

ul span, ol span{
   color: #32312D;
}

img{
   padding: 0px;
   border: 0;
   margin:0;
   border: 0;
   }

img.border{
   margin: 10px;
   padding: 4px;
   border: 1px solid #ccc;
   }

img.inicio
{
   padding: 0px;
   border: 0;
   margin:0px;
  }

img.padd{
   margin: 0 10px 10px 10px;
   padding: 4px;
   border: 0;
   }

.fotoarriba{
   position: absolute;
   z-index:1;
   filter:alpha(opacity=50);
   margin-top: 30px;
   margin-left: 30px;}

.fotoabajo{
   position:absolute;
   z-index:0;
}

.bl{
   color: #FFFFFF;
}

.ng{
   color: #32312D;
}

.az{
   color: #2F8FB9;
}

.verde{
   color: #ACC43D;
}

.naranja{
   color: #EA7500;
}

.FloatLeft{
   float: left;
   padding-left:15px;
}

.FloatRight{
   float: right;
}

.valignsup{
   vertical-align: top;
}

.valignmid{
   vertical-align: middle;
}

.centrar{
   text-align: center;
}

td{
vertical-align:top;
padding:5px;
}

.BtnBlanco
{
	
	background-color:White;
	border-style:none;
	color:White;
	text-decoration: none;
	visibility:hidden;
    /*ForeColor="White"*/
	}
	
.precios{
   border-bottom: 1px solid #ccc;
   padding:10px 10px 5px 10px;
   text-align: right;
   font-family: "Helvetica", Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
}

/***************************
   HIPERENLACES
 **************************/
a  {
   color: #2F8FB9;
   background: inherit;
   text-decoration: none;
   font-weight: bold;

}

a:hover {
   color: #ACC43D;
   background: inherit;
   text-decoration: underline;
}

a.index  {
   color: #2F8FB9;
   background: inherit;
   text-decoration: none;
   font-weight: bold;


}
a.index:hover {
   color: #ACC43D;
   background: inherit;
   text-decoration: none;
}

a.acord:hover{
   color: #ACC43D;
   text-decoration: none;
  }

/*añadir un tooltip simple en el enlace, para enlaces de texto, no para imagenes*/

a.tooltip span{
   display:none;
   padding:2px 3px;
   margin-left:8px;
   margin-top:20px;
   width:120px;
}

a.tooltip:hover span{
   display:inline;
   position:absolute;
   border:1px solid #cccccc;
   background:#ffffff;
   color:#6c6c6c;
   text-decoration:none;
}

/*tooltip para imágenes*/
a.tooltipimg span{
   font-family: "Helvetica", Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   display:none;
   padding:2px 3px;
   margin-left:-150px;
   margin-top:20px;
   width:130px;
}

a.tooltipimg:hover span{
   display:inline;
   position:fixed;
   border:1px solid #cccccc;
   background:#ffffff;
   color:#6c6c6c;
   text-decoration:none;
}

/**************************************************************
   MENU INFERIOR DE LA WEB
 **************************************************************/

/* Root = Horizontal, Secondary = Vertical */
ul#menuinf-h {
   float: right;
   position: static;
   margin: 0;
   border: 0 none;
   padding: 0;
   padding-top: 20px;
   width: 330px; /*For KHTML*/
   list-style: none;
}

* html ul#menuinf-h /* @ IE 6 & IE 7 */
{
   height: 20px;
} 

ul#menuinf-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: Left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 20px;
}

* html ul#menuinf-h li /* @ IE 6 & IE 7 */
{
   height: 1%;
}

ul#menuinf-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 20px;
}

* html ul#menuinf-h ul /* @ IE 6 & IE 7 */
{
   left: 0px;
   top: 17px;
}

ul#menuinf-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px "Helvetica", Arial, Helvetica, sans-serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#menuinf-h ul li {
  width: 210px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
 }

/* Root Menu */
ul#menuinf-h a {
  border-right: 1px dotted #FFF;
  padding: 0 12px;
  line-height:100%;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  font: 11px/20px "Helvetica", Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#menuinf-h a:hover,
ul#menuinf-h li:hover a,
ul#menuinf-h li.iehover a {
  text-decoration:underline;
  color:#fff;
}

ul#menuinf-h ul ul,
ul#menuinf-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 210px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menuinf-h li:hover ul ul,
ul#menuinf-h li:hover ul ul ul,
ul#menuinf-h li.iehover ul ul,
ul#menuinf-h li.iehover ul ul ul {
  display: none;
}

ul#menuinf-h li:hover ul,
ul#menuinf-h ul li:hover ul,
ul#menuinf-h ul ul li:hover ul,
ul#menuinf-h li.iehover ul,
ul#menuinf-h ul li.iehover ul,
ul#menuinf-h ul ul li.iehover ul {
  display: block;
}

/* FIN CSS MENU */
/**************************************************************/


/**************************************************************
   MENU PROGRAMAS INICIO
 **************************************************************/
.menuprog {
   clear: both;
   margin: 0px;
   padding:0px 10px 10px 10px;
}

ul.menuprog {
  float: left;
}

ul.menuprog li {
  display: inline;
  margin: 0px;
  padding: 0;
  list-style: none;
}

ul.menuprog li a {
  padding: 0px 5px;

  font: 8pt  "Helvetica", Arial, Helvetica, sans-serif;
  color: #959595;
  border-right: 1px solid #959595;
  text-decoration: none;
}

ul.menuprog li a.last {
  border-right: 0px;
}

ul.menuprog li a:hover {
  color: #2F8FB9;
}
/**************************************************************/

/**************************************************************
   LISTA BANNERS
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0 0 0px 0 !important;
  margin: 0;
  padding: 0 5px 7px 5px;
  list-style: none;
}

a.thumb img {
  border: 1px solid #000;
  padding:0;
  margin: 0;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 1px solid #2F8FB9;
  padding:0;
  margin: 0;
}

/*animacion thumbs*/
#animacion_programas {
   text-align: center;
   height: 220px;
   background: #000000;

}

/*animaciones portada*/
#inicio_emergencias {
   height: 220px;
   width:655px;
   background: #000000;
   z-index:100;
}

#inicio_smart {
   height: 260px;
   width:655px;
   background: #000000;
   z-index:100;
}

/**************************************************************/

/**************************************************************
   CARGA IMAGEN PAGINA INICIO
 **************************************************************/
#barrasup, #barrainf{
   background-image: url(./img/inicio_esp.JPG);
   background-repeat: no-repeat;
}

/**************************************************************
   BARRA SUPERIOR
 **************************************************************/
#barrasup
{
   height: 72px;
   width: 1000px;
   padding: 0px;
   margin: 0 auto;
   background-position: 0 0;
   background-color : #32312D;
}

/***div que contiene y centra el contenido de la barra superior y de la inferior****/
.contsup {
  clear: both;
  margin: 0 auto;
  position: relative;
  width: 1000px;
  text-align: left;
  padding: 0;
  z-index:20;
}

/*CABECERAS DE LOS HTMS*/
#animacion {
   text-align: center;
   height: 273px;
   background: #ffffff url(./img/bb02.jpg) repeat-y;
   margin: 0 auto;
   padding: 0px;
}

#animacion_inicio {
   text-align: center;
   height: 273px;
   background: #181715 url(./img/bb02_inicio.jpg) repeat-y;
   background-repeat:repeat-y;
   margin: 0 auto;
   padding: 0px;
}

#imgcabecera {
   margin: 0;
   padding: 0px;
   text-align: left;
   height: 155px;
   background: #ffffff url(./img/bb02negra.jpg) repeat-y;
}

#imgcabecera2 {
   margin: 0 auto;
   padding: 0px;
   text-align: left;
   height: 250px;
   background: #ffffff url(./img/bb02.jpg) repeat-y;
}

/*BARRA INTERMEDIA DE PAGINA DE INICIO*/
#barramed{
   padding: 0px 0px 0px 0px;
   margin: 0 auto;
   height: 13px;
   width: 100%;
   background: #ffffff url(./img/bb03b.jpg) repeat-y;
}

/*CONTENIDO PAGINA INICIO*/
#contenidoinicio{
   padding: 0px;
   margin: 0 auto;
   height: auto;
   width: 1000px;
   background: #32312D url(./img/bb04b.jpg) repeat-y;
   z-index:0;
}

/*CONTENIDO TODOS LOS HTMLS*/
.contenido{
   padding-top: 0px;
   margin: 0 auto;
   height: auto;
   background: #FFF url(./img/bb02.jpg) repeat-y;
   clear: both;
   position: relative;
   width: 1000px;
   text-align: left;
   border: 0;
   z-index:0;
}

.anchotabs
{
   width: 980px;
   clear: both;
}

/*BARRA INFERIOR PARA TODOS LOS HTMLS*/
#barrainf{
   padding: 0px;
   margin: 0 auto;
   height: 57px;
   width: 1000px;
   background-position: 0 -72px;
}

#barrainfar, #barrainfch, #barrainfmx,
#barrainfea, #barrainfuk, #barrainfusa{
   padding: 0px;
   margin: 0 auto;
   height: 57px;
   width: 100%;
   background-position: 0 -72px;
}

/*tabla con el contenido principal centrado*/
#tablappal {
  clear: both;
  position: relative;
  width: 990px;
  margin: 0;
  text-align: left;
  padding: 0;
  border: 0;
}

/*lateral con banners y enlaces*/
#columna1{
   width: 300px;
   margin: 0;
   padding: 0 0 0 8px;
   vertical-align: top;
   height:auto;
}

/*lateral con programas*/
#columna2{
   width: 680px;
   margin: 0;
   padding: 0 0 0 10px;
   vertical-align: top;
}

/*columna img de inicio*/
.fotos{
   width: 300px;
   margin: 0;
   padding: 0px;
   vertical-align: middle;
   z-index:0;
}

/*columna de texto en inicio*/
.textoprogramas{
   margin: 0;
   padding: 0px;
   vertical-align: top;
   z-index:0;
}

/*separador de programas de inicio, aplicar a la columna td*/
.separador1{
   margin: 10px;
   border-bottom: 2px dashed #42413C;
}

/*separador, aplicar a la columna td*/
.separador2{
   margin: 20px;
   border-bottom: 1px dotted #ccC;
}

/*ancho columna pequeño*/
.ancho300{
   width: 300px;
   margin:0;
   padding: 5px;
   vertical-align: top;
   border-right: 1px dotted #ccc;
}

/*ancho columna MEDIANO*/
.ancho400{
   width: 400px;
   margin:0;
   padding: 5px;
   vertical-align: top;
   border-right: 2px dotted;
  }

/*ancho 75%*/
.ancho75pc{
width: 75%;
}

/*ancho 30%*/
.ancho30pc{
width: 30%;
}

/*ancho 70%*/
.ancho70pc{
width: 70%;
}

/*ancho 80%*/
.ancho80pc{
width:80%;
}

/*ancho 25%*/
.ancho25pc{
width: 25%;
}

/*ancho 90%*/
.ancho90pc{
width: 90%;
}

/*ancho 95%*/
.ancho95pc{
width: 95%;
}

/*ancho 100%*/
.ancho100pc{
width: 100%;
}

/*ancho 990px*/
.ancho990{
width: 990px;
}

/*ancho 50%*/
.ancho50pc{
width: 48%;
}

/*ancho 60%*/
.ancho60pc{
width: 60%;
}

/*ancho 40%*/
.ancho40pc{
width: 40%;
}

/*ancho 10%*/
.ancho10pc{
width:10%;
}

/*ancho 15%*/
.ancho15pc{
width:13%;
}

/*ancho 20%*/
.ancho20pc{
width:20%;
}


/* CSS MENU  superior*/
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h a.flecha
{
    background: url(./img/flmenu0.gif) #42413c no-repeat 100% 50% !Important;
}

ul#navmenu-h a.flecha:hover
{
    background: url(./img/flmenu1.gif) #32312D no-repeat 100% 50% !Important;
}

/*PAISES*/
ul#navmenu-h li#Espanya a, ul#navmenu-h li#Espanya a:hover, 
ul#navmenu-h li#chile a, ul#navmenu-h li#chile a:hover, 
ul#navmenu-h li#argentina a, ul#navmenu-h li#argentina a:hover,
ul#navmenu-h li#mexico a, ul#navmenu-h li#mexico a:hover, 
ul#navmenu-h li#dubai a, ul#navmenu-h li#dubai a:hover, 
ul#navmenu-h li#uk a, ul#navmenu-h li#uk a:hover,
ul#navmenu-h li#usa a, ul#navmenu-h li#usa a:hover, 
ul#navmenu-h a.www, ul#navmenu-h a.www1, ul#navmenu-h a.www2 
{
   background-image: url(../img/worldwide.jpg);
   background-repeat: no-repeat;
} 

ul#navmenu-h li#Espanya a
{
   background-position: -185px -120px;
   padding-left:40px;
}

ul#navmenu-h li#Espanya a:hover
{
   background-position: 0 -120px;
}

ul#navmenu-h li#chile a
{
   background-position: -185px -80px;
   padding-left:40px;
}

ul#navmenu-h li#chile a:hover
{
   background-position: 0 -80px;
}

ul#navmenu-h li#argentina a
{
   background-position: -185px -100px;
   padding-left:40px;
}

ul#navmenu-h li#argentina a:hover
{
   background-position: 0 -100px;
}

ul#navmenu-h li#mexico a
{
   background-position: -185px -60px;
   padding-left:40px;
}

ul#navmenu-h li#mexico a:hover
{
   background-position: 0 -60px;
}

ul#navmenu-h li#dubai a
{
   background-position: -185px 0;
    padding-left:40px;
}

ul#navmenu-h li#dubai a:hover
{
   background-position: 0 0;
}

ul#navmenu-h li#uk a
{
   background-position: -185px -20px;
    padding-left:40px;
}

ul#navmenu-h li#uk a:hover
{
   background-position: 0 -20px;
}

ul#navmenu-h li#usa a
{
    background-position: -185px -40px;
    padding-left:40px;
}

ul#navmenu-h li#usa a:hover
{
   background-position: 0 -40px;
}

ul#navmenu-h a.www
{
   background-position: 0 -140px;
   border-right:0px;
}

ul#navmenu-h a.www1
{
   background-position: -160px -140px;
   border-right:0px;
}

ul#navmenu-h a.www2
{	
   background-position: 0 -160px;
   border-right:0px;
}
/*FIN PAISES*/
ul#navmenu-h {
   float: left;
   position: static;
   margin: 0;
   border: 0 none;
   padding: 0;
   padding-top: 10px;
   width: 700px; /*For KHTML*/
   list-style: none;
   z-index:500;
}

* html ul#navmenu-h /* @ IE 6 & IE 7 */
{
   height: 20px;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: Left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 20px;
  z-index:1001;
  background:#32312D;
}

* html ul#navmenu-h li /* @ IE 6 & IE 7 */
{
   height: 1%;
   z-index:1001;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 20px;
  z-index:1002;
}

* html ul#navmenu-h ul /* @ IE 6 & IE 7 */
{
   left: 0px;
   top: 17px;
   z-index:1002;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px "Helvetica", Arial, Helvetica, sans-serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
 }

/* Root Menu */
ul#navmenu-h a {
  border-right: 1px dotted #FFF;
  padding: 0 12px;
  line-height:100%;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  font: 11px/20px "Helvetica", Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  text-decoration:none;
  color:#2F8FB9;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
border:0px;
   float: none;
   background: #42413c;
   color: #fff;
   text-decoration: none;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
border:0px;
   color: #fff;
   background: #32312D;
   text-decoration: none;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
	border:0px;
   float: none;
   color:#fff ;
   text-decoration: none;
   font-weight: normal;
   background:#42413c;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
border:0px;
   color: #fff;
   background: #32312D;
   text-decoration: none;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #42413c;
  color: #fff;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #32312D;
  color: #fff;
}

ul#navmenu-h ul ul{
  display: none;
  position: absolute;
  top: 0;
  left: 210px;
}
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 189px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}
/* FIN CSS MENU */

/* css menu inicio DBSIS */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-m {
   float: left;
   position: static;
   margin: 0;
   border: 0 none;
   padding: 0;
   padding-top: 0px;
   width: 580px; /*For KHTML*/
   list-style: none;
   z-index:1000;
}

* html ul#navmenu-m /* @ IE 6 & IE 7 */
{
   height: 20px;
}

ul#navmenu-m li {
  margin: 0;
  border: 0 none;
  padding: 0px;
  float: Left; /*For Gecko*/
  display: list-item;
  list-style: none;
  position: relative;
  height: 20px;
  z-index:1001;
}

* html ul#navmenu-m li /* @ IE 6 & IE 7 */
{
   height: 1%;
   z-index:1001;
}


ul#navmenu-m ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  /*<!--width: 160px;-->*/
  list-style: none;
  display: none;
  position: absolute;
  top: 20px;
  z-index:1002;
}

* html ul#navmenu-m ul /* @ IE 6 & IE 7 */
{
   left: 0px;
   top: 17px;
   z-index:1002;
}

ul#navmenu-m ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px "Helvetica", Arial, Helvetica, sans-serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-m ul li {
  /*<!--width: 209px;-->*/
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  width:335px;
 }

/* Root Menu */
ul#navmenu-m a {
  border-right: 0px;
  padding: 0 0px;
  line-height:100%;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  font: 11px/20px "Helvetica", Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}


/* Root Menu Hover Persistence */
ul#navmenu-m a:hover,
ul#navmenu-m li:hover a,
ul#navmenu-m li.iehover a {
  text-decoration:none;
  color:#000;
}

/* 2nd Menu */
ul#navmenu-m li:hover li a,
ul#navmenu-m li.iehover li a {
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   float: none;
   background: #fff;
   color: #000;
   text-decoration: none;
   padding-left:10px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-m li:hover li a:hover,
ul#navmenu-m li:hover li:hover a,
ul#navmenu-m li.iehover li a:hover,
ul#navmenu-m li.iehover li.iehover a {
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   color: #000;
   background: #ccc;
   text-decoration: none;
   padding-left:10px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-m li:hover ul ul,
ul#navmenu-m li:hover ul ul ul,
ul#navmenu-m li.iehover ul ul,
ul#navmenu-m li.iehover ul ul ul {
  display: none;
}

ul#navmenu-m li:hover ul,
ul#navmenu-m ul li:hover ul,
ul#navmenu-m ul ul li:hover ul,
ul#navmenu-m li.iehover ul,
ul#navmenu-m ul li.iehover ul,
ul#navmenu-m ul ul li.iehover ul {
  display: block;
}
/* FIN CSS MENU programas dbsis */

/* css menu inicio SMARTS */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-s {
   float: left;
   position: static;
   margin: 0;
   border: 0 none;
   padding: 0;
   padding-top: 0px;
   width: 580px; /*For KHTML*/
   list-style: none;
   z-index:1000;
}

* html ul#navmenu-s /* @ IE 6 & IE 7 */
{
   height: 20px;
}

ul#navmenu-s li {
  margin: 0;
  border: 0 none;
  padding: 0px;
  float: Left; /*For Gecko*/
  display: block;
  list-style: none;
  position: relative;
  height: 20px;
  z-index:1001;
}

* html ul#navmenu-s li /* @ IE 6 & IE 7 */
{
   height: 1%;
   z-index:1001;
}

ul#navmenu-s ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  /*<!--width: 160px;-->*/
  list-style: none;
  display: none;
  position:absolute;
  top: 20px;
  z-index:1002;
}

* html ul#navmenu-s ul /* @ IE 6 & IE 7 */
{
   left: 0px;
   top: 17px;
   z-index:1002;
}

ul#navmenu-s ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px "Helvetica", Arial, Helvetica, sans-serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-s ul li {
  /*<!--width: 209px;-->*/
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  width:335px;
 }

/* Root Menu */
ul#navmenu-s a {
  border-right: 0px;
  padding: 0 0px;
  line-height:100%;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  font: 11px/20px "Helvetica", Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-s a:hover,
ul#navmenu-s li:hover a,
ul#navmenu-s li.iehover a {
  text-decoration:none;
  color:#000;
}

/* 2nd Menu */
ul#navmenu-s li:hover li a,
ul#navmenu-s li.iehover li a {
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   float: none;
   background: #fff;
   color: #000;
   text-decoration: none;
   padding-left:10px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-s li:hover li a:hover,
ul#navmenu-s li:hover li:hover a,
ul#navmenu-s li.iehover li a:hover,
ul#navmenu-s li.iehover li.iehover a {
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   color: #000;
   background: #ccc;
   text-decoration: none;
   padding-left:10px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-s li:hover ul ul,
ul#navmenu-s li:hover ul ul ul,
ul#navmenu-s li.iehover ul ul,
ul#navmenu-s li.iehover ul ul ul {
  display: none;
}

ul#navmenu-s li:hover ul,
ul#navmenu-s ul li:hover ul,
ul#navmenu-s ul ul li:hover ul,
ul#navmenu-s li.iehover ul,
ul#navmenu-s ul li.iehover ul,
ul#navmenu-s ul ul li.iehover ul {
  display: block;
}
/* FIN CSS MENU programas smarts */

/**************************************************************
   ELEMENTOS DE FORMULARIO
 **************************************************************/
form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
  text-decoration:blink;
}

input,
textarea,
select {
  padding: 1px;
  font:  8pt "Helvetica", Arial, Helvetica, sans-serif;
  color: #777;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #C9D9E0;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;
  font: 8pt "Helvetica", Arial, Helvetica, sans-serif;
  cursor: pointer;
  color: #fff;
  border: 0;
  background:url(./img/btn4.jpg) repeat-x left top;
}

input.button:hover{
 background:url(./img/btn4_b.jpg) repeat-x left top;
 border: 0;
}

input.radio {
  background: none;
  border: 0px;
}

/********Librerías del sexyalertbox***********/
  #img_container { height:120px;}
  #img_container ul {display:block;padding:0;margin:0;list-style:none;}
  #img_container ul li{float:left;width:100px;margin:10px;}
  #img_container ul li a img {
      width:93px;
      height:93px;
      border:1px solid #574331;
      padding:5px;
      background:#eee;
  }
  #img_container ul li a:hover img { border-color: darkred; }
  
  #SexyAlertBox-Box {
  padding-bottom: 24px;
  background: url('./img/bg-box-bottom.png') bottom left no-repeat !important;
  background: url('./img/bg-box-bottom.gif') bottom left no-repeat;
}

#SexyAlertBox-InBox {
  padding-top: 15px;
  background: url('./img/bg-box-top.png') top left no-repeat !important;
  background: url('./img/bg-box-top.gif') top left no-repeat;
}

#SexyAlertBox-BoxContent {
  background: url('./img/bg-box-body.png') top left repeat-y !important;
  background: url('./img/bg-box-body.gif') top left repeat-y;
  padding: 0px 20px;
}

#SexyAlertBox-BoxContenedor {
  padding: 0px 5px 5px 55px;
  text-align: left;
  font-family:arial;
  font-size:9px;
  color:#000;
}

#SexyAlertBox-BoxContenedor b{
  text-align: left;
  font-family:arial;
  font-size:9px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#SexyAlertBox-BoxContenedor p{
  text-align: left;
  font-family:arial;
  font-size:9px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:5px;
}

#SexyAlertBox-BoxContenedor h2{
  text-align: left;
  font-family:arial;
  font-size:13px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px
}

#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor strong{
  text-align: left;
  font-family:arial;
  font-size:12px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:15px 0 0px 0px;
}

#SexyAlertBox-Buttons{
  text-align:right;
}

#SexyAlertBox-Buttons input {
  margin: 10px 10px;
}

#SexyAlertBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#SexyAlertBox-Box .BoxAlert {
  background: url('./img/dialog-warning.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxConfirm {
  background: url('./img/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxPrompt {
  background: url('./img/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxInfo {
  background: url('./img/dialog-information.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxError {
  background: url('./img/dialog-error.png') top left no-repeat;
}
/*********************************************/

.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
}