/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 margin:  0;
 padding: 0;
}

table {
 border-collapse: collapse;
 border-spacing:  0;
}

fieldset,img { 
 border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
 font-style:  normal;
 font-weight: normal;
}

ol,ul {
 list-style: none;
}

caption,th {
 text-align: left;
}

h1,h2,h3,h4,h5,h6 {
 font-size:   100%;
 font-weight: normal;
}

q:before,q:after {
 content: '';
}

/* ETIQUETAS GENERALES */

body {
 overflow:   auto;
 background: #e71828 url(fondo.gif);
}

p {
 font-family: "Georgia", "serif";
 font-size:   10pt;
 line-height: 120%;
 color:       #ffffff;
}

h1,h2,h3,h4,h5,h6 {
 font-family: "Georgia", "serif";
 line-height: 110%;
}

a {
 text-decoration: none;
}

a:active {
 text-decoration: underline;
}

a:link {
 text-decoration: none;
}

a:visited {
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

input,textarea {
 font-family: "Georgia", "serif";
 font-size:   10pt;
 line-height: 120%;
}
input.numero {
 text-align: right;
}

/* VENTANA */

#ventana {
 overflow:   auto;
 color:      #000000;
 background: #ffffff;
 margin:     20px;
}

/* DIV CONTENIDO */

#contenido {
 position:    absolute;
 left:        50%;
 top:         50%;
 width:       1000px;
 height:      600px;
 margin-top:  -300px;
 margin-left: -500px;
}

/* DIV CONTENIDO ESPECIAL */

#contenidoespecial {
 position:    absolute;
 left:        50%;
 top:         0;
 width:       1000px;
 margin-left: -500px;
 border:      double white;
}

#contenidoespecial p {
 margin-top: 5px;
 margin-bottom: 5px;
}

/* DIV DESTACADO */

#destacado {
 position:    absolute;
 left:        50%;
 top:         50%;
 width:       300px;
 height:      150px;
 margin-top:  -75px;
 margin-left: -500px;
 z-index:     1;
}

/* DIV IDIOMAS */

#idiomas {
 position: absolute;
 right:    50px;
 top:      15px;
}

/* DIV PRINCIPAL */

#principal {
 position:   absolute;
 left:       25px;
 top:        50px;
 width:      950px;
 height:     500px;
 background: url('filigran.jpg');
 border:     double white;
}

/* DIV DIRECCION */

#direccion {
 position:         absolute;
 left:             0;
 top:              0;
 width:            662px;
 height:           120px;
 background-color: #ffffff;
 border-bottom:    5px solid #e71828;
}

#direccion p {
 font-family:   "Arial", "Helvetica", "sans-serif";
 font-size:     8pt;
 color:         #000000;
 text-align:    right;
 line-height:   120%;
 padding:       5px 20px 5px 5px;
}

#direccion a {
 color: #e71828;
}

/* DIV MENU */

#menu {
 position:   absolute;
 left:       0;
 top:        120px;
 width:      662px;
 height:     30px;
}

#menu p {
 position:   absolute;
 bottom:     0;
 width:      100%;
 text-align: center;
 font-family: "Arial", "Helvetica", "sans-serif";
 font-size:   8pt;
 font-weight: bold;
 color:       #e71828;
}

#menu a {
 color: #e71828;
}

/* DIV LOGO */

#logo {
 position:   absolute;
 right:      0;
 top:        0;
 width:      288px;
 height:     270px;
}

#logo img {
 position:    absolute;
 left:        50%;
 top:         22px;
 width:       204px;
 margin-left: -102px;
}

/* DIV APARTADO */

#apartado {
 position: absolute;
 left:     0;
 top:      150px;
 width:    662px;
 height:   350px;
}

#apartado img {
 margin-bottom: 5px;
}

#apartado h1 {
 margin-left:   20px;
 border-bottom: double #C0C0C0
}

#apartado h2 {
 font-family:    "Georgia", "serif";
 font-size:      13pt;
 font-weight:    bold;
 font-style:     italic;
 color:          #ffffff;
 line-height:    120%;
 margin:         20px;
 padding-bottom: 10px;
 text-align:     right;
}

#apartado a {
 color: #e71828;
}

p.servicios {
 font-family: "Arial", "Helvetica", "sans-serif";
 font-size:   8pt;
 font-weight: bold;
 color:       #e71828;
 margin:      10px 0 5px;
 text-align:  center;
}

p.oferta {
 font-family: "Arial", "Helvetica", "sans-serif";
 font-size:   7pt;
 margin:      10px 0 5px;
 text-align:  center;
}

/* DIV APARTADO ESPECIAL*/

#apartadoespecial {
 position: absolute;
 left:     0;
 top:      450px;
 width:    100%;
 height:   50px;
}

#apartadoespecial a {
 color: #e71828;
}

#apartadoespecial p.servicios {
 font-family: "Arial", "Helvetica", "sans-serif";
 font-size:   8pt;
 font-weight: bold;
 color:       #e71828;
 margin:      10px 0 5px;
 text-align:  center;
}

/* DIV PELICULA */

#pelicula {
 position: absolute;
 right:    0;
 bottom:   0;
 width:    288px;
 height:   230px;
}

/* DIV AVISO */

#aviso {
 position: absolute;
 right:    50px;
 bottom:   25px;
}

#aviso a {
 font-family: "Arial", "Helvetica", "sans-serif";
 font-size:   7pt;
 color:       #000000;
}

/* DIV GPS */

#gps {
 position:    absolute;
 left:        50%;
 top:         50%;
 width:       800px;
 height:      400px;
 margin-left: -400px;
 margin-top:  -200px;
 text-align:  center;
}

#gps h1{
 font-size: 15pt;
 margin:    25px 0 20px;
}

#gps h2{
 font-size:     12pt;
 margin-bottom: 10px;
}

#gps h3{
 font-size: 11pt;
 margin:    25px 0 20px;
}

#gps img{
 margin-right:   25px;
 vertical-align: middle;
}

#gps a{
 color: #e71828;
}

/* DIV AVISOLEGAL */

#avisolegal {
 margin: 20px;
}

#avisolegal h1{
 font-size:     15pt;
 margin-bottom: 25px;
}

#avisolegal h2{
 font-size:     13pt;
 margin:        15px 0 15px;
 border-bottom: 1px solid #000000;
}

#avisolegal p{
 font-size:     10pt;
 color:         #000000;
 margin-bottom: 5px;
 text-indent:   10pt;
 text-align:    justify;
 line-height:   140%;
}

/* DIV GRACIAS */

#gracias {
 position:    absolute;
 left:        50%;
 top:         50%;
 width:       400px;
 height:      100px;
 margin-left: -200px;
 margin-top:  -50px;
 text-align:  center;
}

#gracias h1{
 font-size: 15pt;
}

/* DIV HOTEL */

#hotel {
 margin: 0 100px 25px 100px
}

#hotel p {
 font-family: "Arial", "Helvetica", "sans-serif";
 font-size:   7pt;
 margin:      10px 0 5px;
 text-align:  left;
}

/* DIV MAPA */

#mapa {
 position: absolute;
 left:     0;
 top:      170px;
 width:    950px;
 height:   330px;
}

p.burbujagm {
 font-family: "Arial", "Helvetica", "sans-serif";
 font-size:   13pt;
 font-weight: bold;
 color:       #000000;
 line-height: 120%;
 text-align:  center;
}

/* DIV ENLACES */

#enlacesviajar {
 position: absolute;
 left:     20px;
 top:      170px;
 width:    295px;
 height:   330px;
}

#enlacesvillarrobledo {
 position: absolute;
 left:     335px;
 top:      170px;
 width:    295px;
 height:   330px;
}

#enlacesotros {
 position: absolute;
 left:     670px;
 top:      170px;
 width:    295px;
 height:   330px;
}

#enlacesviajar a {
 color: #e71828;
}

#enlacesvillarrobledo a {
 color: #e71828;
}

#enlacesotros a {
 color: #e71828;
}

p.seccion {
 font-size:   9pt;
 font-weight: bold;
 line-height: 120%;
}

p.enlace {
 font-family: "Arial", "Helvetica", "sans-serif";
 font-size:   8pt;
 font-weight: bold;
 line-height: 120%;
 margin:      2px 5px 2px 2px;
}

p.descripcion {
 font-family: "Arial", "Helvetica", "sans-serif";
 font-size:   8pt;
 line-height: 120%;
 margin:      2px 5px 5px 10px;
}

/* DIV MEDIOS */

#medios {
 position: absolute;
 left:     0;
 top:      150px;
 width:    950px;
 height:   350px;
}

#medios object {
 position:    absolute;
 left:        50%;
 top:         50%;
 width:       360px;
 height:      300px;
 margin-top:  -150px;
 margin-left: -180px;
}

/* DIV INSTRUCCIONES */

#instrucciones p {
 margin:     20px;
 text-align: center;
 color:      #000000;
}

/* DIV CAMPOS */

#campos label {
 font-size:     10pt;
 font-style:    italic;
 font-weight:   bold;
 text-align:    right;
 width:         200px;
 float:         left;
 padding-right: 5px;
 color:         #000000;
}

#campos p {
 color: #000000;
 margin: 5px 0 5px 0;
}

/* DIV BOTONERA */

#botonera {
 text-align: center;
}

#botonera p {
 font-family: "Arial", "Helvetica", "sans-serif";
 font-size:   8pt;
 line-height: 120%;
 margin:      5px;
 color:       #000000;
}

#botonera button {
 font-family: "Arial", "Helvetica", "sans-serif";
 font-size:   10pt;
 width:       130px;
 height:      30px;
 margin:      5px;
 color:       #000000;
 cursor:      pointer;
}

/* DIV CLAUSULAS */

#clausulas p {
 font-family: "Arial", "Helvetica", "sans-serif";
 font-size:   8pt;
 line-height: 120%;
 margin:      20px;
 text-align:  justify;
 text-indent: 10px;
 color:       #c0c0c0;
}

#clausulas a {
 color: #e71828;
}

/* CLASES GENERALES */

.detalle {
 position: absolute;
 bottom:   0;
 width:    100%;
}

.destacado {
 font-weight: bold;
}

.numero {
 text-align: right;
}