@charset "iso-8859-1";
/* CSS Document - sitio posadas turisticas de Colombia */
/* Estilos Globales */
body{background:#000000; margin:0 auto; padding:0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px;
  scrollbar-face-color: ThreeDFace !important;
  scrollbar-shadow-color: ThreeDDarkShadow !important;
  scrollbar-highlight-color: ThreeDHighlight !important;
  scrollbar-3dlight-color: ThreeDLightShadow !important;
  scrollbar-darkshadow-color: ThreeDDarkShadow !important;
  scrollbar-track-color: Scrollbar !important;
  scrollbar-arrow-color: ButtonText !important;
}
img{border:0; padding:0; margin:0;}
p{margin-bottom:20px;}
/* Contenedores y estilos para contenedores */
#contendedor{background:#FFFFFF; margin:0 auto; padding:0; width:900px;}
/* --------------------------------------------------------------------*/
#contendedor #header{clear:both;}
#contendedor #header #logo{float:left; width:321px; height:125px;}
#contendedor #header #logos_index{margin:0 auto; padding:65px 0 0 0;}
#contendedor #header #logos_index ul{display:inline; margin:0; padding:0;}
#contendedor #header #logos_index ul li{display:inline; list-style:none;}
#contendedor #header #idiomas{float:right; background:#FFFFFF; margin:0; padding:0; text-align:right; height:125px;}
#contendedor #header #idiomas ul li{list-style:none; margin:0 30px 10px 0;}
#contendedor #header #idiomas ul li a{color:#000000; font-weight:bold; text-decoration:none;}
/* --------------------------------------------------------------------*/
#contendedor #contenido{background:#FFFFFF; margin:0; padding:0;}
#contendedor #contenido #izq_750{float:left; width:750px; margin:0; padding:0;}
#contendedor #contenido #der_150{float:right; width:150px; margin:0; padding:0;}
/* ----- Index -----*/
#contendedor #header #m_alterno{background-color:#FFFFFF; margin:0 auto; width:100%; text-align:center;}
#contendedor #header #m_alterno ul{display:inline;}
#contendedor #header #m_alterno ul li{display:inline;}
#contendedor #header #m_alterno ul li a{color:#000000; text-decoration:none; padding:2px 30px 2px 30px; margin:0;}
#c_index{margin:0 auto; padding:0 0 20px 0; width:900px;}
#c_index h2{font-family:"Century Gothic","Trebuchet MS",Arial, Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; color:#FFFFFF; font-weight:normal; padding:10px 0 0 15px; margin:0;}
#c_index #destinos_horiz{float:left; width:586px; height:133px; margin:0; padding:0 20px 0 0;}
#c_index #suscripcion{width:135px; padding:0 10px 0 0;}
#c_index #suscripcion #link_suscripcion{text-decoration:none; background:url(../images/f_inscripciones.gif) no-repeat; background-position:0 0; width:135px; height:78px; padding:0; margin:0;}
#c_index #suscripcion #link_suscripcion:hover{background-position:0 -72px;}
#c_index #mapa{float:right; width:130px;}
#c_index #mapa #lnk_mapa{text-decoration:none; background:url(../images/f_lnk_mapa.gif) no-repeat; background-position:0 0; width:130px; height:74px;}
#c_index #mapa #lnk_mapa:hover{background-position:0 -76px;}
/* ----- Destinos -----*/
#contendedor #contenido #nombre_destino{float:left; padding:0; margin:0; width:750px; height:160px;}
#contendedor #contenido #tit_destinos{float:right; padding:130px 0 0 20px; margin:0; width:130px; font-family:"Century Gothic","Trebuchet MS",Arial, Verdana, Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase;}
#contendedor #contenido #slide_destino{float:left; width:741px; height:445px; border-right:1px solid #000;}
#contendedor #contenido #menu_destino{float:right; width:150px; height:545px; vertical-align:top; margin:0; padding:0;}
#contendedor #contenido #mapa_video{float:left; width:741px; margin:0; padding:4px 0 0 0; border-right:1px solid #000;}
#contendedor #contenido #mapa_video img{border:0;}
#contendedor #contenido #menu_posadas{float:left; padding:0; margin:0; width:900px; height:270px; background:url(../images/logo_menu_posadas.png) top left no-repeat;}
#contendedor #contenido #menu_posadas #texto{float:left; width:400px; height:270px;}
#contendedor #contenido #menu_posadas #texto h1{float:left; width:158px; font-family:"Century Gothic","Trebuchet MS",Arial, Verdana, Arial, Helvetica, sans-serif; font-size:27px; font-weight:normal; color:#FFFFFF; text-transform:uppercase; letter-spacing:-2px; margin:93px 0 0 21px;}
#contendedor #contenido #menu_posadas #texto #menu_texto{float:right; margin:50px 0 0 5px; width:190px; height:190px; color:#FFFFFF; border-left:3px solid #FFFFFF; overflow:auto;}
#contendedor #contenido #menu_posadas #texto #menu_texto ul{list-style-type:square; padding:0; margin:0 0 0 30px;}
#contendedor #contenido #menu_posadas #texto #menu_texto ul li{padding-bottom:3px;}
#contendedor #contenido #menu_posadas #texto #menu_texto ul li a{color:#FFFFFF; text-decoration:none; font-weight:bold;}
#contendedor #contenido #menu_posadas #menu_flash{float:right; padding:0; margin:0; width:500px; height:270px;}
#contendedor #contenido #cont_destino{float:left; width:575px; padding:0 0 0 5px; margin:0;}
#contendedor #contenido #cont_destino h2{padding:5px; margin:10px 0 0 0; display:block; font-size:14px;}
#contendedor #contenido #cont_destino h4{background:url(../images/vineta_titulo.gif) no-repeat; padding:5px; margin:5px; display:block; font-size:14px; text-indent:20px;}
#contendedor #contenido #cont_destino p{margin:5px 0 10px 0;}
#contendedor #contenido #cont_destino a{color:#F6C24C; font-size:14px; font-weight:bold; text-decoration:none;}
#contendedor #contenido #cont_destino img, #contendedor #contenido #lat_destino img, #contendedor #contenido #actividades img{border:0;}
#contendedor #contenido #lat_destino{float:right; padding:0; margin:0; width:300px;}
#contendedor #contenido #lat_destino .fotos{padding:0; margin:0;}
#contendedor #contenido #lat_destino #inviter{margin:0 auto;}
#contendedor #contenido #actividades{clear:both; background:url(../images/fondo_actividades.gif) top no-repeat; margin:0 auto; width:840px; height:350px;}
#contendedor #contenido #actividades h4{color:#FFFFFF; font-size:30px; margin:15px 0 0 60px;}
#contendedor #contenido #actividades #galeria{float:left; margin:15px 0 0 30px;}
#contendedor #contenido #actividades #actividades_txt{height:250px;padding-right:20px; margin:10px 20px 0 0; overflow:auto; color:#FFFFFF; text-align:justify;}
#contendedor #contenido #actividades #actividades_txt ul{list-style:square; list-style-image:url(../images/vineta_actividades.gif);}
#contendedor #contenido #recomendaciones{clear:both; margin:0 auto; width:840px; height:350px;}
#contendedor #contenido #recomendaciones #recomendaciones_txt{height:300px; padding:0 20px 0 0; overflow:auto; margin:0 20px 0 20px;}
#contendedor #contenido #recomendaciones #recomendaciones_txt ul{list-style:square; list-style-image:url(../images/vineta_casa.png);}
/* ----- Posadas -----*/
#contendedor #contenido #izq_750 #nombre_posada{float:left; width:750px; height:234px; margin:0; padding:0;}
#contendedor #contenido #izq_750 #posada{width:750px; margin:0; padding:0;}
#contendedor #contenido #izq_750 #posada #posada_izq{float:left; width:460px; padding:0; margin:0;}
#contendedor #contenido #izq_750 #posada #posada_izq #texto_posada{width:420px; height:378px; overflow:auto; color:#FFFFFF; text-align:justify; padding:20px;}
#contendedor #contenido #izq_750 #posada #posada_der{float:right; width:289px; height:900px; background:#FFFFFF; text-align:justify; padding:0; margin:0; border-right:1px solid #000000;}
#contendedor #contenido #izq_750 #posada #posada_reserva{float:right; width:289px; height:25px; background-color:#000000; text-align:center;}
#contendedor #contenido #izq_750 #posada #posada_reserva a{font-family:"Century Gothic","Trebuchet MS",Arial, Verdana, Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; text-transform:uppercase; text-decoration:none;}
#contendedor #contenido #der_150 #tips{float:right; margin:0; padding:0; width:132px; color:#FFFFFF; font-size:11px;}
#contendedor #contenido #der_150 #tips ul{list-style:square; margin-left:10px; padding-left:10px; list-style-image:url(../images/vineta_tips.png);}
#contendedor #contenido #der_150 #tips ul li{padding-bottom:10px;}
/* ----- Catálogos -----*/
#contendedor #contenido #catalogos{background:url(../images/f_catalogos.gif) repeat-y; width:900px; margin:0; padding:0;}
#contendedor #contenido #catalogos #texto{float:left; color:#FFFFFF; background:url(../images/vineta_fondo_negro.gif) top left no-repeat; width:250px; padding:0 0 0 25px;}
#contendedor #contenido #catalogos #portadas{float:right;}
/* ----- Videos, Promociones -----*/
#contendedor #contenido .f_videos{width:900px; background:url(../images/f_videos.png) repeat-y; background-position:top; margin:0; padding:0;}
#contendedor #contenido #videos h2{font-family:"Century Gothic","Trebuchet MS",Arial, Verdana, Arial, Helvetica, sans-serif; font-size:27px; font-weight:normal; text-transform:uppercase; letter-spacing:-2px; padding:0 0 5px 15px; margin:0;}
#contendedor #contenido #videos table td{width:374px;}
#contendedor #contenido #videos table th{text-align:left; font-weight:normal; text-align:justify;}
#contendedor #contenido #videos table th .foto{background:#555; padding:5px; margin:5px 5px 5px 10px;}
#contendedor #contenido #paginador{width:90%; margin:0 auto; color:#FFFFFF;}
#contendedor #contenido #paginador a{color:#FFFFFF; text-decoration:underline;}
#contendedor #contenido .publicacion{width:85%; margin:0 auto; color:#FFFFFF; background:#222; padding:5px;}
#contendedor #contenido .publicacion .titulo{font-family:"Century Gothic","Trebuchet MS",Arial, Verdana, Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; text-transform:uppercase; letter-spacing:-2px; padding:0 0 5px 0; margin:0; color:#FFF;}
#contendedor #contenido .publicacion .fecha{font-family:"Century Gothic","Trebuchet MS",Arial, Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-transform:lowercase; padding:0; margin:0; color:#FFCC00}
#contendedor #contenido .publicacion .enlace, #contendedor #contenido .publicacion .enlace2{background:#111; padding:5px 5px 5px 0; margin:0; text-align:right;}
#contendedor #contenido .publicacion .enlace a{color:#CCC; text-decoration:underline; background:url(../images/ampliar_info.png) no-repeat; padding:0 0 0 18px;}
#contendedor #contenido .publicacion .enlace2 a{color:#FFF; text-decoration:underline; background:url(../images/regresar.png) no-repeat; padding:0 0 0 18px; font-weight:bold;}
#contendedor #contenido .publicacion .enlace a:hover, #contendedor #contenido .publicacion .enlace2 a:hover{color:#FFCC00; text-decoration:underline;}
/* ----- Contacto -----*/
#contendedor #contenido #catalogos #texto2{float:left; color:#FFFFFF; background:url(../images/vineta_fondo_negro.gif) top left no-repeat; width:190px; padding:0 0 0 30px;}
#contendedor #contenido #catalogos #portadas{float:right;}
#contendedor #contenido #catalogos .asterisco, #contendedor #contenido #enlaces .asterisco{color:#FF0000;}
/* ----- Créditos -----*/
#contendedor #contenido #creditos{color:#FFFFFF; text-align:justify; padding:15px 70px 15px 70px;}
/* ----- Programa -----*/
#contendedor #contenido #programa{text-align:center; padding:40px 0 25px 0;}
/* ----- Cuadro de Búsqueda -----*/
#search_box{width:228px; height:26px; background: url(../images/bg_search_box.gif); margin:0 auto;}
#search_box #s{float:left; padding:0; margin:6px 0 0 6px; border:0; width:193px; background:none; color:#FFFFFF;}
#search_box #go {float: right; margin: 3px 4px 0 0; width:20px; height:20px;}
/* ----- Enlaces de Interés -----*/
#contendedor #contenido #enlaces{background:url(../images/f_enlaces.gif) repeat-y; width:900px; margin:0; padding:0;}
#contendedor #contenido #enlaces ul li{list-style:none;  padding-bottom:15px;}
#contendedor #contenido #enlaces ul li a{color:#FFF; text-decoration:none; font-weight:bold;}
#contendedor #contenido #enlaces ul li a:hover{color:#FC0;}
#contendedor #contenido #enlaces .cont_enlaces{float:left; width:100%; margin: 0 0 0 20px;}
#contendedor #contenido #enlaces .enlace{float:left; width:210px; border:1px solid #CCC; margin:10px; padding:5px;}
#contendedor #contenido #enlaces .enlace a{font-size:16px; color:#055294;}
#contendedor #contenido #enlaces .enlace a:hover{color:#002851;}
#contendedor #contenido #enlaces .enlace .verde{color:#008000;}
#contendedor #contenido #enlaces .solicitar{background-color:#333; color:#FFF; width:91%; display:block; margin:20px 0 10px 19px; padding:3px; text-align:center;}
#contendedor #contenido #enlaces .solicitar:hover{color:#FCDF05;}
#contendedor #contenido #enlaces .enlazar{background-color:#333; color:#FFF; width:85%; display:block; margin:40px 0 10px 15px; padding:3px; margin:0 0 30px 35px; text-align:center;}
#contendedor #contenido #enlaces .enlazar:hover{color:#FCDF05;}
#contendedor #contenido #enlaces form{padding:0 0 0 15px;}
/* --------------------------------------------------------------------*/
#contendedor #footer{background:#FFFFFF; margin:15px 0 0 0; clear:both;}
#contendedor #footer a{color:#333333;}