/* LA VIDA ES UNA SUCESION DE ESTILOS */

body{
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background: #ffffff url(../imagenes/marco_body.jpg) no-repeat top center;
font-family: Trebuchet ms, lucida grande, helvetica, arial, verdana, sans-serif;
font-size: 75%;
_font-size: 80%
}

/* ----------------------------------------------------- DIVS DE ARMADO */
#contenedor{
margin: auto;
padding: 0px;
width: 740px;
background: #ffffff
}
#cabecera{
margin: 0;
padding: 0;
background-color: #2580a2;
height: 350px;
voice-family: "\"}\"";
voice-family: inherit;
height: 344px; 
}
#menu{
background: #000000;
text-align: center;
width: 740px;
height: 25px;
voice-family: "\"}\"";
voice-family: inherit;
height: 25px;
margin-left: auto
}
#blanco{
background-color: #eeeeee;
width: 740px;
margin: 0px 0px 0px 0px;
padding: 0px
_height: 470px;
min-height: 470px
}
#titulo{
background-color: #cccccc;
margin-top: 0px;
width: 736px;
padding: 2px;
text-align: left;
_height: 50px;
min-height: 50px
}
#caja{
text-align: left;
margin: 0px auto;
padding: 5px 0px;
width: 740px
}
#subtitulo{
float: left;
width: 238px
}
#contenido{
margin: 0;
float: left;
width: 501px;
margin-right: 1px;
}
#pie{
clear: both;
width: 740px;
height: auto;
top: 10px;
background-color: #000000;
text-align: left;
padding: 0px;
_height: 470px;
min-height: 470px
}
#pie_menu{
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 15em
}
#pie_menu li{
font: 110% "Trebuchet Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0
}
#pie_menu a{
background: #000000;
border-bottom: 1px solid #2580a2;
color: #ccc;
display: block;
margin: 0;
padding: 8px 12px;
text-decoration: none
}
#pie_menu a:hover{
background: #2580a2 url("../imagenes/hover.gif") left center no-repeat;
color: #fff;
padding-bottom: 8px
}
#pie_titulo{
position: relative;
top: 0px;
left: 0px;
width: 100%;
background-color: #999999
}
#pie_izq{
float: left;
position: relative;
width: 340px;
background-color: #000000;
voice-family: "\"}\"";
voice-family: inherit
}
#pie_der{
float: left;
position: relative;
width: 200px;
background-color: #000000;
voice-family: "\"}\"";
voice-family: inherit
}
#pie_centro{
float: left;
position: relative;
width: 200px;
background-color: #000000;
voice-family: "\"}\"";
voice-family: inherit
}
#cierre{
clear: both;
width: 100%;
height: 20px;
background-color: #2580a2;
padding: 20px 0px 20px 0px
}

/* ----------------------------------------------------- GALERIA */
#flashcontent{
height: 450px;
_height: 450px;
min-height: 450px
}

/* ----------------------------------------------------- REPRODUCTOR */
#player{
text-align: left;
color: #2580a2;
margin-left: 5px
}
#playerlink{
margin-left: 12px;
text-align: left
}
#playerlink a, #playerlink a:hover, #playerlink a:visited, #playerlink a:active{
color: #2580a2;
text-decoration: underline;
font-size: 9px
}

/* ----------------------------------------------------- MENU */
.menu1 {
padding: 0 0 0 32px;
margin: 0;
list-style: none;
height: 35px;
background: #fff url(../imagenes/button1.gif);
position: relative;
border: 1px solid #000;
border-width: 0 1px;
border-bottom: 1px solid #444
}
.menu1 li {
float: left
}
.menu1 li a {
display: block;
float: left;
height: 35px;
line-height: 35px;
color: #aaa;
text-decoration: none;
font-size: 11px;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
font-weight: bold;
text-align: center;
padding: 0 0 0 8px;
cursor: pointer
}
.menu1 li a b {
float: left;
display: block;
padding: 0 16px 0 8px
}
.menu1 li.current a {
color: #fff;
background: url(../imagenes/button3.gif)
}
.menu1 li.current a b {
background: url(../imagenes/button3.gif) no-repeat right top
}
.menu1 li a:hover {
color: #fff;
background: #000 url(../imagenes/button2.gif)
}
.menu1 li a:hover b {
background: url(../imagenes/button2.gif) no-repeat right top
}
.menu1 li.current a:hover {
color: #fff;
background: #000 url(../imagenes/button3.gif);
cursor: default
}
.menu1 li.current a:hover b {
background: url(../imagenes/button3.gif) no-repeat right top
}

/* ----------------------------------------------------- SLIDER */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid #000000;
border-bottom-width: 6px;
width: 720px; /*width of featured content slider*/
height: 300px
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
/* padding: 5px; */
background: white;
width: 720px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1
}
.pagination{
width: 720px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #000000;
padding: 5px 10px
}
.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #ffffff;
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background-color: #2580a2
}
.pagination a:hover, .pagination a.selected{
color: #000000;
background-color: #2580a2
}

/* ----------------------------------------------------- GELERIA CONTENIDOS */
.gallerycontainer{
position: relative
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0
}
.thumbnail:hover{
text-decoration: none;
background-color: transparent
}
.thumbnail:hover img{
border: 1px solid blue
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #2580a2;
padding: 5px;
left: -1000px;
border: 2px solid #2580a2;
visibility: hidden;
color: black;
text-decoration: none
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50
}

/* ----------------------------------------------------- OTRAS CLASES */
.espacio{
clear: both
}
.titulo{
margin-left: 12px;
color: #2580a2;
font-size: 160%;
text-transform: uppercase
}
.subtitulo{
color: #2580a2;
font-size: 120%;
text-transform: uppercase
}
.bajadas{
color: #2580a2;
font-size: 100%;
color: #333333
}
.titulo_contenidos{
font-size: x-large;
font-weight: bold;
}
.cierre{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
color: #ffffff;
font-weight: bold;
text-align: center
}
.contacto_tit{
text-align: left;
margin-left: 10px;
color: #000000;
font-size: 160%;
text-transform: uppercase
}
.amigas{
color: #2580a2;
font-size: 80%;
text-transform: uppercase;
text-decoration: none;
font-weight: bold
}

/* ----------------------------------------------------- ENCUESTA */
#encuesta{
width: 350px
}