body, table {

	background-color: #fff;

	color: #000;

	margin: 4px 8px;

	padding: 0px;

	font-family: Arial, Verdana, sans-serif;

	font-size: small;

}

div#logo {

	background-color: #fff;

	background-position: top right;

	background-repeat: no-repeat;

	background-image: url('img/body5.gif');

	height: 80px;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	border: 1px solid #999;

	position: relative;

}

div#logo img { position: absolute; left: 0px; top: 0px; }

body#body1 div#logo { background-image: url('img/body2.gif'); }

div.destacado { border: 2px solid #000; margin: 1em; padding: 1em; background-color: #f6f6f6; color: #900; line-height: 1.5em;}

div.destacado strong { font-size: 1.2em; }

div.ambiente { border: 2px solid #000; margin: 1em; padding: 1em; background-color: #fff; color: #000; line-height: 1.5em;}

div.ambiente strong { font-size: 1.2em; }



h1, h2, h3, h4, h5, hr, dt { clear: both; }

h1 {

	font: caption;

	line-height: 1em;

	float: right;

	color: #fff;

	padding: 0.5em 0px 0px 0px;

	margin: 0px 12px 0px 0px;

}



h2 {

	font-size: 1.4em;

	letter-spacing: 1px;

	font-weight: normal;

	border-left: 1em solid #f00;

	margin: 1.5em 0em 1.5em 1em;

	padding-left: 0.5em;

}



h3 {

	font-size: 1.2em;

	font-weight: bold;

	border-left: 1em solid #999;

	margin-left: 1em;

	padding-left: 0.5em;

}



h4 {

	font-size: 1em;

	font-weight: bold;

	border-left: 1em solid #777;

	margin-left: 1em;

	padding-left: 0.5em;

}

h5 {

	font-size: 1em;

	font-weight: bold;

	margin-left: 1em;

	margin-bottom: -0.5em;

	padding-left: 1em;

	padding-bottom: 0em;

}



a { text-decoration: none; font-weight: bold; }

a:hover { border-bottom: 1px solid #f00; }

img, a img { border: none; }

img#muestra { width: 160px; }

.der { text-align: right; }

.cen { text-align: center; }

dt { font-weight: bold; }

.arcat { font-weight: bold; }

.aviso { color: #c00; font-weigh: bold; }

hr { visibility: hidden; }

hr.corta { width: 60%; }

a.ventajas {

	display: block;

	width: 120px;

	background-color: #eee;

	font-weight: normal;

	text-align: center;

	border: 3px double #f00;

	padding: 8px;

}

a.ventajas:hover {

	background-color: #999;

	color: #fff;

	border: 3px double #fff;

}



p.migas a {

	background-color: #eee;

	padding: 2px 4px;

}



table#page {

	clear: both;

	margin: 0px;

	padding: 0px;

	line-height: 1.2em;

}

table#page th { display: none; }

td#main {

	padding: 3em 0em;

	vertical-align: top;

	background-color: #fff;

	border: 1px solid #999;

	width: 80%;

}

td#main p, td#main fieldset, td#main dl { margin: 1em 2em 1em 3em; }

td#main p.migas { margin: 1em 2em 2em 1em; }

td#esp { width: 4px; }

td#barra {

	width: 20%;

	padding: 2em 0em;

	font-size: 0.9em;

	vertical-align: top;

	background-color: #ccc;

	border: 1px solid #999;

}

td#barra h3, td#barra h4, td#barra p { margin: 1em 2em 1em 2em; }



td#barra ul {

	margin-left: 0em;

	padding-left: 1em;

	list-style-type: none;

}



table#contacto { background-color: transparent; }

table#contacto td {

	padding: 0.5em 0em;

	vertical-align: top;

}



address#pie {

	clear: both;

	font-size: 0.9em;

	font-style: normal;

	padding: 8px;

	text-align: center;

	background-color: #777;

	color: #fff;

	margin-top: 4px;

	border: 1px solid #777;

}

address#pie a { color: #fff; }



img.app {

	width: 140px;

	height: 64px;

}

img#icoapp {

	float: right;

	margin: -30px 50px 0px 1em;

	background-color: #eee;

}

ul.apps {

	text-align: center;

	margin: 1em 0px;

	padding-left: 3em;

}

ul.apps li {

	display: inline;

	list-style-type: none;

	text-align: center;

}

ul.apps li a {

	display: block;

	width: 140px;

	height: 64px;

	float: left;

	margin: 2px;

	background-color: #eee;

}

ul.apps li a.br { clear: both; }

ul.apps li a:hover {

	background: #eee url('img/apps.gif') top left no-repeat;

	border-bottom: none;

}



/* Administrador */

div#admin {

	margin: 0px;

	padding: 2em 5% 10em 5%;

	line-height: 1.2em;

	background: #fff url('img/degrade.gif') top left repeat-x;

	clear: both;

}

div#admin h2 { margin: 0.5em 0em 2em 1em; }

div#admin h3 { border-left: none; }

div#admin table { width: 100%; background-color: #f0f4f6; }

div#admin table td {

	padding: 4px;

	vertical-align: top;

}

div#admin fieldset { padding: 1em; background-color: #f0f4f6; }



legend {

	font-weight: bold;

	border-right: 1px solid #000;

	border-bottom: 1px solid #000;

	padding: 2px 20px;

	background-color: #777;

	color: #fff;

}



ul.ulmuestra li, p.bajada {

	list-style-type: none;

	min-height: 70px;

	padding: 8px;

	background-color: #eee;

	border: 2px outset #eee;

}

img.muestra {

	width: 60px;

	height: 60px;

	float: left;

	margin-right: 8px;

	border: 2px inset #ccc;

}



.danger { background-color: #c00; color: #fff; }



/* Clientes */

.avisocli {

	background: #fff url('img/admin/aviso.gif') top left no-repeat;

	padding-left: 20px;

	border: 2px solid #fff;

	color: #600;

	font-size: 1.1em;

}

div#fileprogress { font-weight: bold; }

div#fileprogress img { margin-right: 1em; }

#admin dl.in, #admin dl.out {

	border: 1px solid #ccc;

	margin: auto auto 1px 2em; 

}

#admin dl.out {

	background: #F6F9Fc url('img/admin/miniarcat.gif') top right no-repeat;

}

#admin dl.in { background-color: #fff; }

dl.in dt, dl.out dt { margin: 1em auto auto 3em; }

dl.in dd, dl.out dd { margin-left: 3em; }

dl.in dt input, dl.out dt input { position: relative; margin-left: -2em; }



/* Listas alquiler */

td#main ul.alquiler { margin: 1em 2em 1em 3em; }

ul.alquiler img {

	float: right;

	margin: 0px 0px 20px 20px;

}

ul.alquiler { list-style-type: square; padding-left: 0em; }



/* Noticias */



div.post {

	padding: 1.5em 2em 2em 3em;

}

textarea#comment { width: 90%; }





/* Menú principal */



#menu {

	width: 100%;

	background-color: #000;

	float: left;

	margin-top: 4px;

	position: relative;

	margin-bottom: 4px;

}



ul#nav {

	margin: 0px;

	padding: 0px;

	color: #fff;

}

ul#nav li { display: inline; }

ul#nav li#lang_flag,
ul#nav li#lang_flag a { padding: 0em; }

ul#nav li a {

	padding: 0.4em 5px;

	line-height: 1em;

	background-color: #000;

	color: #fff;

	text-decoration: none;

	font: caption;

	float: left;

	border-right: 2px solid #fff;

}



ul#nav li a:hover, #menu ul li a:active {

	background-color: #777;

	color: #fff;

	border-right: 2px solid #fff;

	border-bottom: none;

}



ul#nav li a#actual { color: #000; background-color: #777; }

ul#nav li a#actual:hover { color: #fff; background-color: #777; }



ul#nav li ul {

	display: none;

}

ul#nav li ul li a {

	font: menu;

	background: transparent url('img/boton-1.gif') top left no-repeat;

	color: #fff;

}

ul#nav li ul li a:hover {

	background: transparent url('img/boton-2.gif') top left no-repeat;

	border: none;

}

ul#nav li:hover ul, ul#nav li.over ul {

	display: block;

	z-index: 99;

	position: absolute;

	top: 1.4em;

	left: 0px;

	padding: 0px;

}



ul#nav li:hover ul a, ul#nav li.over ul a {

	border: none;

	padding: 8px 4px 4px 6px;

}



/* Sub menú Empresa */



ul#menuemp, ul.sub {

	margin: 0px;

	padding: 0px;

	color: #fff;

	font: caption;

}

ul#menuemp li, ul.sub li { display: inline;  }

ul#menuemp li a, ul.sub li a {

	padding: 3px 5px;

	margin: 0px;

	background-color: #777;

	color: #ddd;

	text-decoration: none;

	display: block;

	border-right: 5px solid #ccc;

	border-bottom: 1px solid #fff;

}

ul#menuemp li a:hover, ul#menuemp li a:active,

ul.sub li a:hover, ul.sub li a:active {

	background-color: #999;

	color: #fff;

}



/* Imágenes de modelos */



a, a:visited, a:hover, a:active { color:#000; }



div#album,
div#albumes,
div#albumen,
div#albumpt {
	width: 360px; 
	height: 270px; 
	background: #000 url('img/galeria.gif') top center no-repeat;
	border: 1px solid #fff;
	margin: 0px auto;
}
div#albumen {
	background: #000 url('img/en/galeria.gif') top center no-repeat;
}
div#albumpt {
	background: #000 url('img/pt/galeria.gif') top center no-repeat;
}



ul#galeria {

	padding: 0px; 

	margin: 240px 0px 0px 0px; 

	list-style-type: none; 

	position: relative; 

	width: 360px;

}



ul#galeria img { border: none; }



ul#galeria li { display: inline; }



ul#galeria li a, ul#galeria li a:visited {

	font-size: 11px;

	float: left; 

	text-decoration: none; 

	color: #000; 

	background: #fff; 

	text-align: center; 

	width: 30px; 

	height: 24px; 

	line-height: 24px; 

	border: 1px solid #444;

	margin: 2px;

	font-weight: normal;

}



ul#galeria li a img {

	position: absolute; 

	top: -240px; 

	left: 0px; 

	visibility: hidden; 

	border: none;

}



ul#galeria li a:hover { background: #f00; }



ul#galeria li a:active, ul#galeria li a:focus, ul#galeria li a:hover {

	background: #f00; 

	color: #000;

}



ul#galeria li a:active img, ul#galeria li a:focus img, ul#galeria li a:hover img {

	visibility: visible;

}



/* Ventajas */

#ventajas {

  padding:0; 

  margin:0; 

  list-style-type:none; 

  overflow:hidden; 

  width:320px; 

  height:425px; 

  border:1px solid #888; 

  background:#fff url(windows/win_back.gif);

  }

#ventajas li {

  float:left;

  }

#ventajas li a {

  display:block; 

  height:30px;

  width:320px; 

  float:left; 

  text-decoration:none; 

  border-bottom:1px solid #fff; 

  cursor:default;

  }

#ventajas li a img {

  width:320px; 

  height:30px; 

  border:0;

  }

#ventajas li a:hover {

  background:#eee; 

  height:239px;

  }

#ventajas li a:hover img {

  height:239px;

  }
  
table.traduccion {
	border: 1px solid #000;
	border-collapse: collapse;
	margin-bottom: 1em;
}
table.traduccion tr.row {
	background-color: #bdf;
}
table.traduccion th {
	background-color: #333;
	color: #fff;
}
table.traduccion td.var {
	font: menu;
	background-color: #ccc;
}
table.traduccion td label {
	display: block;
	font-size: 0.9em;
	font-family: "Courier New", Courier, monospace;
}
table.traduccion td textarea {
	width: 99%;
	margin-bottom: 1em;
}
table.traduccion td textarea:focus {
	background-color: #ff9;
}