/* CSS Document */
body{ color: #696969; font-family: Tahoma, Verdana, Arial, sans-seirf; font-size: 12px; background-color: white; background-image: url(../img/media/fondo01.jpg); background-position: center 0; margin:0; padding:0; }
body * {font-size:1em;}
h1,h2{margin:0; padding:0;clear:both;}
h3{ padding:0; clear:both; margin: 1.2em 0 0; }
h1{font-size:1.7em;}
h2{font-size:1.2em;}
h3{font-size:1.1em;}
h4{font-size:1.1em;}

h2.noticias{ background-image: url(../img/media/noticias.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-indent: -4000px; width: 300px; height: 30px; margin-right: 7px; margin-left: 5px; }
h2.masnoticias { background-image: url(../img/media/masnoticias.gif); background-position: left top; text-indent: -4000px; width: 280px; height: 30px; }
h2.eventos{ background-color: transparent; background-image: url(../img/media/eventos.gif); background-attachment: scroll; background-position: left top; text-indent: -4000px; width: 430px; height: 30px; margin-left: 7px; }
h2.foros{ background-color: transparent; background-image: url(../img/media/foros.gif); background-position: left top; text-indent: -4000px; width: 280px; height: 30px; }
h2.galerias{ background-color: transparent; background-image: url(../img/media/galeria.gif); background-position: left top; text-indent: -4000px; width: 420px; height: 30px; }
img, form{margin:0px; border: 0px;}
a:link, a:visited{ font-size:1em; color:#f60; text-decoration: none; }
 a:hover { color: white; font-size: 1em; background-color: #f90; text-decoration: none; }
/* contenedores */
#contWeb{
    /*width: 780px;*/
    margin: auto;
}

/* cabecera */
#menuSalto{
    display:none;
    margin:0;padding:0;
    list-style-type: none;
}
#menuSalto li{float: left;}

#textoLogo{ height: 43px; position: absolute; top: 35px; right: 20px; color: #fff; font-size: 3.3em; font-weight: normal; visibility: hidden; }
#cabeContenidos{ position: relative; }
#cabeContenidos ul{ background-position: center; vertical-align: middle; margin: 0; padding: 0 0 0 1px; list-style-type:none; }
#cabeContenidos ul li{ float: left; text-align: center; margin-left: 1px; padding-top: 0; }
#cabeContenidos li a:link,
#cabeContenidos li a:visited,
#cabeContenidos li a:hover { display: block; width: 110px; height: 22px; text-decoration: none; margin-top: 0; margin-bottom: 0; padding-top: 5px; }
#cabeContenidos li a:link,
#cabeContenidos li a:visited{ color: #fff; background-color: transparent; background-image: url(../img/media/pestana.gif); background-repeat: no-repeat; background-position: left top; }
#cabeContenidos li a:hover { color:#000; background-color: transparent; background-image: url(../img/media/pestana_over.gif); background-repeat: no-repeat; background-position: left top; }

#menuOp{ background-color: black; background-position: center 0; text-transform: uppercase; text-align: center; letter-spacing: 2px; vertical-align: middle; position: absolute; top:130px; width: 779px; height: 22px; }

#todoCabe{ background-color: #696969; color: #fff; margin: 0; padding: 0.3em; text-align: right; height:20px; }
#todoCabe input{ background-color: #fff; color: #443d37; font-size: 11px; border:0; }
/*banner*/
#idBan{text-align:center;margin:.5em;padding:0em;}
/* contenidos */
#contenidos{ background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: left top; clear: both; width: 100%; min-height: 400px; padding: 2em 0; }
#cabeContenidos{ position: relative; width: 780px; height: 150px; margin: auto; padding:0; }
#contTodo{
    width: 780px; margin: auto;
    background-color: #fff;
    padding: 0; 
}
#content{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center top; }
#pieContenidos{ color: #f5f5f5; background-color: gray; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; width: 780px; height: 20px; margin: 20px auto 10px; padding:3px 0 0; }
/* separacion de los contenidos del index */
#contIzq,
#contDer{float: left;padding:.5em;margin:1em 0em;}

#contIzq{
    background: url(../img/media/borde_izd.gif)url(../media/borde_izd.gif) repeat-y right top;
}
#contDer{
    
}

#caja{
    clear: both;
    width: 98%; margin: auto; padding: 0em;
    background-color: #443D37;
    color: #fff;
}
#caja ul{margin:.3em; padding:0;list-style-type:none;}

/* detalle de una noticia  */
#migas{
    margin: 1em;
    background-color: #EEEEEE;
}
#migas a:link,
#migas a:visited,
#migas a:hover{text-decoration: none;}

#detalleNoti{
    padding: 1em;
    margin: 1em 1em 3em 1em;
}
/*#detalleNoti img{float: left; margin: 0.5em;}*/
.caja30{
    width: 30%; float: left;
}

/* Contacta */
h2.contacta{
    margin: 1em; width: 5em;
    color: #f60;
}
.dvContacta{ color: gray; margin: 1em auto; text-align: center; width: 95%; font-size: 1.2em; }
.dvContacta ul{
    width: 80%; margin: 0em auto;
    list-style:none;
    padding: 2em 0em;
}
.dvContacta ul li{
    float: left; margin: 0 2em;
}
.txtBig, 
.txtBigRojo{
    font-weight: bold;
    font-size:1.4em;
}

.txtBigRojo{color:#cd5c5c;}

/* clases */
.limpiar{clear: both;}
.textCenter{text-align:center;}
.textRight{text-align:right;}
.textLeft{text-align:left;}
.flotaIzq{float:left;}
.flotaRight{float: right;}
.noticia{ width: 90%; margin: auto; padding-right: 0; padding-left: 0; }
.noticia img{float: left; margin: 0.4em 0.4em 1.2em;}
.bordePad{padding:0em;margin:0.5em;}
.delForo{
    background-color:#eee; color: #000;
    width: 40%; margin: 0 0.5em; padding: 0;
    float: left;
}
.deGaleria{
    background-color:#FFF; color: #000;
    width: 58%; margin: 0em; padding:0em;
    float: left;
}
.tablaCelda{border: 0.04em solid #000;}
.trBordeInf td{
    border-bottom: 0.04em solid #000;
}
/* Tropical */
.ulOpPro{
    list-style: none;
    width: 100%;
    margin: 1em auto;
}
.ulOpPro li {
    float: left; margin: 1em .5em;
    font-size: 1.4em;
}
.divInstruc{
    width: 45%; float: left;
    text-align: center;
    padding:0; margin:1em 0em;
}
.divInstrSolo{
    width: 50%; margin: 1.5em auto;
    text-align: center;
}
.nombreInstr{
    font-size:1.5em;
}
h3 a { color: #f60; text-decoration: none; }
h3 a:hover { color: #fff; background-color: #f60; }