@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i { margin: 0; padding: 0; border: 0; outline: 0; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline } body { line-height: 1 } :focus { outline: 0 } table { border-collapse: collapse; border-spacing: 0 } blockquote:before, blockquote:after, q:before, q:after { content: "" } blockquote, q { quotes: "" "" } input, textarea { margin: 0; padding: 0 } hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px }
		/*Fichero: base.css-------------------------------------------------------------*/
/* Estilos comunes a toda la web */

/*  */

/**
*	Obtenemos el User agent del navegador cliente. Esto es necesario porque se harán ciertos ajustes específicos para algunos navegadores.
*
*	*
*	User agent: Unknown*	User platform: Unknown*
*	User agents: Firefox, MSIE, Safari, Opera
*/
/* Covert Ops */

@font-face {
  font-family: MuthaFucker;
  src: url('http://www.contactcomunicacion.com/templates/default/fonts/CALIBRI.TTF') format("truetype");
  font-weight:400;
}

/* Necesitamos también una versión de la fuente en cursiva */
@font-face {
  font-family: MuthaFucker2;
  src: url('http://www.contactcomunicacion.com/templates/default/fonts/CALIBRII.TTF') format("truetype");
  font-weight:400;
}

body {
	/* Fondo de la web */
	background-color:#FFFFFF;

	/* Estilo del texto común */
	/*  */
	font-family: MuthaFucker;
	/*  */
	font-size:12px;
	color:#000000;
}

table {
	width:100%;
	border:0px;
}

#baseman {
	width:1008px;
}

.tabla_pantallas {
	background-image:url('http://www.contactcomunicacion.com/templates/default/images/fondoPantallas.png');
	background-repeat:repeat-x;
}

/* Para el DIV manto */
.bg_div_on {
	position:fixed; /* Para que se quede fijo y ocupe toda la pantalla a pesar del scroll */
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:666;

	padding:5px;
	/*background-color:white;*/
	background-image:url('http://www.contactcomunicacion.com/templates/default/images/bg_black.png');
	background-repeat:repeat;
}

* html .bg_div_on { /* Hack para que funcione la propiedad position:fixed en el puto internet exploter de mierda, que siempre está tocando los putos cojones con sus mariconadas. */
	position:absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

	padding:5px;
	/*background-color:white;*/
	background-image:url('http://www.contactcomunicacion.com/templates/default/images/bg_black.png');
	background-repeat:repeat;
}

.bg_div_off {
	display:none;
}

/* Estilos comunes a todas las pantallas menos la de inicio */
.contenido {
	background-color:#ffffff;
	background-image:url("http://www.contactcomunicacion.com/templates/default/images/fondo_contenido.png");
	background-position:top;
	background-repeat:repeat-x;
}

.globotabla1 {
	width:12px;
	height:12px;
	vertical-align:bottom;
	text-align:right;
}

.globotabla2 {
	height:12px;
	background-color:#ffffff;
}

.globotabla3 {
	width:12px;
	height:12px;
	vertical-align:bottom;
	text-align:left;
}

.globotabla4 {
	width:12px;
	background-color:#ffffff;
}

.globotabla5 {
	background-color:#ffffff;
	padding:10px;
}

.globotabla6 {
	width:12px;
	background-color:#ffffff;
}

.globotabla7 {
	width:12px;
	height:12px;
	vertical-align:top;
	text-align:right;
}

.globotabla8 {
	height:12px;
	background-color:#ffffff;
}

.globotabla9 {
	width:12px;
	height:12px;
	vertical-align:top;
	text-align:left;
}

/* Estilos de las cajas de texto y similares */
input.input_generico {
	border:1px solid #cccccc;
	background-color:#ffffff;
	font-size:14px;
	font-family:Calibri;
	color:#333333;
	height:24px;
}

textarea.input_generico {
	border:1px solid #cccccc;
	background-color:#ffffff;
	font-size:14px;
	font-family:Calibri;
	color:#333333;
}

/* Estilo para el enlace del coñazo legal */
td.legal_c_r_a_p {
	text-align:left;
	font-size:11px;
	padding-bottom:20px;
}

a.legal_c_r_a_p, a.legal_c_r_a_p:link, a.legal_c_r_a_p:visited {
	color:#333333;
	text-decoration:none;
}

a.legal_c_r_a_p:hover {
	color:#333333;
	text-decoration:underline;
}

/*------------------------------------------------------------------------------*/

/*Fichero: cabecera.css---------------------------------------------------------*/
/* Estilos para la cabecera */

/*  */

/**
*	Obtenemos el User agent del navegador cliente. Esto es necesario porque se harán ciertos ajustes específicos para algunos navegadores.
*
*	*
*	User agent: Unknown*
*	User agents: Firefox, MSIE, Safari, Opera, Chrome
*/

.cabecera_general {
	height:138px;
}

.cabecera1 {
	height:98px;
	vertical-align:bottom;

	background-image:url("http://www.contactcomunicacion.com/templates/default/images/cabecera1.png");
	background-position:top;
	background-repeat:repeat-x;
}

.cabecera2 {
	height:40px;
	vertical-align:middle;

	background-image:url("http://www.contactcomunicacion.com/templates/default/images/cabecera2.png");
	background-position:top;
	background-repeat:repeat-x;
}

.cab_general_logo {
	vertical-align:middle;
	/*  */
	padding-left:1px;
	padding-bottom:4px;
	width:273px;
	/*  */
	text-align:left;
}

.cab_general_menu1 {
	vertical-align:middle;
	text-align:left;
	/*  */
	padding-top:6px;
	width:204px;
	/*  */
	
	font-size:16px;
	font-weight:bold;
	color:#666633;
}

.cab_general_menu2 {
	vertical-align:middle;
	text-align:left;
	/*  */
	width:112px;
	padding-top:6px;
	/*  */
	
	font-size:16px;
	font-weight:bold;
	color:#666633;
}

a.cab_general_menulink, a.cab_general_menulink:link, a.cab_general_menulink:visited {
	color:#666633;
	text-decoration:none;
}

a.cab_general_menulink:hover {
	color:#999900;
	text-decoration:none;
}

.cab_general_telefono {
	vertical-align:middle;
	text-align:left;
	/*  */
	width:128px;
	padding-top:6px;
	/*  */
	
	font-size:13px;
	color:#666633;
}

.cab_general_mcd {
	width:83px;
	padding-top:6px;
	vertical-align:middle;
	text-align:left;
	font-size:11px;
}

.cab_general_fb {
	width:132px;
	vertical-align:middle;
	text-align:left;
	/*  */
	padding-top:6px;
	/*  */
}

.cab_general_estrella {
	vertical-align:middle;
	text-align:left;
	/*  */
	padding-top:2px;
	/*  */
}

td.cabecera_menu {
	height:26px;
	vertical-align:middle;
	text-align:left;

	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

a.cabecera_menu, a.cabecera_menu:link, a.cabecera_menu:visited {
	color:#FFFFFF;
	text-decoration:none;
}

a.cabecera_menu:hover {
	color:#666633;
	text-decoration:none;
}

/*------------------------------------------------------------------------------*/

/*Fichero: estilos_clientes.css-------------------------------------------------*/
/* Estilos para las ventanas */

/*  */

/**
*	Obtenemos el User agent del navegador cliente. Esto es necesario porque se harán ciertos ajustes específicos para algunos navegadores.
*
*	*
*	User agent: Unknown*
*	User agents: Firefox, MSIE, Safari, Opera
*/

td.logo_cell {
	padding:5px;
}

img.logo_cell {
	border:1px solid #D6CF00;
	width:100px;
	height:75px;
}

img.logo_cell_hover {
	border:1px solid #FFFF00;
	width:100px;
	height:75px;
}

/*------------------------------------------------------------------------------*/

/*Fichero: estilos_ventanas.css-------------------------------------------------*/
/* Estilos para las ventanas */

/*  */

/**
*	Obtenemos el User agent del navegador cliente. Esto es necesario porque se harán ciertos ajustes específicos para algunos navegadores.
*
*	*
*	User agent: Unknown*
*	User agents: Firefox, MSIE, Safari, Opera
*/

.tablaVentanita {
	width:387px;
	height:174px;
	background-image:url("http://www.contactcomunicacion.com/templates/default/images/cuadroVentana.png");
	background-position:top left;
	background-repeat:no-repeat;
}

.icoCerrar {
	text-align:right;
	vertical-align:top;
	padding:16px 16px 0px 0px;
	cursor:pointer;
	height:1%;
}

.msg1 {
	text-align:center;
	font-size:16px;
	color:#999900;
	height:100%;
	vertical-align:middle;
	padding:0px 10px 0px 10px;
	line-height:19px;
}

.msg2 {
	text-align:left;
	font-size:14px;
	color:#999900;
	padding:0px 0px 12px 22px;
	height:1%;
}

.msg3 {
	text-align:left;
	font-size:12px;
	color:#666633;
	padding:0px 0px 12px 22px;
	height:1%;
	font-weight:bold;
}

/*------------------------------------------------------------------------------*/

/*Fichero: inicio.css-----------------------------------------------------------*/
/* Estilos para la página de inicio */

/*  */

/**
*	Obtenemos el User agent del navegador cliente. Esto es necesario porque se harán ciertos ajustes específicos para algunos navegadores.
*
*	*
*	User agent: Unknown*
*	User agents: Firefox, MSIE, Safari, Opera
*/
.tabla_inicio {
	width:1008px;
	background-image:url('http://www.contactcomunicacion.com/templates/default/images/DegradadoFondo2.png');
	background-position:0px 30px;
	background-repeat:repeat-x;
}

.tabla_inicio2 {
	width:1008px;
	background-image:url('http://www.contactcomunicacion.com/templates/default/images/DegradadoFondo2.png');
	background-repeat:repeat-x;
}

.cabecera_inicio {
	height:136px;
	vertical-align:middle;
}

.cab_inicio_logo {
	height:84px;
	vertical-align:middle;
	padding-left:10px;
	width:273px;
	text-align:left;
}

.cab_inicio_menu1 {
	height:84px;
	vertical-align:middle;
	width:204px;
	text-align:left;
	
	font-size:16px;
	font-weight:bold;
	color:#666633;
}

.cab_inicio_menu2 {
	height:84px;
	vertical-align:middle;
	width:112px;
	text-align:left;
	
	font-size:16px;
	font-weight:bold;
	color:#666633;
}

a.cab_inicio_menulink, a.cab_inicio_menulink:link, a.cab_inicio_menulink:visited {
	color:#666633;
	text-decoration:none;
}

a.cab_inicio_menulink:hover {
	color:#999900;
	text-decoration:none;
}

.cab_inicio_telefono {
	height:84px;
	vertical-align:middle;
	width:128px;
	text-align:left;
	
	font-size:13px;
	color:#666633;
}

.cab_inicio_mcd {
	height:84px;
	width:83px;
	vertical-align:middle;
	text-align:left;
	font-size:11px;
}

.cab_inicio_fb {
	height:84px;
	width:119px;
	vertical-align:middle;
	text-align:left;
}

.cab_inicio_estrella {
	height:84px;
	vertical-align:middle;
	text-align:right;
}

.menu1_inicio {
	height:374px;
	vertical-align:top;
}

.gif_gigante {
	vertical-align:middle;
	padding-left:14px;
	text-align:left;
	width:824px;
}

td.menus_derecha {
	vertical-align:middle;
	text-align:left;
}

/*table.menus_derecha {
}*/

td.inicio_menu {
	height:26px;
	vertical-align:middle;
	text-align:left;

	font-size:14px;
	color:#666633;
	font-weight:bold;
}

a.inicio_menu, a.inicio_menu:link, a.inicio_menu:visited {
	color:#666633;
	text-decoration:none;
}

a.inicio_menu:hover {
	color:#999900;
	text-decoration:none;
}

.menu2_inicio { /*y faltan 30*/
	height:121px;
	vertical-align:top;
	text-align:left;
}

td.inicio_menu2 {
	height:91px;
	vertical-align:middle;
	text-align:center;

	font-size:18px;
	color:#000000;
}

a.inicio_menu2, a.inicio_menu2:link, a.inicio_menu2:visited {
	color:#000000;
	text-decoration:none;
}

a.inicio_menu2:hover {
	color:#999900;
	text-decoration:none;
}

a.inicio_menu2b, a.inicio_menu2b:link, a.inicio_menu2b:visited {
	color:#999900;
	text-decoration:none;
}

a.inicio_menu2b:hover {
	color:#999900;
	text-decoration:none;
}

.inicio_menu2_sep {
	height:91px;
	vertical-align:middle;
	text-align:center;
}

.explicacion_inicio {
	height:470px;
	vertical-align:top;
	text-align:left;
	padding:30px 65px 0px 65px;
	display:none;
}

.explicacion_izq {
	width:472px;
	vertical-align:top;
	text-align:left;
}

.explicacion_der {
	padding-top:40px;
	vertical-align:top;
	text-align:right;
}

.explicacion_titulo {
	text-align:left;
	vertical-align:top;
	padding-bottom:40px;

	font-size:32px;
	color:#999900;
}

.explicacion_texto {
	text-align:justify;
	color:#000000;
	font-size:16px;
	line-height:19px;
}

.explicacion_inicio_1, .explicacion_inicio_2, .explicacion_inicio_3, .explicacion_inicio_4, #oramaTip { display:none; }

.linksinicio1 {
	padding-top:35px;
}

.mkMovil1 {
	vertical-align:middle;
	width:36px;
	text-align:left;
	padding-bottom:15px;
}

td.mkMovil2 {
	vertical-align:middle;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding-bottom:15px;
}

.mkMovil3 {
	vertical-align:middle;
	text-align:right;
	padding-top:20px;
	padding-bottom:70px;
}

a.mkMovil2, a.mkMovil2:link, a.mkMovil2:visited {
	color:#333333;
	text-decoration:none;
}

a.mkMovil2:hover {
	color:#333333;
	text-decoration:underline;
}

.mkMovil4 {
	vertical-align:bottom;
	text-align:left;
}
/*------------------------------------------------------------------------------*/

/*Fichero: pantallas.css--------------------------------------------------------*/
/* Estilos para las pantallas */

/*  */

/**
*	Obtenemos el User agent del navegador cliente. Esto es necesario porque se harán ciertos ajustes específicos para algunos navegadores.
*
*	*
*	User agent: Unknown*
*	User agents: Firefox, MSIE, Safari, Opera
*/

/* Título para todas las pantallas, o eso espero */
.titulo_pantalla {
	vertical-align:top;
	text-align:left;
	padding:53px 0px 0px 38px;

	font-size:30px;
	color:#999900;
}

.titulo_pantalla2 {
	vertical-align:top;
	text-align:left;
	padding:53px 0px 0px 38px;

	font-size:30px;
	color:#666633;
}

/* Pantalla Contact Comunicacion */
.cita_einstein {
	vertical-align:top;
	text-align:left;
	padding:39px 0px 0px 38px;
}

.contact_col1 {
	width:50%;
	vertical-align:top;
	text-align:left;
	padding:58px 22px 0px 38px;
}

.contact_col2 {
	width:50%;
	vertical-align:top;
	text-align:right;
	padding:58px 48px 0px 22px;
}

.textos_contact_1 {
	font-size:15px;
	line-height:18px;
	color:#000000;
	text-align:justify;
	padding-bottom:38px;
}

.textos_contact_2 {
	font-size:15px;
	line-height:18px;
	color:#999900;
	text-align:justify;
	padding-bottom:38px;
}

.textos_contact_3 {
	font-size:18px;
	color:#999900;
	text-align:justify;
	padding-bottom:38px;
}

/* Pantalla formulario de contacto */
.descripcion_contacto {
	font-size:14px;
	color:#666666;
	/*  */
	font-family: MuthaFucker2;
	/*  */
	padding:40px 0px 0px 38px;
}

.formulario_contacto {
	padding:45px 38px 0px 38px;
}

.texto_formulario {
	font-size:14px;
	color:#000000;
	text-align:left;
	vertical-align:middle;
	padding-bottom:8px;
}

.caja_formulario {
	vertical-align:middle;
	padding-bottom:8px;
}

.texto_direccion1 {
	font-size:13px;
	color:#999900;
	padding-bottom:5px;
	text-align:center;
	font-weight:bold; /* I'm BoldMan! */
}

td.texto_direccion2 {
	font-size:12px;
	color:#000000;
	padding-bottom:5px;
	text-align:center;
}

a.texto_direccion2, a.texto_direccion2:link, a.texto_direccion2:visited {
	font-size:13px;
	color:#000000;
	text-decoration:none;
	font-weight:bold; /* I'm BoldMan! */
}

a.texto_direccion2:hover {
	font-size:13px;
	color:#999900;
	text-decoration:none;
	font-weight:bold; /* I'm BoldMan! */
}

/* Pantalla contact 2.0 */
.contenedor_2_0 {
	padding:18px 48px 0px 72px;
}

.columna1_2_0 {
	vertical-align:top;
	text-align:left;
	width:609px;
}

.columna1_2_1 {
	vertical-align:top;
	text-align:left;
}

.burbujaEnlace {
	height:364px;
	background-image:url("http://www.contactcomunicacion.com/templates/default/images/burbujaEnlace.png");
	background-position:top left;
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:left;
	padding-left:26px;
}

.separadorBurbujas {
	height:18px;
}

.tablaRara {
	width:276px;
	background-color:#eeeeee;
}

.tablaRara_Sup {
	width:276px;
	height:16px;
	vertical-align:bottom;
	text-align:center;
}

.tablaRara_Inf {
	width:276px;
	height:16px;
	vertical-align:top;
	text-align:center;
}

.tablaRara_Central {
	width:276px;
	background-image:url("http://www.contactcomunicacion.com/templates/default/images/tablaRara_Central.png");
	background-position:top left;
	background-repeat:no-repeat;
	padding:15px;
}

.descargas_icono {
	text-align:left;
	vertical-align:top;
	padding-bottom:22px;
}

td.descargas_titulo {
	text-align:justify;
	vertical-align:top;
	/*padding-bottom:20px;*/

	font-size:16px;
	line-height:19px;
	color:#666666;
}

a.descargas_titulo, a.descargas_titulo:link, a.descargas_titulo:visited {
	color:#666666;
	text-decoration:none;
}

a.descargas_titulo:hover {
	color:#666666;
	text-decoration:underline;
}

.descargas_subtitulo {
	text-align:justify;
	vertical-align:top;
	padding-top:20px;

	font-size:13px;
	line-height:16px;
	color:#666666;
}

.descargas_enlace {
	text-align:right;
	vertical-align:top;
	padding-top:16px;
	padding-bottom:40px;
}

.descargas_enlace1 {
	vertical-align:middle;
	text-align:left;
	padding-right:10px;
}

td.descargas_enlace2 {
	vertical-align:middle;
	text-align:left;
	white-space:nowrap;
	font-size:12px;
}

a.descargas_enlace2, a.descargas_enlace2:link, a.descargas_enlace2:visited {
	color:#336699;
	text-decoration:none;
}

a.descargas_enlace2:hover {
	color:#336699;
	text-decoration:underline;
}

.pantallazoDescargas {
	border:3px solid #cccccc;
}

.pantallazoDescargas2 {
	border:3px solid #666666;
}

.pantallitaDescargas {
	border:1px solid #cccccc;
}

.pantallitaDescargas2 {
	border:1px solid #666666;
}

/* Pantalla servicios */
.servicios_textos {
	padding:40px 0px 40px 38px;
	vertical-align:top;
	width:380px;
}

.servicios_imagen {
	padding:0px 58px 40px 0px;
	vertical-align:middle;
	text-align:right;
}

.texto_servicios {
	font-size:14px;
	line-height:18px;
	color:#000000;
	padding-bottom:20px;
	text-align:justify;
}

.texto_servicios2 {
	font-size:14px;
	line-height:18px;
	color:#666633;
	padding-bottom:6px;
	text-align:left;
}

/* Formulario trabajo */
.descripcion_trabajo {
	font-size:14px;
	color:#666666;
	/*  */
	font-family: MuthaFucker2;
	/*  */
}

.trabaja_formulario {
	padding:40px 0px 40px 38px;
	vertical-align:top;
	width:560px;
}

.trabaja_imagen {
	padding:20px 58px 40px 0px;
	vertical-align:middle;
	text-align:right;
}

.texto_formulario2 {
	font-size:14px;
	color:#000000;
	text-align:left;
	vertical-align:middle;
	padding-bottom:2px;
}

.caja_formulario2 {
	vertical-align:middle;
	padding-bottom:2px;
}

/*------------------------------------------------------------------------------*/

/*Fichero: pie.css--------------------------------------------------------------*/
/* Estilos para el pie de página */

/*  */

/**
*	Obtenemos el User agent del navegador cliente. Esto es necesario porque se harán ciertos ajustes específicos para algunos navegadores.
*
*	*
*	User agent: Unknown*
*	User agents: Firefox, MSIE, Safari, Opera
*/

table.base_pie {
	background-color:#5f6425;
	width:1007px;
	height:30px;
}

td.celda_pie {
	color:#d6cf00;
	white-space:nowrap;
	text-align:center;
	vertical-align:top;
	padding:10px 5px 0px 5px;
	font-family: "Bauhaus 93", Arial, Verdana, Geneva; /* Exploter va a petardear aquí */
}

td.espacio_pie {
	color:#d6cf00;
	font-size:14px;
	white-space:nowrap;
	width:100%;
	vertical-align:top;
	padding:10px 5px 0px 20px;
	font-family: "Bauhaus 93", Arial, Verdana, Geneva; /* Exploter va a petardear aquí */
	text-align:left;
}
/*------------------------------------------------------------------------------*/

/*Fichero: intranet.css---------------------------------------------------------*/
/* Para la intranet */
.cab_inicio_zonaprivada {
	height:84px;
	vertical-align:middle;
	width:646px;
	text-align:center;

	font-size:24px;
	font-weight:bold;
	color:#666633;
}

.cab_general_zonaprivada {
	height:84px;
	vertical-align:middle;
	width:444px;
	text-align:center;

	font-size:18px;
	font-weight:bold;
	color:#666633;
}


.cab_general_usuario {
	height:84px;
	vertical-align:middle;
	width:202px;
	text-align:left;

	font-size:13px;
	color:#666633;
}

td.botonera {
	padding:10px;
	/*
	background-color:#9FF184;
	color:#00007F;
	*/
}

table.botonera {
	font-size:10px;
}

table.listado {
	border:1px solid #8BE67F;
	margin:10px;
}

td.cabecera_man {
	border-top:1px solid #8BE67F;
	border-bottom:1px solid #8BE67F;
	background-color:#008000;
	padding:5px;
	vertical-align:50%;
	color:#FFFFFF; /*#8BE67F;*/
}

.cabecera_man a:link, .cabecera_man a:active, .cabecera_man a:visited {
	text-decoration:none;
	color:#FFFFFF;
}

.cabecera_man a:hover {
	color:#FFFFFF;
	background-color: #00007F;
}

td.fila {
	padding:5px;
	vertical-align:top;
	background-color:#b1b8f8;
	color:#00004f;
	/*background-color:#8BE67F;*/	
}

td.fila_impar {
	padding:5px;
	vertical-align:top;
	background-color:#b1b8f8;
	color:#00004f;
}

td.fila_par {
	padding:5px;
	vertical-align:top;
	background-color:#eceefb;
	color:#00004f;
}

td.title {
	color:#008000;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #8BE67F;
	padding:5px;
}

.title {
	color:#008000;
	font-weight:bold;
	font-size:16px;
}

td.title2 {
	color:#008000;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid #8BE67F;
	padding:5px;
}

.title2 {
	color:#008000;
	font-weight:bold;
	font-size:14px;
}

.field {
	color:#008000;
	font-weight:bold;
}

td.field {
	color:#008000;
	font-weight:bold;
	padding:5px;
	vertical-align:top;
}

/*------------------------------------------------------------------------------*/