﻿body
{
    font-family: 'Myriad Web' , Calibri, Arial, Helvetica, sans-serif;
    font-size: 90%;
    padding: 0;
    padding-top: 2px;
    margin:0;
}
form
{
    font-family: 'Myriad Web' , Calibri, Arial, Helvetica, sans-serif;
    font-size: 90%;
}

select, input 
{
        font-family: 'Myriad Web' , Calibri, Arial, Helvetica, sans-serif;
    font-size: 90%;
    
    }

a
{
    color: #004284;
}
#molde
{
    width: 778px;
    margin: 0 auto;
    border: 1px solid #B6D0EA;
    display:inline;
}

#general
{
    width: 100%;
    text-align: center;
}
/*estilo de cabecera*/
#cabecera
{
    border-bottom: 5px solid #B6D0EA;
}
/*estilo del cuerpo de la pagina, es un tabla*/
table#cuerpo
{
    background-color: White;
}

table#cuerpo td
{
    /*padding: 0;*/
}

#fondo
{
    background-image: url(images/bgpage2.gif);
    background-repeat: repeat-x;
}

/*las barritas de color encima de las columnas*/
.adornocajilla, .adornocajilla2
{
}
.adornocajilla2
{
    width: 433px;
}

.adornocajilla3
{
}
/*estilo de la columna de la izquierda*/
#columna_izquierda_sup
{
    width: 174px;
    height: 40px;
    background: url(imagenes/fondo_sup.gif) no-repeat 0 4px;
}
#columna_izquierda
{
    width: 174px;
    background: #B6D0EA url(imagenes/fondo_izquierda.JPG) no-repeat 0 100%;
    height: 500px;
    margin-top: 10px;
}
.adorno
{
}

/*
    estilo de la tabla que hace .net para el menu
    mejor hacerlo desde aqui porque es más fácil y se tiene más control
*/
table.elmenu
{
    width: 168px;
    margin: 0px 0 0 0px;
}

table.elmenu td
{
    border: 1px solid #003366;
    background: White url(imagenes/fondo_enlaces_menu.gif) no-repeat 50%;
    height: 25px;
    font-size: 11px;
}

.elmenu td
{
    border: 0;
    vertical-align: middle;
    width: 175px;
}

/*estilo de la columna del centro*/
#columna_centro
{
    vertical-align: top;
    font-size: 11px;
    padding: 5px;   
}

#columna_centro *, #columna_grande *
{
        text-align:justify !important;   
}



#columna_grande
{
    width: 604px;
    font-size: 11px;
    vertical-align: top;
    padding: 5px;
}

#columna_grande *
{
    font-size: 13px;
}
#buscador
{
}
#buscador h4
{
}
#columna_centro .seccion
{
    width: 430px;
    border: 1px solid blue;
    margin: 10px auto;
}
#columna_centro .seccion .seccion_parque
{
}

.ban 
{
    border:1px solid #FAD115;
    margin:0px 0px 10px 0px;
    background-color:#C8A63A;
    color:White;
    }
.ban h5
{
    padding:0;
    margin:0;
    font-weight:normal;
    font-size:10px;
    }    

/*estilo de la columna de la derecha*/
#columna_derecha_sup
{
    width: 168px;
    vertical-align: top;
    background: url(imagenes/fondo_sup_derecha.gif) no-repeat 0 px;
}
#columna_derecha
{
    background-color: #EEE6D0;
    border-left: 1px solid #CCB46F;
    vertical-align: top;
    padding-top: 5px;
}

#columna_derecha .seccion
{
    margin-left: 0px;
}

#columna_derecha .seccion h5
{
    background: url(imagenes/fondo_titus_derecha.gif) no-repeat;
    padding-left: 20px;
    color: #003366;
    margin: 10px 0 2px 0px;
    font-size: 11px;
    font-family: 'Arial Narrow';
}
#columna_derecha .seccion .imagen
{
    border: 1px solid #003366;
    margin-left: 0px;
}
#columna_derecha .seccion .imagen img
{
    /*  border: 1px solid #AFDB26;*/
}

hr
{
    color: #DDCD9F;
    height: 1px;
    width: 150px;
}

hr.sep
{
    color: #DDCD9F;
    height: 1px;
    width: 100%;
}



/*estilo del pie*/
#pie
{
    font-family: Tahoma;
    font-size: 10px;
    text-align: center;
    height: 75px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #B6D0EA;
    background-image: url(images/bgpie.gif);
    background-repeat: repeat-x;
    background-position: top;
}

#pie img
{
    padding: 10px;
}

.linkth img
{
    border: 1px solid #E66023;
}

.tit_aloj
{
    font-weight: bold;
    color: #000080;
}

.arrow
{
    background-image: url(imagenes/arrow.gif);
    background-repeat: no-repeat;
    padding-left: 10px;
    background-position: left center;
    color: #E66023;
    font-weight: bold;
}

.paginado td
{
    background-color: #B6D0EA;
}

.paginado a
{
    color: #E66023;
    padding: 10px;
    font-weight: bold;
}
.td_aloj
{
    background-color: #DDCD9F;
    font-weight: bold;
}

#navegador
{
    background-color: #83BCE7;
    border-bottom: solid 1px #4881AC;
    vertical-align: middle;
    margin-top: 10px;
    color: White;
    padding: 5px;
        font-size:11px

}

#navegador a
{
    color: White;
    font-weight: bold;
    font-size:11px
}
#navegador a:hover
{
    text-decoration: underline;
}
/* clases de paginas incluidas en html */
#incluida
{
    text-align: justify;
}

#incluida td
{
    vertical-align: top;
}

.tit
{
    background-color: #DCBB9A;
    font-weight: bold;
    padding: 10;
}

.sub
{
    background-color: #F4ECE9;
    font-weight: bold;
    padding: 5;
}

.fotoi
{
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
    border: solid 1px #ACCFE8;
}

.fotod
{
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    border: solid 1px #ACCFE8;
}

img
{
    border-style: none;
}

#menuh
{
    padding-top: 8px;
    font-size: 11px;
    padding-bottom: 8px;
}

#menuh ul, #menuh li
{
}

#menuh ul
{
    margin: 0;
    padding: 0;
}

#menuh li
{
    float: left;
}

#menuh a
{
    text-decoration: none;
    color: #3366CC;
    background: #F0F7FC;
    display: block;
    padding: 2px 7px;
    text-align: center;
    border: 1px solid #ACCFE8;
    border-width: 1px 1px 1px 0;
       font-size: 12px;
       font-family: 'Arial Narrow';
}


#menuh a#primero
{
    border-left: 1px solid #ACCFE8;
}

#menuh a:hover
{
    background: #DBEBF6;
}

.filtro
{
    background-color: #ACCBE8;
    padding: 10px;
    background-image: url(images/lupa.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.filtro *
{
    font-size: 11px;
}


.galeriaimg img
{
    border: 1px solid #ACCFE8;
}


.thumb
{
    border: 1px solid #ACCFE8;
    margin-left: 10px;
}

.ampliar
{
    background-image: url(images/ampliar.gif);
    background-repeat: no-repeat;
    padding-left: 12px;
    font-size: 10px;
    font-weight: normal;
    color: #7AB8E9;
}

.padre, .hijos
{
    background: White url(imagenes/fondo_enlaces_menu.gif) no-repeat 50%;
    text-align: left;
    height: 25px;
    width: 175px;
}

.padre_elemento a, .hijo_elemento a
{
    /**aqui está el truqui para que el enlace no muestre fondo no lo pude controlar de otra manera el menu**/
    background-image: none;
    text-align: left;
    padding-left: 11px;
    color: #037CCB;
    font-size: 10px;
    vertical-align:middle;
        padding-top:6px;
        padding-bottom:3px;

}

.padre_elemento, .hijo_elemento
{
    border: 1px solid #003366;
    height: 25px;
    background: White url(imagenes/fondo_enlaces_menu.gif) no-repeat;
    background-repeat: no-repeat;
    text-align: left;
   font-size: 11px;
   vertical-align:middle;
}

.padre_elemento
{
    background: url(imagenes/fondo_enlaces_menu.gif) no-repeat;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 11px;
}

.hijo_elemento
{
    background: url(imagenes/fondo_enlaces_menu.gif) no-repeat;
    background-repeat: no-repeat;
    font-weight: bold;
    width: 175px;
    font-size: 11px;
}

.padre_elemento_on
{
    background: url(imagenes/fondo_enlaces_menu.gif) no-repeat;
    background-repeat: no-repeat;
    font-size: 11px;
}

.hijo_elemento_on
{
    background: url(imagenes/fondo_enlaces_menu.gif) no-repeat;
    background-repeat: no-repeat;
    text-decoration: underline;
    width: 175px;
    font-size: 11px;
}

.hijo_elemento_on:hover
{
    text-decoration: underline;
    font-size: 11px;
}

.masimagenes
{
    border-bottom: 1px solid #ACCFE8;
    font-size: 18px;
    color: #83B5E6;
}
#popup
{
    position: absolute;
    border: 1px solid #666666;
    background-color: #F7F7F7;
    width: 200px;
    height: 100px;
    margin-top: 50px;
}
.atras
{
    background-image: url(images/arrowback.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

.arriba
{
    background-image: url(images/arrowup.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
    margin-right: 10px;
}

.titular02, .titular2
{
    color: #FF9900;
    font-weight: bold;
}

.row01, row02
{
    border-bottom: solid 1px dotted #A8C9EA;
}
.titular1 
{
     font-size: 14px;
    font-weight: bold;
}
    
.titularcomo
{
    background-color: #83BCE7;
     font-size: 14px;
    font-weight: bold;    
    width:100%;
    }    
    
.titulo 
{
    font-size: 14px;
    font-weight: bold;
    font-family: 'Arial Narrow';
    color:#2853A9;
}

.imprimir 
{
    background-image: url(images/icoprint.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
    color:#83BCE7; 
    font-size: 10px;
    font-weight: bold;
    }