/* elementos comunes */
HTML, BODY {height:100%; margin:0;}
BODY {background-color:#f39739; position:relative; min-width:1000px; min-height:1206px;}
TD {font-family:trebuchet ms, arial; font-size:12px; color:#333; line-height:120%;}
P {font-family:trebuchet ms, arial; font-size:12px; color:#333; line-height:120%;}
#web {position:absolute; width:1000px; height:1395px; top:0; left:50%; margin-left:-500px; background-color:#f39739;}
#banda_i {position:absolute; left:0; top:74px; width:100%; height:106px; background-color:#9b1127;}
#gris {position:absolute; left:0; top:180px; width:100%; height:12px; background-color:#a9a9a9; filter:alpha(opacity=66);-moz-opacity:.66;opacity:.66; font-size:0; z-index:5;}
form {font-family:trebuchet ms, arial; font-size:12px; color:#333;}
form input {font-family:trebuchet ms, arial; font-size:12px; color:#333;}
form select {font-family:trebuchet ms, arial; font-size:12px; color:#333;}

/* portada */
#portada {position:absolute; width:478px; height:478px; top:0; left:50%; margin-left:-239px; background-color:#f39739;}
#portada #idiomas {position:absolute; left:0px; top:330px; font-family:arial; font-size:14px}
#portada #idiomas a {text-decoration:none; color:#000;}
#portada #idiomas a:hover {color:#fff;}
#portada #idiomas .japones {position:relative; top:3px;}

/* cabecera */
#cabecera {position:absolute; left:0; top:0; width:1000px; height:74px; background:url('../img/cabecera74.jpg') no-repeat; background-color:#f39739;}
#cabecera_en {position:absolute; left:0; top:0; width:1000px; height:74px; background:url('../img/cabeceraingles.jpg') no-repeat; background-color:#f39739;}
#cabecera_de {position:absolute; left:0; top:0; width:1000px; height:74px; background:url('../img/cabeceraaleman.jpg') no-repeat; background-color:#f39739;}
#cabecera_jp {position:absolute; left:0; top:0; width:1000px; height:74px; background:url('../img/cabecerajap.jpg') no-repeat; background-color:#f39739;}
#cabecera_ru {position:absolute; left:0; top:0; width:1000px; height:74px; background:url('../img/cabeceraruso.jpg') no-repeat; background-color:#f39739;}
#idiomas {position:absolute; left:540px; top:22px; font-family:trebuchet ms, arial; font-size:14px}
#idiomas a {text-decoration:none; color:#000;}
#idiomas a:hover {color:#fff;}
#idiomas .activo {color:#fff;}
#idiomas .japones {position:relative; top:3px;}
#facebook {position:absolute; left:805px; top:44px; border:none;}
#facebook a {border:none ; color: transparent;  }
#facebook a:link {color: transparent; border:none;}
#facebook a:hover {color: transparent; border:none;}
#facebook a:visited {color: transparent; border:none;}
#facebook a:activate {color: transparent; border:none;}

/* banner */
#banner {position:absolute; left:0; top:74px; width:1000px; height:106px; background-color:#9b1227;}
#banner #centro {position:absolute; left:100px; width:800px; height:106px; background-color:#fff;}
#banner #taller {position:absolute; left:18px; top:3px; width:454px; height:100px;}
#banner #cursos {position:absolute; right:18px; top:3px; width:295px; height:100px;}

/* contenido */
#contenido {position:absolute; left:0; top:180px; width:1000px; height:1120px; background-color:#fff;}
#contenido #margen_i {position:absolute; left:0; top:0; width:100px; height:1120px; background-color:#f39739;}
#contenido #margen_d {position:absolute; right:0; top:0; width:100px; height:1120px; background-color:#f39739;}

/* banner fotos */
#contenido #bannerfotos {position:absolute; left:309px; top:0; width:591px; height:126px; background-color:#231f20; z-index:4;}
#contenido #bannerfotos img {position:absolute; left:21px; top:0;}

/* menu */
#contenido #menu {position:absolute; left:100px; top:0; width:209px; height:1120px; background-color:#9a9a9a;}
.urbangreymenu {width: 209px; position:relative; top:20px;}
.urbangreymenu .headerbar {font:bold 14px Arial; color:#fff; background:#9a9a9a; margin-bottom:0; text-transform:uppercase; padding:7px 0 0 15px; border-top:1px solid #fff;}
.urbangreymenu .headerbar a {text-decoration:none; color:#fff; display:block;}
.urbangreymenu .headerbar a:hover {color:#9b1227;}
.urbangreymenu ul {list-style-type:none; margin:0; padding:0;}
.urbangreymenu ul li {padding-bottom:2px;}
.urbangreymenu ul li a {font:bold 12px Arial; color:white; background:#9a9a9a; display:block; padding:5px 0 0 22px; line-height:120%; text-decoration:none; text-transform:uppercase;}
.urbangreymenu ul li a:hover {color:#9b1227;}
.urbangreymenu .headerbar2 {font:bold 14px Arial; color:#fff; background:#9a9a9a; margin-bottom:0; text-transform:uppercase; padding:7px 0 0 15px; border-top:1px solid #fff;}
.urbangreymenu .headerbar2 a {text-decoration:none; color:#fff; display:block;}
.urbangreymenu .headerbar2 a:hover {color:#9b1227;}
.urbangreymenujp {width: 209px; position:relative; top:20px;}
.urbangreymenujp .headerbar {font:normal 14px MS Mincho; color:#fff; background:#9a9a9a; margin-bottom:0; text-transform:uppercase; padding:7px 0 0 15px; border-top:1px solid #fff;}
.urbangreymenujp .headerbar a {text-decoration:none; color:#fff; display:block;}
.urbangreymenujp .headerbar a:hover {color:#9b1227;}
.urbangreymenujp ul {list-style-type:none; margin:0; padding:0;}
.urbangreymenujp ul li {padding-bottom:2px;}
.urbangreymenujp ul li a {font:normal 12px MS Mincho; color:white; background:#9a9a9a; display:block; padding:5px 0 0 22px; line-height:120%; text-decoration:none; text-transform:uppercase;}
.urbangreymenujp ul li a:hover {color:#9b1227;}
.urbangreymenujp .headerbar2 {font:normal 14px Arial; color:#fff; background:#9a9a9a; margin-bottom:0; text-transform:uppercase; padding:7px 0 0 15px; border-top:1px solid #fff;}
.urbangreymenujp .headerbar2 a {text-decoration:none; color:#fff; display:block;}
.urbangreymenujp .headerbar2 a:hover {color:#9b1227;}

/* banner guia flamenca */
#guiaflamenca {position:relative; top:50px; left:10px; height:175px;}

/* banner booking flamenco */
#bookingflamenco {position:relative; top:62px; left:11px; height:151px;}

/* texto */
#contenido #texto {position:absolute; left:309px; top:126px; width:556px; font-family:trebuchet ms, arial; font-size:12px; color:#333; line-height:120%; padding-left:20px; padding-right:14px;}
#contenido #texto a {color:#a21925; text-decoration:none;}
#contenido #texto a:hover {text-decoration:underline;}
#contenido #titulo {background:url('../img/fondo_titulo.gif') no-repeat; width:556px; height:14px; color:#a21925; font-family: trebuchet ms, arial; font-size:15px; line-height:120%; padding-left:35px;}
#texto form a {position:relative; left:147px;}
#texto #fotoizquierda {float:left;}
#texto #fotoderecha {float:right;}
#texto #textoizquierda {float:left;}
#texto #textoderecha {float:right;}
#texto table {border:2px solid #f39739; border-collapse:collapse; width:100%;}
#texto table thead td {background-color:#d0d0d0; color:#a21925;}
#texto table .cabecera {background-color:#888; color:#fff;}
#texto table td {background-color:#d0d0d0; border:0; padding:4px;}
#texto #pietabla {position:relative; top:4px;}
#texto .tablewhite { background-color:#FFF; border:0; border-collapse:collapse; width:100%;}
#texto .tablewhite thead td {background-color:#FFFFFF; color:#666666;}
#texto .tablewhite .cabecera {background-color:#FFFFFF; color:#666666;}
#texto .tablewhite td {background-color:#FFFFFF; border:0; padding:4px; vertical-align:top;}

strong {font-weight:normal;}

/* formularios */
#texto #tformulario {border:0; border-collapse:collapse; width:100%;}
#texto #tformulario tr {vertical-align:top;}
#texto #tformulario td {background-color:#fff; border:0; padding:4px;}
#texto #tformulario a {position:relative; left:0;}

/* pie de pagina */
#pie {position:absolute; top:1295px; left:100px; width:800px; height:16px; background-color:#000; font-family:arial, sans-serif; font-weight:normal; font-size:11px; line-height:120%; text-align:right; color:#fff; padding-top:2px;}
#pie a {color:#fff; text-decoration:none;}
#pie a:hover {color:#9b1227;}
#pieilustrado {position:absolute; top:1311px; left:100px; width:800px; height:82px; background:url('../img/pie82.jpg') no-repeat; background-color:#f39739;}

