body { color: black; background: white; font-size: 10pt; margin: 0px; padding: 0px; text-align: center; }

body, html { height: 100%; }

div, h1, h2, h3, h4, h5, h6 { margin: 0px; }

div, h1, h2, h3, h4, h5, h6 { font-family: Verdana, sans-serif; margin: 0px; }

img { border: 0px; }

span { display: none; }

body {    
    color: black;
    background: white url("imagenes/fondo.gif") repeat-y top;
}

#contenedor {
    width: 770px;
    height: 100%;    
    
    margin: auto;

    color: black;
    background: white url("imagenes/fondo.gif") repeat-y top;    
}

#adorno_sup {
    float: left;
    
    width: 770px;
    
    margin: 0;
    padding: 0 0 5px 0;
    
    color: black;
    background: #0084a0 url("imagenes/adorno_sup.gif") no-repeat bottom;    
}

#adorno_inf {
    float: left;
    
    width: 385px;
    height: 15px;
    
    margin: 10px 0 0 0;
    padding: 0;
    
    color: black;
    background: #0084a0 url("imagenes/adorno_inf.gif") no-repeat;    
}

#cuerpo {
    float: left;
    
    width: 770px;
    
    margin: 0;
    padding: 0;
}

#columna_izq {
    float: left;
    
    width: 385px;
    
    margin: 0;
    padding: 10px 0 0 0;
    
    color: black;
    background: white;
}

#columna_der {
    float: left;
    
    width: 385px;
    
    margin: 0;
    padding: 10px 0 20px 0;
    
    color: black;
    background: white;
}

#logotipo {
    float: left;
    
    width: 188px;
    height: 218px;
    
    margin: 0;
    padding: 0;
    
    color: black;
    background: white url("imagenes/mib.gif") no-repeat top;
}

#menu {
    float: left;
    
    width: 188px;
    
    margin: 0;
    padding: 0;
    
    color: black;
    background: white;
}

#menu ul {
    float: left;
    
    width: 188px;
    
    margin: 0;
    padding: 0;
    
    list-style: none;
}

#menu li {
    float: left;
    
    width: 187px;
    height: 25px;
    
    margin: 0 0 10px 0;
    padding: 0;
    
    color: black;
    background: white url("imagenes/fondo_menu.gif") no-repeat;
}

#imagen_principal {
    float: left;
    
    width: 385px;
    height: 280px;
    
    margin: 0;
    padding: 10px 0;
}

#menu li a {
    float: right;
    
    margin: 4px 15px 0 0;
    padding: 0;
}

#menu li a:hover, #menu li a:active {
    float: right;
    
    margin: 1px 15px 0 0;
    padding: 0;
    
    border-top: 3px solid #d7d7d7;
}

#menu li p {
    display: inline;
    float: right;
    
    margin: 4px 15px 0 0;
    padding: 0;
}

#creditos {    
    float: left;
    
    width: 375px;
    
    margin: 10px 0 0 0;
    padding: 0 0 0 10px;

    color: white;
    background: #0084a0;
    
    font-size: 7pt;
    text-align: left;
    font-weight: bold;
}

#creditos a {
    color: white;
    background: #0084a0;
    
    font-weight: normal;
}

#creditos a:hover, #creditos a:active {
    text-decoration: none;
}

#creditos a:visited {
    color: #d7d7d7;
    background: #0084a0;    
}

.bloque {
    display: inline;
    float: left;
    
    width: 375px;
    
    margin: 10px 0 10px 10px;
    padding: 0;
}

.titulo_bloque {
    float: left;
    
    width: 375px;
    
    margin: 0;
    padding: 0 0 10px 0;
}

.texto_bloque {
    float: left;
    
    width: 178px;
    
    margin: 0px 0px 0px 0px;
    padding: 0;
    
    font-size: 7pt;
    text-align: justify;
}

.texto_bloque a {
    color: black;
    background: white url("imagenes/flecha_azul.gif") no-repeat left;
    
    margin: 0;
    padding: 0 0 0 10px;
    
    font-weight: normal;
}

.texto_bloque a:hover, .texto_bloque a:active {
    text-decoration: none;

    color: #0084a0;
    background: white url("imagenes/flecha_azul.gif") no-repeat left;
}

.texto_bloque a:visited {
    color: #00465f;
    background: white url("imagenes/flecha_azul.gif") no-repeat left;
}

.subtitulo_bloque {
    float: left;
    
    width: 365px;
    
    margin: 0;
    padding: 0 0 10px 10px;
    
    color: #0084a0;
    background: white;    
    
    font-size: 8pt;
    text-align: justify;
}

.subtitulo_bloque a {
    color: #0084a0;
    background: white;    
    
    font-size: 8pt;
    text-decoration: none;
}

.subtitulo_bloque a:hover, .subtitulo_bloque a:active {
    text-decoration: underline;
}

.texto_bloque_ancho {    
    display: inline;
    float: left;
    
    width: 350px;
    
    margin: 0 0 10px 10px;
    padding: 0 0 0 10px;
    
    color: black;
    background: white;    
    
    font-size: 7pt;
    text-align: justify;
    
    border-left: 2px solid #0084a0;
}

.texto_bloque_ancho h3 {
    font-size: 9pt;
    
    color: #0084a0;
    background: white;
}

.bloque ul {
    float: left;
    
    width: 330px;
    
    margin: 0;
    padding: 0 0 10px 35px;    
    
    list-style-type: none;    
    list-style-image: url("imagenes/flecha_azul.gif");    
}

.bloque ul li {    
    margin: 0;
    padding: 4px 0;
    
    font-size: 7pt;
    text-align: justify;    
}

.bloque ul li a {
    color: #0084a0;
    background: white;
    
    text-decoration: none;
    font-size: 7pt;
}
.bloque ul li a:hover, .bloque ul li a:active {
    text-decoration: underline;
}


.fotografia {
    display: inline;
    float: left;
    
    width: 178px;
    height: 100px;
    
    margin: 0 0 0 9px;
    padding: 5px;
    
    color: black;
    background: white url("imagenes/fondo_foto.gif") no-repeat;
}

.fotografia_ancha {
    display: inline;
    float: left;
    
    width: 355px;
    height: 100px;
    
    margin: 0 0 0 10px;
    padding: 5px;
    
    color: black;
    background: white url("imagenes/fondo_foto_ancha.gif") no-repeat;
}

#idioma {
    float: right;
    
    margin: 10px 10px 0 0;
    padding: 0;
    
    color: white;
    background: #0084a0;
    
    font-size: 7pt;
}

#idioma a {
    color: #d7d7d7;
    background: #0084a0;
}

#idioma a:hover, #idioma a:active {
    text-decoration: none;
    color: white;
    background: #0084a0;
}

.enlace_bloque {
    display: inline;
    float: left;
    
    width: 360px;
    height: 18px;
    
    margin: 0 0 10px 10px;
    padding: 0;
    
    color: black;
    background: white url("imagenes/fondo_acceder.gif") repeat-x top;    
}

.enlace_bloque a {
    display: block;
    float: right;
    
    width: 100px;
    height: 18px;
    
    margin: 0;
    padding: 0;
    
    color: #0084a0;
    background: transparent url("imagenes/fondo_boton_acceder.gif") no-repeat right;    
    
    font-size: 7pt;    
    font-weight: bold;
    text-decoration: none;
}

.enlace_bloque a:hover, .enlace_bloque a:active {
    color: white;
    background: transparent url("imagenes/fondo_boton_acceder_over.gif") no-repeat right;    
}

.bloque_direccion {    
    display: inline;
    float: left;
    
    width: 355px;
    
    margin: 0 0 10px 10px;
    padding: 5px;
    
    color: black;
    background: #0084a0 url("imagenes/fondo_contacto.gif") no-repeat bottom;
}

.bloque_direccion_ico {
    display: inline;
    float: left;
    
    width: 50px;    
    
    margin: 0;
    padding: 5px;
    
    text-align: left;
}

.bloque_direccion_datos {
    display: inline;
    float: left;
    
    width: 280px;    
    
    margin: 0;
    padding: 5px;
    
    text-align: left;
    font-size: 7pt;
    
    color: white;
    background: #0084a0;
}

.bloque_direccion_datos a {
    color: white;
    background: #0084a0;
}

.bloque_direccion_datos a:hover, .bloque_direccion_datos a:active {
    text-decoration: none;
}

.bloque_formulario {
    display: inline;
    float: left;
    
    width: 230px;    
    height: 70px;
    
    margin-left: 60px;
    padding: 10px;
    
    font-size: 7pt;
    
    color: white;
    background: #0084a0;
    
    background: #0084a0 url("imagenes/fondo_formulario.gif") no-repeat bottom;
}

.bloque_formulario label {
		display: block;
    float: left;

		text-align: right;
		
    width: 80px;
}

.campo_entrada {
    width: 125px;    
    
    text-align: left;
    color: #0084a0;
    font-size: 9pt;
    
    background: white;
    border: #D7D7D7 solid 1px;
}

.boton {
    width: 75px;    
    
    text-align: center;
    color: #0084a0;
    font-size: 9pt;
    
    background: white;
    border: #D7D7D7 solid 1px;
}

.fila_formulario{
	
		padding: 2px;
		
}

.bloque_registro {
    display: inline;
    float: left;
    
    width: 230px;    
    height: 130Px;
        
    margin-left: 60px;
    margin-bottom: 10px;
    padding: 10px;
    
    font-size: 7pt;
    
    color: white;
    background: #0084a0;
    
    background: #0084a0 url("imagenes/fondo_formulario.gif") no-repeat bottom;
}

.bloque_registro label {
		display: block;
    float: left;

		text-align: right;
		
    width: 80px;
}

.texto_error {    
    display: inline;
    float: left;
    
    width: 350px;
    
    margin: 0 0 10px 10px;
    padding: 0 0 0 10px;
    
    color: red;
    background: white;    
    
    font-size: 7pt;
    text-align: center;
    
}

.demo_bloque {
		display: inline;
    float: left;
    
    width: 350px;
    
    margin: 0px 0px 0px 0px;
    padding: 0;
    
    font-size: 6pt;
    text-align: justify;
}
.demo_bloque a {
    
    margin: 0px 0px 0px 20px;
    padding: 0;
    
    font-size: 7pt;
    text-align: left;
    text-decoration: none;
    color: #000000;
}

.item_demo {
    display: inline;
    float: left;
    
    width: 60px;
    height: 60px;
    
    margin: 0px 0px 10px 20px;
    padding: 0px;
    
    border: 0px;
		text-decoration: none;
    font-size: 7pt;
    background: white url("imagenes/fondo_operador.gif") no-repeat;
}

.item_demo a {
		text-decoration: none;
    color: #000000;
}

.bloque_subir_operador {
		display: inline;
    float: left;
    
    width: 290Px;    
    height: 140Px;
    margin: 0px 0px 10px 20px;
    padding: 10Px;
    
    font-size: 7pt;
    
    color: white;
    background: #0084a0;
    background: #0084a0 url("imagenes/fondo_nuevo_operador.gif") no-repeat bottom;
}

.fila_subir_operador {
		float: center;
		
		margin: 5px 0px 0px 0px;
		align: left;
		text-align: justify;
		paddding: 5px;
}

.bloque_subir_operador label {
		display: block;
    float: left;

		text-align: right;
		font-size: 8pt; 
		font-weight: bold; 
		margin: 1px 5px 0px 5px;
    width: 50px;
}

.campo_entrada_operador {
    width: 200px;    
    
    margin: 0px 0px 0px 15px;
    text-align: center;
    color: #0084a0;
    font-size: 9pt;
    
    background: white;
    border: #D7D7D7 solid 1px;
}

.bloque_logout {
		display: inline;
    float: right;

    width: 350px;

    margin: 0px 0px 0px 0px;
    padding: 0;

    font-size: 7pt;
    text-align: right;
}

.bloque_logout a {
    text-decoration: none;
    color: #000000;
}

.imagen_operador {
   
    width: 55px;
    height: 55px;
    
    margin: 2px 0px 0px 0px;
    padding: 0px;
    
    border: 0px;
}

.tabla_precios {
    float: left;
    
    width: 370px;    
    
    margin: 0;
    padding: 5px;
}

.tabla_precios th, .tabla_precios td {
    margin: 0;
    padding: 5px 2px 2px 2px;

    font-size: 7pt;
}

.tabla_precios {
    margin-left: 7px;
}

.texto_bloque_ancho a {
	color: #0084A0;
}
.texto_videoconferencia a{
	display: inline;
    float: right;

    margin: 10px 5px 0px 0px;
    padding: 0;

    font-size: 7pt;
    text-align: right;
    text-decoration: none;
    color: #FFFFFF;
}
.menu_webs_grupo{
float:left;
    	margin: 100px 0 0 0;
	padding: 0 10px 10px 10px;
	font-size:7pt;
	color:white;
	text-align: justify;
}
.menu_webs_grupo a{
    color: #01C0E9;
}
.menu_webs_grupo a:hover{
    color: white;
	text-decoration: none;
}