/*

    Hoja de estilo para TURISMOCHILE.COM
    Tipo: Guía turística (W3C)
    
    Programación: Juan Pablo Gil R. - juanpablo@conectu.com
    Diseño gráfico: Andrés Giordano - andres@conectu.com
    Copyright 2003 - Conectu.com

*/



#ColumnaDerecha ul { color: gray; font-style: italic; }
#ColumnaDerecha ul a { color: blue; font-style: normal; }


/*


    Artículos


*/

p.DatosArticulo { margin: 0 0 1.5em 0; color: gray; text-align: left; }
.ArticuloVotar { margin: 7px 0; text-align: right; }
.ArticuloVotar p.DatosArticulo {font-style: italic;}

ul.Articulos {}
ul.Articulos li { color: gray; margin-top: 0.5em;}


div.ArticuloContenido {
    font-size: 13px;
    font-family :  Arial, Helvetica, sans-serif;

}
div.ArticuloContenido li { padding-bottom: .4em; padding-right: 1em;}
div.ArticuloContenido h2 { font-size: 13px; }


.ArticuloIndiceTitulo { margin-bottom: 0;}
.ArticuloIndiceTitulo i { color: #777; font-style: normal; }
.ArticuloIndiceResumen { margin: 0.5em 0 1em 0; padding-bottom: 1em; border-bottom : 1px solid #eee; }

div.ArticuloFoto { float: right; padding: 2em 0 1em 1em; width: 200px; text-align: center; }

div.ArticulosMasInfo {
    margin: 0 0 ;
}
div.ArticulosMasInfo ul.nolist { margin: 0 0; padding: 0 0; }




/*


    Servicios


*/

a.Registro { display: block; text-align: center; padding: 10px 0; margin: 15px 0 ; }
a.Registro:hover { background: #e5e5e5; }

form.FiltroServicios { text-align: left; margin: 0 0 20px 0; padding: 0 0;}
form.FiltroServicios select { display: block; margin-top: 3px;}
form.FiltroServicios div.Ciudad { float: left; margin-right: 7px; }
form.FiltroServicios div.Categoria { float: left; margin-right: 7px; }
form.FiltroServicios div.submit { display: block; padding-top: 14px; }

table.ItemServicio { clear: left; width: 400px; margin: 15px 0 0 0; }
table.ItemServicio .nombre { background: #EFEFEF; font-weight: bold; }
table.ItemServicio .ciudad { background: #EFEFEF; font-weight: bold; font-style: italic; text-align: right; }
table.ItemServicio .direccion {}
table.ItemServicio .descripcion { font-style: italic; color: #555; }
table.ItemServicio .categorias { color: #667; text-align: right; }

div.ServDestacado { }
div.ServDestacado .nombre { font-size: 12px; }
div.ServDestacado table.ItemServicio {
    background: #e7f2f3; 
    margin-top: 15px;
    border-style: solid;
    border-width: 3px;
    border-left-color: #eee; border-top-color: #eee; border-right-color:#aac; border-bottom-color:#aac;  
}
div.ServDestacado table.ItemServicio td { padding: 5px; }

div.ServOtro { padding-top: 2em; }
div.ServOtro table.ItemServicio { border-top: 1px solid #ccc;}

h2.ServicioCategoria { padding-top: 10px; border-top: 1px solid #e5e5e5; }



table.ServicioTabla {
    /*background-color: #eee3c5;*/
}
table.ServicioTablaSimple {
    width: 400px;
    margin: 15px 0 0 25px;
}
.ServicioTabla th, .ServicioTablaSimple th {
    padding: 5px 5px;
    font-size: 13px;
    text-align: left;
}
.ServicioTabla td, .ServicioTablaSimple td {
    background-color: #f8f8ed;
    padding: 3px 3px 3px 3px;
    padding-right: 5px; 
    text-align: right;
    font-size: 10px;
}
.ServicioTabla td.nombre { 
    font-weight: bold; 
    padding: 10px 5px; 
    text-align: left;
    font-size: 11px;
}
.ServicioTablaSimple td.nombre { 
    font-weight: bold; 
    text-align: left;
    padding-left: 5px;
}


/*


    Lista de precios


*/
div.ListaPrecios {
    width: 550px;
    height: 250px;
    overflow : auto;
    margin: 10px auto;
    background: #e9e9e9; border: 1px solid gray;
    text-align: center;
}
table.ListaPrecios {
    text-align: left;
    border: 1px solid gray;
    background: gray;
}
table.ListaPrecios td { background: white; padding: 1px 2px; }
table.ListaPrecios th {  }
table.ListaPrecios input.text { background: transparent; width: 85px;; border: 1px dotted gray; padding: 0 3px; }
table.ListaPrecios th input.text { text-align: right; width: 120px; }
table.ListaPrecios .data {
    margin: 3px 9px; display: block;
}

 textarea.ListaPrecios {
    width: 500px;
    height: 60px;
    font-family: Verdana, Arial;
    font-size: 11px;
}

/*


    Guia tematica


*/
div.TemaFotoPrincipal{ width: 200px; float: right; margin: 0 0 1em 1em; text-align: center; }
div.TemaFotoInicio { width: 100px; float: left; margin: 0 1em 1em 0; text-align: center; display: inline;}

div.TemaDestacado { margin: 1em 0; clear: left;}


/*

    Cajas de nodos

*/
div.HijosNodo {  }
div.HijosNodo h3 { margin: 0 0; font-style: normal; }
div.HijosNodo p { margin: 0.2em 0;}


table.AreaNodos { margin: 1em auto; border: 1px solid #bbb; }
table.AreaNodos td { padding: 0 1em 1em 1em; border: 1px solid #bbb; background: #f8f8ed; }
table.AreaNodos th { padding: 0.5em 1em; border-right: 1px solid #bbb; background: #e9e9e9; }
table.AreaNodos div.item { margin: .5em 0 0 .5em; }



.AreaNodos h3 {
    color: gray;
    font-weight: bold;
    font-style: normal;
    font-size: 140%;
    font-family: Arial, Verdana;
    margin: 0 0;
}
.AreaNodos h3 a { text-decoration: none; }
.AreaNodos h3.big { font-size: 1.2em; margin-top: 0.5em; }
.AreaNodos div.itemflotante { float: left; width: 140px; }

div.Hijos { margin-left: 0em; }


/*    SELECT de ir a nodos    */
form.IrANodo {
    margin: 0 2em 0.7em 0;
    float: left;
}
form.IrANodo select, form.IrANodo input { height: 20px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
form.IrANodo select { width: 200px; font-weight: normal; background: #FEEECC; color: #C63; }
form.IrANodo input.submit { width: 40px; border: 2px solid #444; background: #C63; color: white; }



/*        FOTOGRAFIAS        */

div.Profundidad0 { float: right; width: 100px; margin: 0 0 0 0; text-align: center; }
div.Profundidad1 { float: right; width: 100px; margin: 0 0 0 0; text-align: center; }
div.Profundidad2 { float: left; width: 100px; margin: 0.5em 1em 1em 0; text-align: center; clear: left; }
div.Profundidad3 { float: left; margin: 0 1em 1em 0; text-align: center; clear: left; }




/*    Listas de inicio de sección    */
ul.InicioSeccion { padding: 0 0 .5em 0; margin: 0 0 0 0; /*border-bottom: 1px solid #ccc; */ text-align: center;}
ul.InicioSeccion li { display: inline; padding: 0 1em 0 0;}
ul.InicioSeccion a { color: blue; }