html, body {
	background: #196B8C;
	padding:0;
	margin:0;
	text-align:center; 
	font-size: 100%; /* Resets 1em to 10px */
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	} 
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* LAYOUT */

.left, .columna-witland, #menu2 li, .center {	
	float: left;
	}
	
.right2 {	
	float: right;
	margin-right: 30px;
	//margin-right: 20px; /* HACK IE */
	}

.izquierda {	
	float: left;
	}
	
.derecha {	
	float: right;
	}
	
#page-home, #page-interna, #page-witland1, #page-witland2, #page-empresa, #page-witland1en, #page-witland3 {
	width: 793px;
	margin: 0px auto;
	}
	
#page-home, #page-interna, #page-empresa  {
	height: 720px;
	}
	
#page-witland1, #page-witland2, #page-witland1en, #page-witland3	{
	height: 760px;
	}
	
#page-witland1 {
	background: url("img/fondo-witland1.jpg") no-repeat top center;
	}
	
#page-witland1en {
	background: url("img/fondo-witland1-en.jpg") no-repeat top center;
	}
	
#page-witland2	{
	background: url("img/fondo-witland2.jpg") no-repeat top center;
	}
	
#page-witland3	{
	background: url("img/fondo-witland3.jpg") no-repeat top center;
	}
	
#page-home	{
	background: url("img/fondo-home.gif") no-repeat top center;
	}
	
#page-interna	{
	background: url("img/fondo-empresa.jpg") no-repeat top center;
	}
	
#page-empresa	{
	background: url("img/fondo-empresa.jpg") no-repeat top center;
	}
	
#header-home .right {
	margin-left: 0px;
	}
	
.banderita {
	text-align: right;
	position: relative;
	margin-top: -10px;
	font-size: .6em;
	}
	
.banderita a {
	color: #fff;
	}

#abajo {
	margin-top: 0px;
	background: #ffffff;
	padding-bottom:30px;}

#header-home .left {	
	margin-left: 15px;
	//margin-left: 7px; /* HACK IE */
	}
		
#header-witland, #header-home {
	padding: 30px 0 0 10px;	
	//padding-left: 7px; /* HACK IE */
	}
	
#header-interna {
	padding: 49px 0 0 10px;	
	//padding-left: 7px; /* HACK IE */
	}
			
#centro .right {
	margin-left: 40px;
	}
	
#page-home #centro {
	margin: 0 0 0 0;
	height: 192px;
	}
		
#abajo .left {
	margin-left: 190px;
	//margin-left: 100px; /* HACK IE */
	}
	
.center  {
	margin-left: 17px;
	//margin-left: 12px; /* HACK IE */
	}
	
#abajo-home .left {
	margin-left: 10px;
	}
	
.texto, #abajo-witland .left {
	margin: 0 30px;
	//margin-left: 20px; /* HACK IE */
	}

.texto-witland {
	margin: 0px 30px 0px 0px;
	}

.texto-derecha {
	margin-left: 370px;
	}

	
.texto-form {
	margin-left: 200px;
	}

#abajo-witland {
	padding-bottom:30px;
	background: #ffffff;
	}
	
#abajo-home {
	margin-top: 20px;
	//margin-top: 15px; /* HACK IE */
	}

#footer {
	width: 100%;
	background: #ffffff;
	border-top: solid 2px #CCCCCC;
	margin: 0px auto;
	color: #000000;	
	text-align:center; 
	}
	
#centro {
	background: #333;
}

/* FIN LAYOUT */	

/* TABLA */	

table {
	width:300px;
	background:#ffffff;
	margin: 20px auto;
	font-size: 70%;
	font-weight: normal;
	}

.planos {
	width:290px;
	margin-left: 370px;
	}

th, td {
	padding:0;
	}

#contact th, #contact td {
	color:#196b8c;
	text-align: left;
	}

.planos th, .planos td {
	color:#ffffff;
	height: 15px;
	}

.planos td {
	text-align:center;
	background:#196b8c;
	width: 200px;
	}

#estado th, .planos th {
	background:#102942;
	width: 400px;
	}

.planos td,.planos th {
	padding: .5em;
	text-align:center;
	}
	

/* FIN TABLA */	

/* H1 LOGO */
	
h1	{
	margin:0;
	}
	
h1#logo a, h1#logo-en a{
	position:relative;
	left: 0px;
	top: 0px;
	display:block;
	text-indent:-9999px;
	background-repeat: no-repeat;
	width: 206px;
	height: 138px;
	}
	
h1#logo a {
	background-image: url('img/logo-interna.gif');
	}
	
h1#logo-en a {
	background-image: url('img/logo-interna-en.gif');
	}
	
/* FIN H1 LOGO */	
	
/* FUENTES */
	
h2 {
	text-align: left;
	font-size: 1.4em;
	text-transform: uppercase;
	color:#fff;
	font-weight: normal;
	margin: 0 0 20px 0;
	width: 350px;
	padding: 0 0 0 30px;
	background: url("img/bg-h2.gif") no-repeat top right #102942;
	float: left;
	}
	
h2.enlace-wit2 {
	float: right;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: normal;
	text-align: right;
	margin: 0;
	width: 180px;
	padding: 0 30px 0 0;
	background: url("img/bg-h2en.gif") no-repeat top left #196b8c;
	}
	
h2.enlace-wit2 a {
	color:#fff;
	}
	
	
h3 {
	font-family: "Trebuchet", Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 1em;
	text-transform: uppercase;
	color:#102942;
	font-size: 0.8em;
	text-decoration: none;
	}

p	{
	text-indent: 0;
	font-size: 0.70em;
	line-height: 1.5em;
	color: #102942;
	text-align: justify;
	}
	
a	{
	color: #196b8c;
	text-decoration: none;
	}
	
p a:hover, ul a:hover, h5 a:hover, .datos a:hover, h3 a:hover {
	color: #102942;
	border-bottom: 0px;
	}
	
#estado th a, #estado-resultado th a	{
	color: #ffffff;
	text-decoration: none;
	}
	
#estado th a:hover, #estado-resultado th a:hover {
	background: #102942;
	border-bottom: 0;
	}
	
strong {
	font-weight: bold;
	margin:0;
	padding:0;
	}
	
small	{
	font-size: 0.60em;
	}
	
.azul, ul#nav2 li.activelink a,ul#nav2 li.activelink a:hover, .banderita a:hover {
	color: #196b8c;
	}
	
.grande {
	font-weight: bold;
	font-size: 1em;
	}
	
h4.catalogo {
	background:#196B8C;
	color:#fff;
	font-weight: normal;
	margin: 0px 10px 0px 0px;
	}
	
#big p	{
	font-size: 0.9em;
	line-height: 1.2em;
	}

		
/* FIN FUENTES */	
	
/* LISTAS */

ul, #navegador {
	text-align: left;
	line-height: 1.5em;
	}

ul {
	font-size: 0.8em;
	color: #ffffff;
	}
	
#menu2 li {
	font-size: 1em;
	//font-size: 0.85em; /* HACK IE */
	//padding-right: 2px; /* HACK IE */
	}
	
ul.texto-libre {
	margin:0;
	padding:0;
	}
	
#navegador, .texto-libre li {
	font-size: 0.7em;
	}
	
.texto-libre li {
	font-size: 0.8em;
	}
	
ul#nav li.activelink a,ul#nav li.activelink a:hover, #navegador, #texto-libre li, .textoazul {
	color: #102942;
	}
	
#menu {
	margin-top: 0;
	}
	
#menu2 {
	margin: 28px 0 0 -10px;
	height: 30px;
	//margin-left: -5px; /* HACK IE */
	}
	
#menu {
	margin: 40px 0 0 220px;
	}
		
#navegador {
	margin: 0 0 0 30px;
	}
	
ul#nav ul, ul#nav li, ul#nav2 ul, ul#nav2 li  {
	list-style-type:none;
	}
	
ul#nav ul, ul#nav li {
	margin: 0 0 0 0;
	}
	
ul#nav2 ul {
	margin: 0 0 0 0;
	}
	
#page-empresa ul#nav2 li, #page-interna ul#nav2 li{
	margin: 0 20px 0 0;
	}
	
#page-witland1 ul#nav2 li, #page-witland2 ul#nav2 li, #page-witland1en ul#nav2 li, #page-witland3 ul#nav2 li {
	margin: 0 10px 0 0;
	}
	
ul#nav li.segundo {
	padding-left: 12px;
	}
	
ul#nav li.tercero {
	padding-left: 24px;
	}
	
ul#nav li.cuarto {
	padding-left: 36px;
	}
	
ul#nav li.quinto {
	padding-left: 48px;
	}
	
ul#nav li a, ul#nav2 li a, #navegador a {
	text-decoration: none;
	}

ul#nav li a{
	color: #ffffff;
	}
	
#navegador a, ul#nav2 li a:hover   {
	color: #196b8c;
	}
	
ul#nav2 li a:hover   {
	color: #dddddf;
	}
	
ul#nav li a:hover, ul#nav2 li a:hover, #navegador a:hover {
	border-bottom: 0px;
	}
	
ul#nav li a:hover, ul#nav2 li a, ul#nav2 li.activelink a,ul#nav2 li.activelink a:hover {
	color: #102942;
	}
	
#navegador a:hover {
	color: #102942;
	}
	
.texto ul {
list-style-image:url('img/vineta.gif');
margin-left: 1em;
}

.texto ul li{

color:#102942;
}
	
/* FIN LISTAS */

/* MENU NUEVO */	

#submenu, #submenu2 {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #000;
	width: 794px;
	//width: 794px; /* HACK IE */
	}
	
#submenu li, #submenu2 li {
	float: left;
	font: 1em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
	
#submenu a, #submenu2 a {
	background: #333 url("img/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	}
	
#submenu a:hover, ul#submenu li a.current {
	background: #2580a2 url("img/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
	}

#submenu2 {
	margin-left:60px;
	width:120px;
	}

#submenu2 a {
	background:#ffffff;
	color:#102942;
	}

#submenu2 a:hover {
	background: #102942;
	color: #fff;
	padding-bottom: 8px;
	}
	
/* FIN MENU NUEVO */

/*footer*/
	
#footer ul {
	margin:0;
	padding:0;
	}
	
#footer p, #footer ul	{
	font-family: Arial, Helvetica, sans-serif;	
	text-align:center;
	}
	
#footer p {
	margin:1em;
	font-size: .6em;
	font-weight:bold;}
	
#footer li {
	font-size: .9em;	
	padding: 0em .5em 0em 0.5em;
	display: inline;
	color: #000000;
	}
	
#footer ul li a:hover, #footer p a:hover {
	text-decoration: underline;
	border-bottom: none;
	}

#footer ul li a, #footer p a {
	color: #102942;
	text-decoration: none;
	}
/*footer*/
	
/* IMAGENES */

#abajo-witland a:link img, #abajo-witland a:visited img {
	border: 1px solid #ffffff !important;
	}

#abajo-witland a:hover img, #abajo-witland a:active img  {
	border: 1px solid #196b8c !important;
	}

a img {
 	border: 0;
	}
 
 a {
 outline: none;
 }
 
 img.alignright {
	display: inline;
	}

img.alignleft {
	margin: 0;
	margin-right: 10px;
	display: inline;
	}

/* FIN IMAGENES */

/* EXCEPECIONES */

.linea
	{
	margin: 1em 0em 1em 0em;
	clear:both;
	border-top: 1px dashed #cccccc;
	}

.spacer
	{
	clear:both;
	padding-top: 1em;
	}
	
.texto {
	clear:both;
	}
	
.solo-spacer
	{
	padding-top: 1em;
	}
	
.solo-spacer2
	{
	padding-top: 1.5em;
	}
	

/*FORMS*/
form {
  margin: 0;
  padding: 0;
  min-width: 380px;
  max-width: 480px;
  width: 400px; 
}


fieldset {
	border: none;
}


label { 
	color: #102942;
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	font-size: .7em;
	width: 160px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

input, textarea, select {
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 5px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

textarea {
width: 150px;}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}