/* ------ guía de estilo gráfico para nexomania.com ------ */

/* ------ valores por defecto y barra de desplazamiento ------ */

body {
  background-color: #ffffff;
/* ------ color de fondo por defecto ------ */
  color: #454545;
/* ------ texto por defecto ------ */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
   margin-top: 0px;
	margin-right: 0px;
	/*
	margin-bottom: 0px;
	margin-left: 0px;
	margin-left: auto;
   margin-right: auto
*/
  /* sólo para Internet Explorer */
   scrollbar-face-color: #f3f3f3;
   scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #c0c0c0;
	scrollbar-3dlight-color: #c0c0c0;
	scrollbar-arrow-color:  #333333;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
}

/* ------ titulo de secciones ------ */
div.caja {
	background: #ffffff left;
	border: 1px dashed #9ec4ff;
	padding: 5px;
	margin-bottom: 1px;
	float: left;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	color: #0066ff;
	font-size: 12px;
	letter-spacing: 1;
}

div.vacio {
	background: transparent;
	padding: 0px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

div.sin {
	background: #ffffff left;
	padding: 5px;
	margin-bottom: 1px;
	width: 95%;
	float: left;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	color: #0066ff;
	font-size: 12px;
	letter-spacing: 1;
}

div.vacio2 {
	background: #ffffff left;
	padding: 1px;
	width: 95%;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

div.gris {
	background: #e7e7e7 left;
	border: 1px dashed #515151;
	padding: 5px;
	margin-bottom: 1px;
	float: left;
	width: 95%;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	color: #1e1e1e;
	font-size: 12px;
	letter-spacing: 1;
	line-height: 160%;
}

div.cabecera{
	background: #A1C1FF;
	border-bottom: 0px dashed #0F77FF;
	margin-bottom: 0px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	color: #000066;
	float: center;
}
/* ------ div en horizontal ------ */

td.inicio {
  background-color: transparent;
  color: #3A7BED;/* #1e1e1e; */
	font-size: 12px;
	letter-spacing: 1;
	line-height: 150%;
}

/* ------ letras -------------------------------------------------------------------- */
.H1 {
  background-color: transparent;
  color: #000066;
  font-size: 10px;
}

/* 

.H1 {
  background-color: transparent;
  color: #000066;
  font-size: 12px;
  letter-spacing: 1;
}

.H1:hover {
	background-color: transparent;
	color: #000066;
	font-size: 12px;
	font-style: letter-spacing: 1;
}
------ */


.H2 {
  background-color: #ffffff;
  color: #333333
  font-size: 12px;
  font-weight: bold;
}

.H3 {
  background-color: #ffffff;
  color: #3A7BED;
	font-size: 12px;
	letter-spacing: 2;
	line-height: 180%;
}

.tblanco {
	color: #ffffff;
}

.tazul {
  color: #3333cc;
}

.title {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.tpeque {
	background-color: transparent;
	color: #454545;
	font-size: 10px;
	text-align: left;
}

.tpequeplus {
	background-color: transparent;
	color: #717171;
	font-size: 10px;
	text-align: left;
}

.texto {
  background-color: #ffffff;
  color: #808080;
  font-size: 12px;
  align=justify;
  line-height: 17px;
}

.superior {
	background-color: #A1C1FF;
	color: #454545;
	font-size: 11px;
	text-align: left;
}

.tgris{
	background-color: transparent;
	color: #e7e7e7;
	font-size: 10px;
	text-align: left;
}

SPAN { 
  letter-spacing: 1;
}

/* ------ ENLACES ------------------------------------------------------------------------- */
/* ------ enlace destacado ------ */

.tema {
  color: #3333cc;
}

A.tema:link, A.tema:visited, A.tema:active {
	COLOR: #3333cc;
	text-decoration: none;
	border-bottom:1px dotted #0066ff;
	background-color : E3F0FF;	
}

A.tema:hover {
	COLOR: #000153;
	text-decoration: underline;
	border-bottom: 0px dotted #0066ff;
	background-color: E3F0FF;
}


/*--enlace base -------------------*/

a{}

a:link {  
color: #0066ff;
text-decoration: underline;
background-color : transparent;	
}

a:visited, a:active {
color: #0066ff;
	text-decoration: underline;
	background-color : transparent;	
}

a:hover { 
color: #0066ff;
text-decoration: none;  
background-color : transparent; 
}

/*--enlace sub-------------------*/

a.sub{}

a.sub:link {  
color: #0066ff;
text-decoration: none;
background-color : transparent;	
}

a.sub:visited, a.sub:active {
color: #0066ff;
	text-decoration: none;
	background-color : transparent;	
}

a.sub:hover { 
color: #0066ff;
text-decoration: underline;  
background-color : transparent; 
}

/* ------ a tipo enlace cuadrado ------ */
.tipo {
	color: #202020;
	text-align: center;
}

A.tipo {
	COLOR: #A1C1FF;
	text-decoration: none;
	background-color: #000153;
	padding: 10px;
}

A.tipo:link, A.tipo:visited, A.tipo:active {
	COLOR: #A1C1FF;
	text-decoration: none;
	background-color: #000153;
	padding: 10px;
}

A.tipo:hover {
	COLOR: #0e0e0e;
	text-decoration: none;
	background-color: #74c400;
	padding: 10px;
}

/*-- enlaces imagenes  --------------------------------*/

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

pix {
	border: none;
	margin: 0;
	padding: 0;
 }

a.pix:link, a.pix:visited, a.pix:active, a.pix:hover {
	background-color: transparent;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
}
/* ------ pie de página ------ */
.pie {
	color: #454545;
	font-size: 10px;
	text-align: center;
}

A.pie {
  text-decoration: none;
  background-color : transparent;
}

A.pie:link {
	COLOR: #454545
}
A.pie:visited {
	COLOR: #454545
}

A.pie:hover {
	COLOR: #454545
}

A.pie:active {
	COLOR: #454545;
	text-decoration: underline;  
} 
	
/*--  caja buscador   ------------------------------------------------*/
.textarea {
	height: 28px;
	color: Blue;
	font-size: 14px;
}

/*-- paginas corporativas  ------------------------------------------------*/
#contenedor {
	width: 66%;
	padding: 0 2%;
	margin: 0;
	float: left;
}

div.espacio {
	background: transparent;
	padding: 0px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


/*-- betas ------------------------------------------------*/
div.tronco {
	background: transparent;
	border: 1px solid #BCBCBC;
	text-align: center;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0 auto;
	width: 90%;
	float: center;
}

div.columna1 {
	background: transparent;
	border: 1px solid #BCBCBC;
	text-align: center;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0 auto;
	width: 24%;
	float: left;
	color: #3A7BED;/* #1e1e1e; */
	font-size: 12px;
	letter-spacing: 1;
	line-height: 150%;
}
div.columna2 {
	background: transparent;
	border: 1px solid #BCBCBC;
	text-align: center;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0 auto;
	width: 25%;
	float: left;
	color: #3A7BED;
	font-size: 12px;
	letter-spacing: 1;
	line-height: 150%;
}
div.columna3 {
	background: transparent;
	border: 1px solid #BCBCBC;
	text-align: center;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0 auto;
	width: 20%;
	float: right;
	color: #3A7BED;
	font-size: 12px;
	letter-spacing: 1;
	line-height: 150%;
}

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

















ul#navigation {
    list-style-type: none;
    margin: 0;
    padding: 1.75em 1em;
    text-transform: lowercase;
    width: auto;
}
ul#navigation a {
    background: #F5F5F5;
	 color: Blue;
    font-size: medium;
    padding: 0.2em 0.5em;
}
ul#navigation a:hover {
	background: Highlight;
	color: ButtonHighlight;
}
ul#navigation li {
    float: left;
}
ul#navigation li.access {
    float: right;
}