body { margin: 0; padding: 0; background-color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #cacaca; background-image: url(../images/fondo_barra.jpg); background-position: center top; background-repeat: repeat-x; }

/* ///////////////////////////// LAYOUTS */
#contenedor { margin: 0 auto; padding: 0; width: 980px; background-color: #333; }

#cabecera { margin: 0; padding: 0; width: 980px; background-color: #000; }

#idiomas { margin: 20px 20px; padding: 0; float: right; font-size: 12px; font-weight: normal; color: #afafaf; text-align: right; }
#idiomas a{ color: #afafaf; text-decoration: none; }
#idiomas a:hover{ color: #afafaf; text-decoration: underline; }

#logo { margin: 0; padding: 0; float: left; }

#banner_flash { margin: 0; padding: 10px 0 0 0; width: 980px; height: 170px; background-image: url(../images/fondo_banner_flash.jpg); background-position: 0 0; background-repeat: no-repeat; text-align: center; }
#flash { margin: 0 20px 0 0; padding: 0; text-align: right; }

#contenido { margin: 20px 0 0 0; padding: 0; background-color: #333; }

#columna_izquierda_home { padding: 0 20px; margin: 0; width: 570px; float: left; text-align: justify; }
#columna_izquierda_texto { padding: 0 20px; margin: 0; width: 570px; float: left; text-align: justify; }
#columna_izquierda_texto a{ color: #fff; text-decoration: underline; }
#columna_izquierda_texto a:hover{ color: #fff; text-decoration: none; }


#nuestros_destinos_home { margin: 0; padding: 0; width: 275px; float: left; background-color: #e30000; color: #fff; text-align: center; font-size: 14px; line-height: 20px;}
#nuestros_destinos_home a{ color: #fff; text-decoration: none; }
#nuestros_destinos_home a:hover{ color: #fff; text-decoration: underline; }
#sugerencias_home { margin: 0; padding: 0; width: 275px; float: right; background-color: #4c4c4c; text-align: center;}
#sugerencias_home a{ color: #fff; text-decoration: none; }
#sugerencias_home a:hover{ color: #fff; text-decoration: underline; }
#sugerencias { margin: 25px 0 0 0; padding: 0; width: 275px; float: left; background-color: #4c4c4c; text-align: center; }
#sugerencias a{ color: #fff; text-decoration: underline; }
#sugerencias a:hover{ color: #fff; text-decoration: none; }

/*//////////////////////////////////////////////////////  BANNERS NUESTROS DESTINOS + SUGERENCIAS */
#t_rojo { background: url(../images/dot_rojo.gif) 0 0 repeat-x; }
#b_rojo { background: url(../images/dot_rojo.gif) 0 100% repeat-x; }
#l_rojo { background: url(../images/dot_rojo.gif) 0 0 repeat-y; }
#r_rojo { background: url(../images/dot_rojo.gif) 100% 0 repeat-y; }
#bl_rojo { background: url(../images/bl_rojo.gif) 0 100% no-repeat; }
#br_rojo { background: url(../images/br_rojo.gif) 100% 100% no-repeat; }
#tl_rojo { background: url(../images/tl_rojo.gif) 0 0 no-repeat; }
#tr_rojo { background: url(../images/tr_rojo.gif) 100% 0 no-repeat; padding: 20px; } 

#t_gris { background: url(../images/dot_gris.gif) 0 0 repeat-x; }
#b_gris { background: url(../images/dot_gris.gif) 0 100% repeat-x; }
#l_gris { background: url(../images/dot_gris.gif) 0 0 repeat-y; }
#r_gris { background: url(../images/dot_gris.gif) 100% 0 repeat-y; }
#bl_gris { background: url(../images/bl_gris.gif) 0 100% no-repeat; }
#br_gris { background: url(../images/br_gris.gif) 100% 100% no-repeat; }
#tl_gris { background: url(../images/tl_gris.gif) 0 0 no-repeat; }
#tr_gris { background: url(../images/tr_gris.gif) 100% 0 no-repeat; padding: 22px; } 
/*//////////////////////////////////////////////////////  CAJAS */

#columna_derecha_home { padding: 0 20px 0 0; margin: 0; width: 350px; float: right; }
#columna_derecha_foto { padding: 0 20px 0 0; margin: 0; width: 350px; float: right; }
#columna_derecha_home_cabecera {padding: 0; margin: 0; background-image: url(../images/fondo_cabecera_columna_derecha.gif); background-position: 0 0; background-repeat: no-repeat; height: 10px; }
#columna_derecha_home_contenido { margin: 0; padding: 10px 20px; background-color:#4c4c4c; }
#columna_derecha_home_contenido a{ color: #ededed; text-decoration: none; }
#columna_derecha_home_contenido a:hover{ color: #ededed; text-decoration: underline; }
#columna_derecha_home_pie { background-image: url(../images/fondo_pie_columna_derecha.gif); background-position: 0 0; background-repeat: no-repeat; height: 10px; }


.caja_izquierda { margin: 0 0 20px 0; padding: 0; width: 145px; float: left; text-align: center; font-weight: bold; }
.caja_izquierda img { margin: 0 0 10px 0; border: 1px solid #343434; }
.caja_derecha { margin: 0 0 20px 0; padding: 0; width: 145px; float: right; text-align: center; font-weight: bold; }
.caja_derecha img { margin: 0 0 10px 0; border: 1px solid #343434; }


/* ///////////////////// MENU PRINCIPAL ////////////////// */

ul#primary-nav { padding: 0; margin: 0; float: left; width: 690px; background-color: #000; }
ul#primary-nav ul { padding: 0; margin: 0; display: none; position: absolute; background-color: #000; }
ul#primary-nav:unknown { clear: both; display: block; visibility: hidden; height: 0px; content: "."; }
ul#primary-nav li { float: left; width: 134px; list-style-type: none; position: relative; }
/*ul#primary-nav li { float: left; width: 164px; list-style-type: none; position: relative; }*/
ul#primary-nav li a { padding: 5px; margin: 0; display: block; color: #fff; text-decoration: none; text-align: center; }

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav li:hover ul { display: block; }
ul#primary-nav li.over ul { display: block; }
ul#primary-nav li.menuparent:hover { background-color: #000000! important; }
ul#primary-nav li.over { background-color: #e30000! important; }
ul#primary-nav li a:hover { color: #fff; background-color: #e30000; }

/* ///////////////////// FIN MENU PRINCIPAL ////////////////// */

/* ///////////////////// ACTIVIDADES ////////////////// */

#columna_actividades { padding: 0 30px 0 20px; margin: 0; width: 285px; float: left; }
#columna_actividades a{ color: #ffffff; text-decoration: none; }
#columna_actividades a:hover{ color: #ffffff; text-decoration: underline; }
#listado_actividades { margin: 0; padding: 0; width: 645px; float: right; text-align: justify; }
#listado_actividades_cabecera { background-image: url(../images/fondo_cabecera_listado_actividades.gif); background-position: 0 0; background-repeat: no-repeat; height: 10px; }
#listado_actividades_contenido { margin: 0; padding: 10px 20px; background-color:#4c4c4c; }
#listado_actividades_pie { background-image: url(../images/fondo_pie_listado_actividades.gif); background-position: 0 0; background-repeat: no-repeat; height: 10px; }
.listado_actividades_foto { margin: 0 20px 0 0; width: 122px; float: left; } 
.listado_actividades_foto img { border: 1px solid #343434; }
.listado_actividades_texto { margin: 0; width: 460px; float: left; }


.ver_detalles { margin: 0; padding: 0 0 0 10px; float: right; color: #ff9900; text-decoration: none; background-image: url(../images/flecha.gif); background-position: 0 6px; background-repeat: no-repeat; float: left; text-decoration: underline; font-weight:bold; }
.ver_detalles:a{ color: #ff9900; text-decoration: underline; }
.ver_detalles:hover{ color: #ff9900; text-decoration: none; }

/* ///////////////////// FIN ACTIVIDADES ////////////////// */
#ficha { margin: 0; padding: 0; width: 645px; float: right; text-align: justify; }
#ficha_cabecera { background-image: url(../images/fondo_cabecera_listado_actividades.gif); background-position: 0 0; background-repeat: no-repeat; height: 10px; }
#ficha_contenido { margin: 0; padding: 10px 20px; background-color:#4c4c4c; }
#ficha_pie { background-image: url(../images/fondo_pie_listado_actividades.gif); background-position: 0 0; background-repeat: no-repeat; height: 10px; }
.ficha_texto { width:355px; float:left; }
.ficha_foto { margin:0 0 20px 0; width:230px; float:right; }
.volver { margin: 0; padding: 0 0 0 10px; color: #ff9900; text-decoration: none; background-image: url(../images/flecha_volver.gif); background-position: 0 4px; background-repeat: no-repeat; float: left; font-weight:bold; }
.volver:a{ color: #ff9900; text-decoration: none; }
.volver:hover{ color: #ff9900; text-decoration: underline; }


#noticias { margin: 40px 0 0 0; padding: 0; text-align: justify; }
.linia_gris { padding: 5px 0 10px 0; height: 1px; border-top: 1px solid #939393; }
#noticias a { color: #ff9900; text-decoration: none; }
#noticias a:hover { color: #ff9900; text-decoration: underline; }
.fecha_noticia { color: #dfdfdf; font-weight: bold; }
.titulo_noticia { color: #bfbfbf; font-weight: bold; }
.listado_noticias { text-align:left; }
.leer_mas { color: #ff9900; text-decoration: none; }
.leer_mas:a { color: #ff9900; text-decoration: none; }
.leer_mas:hover { color: #ff9900; text-decoration: underline; }


.clearfloat { clear: both; height: 0; line-height: 0; font-size: 0; }

#pie { margin: 0; padding: 10px 0 20px 0; background-image: url(../images/fondo_pie.jpg); background-position: 0 0; background-repeat: repeat-x; text-align: center; border-top: 1px solid #000; line-height: 20px; clear: both; color: #8f8f8f; }
#pie a { color: #8f8f8f; text-decoration: none; }
#pie a:hover { color: #8f8f8f; text-decoration: underline; }

h1 { font-size: 18px; margin: 0; padding: 0; }
h2 { font-size: 15px; margin: 0; padding: 0; }
h3 { font-size: 13px; margin: 0; padding: 0; }
h4 { font-size: 12px; margin: 0; padding: 0; }

.blanco { color: #fff; font-weight: bold; }
.linked { color: #fff; text-decoration: underline; }
.subrallado { text-decoration: underline; }
.com4event { color: #fff; font-size: 16px; font-weight: bold; }

.leer_condiciones { color: #ff9900; text-decoration: underline; }
.leer_condiciones:a { color: #ff9900; text-decoration: underline; }
.leer_condiciones:hover { color: #ff9900; text-decoration: none; }

.enlace { color: #fff; text-decoration: none; }
.enlace:a { color: #fff; text-decoration: none; }
.enlace:hover { color: #fff; text-decoration: underline; }


p { margin: 10px 0 0 0; line-height: 18px; }

/* /////////////////////////// FORMULARIOS */
#formulario_contacta { margin: 0 0 0 20px; padding: 0; }
input[type="text"] { width: 50%; }
input[type="text"]#telefono { width: 15%; }
textarea{ width: 50%; }
button#borrar{ border: none; background: #333; margin: 5px 0 0 0; padding: 0; width: 70px; height: 23px; }
button#enviar{ border: none; background: #333; margin: 5px 0 0 0; padding: 0; width: 70px; height: 23px; }
/* /////////////////////////// end formularios */

