/* CSS Document */
* {
  padding:0px;
  margin:0px;
}
body {
  padding:0px;
  margin:0px;
  background:#fff url(../images/fondo_body.gif) 0 0 repeat-x;
  color:#666;
  font:0.8em/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

ul{list-style-type:none;}

a {
  color:#18609C;
  text-decoration: underline;
}
a:hover {
  color:#FF7700;
  text-decoration:underline;
} 
a.name {
  color: #666;
  text-decoration: none;
}
a.name:hover {color: #666;}

ol li {
  list-style: decimal!important;
}

img {border:none;}

#iso {
	border-right: 1px dashed lightGrey;
    float: left;
    height: 220px;
    margin-right: 20px;
    padding-right: 15px;
    width: 300px;
}

#iso img{
	float: left;
    margin-right: 15px;
    width: 135px;
}

#paypal{
	margin-top: 15px;
}

blockquote {
  background: url(../images/comillas.gif) no-repeat left top;
  color: #737356;
  margin-left: 5px;
  padding: 8px 0 10px 45px;
}
.aviso {
  background: url(../images/ico_aviso.gif) no-repeat left top!important;
  color: #BB8F00;
  margin-left: 5px;
  padding: 8px 0 10px 25px;
}
.oculto {display: none;}

/* Parrafos */
.der {text-align:right;}
.cen {text-align:center;}
.lextransport {
  color: #FC920A;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase; 
}
.pdf a {
  background: url(../images/icono_pdf_grande.gif) no-repeat 5px center;
  padding: 10px 0;
  padding-left: 45px;
  border: 1px solid #EB0709;
  display: block;
  width: 100px;
  margin: 0 auto;
}
.subir a {
  background: url(../images/icono_subir.gif) no-repeat right center;
  padding-right: 20px;
}

/* para los formularios de los email */
.mail {
  background: #fff;
  border: none;
  color: #18609C;
  cursor: pointer;
  padding: 0!important;
  margin: 0!important;
}

.imgi {
  float: left;
  display: block;
  margin: 4px 8px 4px 0;
}
.imgd {
  float: right;
  display: block;
  margin: 4px 8px;
}

.figuras a {
  background: url(../images/figura1.gif) no-repeat;
  display: block;
  height: 414px;
  cursor: crosshair;
}
.figuras a:hover {background: url(../images/figura2.gif) no-repeat;}

.limpiar {clear:both;}
.separar {margin-bottom: 14px;}
* html .separar {margin-bottom: 25px;}

.obligatorio {
  color: red;
  font-family: Verdana;
}

/* Top */
#top {
  background: #ebebeb;
  text-align: right;
  border-bottom: 1px dashed #999;
  margin-bottom: 6px;  
  font-size: 0.9em;
  padding: 2px 0;
}
#top ul {
  width: 700px;
  margin: 0 auto;
}
#top li {
  display: inline;
}
#top li a {
  padding: 0 8px 0;
  color:#212121;
  text-decoration:none;
}
#top li a:hover {text-decoration: underline;}
.atencion {
  background: url(../images/atencion.png) no-repeat left center;
  float:left;
  padding-left: 20px;
  margin-left: 43px;
  font-weight: bold;
}

/* Cabecera */
#cabecera {
  width:775px;
  height:90px;
  position:relative;
  margin:0 auto;
}
#logo {
  position: absolute;
  top: -4px;
  left: 35px;
}
.acceso-clientes a#accClientes{
  background: url(../images/acceso_clientes.gif) no-repeat;
  color: #FE9A21;
  text-decoration: none;
  height: 23px;
  width: 101px;
  float: right;  
  position: absolute;
  right: 134px;
  padding: 1px 0 0 5px;
}
.acceso-clientes a#accAgentes{
  background: url(../images/acceso_clientes.gif) no-repeat;
  color: #FE9A21;
  text-decoration: none;
  height: 23px;
  width: 101px;
  float: right;  
  position: absolute;
  right: 25px;
  padding: 1px 0 0 5px;
}
* html .acceso-clientes a {width: 110px;}
.acceso-clientes a:hover {
  background: url(../images/acceso_clientes_hover.gif) no-repeat;
  color: #000;
  text-decoration: none;
}
/* Menu */
#menu {
  float:left;
  width:540px;
  height:32px;
  position:absolute;
  top:24px;
  right:0;
  font-size:0.9em;
  text-align: center;
}
* html #menu { width: 540px;}
#menu ul {
  margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
}
#menu li {
  display:inline;
  margin:0;
  padding:0;
}
#menu a {
  float:left;
  background:url(../images/menu/menui.gif) no-repeat left top;
  margin:0 4px 0 0;
  padding:0 0 0 5px;
  text-decoration:none;
}
#menu a span {
  float:left;
  display:block;
  background:url(../images/menu/menud.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#444;
  font-weight: bold;
}

#menu a.activo {
  float:left;
  background:url(../images/menu/menui_activo.gif) no-repeat left top;
  margin:0 4px 0 0;
  padding:0 0 0 5px;
  text-decoration:none;
}
#menu a.activo span {
  float:left;
  display:block;
  background:url(../images/menu/menud_activo.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#333;
  font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */

#menu a:hover {background-position:0% -42px;}
#menu a:hover span, #menu a.activo:hover span {background-position:100% -42px;}

/* Submenu */
#submenu, #idiomas {
  float:left;
  position:absolute;
  top:58px;
  right:63px;
  font-size:0.9em;
  line-height:normal;
}
* html #submenu, #idiomas {right:56px;}
#submenu ul, #idiomas ul {
  margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
}
#submenu li, #idiomas li {
  display:inline;
  margin:0;
  padding:0;
}
#submenu a {
  float:left;
  background:url(../images/menu/submenui.gif) no-repeat left top;
  background-position:0% -57px;
  margin:0 4px 0 0;
  padding:0 0 0 5px;
  text-decoration:none;
}
#submenu a span {
  float:left;
  display:block;
  background:url(../images/menu/submenud.gif) no-repeat right top;
  background-position:100% -57px;
  padding:5px 15px 4px 10px;
  color:#444;
  font-weight: bold;
}

#submenu a.activo {
  float:left;
  background:url(../images/menu/submenui_activo.gif) no-repeat left top;
  background-position:0% -57px;
  margin:0 4px 0 0;
  padding:0 0 0 5px;
  text-decoration:none;
}
#submenu a.activo span {
  float:left;
  display:block;
  background:url(../images/menu/submenud_activo.gif) no-repeat right top;
  background-position:100% -57px;
  padding:5px 15px 4px 10px;
  color:#333;
  font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#submenu a span {float:none;}
/* End IE5-Mac hack */

#submenu a:hover {background-position:0% -15px;}
#submenu a:hover span, #submenu a.activo:hover span {background-position:100% -15px;}

#idiomas a {
  background: #fff;
  padding: 0 6px 4px;
  border: 1px solid #FE9A21;
  color: #666;
  text-decoration: none;
}
#idiomas a:hover {padding: 0 6px 8px;}
#idiomas a.activo {
  background: #FE9A21;
  padding: 4px 6px;
  border: 1px solid #FE9A21;
  color: #fff;
  text-decoration: none;
}

/* Principal */
#principal {
  margin: 0 auto;
  position: relative;
  width: 689px;
}
#principal h1 {
  font-size: 1.2em;
  margin: 10px 0; 
}
* html #principal h1 {margin-bottom: 15px;}
#principal p {
  margin-bottom: 8px;
}
#principal h2 {
  font-size: 1.2em;
  margin: 10px 0; 
}
#principal h3 {font-size: 1.1em;}
#principal h4 {font-size: 1em; color: #888;}
#principal ul {
  list-style-type: square;
  margin-left: 20px;
}
#principal li {margin-bottom: 8px;}
#principal ul li ul {
  list-style-type: disc;
  margin: 8px 0 8px 25px;
  color: #888;
}
#principal ul.letras {
  list-style-type: upper-latin;
  margin-left: 30px;
}

table {
  background: #d5d5d5;
  width: 400px;
  margin: 10px auto 0 auto;
  font-size: 0.85em;
  color: #fff;
}
th {
  background: #6f6f6f;
  border: 1px solid #000;
  font-weight: normal;
}
td {
  background: #d5d5d5;
  border: 1px solid #000;
  text-align: center;
  color: #333;
}
td.principal {
  background: #8c8c8c;
  color: #fff;
  font-weight: bold;
}
caption {
  background: #d5d5d5;
  color: #333;
  width: 400px;
  margin: 0 auto 10px auto;
}

.contacto {
  background: url(../images/gradiente_contacto.jpg) repeat-x bottom;
  border: 2px solid #ccc;
  float: left;
  width: 200px;
  height: 180px;
  margin-bottom: 16px;
  margin-left: 10px;
  padding: 0 4px 4px;
}
* html .contacto {margin-left: 15px;}
.contacto h3 {
  font-size: 1.2em;
  margin: 5px 0;
  color: #526B9A;
}
.nuevo { border: 2px solid #526B9A; }
.nuevo small { background: #526B9A; float: right; width: 40px; text-align: center; color: #fff;}
.enviarmail {
  background: #eee url(../images/mail.gif) no-repeat 10px 8px;
  padding: 10px 0 12px 90px;
  border: 1px solid #ccc;
}
.informacion {
  background: #eee url(../images/info.gif) no-repeat 10px 8px;
  padding: 10px 10px 12px 90px;
  border: 1px solid #ccc;
}
.informacion h3 {
  margin: 10px 0px;
  font-size: 1.5em!important;
  color: #4E79B5;
}
.informacion h3 small { font-size: 0.8em; font-weight: normal; color: #666; }
.destacado {
  background: #FEE6C8;
  border: 2px solid #FC920A;
  padding: 4px 8px;
  text-align: center;
  width: 500px;
  margin: 10px auto!important;
}
.destacado span { font-size: 1.5em; }
.contacto ul {margin-left: 5px!important;}
.contacto li {
  list-style-type: none;
  margin-bottom: 0!important;
}
.contacto span {
  font-size: 0.8em;
  font-weight: normal;
  color: #666;
}

#principal .mapa {
  float: left;
  width: 290px;
  margin-left: 50px;
  margin-bottom: 20px;
}
* html #principal .mapa {margin-left: 30px;}

.mapa h3 {
  font-size: 1.2em;
  padding-top: 10px;
  border-top: 2px dashed #ccc;
}
.mapa .english {list-style: none;}

#principal .enlaces {
  list-style: none;
  margin-left: 20px;
  margin-bottom: 20px;
}
#principal .enlaces li {
  margin-bottom: 4px;
  border-left: 4px solid #ccc;
  padding-left: 10px;
}

/* contenido */
#contenido {
  background: #fff url(../images/fondo_contenido.gif) repeat-x;
  width: 689px;
  position: relative;
  margin: 20px auto 0;
  padding: 20px 0;
}
* html #contenido {
  margin-top: 10px;
  padding-bottom:0px;
}

/* Contenidoi */
#contenidoi{
  width:232px;
  float:left;
}
#contenidoi h2 {
  padding-bottom: 4px;
  color:#FF7700;
  border-bottom:1px dashed #ccc;
  font-size: 1.4em;
  line-height:16px;
}
#contenidoi h2 span {
  color:#545454;
  font-size:0.9em;
}
#contenidoi p {
  padding: 10px 0 5px;
  line-height:18px;
}
#contenidoi p.banner {
  width:232px;
  /*height:70px;*/
  /*padding:10px 0;*/
  height: 130px;
  padding: 28px 0 16px;
}
#bannerOpen{
	margin: 2em 0;
    width: 240px;
}

#contenidoi p.propio a {
  width:232px;
  height:130px;
  display:block;
  /*background:url(../images/banners/logoopentach2.png) 0 0 no-repeat;*/
  text-indent:-20000px;
}

/* Contenidod */
#contenidod {
  width:384px;
  float:left;
  padding:0 0 0 73px;
  margin-bottom: 15px;
}
#contenidod h2{
  color:#666;
  font-size: 1.5em;
  padding-bottom: 4px;
  border-bottom: 1px dashed #ccc;
}
#contenidod p {padding:8px 0 0;}

#acceso{
  height:100px;
  background: #E3DFE0;
  padding: 10px 0;
  margin: 5px 0 20px;
  border: 2px solid #FC920A;
  color: #555;
  font-weight: bold;
}
#accesoi {
  float:left;
  margin: 0 8px;
}
#accesod {float:left;}
#acceso input {border: 1px solid #aaa;}
#acceso label {
	display: block;
	width: 75px;
	float: left;
	margin-bottom: 10px;
	padding-right: 4px;
	text-align: right;
}
#acceso .boton {
  background:#FC920A;
  font-size: 0.85em;
  font-weight:bold;
  color: #fff;
  padding: 1px 8px;
  cursor: pointer;
}
* html #acceso .boton {padding:0;}
#acceso br {clear: left;}

#acceso ul {
  font-size: 0.85em;
  font-weight: normal;
  margin-left: 10px;
}
#acceso ul li, .cuidado {
  background: url(../images/cuidado.png) no-repeat 2px 2px;
  padding-left: 20px;
}

.listas-servicios{padding:10px 0 0;}
.listas-servicios ul li a{
  line-height:20px;
  background:url(../images/listas_servicios.gif) 0 4px no-repeat;
  color:#666;
  text-decoration:underline;
  padding:0 0 0 18px;
}
.listas-servicios ul li a:hover{
  background:url(../images/listas_servicios_hover.gif) 0 4px no-repeat;
  color:#000;
  text-decoration:underline;
}
.listas-servicios ul li ul{
  list-style-type: disc;
  margin: 6px 0 4px 20px; 
}

.listas-servicios-seccion{
  float:left;
  padding:10px 0 0;
  margin-left: 20px;
  font-weight: bold;
}
.listas-servicios-seccion ul li a{
  line-height:20px;
  display: block;
  background:url(../images/listas_servicios.gif) 0 4px no-repeat;
  color:#666;
  text-decoration:none;
  padding:0 0 0 18px;
  border-bottom: 1px dashed #ccc;
}
.listas-servicios-seccion ul li a:hover{
  background:url(../images/listas_servicios_hover.gif) 0 4px no-repeat;
  color:#333;
  text-decoration:none;
}

.listas-banderas{padding:10px 0 0;}
.listas-banderas ul li {list-style: none;}
.listas-banderas ul li a{
  line-height:20px;
  color:#666;
  text-decoration:underline;
  padding:0 0 0 26px;
}
.listas-banderas ul li a:hover{
  color:#000;
  text-decoration:underline;
}
.es {background: url(../images/banderas/es.gif) no-repeat left center;}
.uk {background: url(../images/banderas/uk.gif) no-repeat left center;}
.gr {background: url(../images/banderas/gr.gif) no-repeat left center;}
.fr {background: url(../images/banderas/fr.gif) no-repeat left center;}
.pt {background: url(../images/banderas/pt.gif) no-repeat left center;}
.ch {background: url(../images/banderas/ch.gif) no-repeat left center;}
.iconpdf {background: url(../images/icono_pdf.gif) no-repeat 4px 4px;}
.icondoc {background: url(../images/icono_doc.gif) no-repeat 4px 4px;}
.puntos {background: url(../images/puntos.png) no-repeat 4px 2px;}
.boletines {background: url(../images/boletines.png) no-repeat 4px 2px;}

/* Estilos para el formulario */
.formulario {
  margin: 20px 0;
  padding: 20px;
  border: 4px solid #ccc;
  background: #eee;
}
.formulario label {
	display: block;
	width: 170px;
	float: left;
	margin-bottom: 10px;
	padding-right: 10px;
	text-align: right;
}
select option {padding: 0 4px;}
.formulario br {clear: left;}
.boton {
  background: #E35427;
  border: none;
  color: #fff;
  font-weight: bold;
  font-family: Tahoma, Arial;
  font-size: 0.85em;
  cursor: pointer;
  padding: 4px 20px;
}
* html .boton { padding: 4px 0; }

.ayuda {
  background: #fff url(../images/ayuda.gif) no-repeat right top;
  margin: 0 100px 10px;
  padding: 8px;
  border: 1px solid #44A3F5;
}
.tachar {text-decoration: line-through;}

.volver {margin: 20px 0 30px!important;}
.ok {
  background: url(../images/ok.gif) no-repeat left center;
  padding-left: 20px;
  color: #6BC049;
  font-weight: bold;
}
.ko {
  background: url(../images/ko.gif) no-repeat left top;
  padding-left: 20px;
  color: #C90E0E;
  font-weight: bold;
}

/* Estilos para el formulario visa */
.formulario-visa {
  width: 100%;
  background: none;
  margin: 0;
}
.formulario-visa td {
  background: none;
  border: 1px solid #ccc;
  text-align: left;
  padding: 4px 6px;
}
.formulario-visa label {
  display: inline;
	float: none;
	margin: 0;
	padding: 0;
	color: #666;
}
.adjuntar {
  padding: 1px 8px;
  border: 1px solid #BB8F00; 
  background: #FFFFE0;
  margin: 10px 0 20px;
}

/* Pie */

.logos{
	height: 66px;
    margin-bottom: 15px;
    margin-left: 7%;
    margin-top: 18px;
    width: 300px;
}

#logos{
	background: url("../images/fondo_contenido.gif") repeat-x scroll 0 0 transparent;
    height: 100px;
    margin-top: 110%;
}

#MinLogo{
	margin-top: -10px;
}

#logo1{
	width: 115%;
}

#logo2{
	width: 220px;
}

#logo3{
	width: 200px;
}

#pie {
  background: #EBEBEB;
  color:#212121;
  border-top: 1px dashed #999;
  margin: 0 auto;
  clear:both;
}
#pie-enlaces{
  width:689px;
  position:relative;
  margin:0 auto;
  font: 1em/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
  font-weight:normal;
  padding: 10px 0;
  text-align: center;
}
* html #pie-enlaces {height: 50px;}
#pie-enlaces ul {margin-bottom: 6px;}
#pie-enlaces li{display: inline;}
#pie-enlaces ul li a{
  padding: 0 5px 0;
  color:#212121;
  text-decoration:none;
}
#pie-enlaces ul li a:hover{text-decoration:underline;}
#pie-enlaces p.copyright{  color:#212121; position:relative; margin:0 auto;}

/* para ventana */
#topbar{
  /*width:201px;*/
  width: 300px; 
  position:absolute;
  z-index: 999;
  visibility:hidden;
  border: 1px solid #888;
}
.anuncio {
  background: #fff;
  padding: 2px;
}
.anuncio h2 {
  background: #FD9920 url(../images/ico_anuncio.gif) no-repeat 2px center;
  color: #fff;
  padding: 2px 22px;
  font-size: 1em;
  font-family: Arial, "Trebuchet MS", Verdana;
  font-style: italic;
  margin-bottom: 2px;
}
.anuncio p {
  margin-bottom: 4px;
  font-family: Arial, "Trebuchet MS", Verdana;
}
.anuncio em {
  font-family: Calibri, "Trebuchet MS", Verdana, Arial;
  font-size: 1.1em;
  color: #18609C;
}
.anuncio div {
  background: #FEE2BF;
  padding: 2px 4px;
}
.cerrar a {
  float: right;
  margin-top: 5px;
  margin-right: 3px;
}