/* top, right, bottom, left */
html,body {
      margin: 0;
      padding: 0;
      text-align: center;
      font-family: arial, Helvetica, sans-serif;
      font-size: 14px;
      background: #FFF url("/images/border.jpg") repeat-y center;
}
    
img { border: none; }

a { text-decoration: none; color: #2965a6; font-weight: bold;}
a:hover { text-decoration: underline; color: #fca00e; }

/*---------- Divs ----------*/
#header {
      background: url("/images/header.jpg") no-repeat center;
      height: 120px;
      width: 100%;
      margin: 0 auto;
}

#logo{
      padding-top: 20px;
      margin: 0 auto;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 850px;
      /*width: 890px;*/  
}
html>body #logo { width: 850px }  /* for opera */

#logo a:hover {
      text-decoration: none;
}

#logo a {
      float: left;
      background: url("/images/logo.png") no-repeat 0px 0px;
      width: 550px;
      height: 100px;  
}

#right-top_languageflags {
      padding-top: 65px;
	  padding-right: 5px;
      width: 885px;				
      height: 100px;
      margin: 0 auto;	  
      text-align: right;
	  font-size: 11px;	
      font-weight: bold; 
      voice-family: "\"}\""; 
      voice-family:inherit;	    
}

#container {
	  width: 890px;
      overflow: hidden;
      text-align: left;
      font: 90% Tahoma, Helvetica, sans-serif;
      margin: 0px auto;
      border-top: 3px solid #6fb2e6;
      border-bottom: 3px solid #ffb93f;
      background: #e5e5e5;
} 

* html #container {
      overflow: visible;
}

#content{
      float: right;
      width: 690px;
      background: #fff url("/images/nav-edge.jpg") repeat-y;
      padding-bottom: 40px;
      min-height: 380px;
}
* html #content {height: 380px; overflow: visible;}

#maincontent1 {
      float: left;
      padding: 30px 20px 0px 20px;
      overflow: hidden;
      voice-family: "\"}\""; 
      voice-family:inherit;
	  width: 410px;  
}

#maincontent2 {
      float: left;
      padding: 30px 20px 0px 20px;
      overflow: hidden;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 620px; 
}

#rightdiv{
      padding-top: 30px;
      float: right;
      width: 230px;
}

#rightdivup img{
      padding: 1px;
      border: 1px solid #6fb2e6;
}

#news{
      width: 210px;
      margin: 0 auto;
}

/*---------- Navigation Menu ----------*/
#navcontainer {
      padding-top: 30px;
      padding-left: 15px;
      min-height: 380px;
      float: left;
      overflow: hidden;
      width: 180px;
}
* html #navcontainer {height: 380px; overflow: visible;}

.nav {
      width: 170px;
      position: relative;
      list-style-type: none;
      margin: 0;
      padding: 0px;
      font-size: 105%;
}

.nav li {
      text-align: left;
      margin: 3px 1px;
      padding: 0;
      
}

.nav li a {
      border: 1px solid #52a3e2;
      display: block;
      padding: 4px 0 4px 10px;
      background: #6fb2e6;
      color: #e5ffff;
      font-weight: bold;
      text-decoration: none;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 160px; 
}

.nav li a:hover {
      background: #ffb93f;
      color: #949494;
      font-weight: bold;
      cursor: pointer;
}

/*---------- Footer ----------*/
#footer {
      height: 30px;
      margin: 0 auto;
      padding: 10px 0 10px 0;
      font-size: 80%;
      text-align: center;
      color: #6a6666;
      width: 890px;
      background: #fff;
}

#footertextleft{
      margin-left: 10px;
      text-align: left;
      width: 500px;
      float: left;
}

#footertextright{
      margin-right: 10px;
      text-align: right;
      width: 350px;
      float: right;
}

/*---------- Headings ----------*/
h1 { 
      padding-top: 0;
      margin-top: 0;  
      font: 120% Arial;
      font-weight: bold;
      color: #5c94bf;
}

.mainheading{
      font-weight: bold;
      font-size: 123%;      
}

h2 {
      padding-top: 0px;
      margin-top: 0px;
      font: 110% arial;
      font-weight: bold;
      color: #5c94bf;
}
/*-------- Tipos de letra ----------*/
.negrita{
      font-weight: bold;  
}

.azulita{
      color: #000080;
      font-weight: bold;  	  
}

.steelblue{
      color: #000080;
      font-weight: bold; 
      font-size: 130%;	  
}

.errortype404{
      color: #B22222;
      font-weight: bold;
      font-size: 75%;	  
}

.oculta{
      color: #FFFFFF;
	  font-size: 60%;
}
/*--- Tipos letra - Tablas precios ---*/

.azul{
	  color: #0000FF;
}

.leyenda{
      font-size: 80%;
}

.actuaciones{
      font-size: 85%;
}
/*---------- Classes ----------*/
.underline{
      padding-bottom: 3px;
      width: 180px;
      border-bottom: 2px solid #ffb93f;
      font-size: 95%;	  
}

.subheading{
      font-weight: bold;
}

.submitbox{
      width: 215px;
      background: #b8d1e4;
      padding: 5px 5px 5px 3px;
      text-align: left;
      border: 1px solid #e5e5e5;
}

.submitbox p{
      margin-top: 3px;
      margin-bottom: 5px;
}

.idiomas{
      width: 215px;
      background: #000080; 
      padding: 5px 5px 5px 3px;
      text-align: left;
      border: 1px solid #e5ffff;
}

.linkbutton{
      height: 20px;
      font-size: 95%;
      background: #e5e5e5;
      color: #949494;
      border: none;
      padding: 3px 8px;
      font-weight: bold;
}	

#maincontent ul{
      list-style-image: url("/images/bullet.png");
}

dt { 
list-style-type: none;
background: url("/images/bullet.png") no-repeat;
padding-left: 1.2em;
}

dd {
margin-left: 0px; 
padding-left: 25px;
}

.advert{
      width: 160px;
      padding: 5px;
      background: #6fb2e6;
      border: 1px solid #52a3e2;
      color: #e5ffff;
      font-weight: bold;	  
}

a.oculto { color: white; text-decoration:none; }
a.oculto:visited { color: white; text-decoration: none; }
a.oculto:hover { color: white; text-decoration: none; } 

/* PENDIENTE DARLE USO */
.factura_servicios {

}
/* Boton de estilo TAI */
.boton_taistyle {
		border: 1px solid #52a3e2;
		display: block;	
		margin: 15px 10px 15px 10px; 
		background: #6fb2e6;
		color: #e5ffff;
		font-weight: bold;
		text-decoration: none;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width: 160px;	
/*		-moz-border-radius: 15px;		*/
}

.boton_taistyle:hover {
		background: #ffb93f;
		color: #949494;
		font-weight: bold;
		cursor: pointer;
/*		-moz-border-radius: 15px;		*/
}
	  	
/* TOOLTIPS */
.info {
	z-index:1; 
	position:relative;
    text-decoration:none;
	display: block;
	background: url("/images/info_inactive.png") no-repeat top;
	height: 20px;
	width: 20px;	
}
.info:hover {
    z-index:2; 
	background: url("/images/info_active.png") no-repeat top;	
}
.info div {  /* Esta es la que hace que el texto en el span no se despliegue en el estado normal de la URL */
    display: none;
}
.info:hover div {  /* Esta zona es la que hace que se despliegue cuando nos ubicamos sobre el texto de la URL o la imagen dentro de la URL */
    display:block;
    position:absolute;
    top:-4.5em;
    left:12em;
    width:280px;
    border:1px solid #52a3e2;
	background: #6fb2e6;
	color: #e5ffff;
	font-weight: bold;	
    text-align: left;
    font-size: 10px;
    padding: 5px;
}
/* TOOLTIPS - AYUDA */

.ayuda {
	position:relative;
    text-decoration:none;
	font-weight: bold;	
	display: inline;
	height: 20px;
	width: 20px;	
}

.ayuda div {  /* Esta es la que hace que el texto en el span no se despliegue en el estado normal de la URL */
    display: none;
}
.ayuda:hover div {  /* Esta zona es la que hace que se despliegue cuando nos ubicamos sobre el texto de la URL o la imagen dentro de la URL */
    display:block;
    position:absolute;
    top:0em;
    left:-35em;
    width:280px;
    border:1px solid #52a3e2;
	background: #6fb2e6;
	color: #e5ffff;
	font-weight: bold;	
    text-align: left;
    font-size: 10px;
    padding: 5px;
}


/*---------- Iframe ----------*/
.IFcontact_form {
height: 750px;
width: 420px; 
padding: 0;
background-image: none;
background-color: transparent;
margin: 0;
overflow:auto;
border: none;
}

/*----------- Hoja estilo FAQ ------*/
/* Código CSS inspirado en el original
 http://sky-web.net/science/balancing_chemical_equations_examples.htm
 http://sky-web.net/science/showmore.css 
 http://sky-web.net/science/tests.css 
 http://www.pmob.co.uk/temp/hideandshow2-css.htm - Otro CSS Alternativo */
/*
a:link {color: Blue; ; font-style: normal; font-weight: normal}
a:visited {color: Blue; ; font-style: normal; font-weight: normal}
a:hover {color: #FF0080; ; font-weight: normal; font-style: normal;}*/

.inset {
	margin-left: 30px;
}

.definition {background-color:#fff}

.adder {
 width:380px;
 margin:auto;
 }
.holder 
{
	width: 380px;
	margin: 2px 5px 2px 5px;
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid #ddd;
	float: left;
}

.holder h3 
{
	text-align:left;
}

a.hid 
{
	color:#000; 
	text-decoration:none; 
	outline-style:none;
}

a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {
	background: #555;
}
a.hid:active span, a.hid:focus span {display:none;}

a.hid:active em, a.hid:focus em 
{
	display:block; 
	color:blue; 
	width:100%; 
	font-style:normal; 
	cursor:default;
}
.clear {clear:both;}

/* span.hand{cursor:hand;}  */

/* Advertencia Noscript */
.noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.noscript .noscript-inner { width:950px; margin:0 auto; padding:12px 0 12px; background:url("/images/advertencia.png") 100px 50% no-repeat; }
.noscript p { margin:0; }

/* Advertencia usuarios IE */
.iescript { border:1px solid #ddd; border-width:0 0 1px; background:#8B0000; font-size:12px; line-height:1.25; color:#ffffff; }
.iescript .iescript-inner { width:890px; height: 78px; margin:0 auto; padding:12px 0 12px; background:url("/images/sugerencia.png") 12px 10% no-repeat; text-align:center; }
.iescript p { margin:0; }

/* Logo Firefox  - Visible solo para usuarios IE */
#logofirefox {
	  padding-top: 0px;	
      margin: 0 auto;	  
      width: 890px;	  
}

#logofirefox a:hover {
      text-decoration: none;
}

#logofirefox a {
      float: right;
      background: url("/images/firefox_logo.png") no-repeat 0px 0px;
      voice-family: "\"}\""; 
      voice-family:inherit; 	  
      width: 200px;
      height: 100px;	 
}

/* Pagina acerca de */
.tbacerca {
background-image: url("/otros/data.php");
background-repeat: no-repeat;
border-collapse: collapse; 		/* Antiguo cellspacing - collapse o separate */
padding: 0;						/* Antiguo cellpadding */
}

/* Pagina de pagos */
.tbpagos{
border-collapse: separate;
width: 85%;
padding: 0;
}

/* Pagina contact form */
.tbphone{
width: 300px;
height: 50px;
}
.tdphone{
background-image: url("/otros/tel.php");
background-repeat: no-repeat;
border-collapse: collapse; 		
padding: 0;						
}

/* Justificar texto */
.justificar{
text-align: justify;
}

/* Boton para REMOTE-TAI */
#tairemote-ok {
display: block;
padding-top: 10px;
width: 220px;
height: 40px;
background: url("/images/direct_download_remote_TAI.png") no-repeat top;
}

#tairemote-ok:hover {
background: url("/images/direct_download_remote_TAI-ok.png") no-repeat top;
}

#tairemote-ng {
display: block;
padding-top: 10px;
width: 220px;
height: 40px;
background: url("/images/direct_download_remote_TAI-not.png") no-repeat top;
}

#tairemote-ng:hover {
background: url("/images/direct_download_remote_TAI-ng.png") no-repeat top;
}

.tairemote {
      width: 220px;
      position: relative;
      list-style-type: none;
      margin: 0px;
      padding: 0px;
}

.tairemote li {
      margin: 3px 1px;
      padding: 0px;
      
}

.tairemote li a {
	  text-indent: 15px;
	  text-align: left;	  
      display: block;
      color: #000000;
      font-size: 115%;
	  font-weight: bold;
      text-decoration: none;
      width: 220px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      height: 50px; 
}

.tairemote li a:hover {
      color: #191970;
      cursor: pointer;
}	  

/* Tabla de remotetool */
.tabla_remotetool {
      width: 100%;
      border: 1px solid #52a3e2;
      background: #6fb2e6;
      color: #e5ffff;
      font-weight: bold;	  
}
/* REMOTETOOL - IP.PHP */
#ip_script .td30 {
width: 30%;
}
#ip_script .td80 {
width: 80%;
}	

/* CSS - LOGIN SCRIPT */

.phpcode {
	font-family: "Courier New", Courier, mono;
	font-size: 13px;
	color: #000000;
	background-color: #f3f3f3;
}
.msg {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	background-color: #FFFFCC;
	padding: 4px;
	border: 1px dotted #FF9900;
	font-weight: bold;

}

.login_titulos {
font-size:16px; 
text-align:center;
font-weight:bold; 
background-color:#d5e8f9;
}

/* Tabla login - register */
.tablalogin {
background-color: #e5ecf9;		
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #6fb2e6;
width: 100%;
}
.tablalogin_superior {
background-color: #e5ecf9;		
font: normal 12px arial,verdana;
padding: 3px;
border: 1px 1px 0px 1px solid #6fb2e6;
width: 100%;
}
.tablalogin_central {
background-color: #e5ecf9;		
font: normal 12px arial,verdana;
padding: 3px;
border: 0px 1px 0px 1px solid #6fb2e6;
width: 100%;
}
.tablalogin_inferior {
background-color: #e5ecf9;		
font: normal 12px arial,verdana;
padding: 3px;
border: 0px 1px 1px 1px solid #6fb2e6;
width: 100%;
}

/* Letra small */
.smalltext{
	font-size: 9px;
}
/* Imagenes sin borde */
.imgnobord {
    border:none;
}