@import url(menuSpamina.css);

/*****************************************/
 
#contenedor {
	position:absolute; 
	left:50%; 
	width:752px; 
	height:527px; 
	margin-left:-376px;
	margin-top:14px;
	background-color:#FFFFFF;
	border-color:black;
	border-width:1px;
	border-style:solid;
}

body{
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;	
	text-align:justify;	
}

#margen_sup{
	height:15px;
}


/************* BARRA TOP ***************/

#contenedor #barra_top {
	background-color:#0068C3;
	width:100%;
	height:75px;
	color:#FFFFFF;
	font-weight:bold;	
	text-transform: uppercase;
	border-bottom:1px solid #BFD9F0;
}

#barra_top {
	background-color:#0068C3;
}

#contenedor #barra_top #titulo{
	padding-left:12px;
	margin-top:0px;
	float:left;
	z-index:1;
}

#logo {
	position:absolute;
	background-image:url(/images/spamina.gif);
	background-repeat:no-repeat;
	float:left;
	display:inline;
	margin-left:1.3em;
	margin-top:1.5em;
}

#logo_interior {
	background-image:url(/images/spamina.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	position:relative;
	width:173px;
	height:40px;
	top:1.1em;
	left:1.3em;
}

#contenedor #barra_top #menu a{
	font-size: 10px;
	text-decoration: none;
	color:#0076CC;
	text-transform: uppercase;
	font-weight:bold;	
}

#contenedor #barra_top #menu a:hover{
	font-size: 10px;
	text-decoration: underline;
	color:#FFFFFF;
	text-transform: uppercase;	
}

#contenedor #barra_top #antispam{
	font-size:12px;
	letter-spacing: 5px;
	position:absolute;
	left:628px;
}

#contenedor #barra_top #navidad{
	font-size:12px;
	letter-spacing: 5px;
	position:absolute;
	left:213px;
	display:inline;
}

#contenedor #barra_top #antispam span{
	position:relative;
	left:3px;
}

/************* BARRA LEFT **************/

#contenedor #barra_left {
	width:181px;
	margin-bottom:1px;
	background-color:#D9E8F6;
	float:left;
}

#contenedor #barra_left #demo{
	width:100%;
	height:130px;
	background-color:#66A4DB;
	margin-bottom:1px;
}

#contenedor #barra_left #login{
	width:100%;
	height:185px;
	background-color:#D6E3F7;
	margin-bottom:1px;	
}


#contenedor #barra_left #empresas{
	width:100%;
	height:110px;
	background-color:#9CC7EF;
	margin-bottom:1px;
}

#boton0{
	position:relative;
	top:5px;
}

#boton1{
	position:relative;
	top:5px;
}


#margen {
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#txt_info {
	font-size: 9px;
	font-weight: bold;
	color: #E2EEF8;
	text-decoration: none;
	text-align:justify;
	left:27px;	
	position:relative;
	width:130px;	
	margin-top:10px;
}

#txt_login {
	font-size: 12px;
	font-weight: bold;
	color: #0068C3;
	text-decoration: none;
	text-align:justify;
	left:27px;	
	position:relative;
}

#datos_incorrectos {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	position:relative;
	left:15px;	
	top:5px;
	width:160px;
}

#txt_login2 {
	font-size: 12px;
	font-weight: bold;
	color: #0068C3;
	text-decoration: none;
	text-align:justify;
	left:27px;	
	position:relative;
	top:7px;
}

#img_demo{
	position:relative;
	margin-top:10px;
	margin-bottom:1px;
	left:25px;
	font-size: 11px;
	font-weight: bold;
	color: #0068C3;	
}

#img_click{
	position:relative;
	margin-bottom:1px;
	top:10px;
	left:25px;
}

#img_login{
	position:relative;
	margin-bottom:1px;
	top:18px;
	left:25px;
}

.input_txt {
	border: 1px solid #0068C3;
	font-size: 11px;
}

#contenedor #barra_left #login #margen #txt_contraseņa {
	position:relative;
	top:5px;
	left:5px;
}

#contenedor #barra_left #login #margen #txt_contraseņa a{
	font-size: 11px;
	font-weight:bold;
	color:#0068C3;
	text-decoration:none;
}

#contenedor #barra_left #login #margen #txt_contraseņa a:hover{
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
}

/************* CONTENIDO ***************/

#contenedor #contenido {
	position:absolute;
	left:205px;
	top:100px;
	bottom:10px;
	right:10px;
}

#contenedor #contenido #titulo{
	position:absolute;
	font-size:1.8em;
	font-weight:bold;
	color:#F33500;
	letter-spacing: -1px;
	z-index:2;
}

#contenedor #contenido #ventajas{
	position:relative;
	top:30px;
}

#contenedor #contenido #ventajas #items_ventajas #ventaja{
	font-size:18px;
	font-weight:bold;
	color:#B5B3B3;
	padding-top:6px;
}

#img_contenido{
	position:absolute;
	left:32em;
	top:-4em;
	z-index:1;
}

#contenedor #contenido #titulo_sintomas{
	font-size:18px;
	color:#F33500;
	padding-top:70px;
	letter-spacing: -1px;	
	position:relative;
	left:0px;
	top:-20px;
}

#contenedor #contenido #sintomas{
	position:relative;
	top:-15px;
	left:0px;
	width:400px;
}

#contenedor #contenido #sintomas #sintoma{
	font-size:11px;
	font-weight:bold;
	color:#B5B3B3;
	padding-top:6px;
	text-align:left;
}
#slogan{
	font-size:12px;
	font-weight:bold;
	color:#B5B3B3;
	position:relative;	
	top:2em;
	left:200px;
	float:left;
}

#menu_inferior{
	position:relative;
	left:-0.3em;
	top:3.5em;
	border-top:1px dashed #B2D2ED;
	padding-top:5px;
	width:530px;
	height:100px;
}

#como_funciona{
	position:relative;
	top:-6.4em;
	left:17.3em;
	width:165px;
	height:65px;
	padding-top:0.7em;
	border-right:1px dashed #B2D2ED;		
}

#como_funciona a{
	font-size: 14px;
	font-weight: bold;
	color: #F33500;
	text-decoration: none;
}

#como_funciona a:hover{
	text-decoration: underline;
}

#soporte_online{
	position:relative;
	top:-11.7em;
	left:33.4em;
	width:155px;
}
#activacion{
	position:relative;
	top:-0.5em;
	left: 1em;
	width:165px;
	height:65px;
	padding-top:0.7em;
	border-right:1px dashed #B2D2ED;		
}

/*
#contratacion{
	position:relative;	
	top:-11.3em;
	left:1em;
	width:167px;
	height:65px;
	padding-top:0.8em;
	border-right:1px dashed #B2D2ED;	
}
*/
.titulo_celeste {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0068C3;
	text-decoration: none;
}

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


/**************** PIE ******************/
#contenedor #barra_pie {
	position:absolute;
	top:505px;
	left:0px;
	width:100%;
	height:20px;
	background-color:#B3D2ED;
}

#barra_pie {
	background-color:#B3D2ED;
	background-repeat:no-repeat;
	background-position:28em 0.4em;	
 }

#pie_legal{
	position:absolute;
	height:43px;
	top:543px;
	left:0px;
	width:100%;
	color:#AAA;
}
#pie_legal a{
	color:#AAA;
	font-weight:bold;
}

#pie_legal_int{
	position:relative;
	height:43px;
	top:2px;
	width:100%;
	color:#AAA;
}

#pie_legal_int a{
	color:#AAA;
	font-weight:bold;
}

.txt_producido{
	color:#000;
}

#flash{
	position:relative;
	left:-0.1em;
}

#img_producido_interior{
	position:relative;
/*	float:left;
	display:inline;*/
	top:1px;
	left:1px;
	width:58;
	background-image:url(/images/producidopor.gif);
	background-repeat:no-repeat;
}

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

input {font-family:  Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333 ; BORDER-RIGHT: #1E4D8B 1px solid; BORDER-TOP: #1E4D8B 1px solid; BACKGROUND: #FFFFFF; BORDER-LEFT: #1E4D8B 1px solid; BORDER-BOTTOM: #1E4D8B 1px solid;}
select {font-family:  Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333 ; BORDER-RIGHT: #1E4D8B 1px solid; BORDER-TOP: #1E4D8B 1px solid; BACKGROUND: #FFFFFF; BORDER-LEFT: #1E4D8B 1px solid; BORDER-BOTTOM: #1E4D8B 1px solid;}
input.checkbox {font-family:  Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; border:0;  }
input.entrar {font-family:  Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333 ; BORDER-RIGHT: #1E4D8B 0px solid; BORDER-TOP: #1E4D8B 0px solid; BACKGROUND: #FFFFFF; BORDER-LEFT: #1E4D8B 0px solid; BORDER-BOTTOM: #1E4D8B 0px solid;}
textarea {font-family:  Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333 ; BORDER-RIGHT: #1E4D8B 1px solid; BORDER-TOP: #1E4D8B 1px solid; BACKGROUND: #FFFFFF; BORDER-LEFT: #1E4D8B 1px solid; BORDER-BOTTOM: #1E4D8B 1px solid }


h1.home {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	font-style: normal;
	color: #1E4D8B;
	font-weight: bold;
	text-decoration:none;
}

.titulo_seccion{
	padding-top:5px;
	color:#CCE1F3;
	font-size:26px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: -1px;	
}

h1{
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
	top:-0.3em;
	left:0.2em;
	color:#CCE1F3;
	font-size:22px;
	font-weight:bold;
	letter-spacing: 2px;	
}


a {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #1E4D8B;
	font-weight: bold;
	text-decoration:none;
}

a:hover {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #1E7D8F;
	font-weight: bold;
	text-decoration:underline;
}

a.link11 {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #1E4D8B;
	font-weight: bold;
	text-decoration:none;
}

a.link11:hover {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #1E7D8F;
	font-weight: bold;
	text-decoration:underline;
}


TD,TR,TH,TABLE,BODY {
	color : #000000;
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size : 11px;

}

td.bordetd {
  border-color: #1E4D8B;
  border-style: solid;
  border-width: 1px;

}

.titulo11n{
color : #000000;
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size : 11px;
	font-weight:bold;
}

.titulo {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #0068C3;
/*	font-weight: bold;*/
	text-decoration: none;
}


.titulo2 {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #1E4D8B;
	font-weight: bold;
	text-decoration: none;
}

.titulo3 {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #1E4D8B;
	font-weight: bold;
	text-decoration: none;
}
.titulo4 {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #1E4D8B;
	font-weight: bold;
	text-decoration: none;
}
.bg_menu{
	background-image:url(/images/barra_menu.gif);
	background-repeat:repeat;
}

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color:#0076CC;
	text-transform: uppercase;
	text-align:center;	
	font-weight:bold;
	height:22px; 
	
	background-image:url(/images/barra_menu.gif);
	background-repeat:repeat;
	padding:1px 7px 0px 7px;
}

.menu_hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color:#FFFFFF;
	text-transform: uppercase;
	text-align:center;	
	cursor:pointer;
	font-weight:bold;	

	background-image:url(/images/barra_menu.gif);
	background-repeat:repeat;
	padding:1px 7px 0px 7px;	
}

.menu_selecc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;	
	color:#FFFFFF;		
	text-transform: uppercase;			
	text-align:center;		
	font-weight:bold;	
	height:22px;
	
	background-image:url(/images/barra_menu.gif);
	background-repeat:repeat;
	padding:1px 7px 0px 7px;	
}

.menu_selecc_hover{
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	text-transform: uppercase;		
	text-align:center;		
	font-weight:bold;		

	background-image:url(/images/barra_menu.gif);
	background-repeat:repeat;
	padding:1px 7px 0px 7px;	
}

.space{
	background-image:url(/images/barra_menu.gif);
	background-repeat:repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#0076CC;
	text-transform: uppercase;
	text-align:center;	
	font-weight:bold;

	padding-bottom:5px;
	padding-top:5px;
	padding:5px 1px 5px 1px;
}


td.lineas {color: #333333 ; BORDER-RIGHT: #A5A8A8 1px solid; BORDER-TOP: #A5A8A8 1px solid; BACKGROUND: #FFFFFF; BORDER-LEFT: #A5A8A8 1px solid; BORDER-BOTTOM: #A5A8A8 1px solid;}
TD.col{
height:25px;
	
}

.style9 {color: #003366}
.style10 {color: #063A7E}
.submenu {
	font-size: 11px;
	font-weight: bold;
	color: #0068C3;
	text-decoration: none;
}
a.submenu {
	font-size: 11px;
	font-weight: bold;
	color: #88B8E3;
	text-decoration: none;
}
a.submenu:hover{
	font-size: 11px;
	font-weight: bold;
	color: #88B8E3;
	text-decoration: underline;
}
a.legal {
	font-size: 11px;
	font-weight: bold;
	color: #AAA;
	text-decoration: none;
}
a.legal:hover {
	font-size: 11px;
	font-weight: bold;
	color: #AAA;
	text-decoration: underline;
}

a.lnk_tour {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #1E4D8B;
	font-weight: bold;
	text-decoration:none;
}

a.lnk_tour:hover {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #1E7D8F;
	font-weight: bold;
	text-decoration:underline;
}

.item      { background-color:#E2EBEB; font-size:14px; font-weight:bold; color:#000000; text-align:center; width:20px; vertical-align:middle;}
.txt_icon  { font-weight:bold; font-size:14px;}
.highlight { background-color:#FFFF33; font-weight:bold; color:#1E4D8B;}