/*  
Theme Name: Vocal Consonante
Theme URI: 
Description: Estilo para el sitio de Vocal Consonante
Version: 3.0
Author: Fernando Diaz
Author URI: 

	Vocal Consonante

*/

/*

Ultima Actualizacion: 2009-03-30

Comentarios:

*/

/* ------------------

Sumario:

REFERENCIAS
TIPS 

GENERAL
-- RESET
-- REFERENCIA COLORES
-- BODY
-- FUENTES
-- LINKS
-- TITULARES
-- LISTAS
-- TABLAS
-- BLOCKQUOTES
-- FORMULARIOS
-- OTROS ELEMENTOS, TAGS

AUXILIARES
-- FORMULARIOS ESPECIALES
-- ERRORES Y NOTIFICACIONES
-- ICONOS
-- CLASES GENERALES

ESTRUCTURA
-- CONTAINER
-- BRANDING
-- NAV
-- CONTENT
-- CONTENT-MAIN
-- CONTENT-SUB
-- CONTENT-SUP
-- SITEINFO

COMPONENTES DE PAGINA (Lo mas bonito)

OVERRIDES (Lo que necesita sobreescribirse en casos particulares)



------------------ */

/* =REFERENCIAS 
--------------------------- */

/* Muchos de los comentarios de este documento tienen
-- un signo de igual (=) justo antes de la palabre clave de referencia
-- esto es para que sea mas facil buscar dentro del codigo
*/

/* =TIPS 
--------------------------- */

/* En todos los floats conviene usar:
	display: inline;
-- para no tener problemas con los ḿargenes duplicados
-- de IE6.
*/

/* Para "anular" (clear) un float en ultima instancia
-- usar en el contenedor:
	overflow: hidden;
	width: 100%;
*/

/* Usar pseudo-elementos para especificar
-- todos los estados de un link:
-- :link, :visited, :hover, :focus, :active
*/

/* Usar en los botones de formularios:
	overflow: visible
-- para evitar desastres con el padding, etc...
*/


/* Orden de las propiedades para que sea mas facil
-- leer la interaccion:
	display
	position
	float clear
	width height
	max-width max-height
	overflow
	margin
	padding
	border
	font
	line-height
	text
	color
	background
*/

/* /////=GENERAL/////
--------------------------- 
--------------------------- */

/* =RESET - Eric Meyer 
--------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

hr {
display: none;}


/* REFERENCIA =COLORES
--------------------------- */

/* =BODY
--------------------------- */

body {
text-align: center;
background: url(images/body.png);
font-size: 13px;
line-height: 20px; }

/* =FUENTES
--------------------------- */

body {
font-family: Georgia, Times, "Times New Roman", serif; }

#content.historia p.fotos {
font-family: times, "Times New Roman", serif; }


/* =LINKS
--------------------------- */

a:link {
text-decoration: none;
color: #5555A7;}

a:visited {
text-decoration: none;
color: #5555A7;}

a:hover, a:focus, a:active {
text-decoration: underline;
color: #5858E0;}

a:focus {}

a:active {}


.nav-sub a:link, .nav-sub a:visited {
color: #98896C;
text-decoration: underline;
}


.nav-sub a:hover, .nav-sub a:focus, .nav-sub a:active {
color: #6F5F43;}







/* =TITULARES
--------------------------- */


h2 {}

h3 {}

h4 {}

h5 {}

h6 {}


/* =LISTAS
--------------------------- */

ul {}

ol {}

dl {}

/* =TABLAS
--------------------------- */

table {}

/* =BLOCKQUOTES
--------------------------- */

blockquote {}

blockquote p {}

cite {}

/* =FORMULARIOS
--------------------------- */

form {}

label {}





/* /////=AUXILIARES/////
--------------------------- 
--------------------------- */

/* =FORMULARIOS ESPECIALES
--------------------------- */

/* =ERRORES Y NOTIFICACIONES
--------------------------- */

.error {}

.success {}

/* =ICONOS
--------------------------- */

/* =CLASES GENERALES
--------------------------- */



/* /////=ESTRUCTURA/////
--------------------------- 
--------------------------- */

/* =CONTAINER
--------------------------- */
#container {
position: relative;
width: 760px;
margin: 0 auto;
text-align: left;
border-left: 1px solid #D1D8AF;
border-right: 1px solid #D1D8AF;
background: #fff;}

/* =BRANDING
--------------------------- */

#branding {
}

#branding h1 {
padding-left: 38px;
border-bottom: 5px solid #D1E0D6;}




#branding h1 a {
display: block;
width: 265px;
height: 120px;
text-indent: -9999px;
background: url(images/logo-vocal-consonante.jpg) no-repeat;}


/* NAV-=ACCESS
--------------------------- */
#lenguaje {
position: absolute;
top: 25px;
right: 45px;
display: block;
height: 24px;
width: 100px;
text-indent: -9999px;
}

#container a.espanol {
background: url(images/lenguaje-espanol.png) no-repeat;
background-position: left top;}

#container a.english {
background: url(images/lenguaje-english.png) no-repeat;
background-position: left top;
}

#container a#lenguaje:hover, #container a#lenguaje:focus, #container a#lenguaje:active {
background-position: left bottom;}

/* =AUDIO-HOME
--------------------------- */

#container object {
	position: absolute;
	top: 18px;
	right: 45px;
	width: 40px;
	height: 40px;
}


/* NAV-=ACCESS
--------------------------- */

#nav-access {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* =NAV
--------------------------- */

#nav {
width: 665px;
margin: 0;
padding: 18px 47px 18px 48px;
background: #F0F2E3;
border-bottom: 1px solid #D8D8CB;}

#nav h2 {
position: absolute;
top: -9999px;
left: -9999px;}

#nav ul {
height: 65px;
overflow: hidden;}

#nav li {
display: inline;
float: left;
width: 65px;
height: 65px;
margin-right: 35px;
}

#nav li.ultimo {
margin-right: 0;
}

#nav li a {
display: block;
width: 65px;
height: 65px;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: 0 0;}

#nav li a:hover, #nav li a:focus, #nav li a:active {
background-position: 0 -100px;} 

#nav li.nav-home a {
background-image: url(images/home.png);
}


#nav li.nav-historia a {
background-image: url(images/historia.png);
}

#nav li.nav-director a {
background-image: url(images/director.png);
}

#nav li.nav-grupo a {
background-image: url(images/grupo.png);
}

#nav li.nav-musica a {
background-image: url(images/musica.png);
}

#nav li.nav-agenda a {
background-image: url(images/agenda.png);
}

#nav li.nav-mensajes a {
background-image: url(images/mensajes.png);
}

#nav li.nav-contacto a {
background-image: url(images/contacto.png);
}



#nav li.nav-group a {
background-image: url(images/group.png);
}

#nav li.nav-history a {
background-image: url(images/history.png);
}

#nav li.nav-conductor a {
background-image: url(images/conductor.png);
}

#nav li.nav-music a {
background-image: url(images/our-music.png);
}


#nav li.nav-schedule a {
background-image: url(images/schedule.png);
}

#nav li.nav-contact a {
background-image: url(images/contact.png);
}

#nav li.nav-booking a {
background-image: url(images/booking.png);
}

/* =CONTENT
--------------------------- */

#content {
	width: 760px;
	overflow: hidden;
}

#container #content {
	margin-bottom: 40px;
}

#container .grupo, #container .director {
	width: 664px;
}

#container .nuestra-musica {
	width: 712px;
}

/* CONTENT-=MAIN
--------------------------- */

.home #content-main {
width: 664px;
overflow: hidden;
margin: 30px 48px 30px 48px;}

.home #content-main h2 {
display: inline;
float: left;
margin: 0 0 10px 0;
width: 265px;
font-size: 18px;
font-weight: bold;
color: #666;}

.home #content-main p {
width: 265px;
overflow: hidden; 
float: left;}

.home #content-main p a {
	font-style: italic;
	margin-left: 3px;
	text-decoration: underline;
}

.home #content-main img {
float: right;
width: 355px;
margin-bottom: 20px;
margin-top: 6px;
padding: 4px;
border: 1px solid #ccc;
background: #f9f9f9;}


/* CONTENT-=SUB
--------------------------- */

.home #content-sub {
clear: both;
margin: 0 48px 0 48px;
font-size: 12px;
color: #666;
}

.home #content-sub ul {
	width: 664px;
	overflow: hidden;
}

.home #content-sub ul ul {
	width: auto;
}

.home #content-sub li.fechas {
position: relative;
display: inline;
float: left;
width: 335px;
padding: 12px 15px;
border: 1px solid #DBDEC1;
background: #F5F6DF;}

.home #content-sub li.enlaces {
display: inline;
float: right;
width: 234px;
padding: 12px 15px;
border: 1px solid #CBDEE3;
background: #E5F2F7;}

.home #content-sub li.enlaces li {
padding-top: 5px;
}

.home #content-sub h2 {
font-weight: bold;
font-size: 13px;
padding-bottom: 5px;
padding-left: 3px;
border-bottom: 1px solid #B9C1AF;
}

.home #content-sub li.enlaces h2 {
border-bottom: 1px solid #a8bacf;	
}

.home #content-sub h3 {
font-weight: bold;
font-style: italic;
text-transform: uppercase;
color: #7f7547;
}

.home #content-sub li.fechas ol {
padding-top: 5px;
margin-left: 12px;
list-style-type: disc;
border-top: 1px solid #fff;
}

.home #content-sub li.enlaces ul {
	border-top: 1px solid #fff;
}

.home #content-sub li.fechas ol li {
margin-bottom: 10px;}

.home #content-sub li.fechas ol li.enlace-agenda {
	position: absolute;
	top: 12px;
	right: 15px;
	width: 150px;
	list-style-type: none;
	text-align: right;
}


/* CONTENT=SECCIONES
--------------------------- */
#container .director, #container .nuestra-musica, #container .agenda,
#container .contacto-comercial, #container .mensajes, #container .grupo {
margin: 0 48px;}

/* CONTENT=HISTORIA
--------------------------- */

#container .historia #content-main {
display: inline;
float: left;
width: 364px;
overflow: visible;
margin-left: 48px;
}

#container .historia #content-main p {
margin-bottom: 10px;
}

#container .historia #content-main h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
color: #666;}


#container .historia #content-sub {
display: inline;
float: left;
clear: none;
margin: 24px 0 20px 36px;
width: 265px;
overflow: hidden;
font-size: 11px;
font-style: italic;
color: #666;
}

#container .historia #content-sub h2 {
position: absolute;
top: -9999px;
left: -9999px;}


#container .historia #content-sub p {
margin-bottom: 20px;}

#container .historia #content-sub p img {
display: block;
width: 265px;}


/* CONTENT=DIRECTOR
--------------------------- */

#container .director {
margin-bottom: 20px;}


#container .director h2 {
margin-top: 20px;
margin-bottom: 4px;
font-size: 18px;
font-weight: bold;
color: #666;}

#container .director h3 {
font-size: 15px;
font-style: italic;
margin-bottom: 25px;
color: #999;}

#container .director h4 {
	margin-left: 201px;
	margin-bottom: 10px;
	padding-top: 5px;
	border-top: 1px solid #cdcdcd;
	font-weight: bold;
}


#container .director p {
margin-left: 201px;
margin-bottom: 10px;}

#container .director ul {
margin-left: 215px;
list-style-type: disc;}

#container .director ul li {
margin-bottom: 10px;}

#container .director img {
display: inline;
float: left;
margin: 0 31px 20px 0;}



/* CONTENT=GRUPO
--------------------------- */


#container .grupo h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
color: #666;}



#container .grupo img {
display: inline;
float: right;
margin-bottom: 20px;
margin-left: 36px;
padding-top: 6px;}


#container .grupo #nav-grupo {
clear: both;
width: 664px;
overflow: hidden;
margin: 20px 0;
}

#container .grupo #nav-grupo li {
float: left;
display: inline;
margin-right: 8px;
width: 125px;
}

#container .grupo #nav-grupo li.ultimo {
margin-right:0;}

#container .grupo #nav-grupo h4 {
margin: 0 5px 4px 0;
font-size: 12px;
text-transform: uppercase;}


#container .grupo #nav-grupo h4 a {
display: block;
padding-left: 5px;
background: #afafaf;
color: #fff;}

#container .grupo #nav-grupo h4 a:hover, #container .grupo #nav-grupo h4 a:focus,
#container .grupo #nav-grupo h4 a:active {
background: #333;
color: #fff;
text-decoration: none;}

#container .grupo #nav-grupo li li {
display: inline;
float: left;
width: 35px;
height: 45px;
margin: 0 5px 4px 0;
background: #fff;}

#container .grupo #nav-grupo li li a {
display: block;
width: 35px;
height: 45px;
overflow: hidden;
}

#container .grupo #nav-grupo img {
width: 31px;
padding: 2px;
margin: 0;}

#container .grupo #nav-grupo li li a:hover, #container .grupo #nav-grupo li li a:focus,
#container .grupo #nav-grupo li li a:active {
background: #81D324;}

#container .grupo .info-integrantes h3 {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
padding: 3px 5px;
text-transform: uppercase;
background: #afafaf;
color: #fff;
}

#container .grupo .info-integrantes li li {
clear: both;
width: 664px;
overflow: hidden;
padding-bottom: 15px;
margin-bottom: 18px;
border-bottom: 1px solid #ccc;}

#container .grupo .info-integrantes li li h5 {
font-size: 17px;
padding: 5px 0 10px;
}

#container .grupo .info-integrantes li li h5 img {
display: inline;
float: left;
width: 85px;
margin: 0 15px 0 0;
}

#container .grupo .info-integrantes li li p,
#container .grupo .info-integrantes li li li {
clear: none;
margin-left: 103px;
font-size: 11px;
line-height: 18px;
color: #666;}

#container .grupo .info-integrantes li li li {
margin: 0;
padding: 0;
border: none;}

#container .grupo .info-integrantes li ul li ul,
#container .grupo .info-integrantes li ul li ol {
clear: none;
height: auto !important;
padding-bottom: 0;
margin: 0 0 0 103px;
padding: 0 0 0 0;
}

#container .grupo  #ex-integrantes p {
margin: 0 3px;}

#container .grupo  #ex-integrantes p strong {
margin-left: 450px;
font-size: 16px;
text-transform: uppercase;}

#container .grupo  #ex-integrantes dl {
width: 664px;
overflow: hidden;
margin: 15px 0;
}


#container .grupo  #ex-integrantes dl dt {
display: inline;
float: left;
clear: left;
width: 144px;
margin: 0 0 0 0;
padding: 10px;
border-top: 1px solid #ccc;
font-weight: bold;
font-size: 15px;}

#container .grupo  #ex-integrantes dl dd {
display: inline;
float: left;
width: 480px;
margin: 0 0 0 0;
padding: 10px;
border-top: 1px solid #ccc;
color: #666;}


/* CONTENT=NUESTRA_MUSICA
--------------------------- */
#container .nuestra-musica {
position: relative;
margin: 0 0 0 48px;
}

#container .nuestra-musica h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
color: #666;}


#container .nuestra-musica ol li {
display: inline;
float: left;
width: 314px;
margin: 0 36px 30px 0;
}

#container .nuestra-musica ol li li {
display: block;
float: none;
width: auto;}


#container .nuestra-musica h3 {
margin: 0 0px 10px 0;
font-weight: bold;
font-size: 16px;
color: #B99346;

}

#container .nuestra-musica h4 {
margin-bottom: 10px;
text-transform: uppercase;
font-size: 11px;
}

#container .nuestra-musica h5 {
padding-left: 22px;
background: url(images/boton-descargas.png) no-repeat left center; }



#container .nuestra-musica a.info-disco {
display: block;
width: 298px;
padding: 3px 7px;
font-weight: normal;
border: 1px solid #999;
background: #F0F0E5;}

#container .nuestra-musica ul {
margin-bottom: 15px;}

#container .nuestra-musica ul li{
margin-bottom: 5px;}

/* CONTENT=DISCO
--------------------------- */


#container .disco{
position: relative;
margin-left: 48px;
}


#container .disco h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
color: #666;}


#container .disco img {
margin-bottom: 15px;}


#container .disco p {
width: 465px;
margin-bottom: 10px;}


#container .disco h3 {
font-weight: bold;
}

#container .disco h4 {
width: 465px;
font-weight: bold;
color: #666;}

#container .disco ol {
list-style-type: decimal;
margin-left: 20px;}

#container .disco ul li {
width: 465px;
margin-bottom: 20px;}

#container .disco ul ul li {
margin-bottom: 0;}


#container .disco ul li ul.interpretes li {
display: inline;
margin-right: 10px;
}

#container .disco ul li h5 {
width: 465px;
font-style: italic;
font-size: 15px;}


#container .disco p.note {
position: absolute;
top: 20px;
right: 48px;
width: 339px;
font-size: 12px;
padding: 5px 13px 8px 13px;
border: 1px solid #999;
color: #666;
background: #f8f8f8;}


/* CONTENT=AGENDA
--------------------------- */

#container .agenda {
width: 465px;}


#container .agenda h2 {
margin-top: 20px;
margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
color: #666;}

#container .agenda h3 {
font-style: italic;
font-weight: bold;
font-size: 15px;
color: #A48C9E;
}


#container .agenda li {
margin-bottom: 15px;}

#container .agenda p {
color: #666;}


/* CONTENT=MENSAJES
--------------------------- */

#container .mensajes h2 {
margin-top: 20px;
margin-bottom: 30px;
font-size: 18px;
font-weight: bold;
color: #666;}

#container .gracias h2 {
	margin-bottom: 10px;
}

#container .gracias p {
	width: 465px;
}

#container .mensajes label {
display: block;
margin-top: 10px;
font-weight: bold;
color: #C4A2A2;
}


#container .mensajes .asunto {
display: inline;
margin-right: 7px;}

#container .mensajes #submit {
display: inline;
float: left;
width: 72px;
margin: 15px 21px 20px 101px;}

#container .mensajes #reset {
display: inline;
float: left;
width: 72px;
margin-top: 15px;
}


/* CONTENT=CONTACTO-COMERCIAL
--------------------------- */


#container .contacto-comercial h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
color: #666;}


#container .contacto-comercial p {
width: 465px;
margin-bottom: 7px;}

#container #content.contacto-comercial ul {
margin-left: 14px;
margin-bottom: 20px;
list-style-type: disc;}

#container .contacto-comercial li {
font-style: italic;}


#container .contacto-comercial form {
margin-top: 20px;}

#container .contacto-comercial form label {
display: block;
margin-top: 10px;
font-weight: bold;
color: #529095;}


#container .contacto-comercial #submit {
display: inline;
float: left;
width: 72px;
margin: 15px 21px 20px 101px;}

#container .contacto-comercial #reset {
display: inline;
float: left;
width: 72px;
margin-top: 15px;
}

/* CONTENT=FOTOS
--------------------------- */

#container .fotos {
	width: 664px;
	margin: 30px 48px 40px 48px;
}

#container .fotos h2 {
	margin-bottom: 10px;
	padding-left: 4px;
	font-size: 18px;
	font-weight: bold;
	color: #666;
}

#container .fotos p {
	color: #666;
	margin-bottom: 12px;
}

#container .fotos h3 {
	margin-bottom: 12px;
	padding-top: 15px;
	padding-left: 4px;
	padding-bottom: 12px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: 0 8px;
	color: #666;
}

#container .fotos .buenos-momentos h3 {
	height: 30px;
	padding-left: 86px;
	background-image: url(images/album-buenos-momentos.png);
}
#container .fotos .aamcant-2008 h3 {
	height: 30px;
	padding-left: 86px;
	background-image: url(images/album-aamcant-2008.png);
}
#container .fotos .fotos-historicas h3 {
	height: 30px;
	padding-left: 86px;
	background-image: url(images/album-fotos-historicas.png);
}
#container .fotos .familia-consonante h3 {
	height: 30px;
	padding-left: 86px;
	background-image: url(images/album-familia-consonante.png);
}
#container .fotos .gesell-2009 h3 {
	height: 30px;
	padding-left: 86px;
	background-image: url(images/album-gesell-2009.png);
}

.fotos #albums li {
	display: inline;
	float: left;
	width: 100px;
	height: 95px;
	overflow: hidden;
	margin-right: 5px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 15px;
}

.fotos #albums li a {
	display: block;
	width: 74px;
	padding: 50px 6px 0 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.fotos #albums li.buenos-momentos a {
	background-image: url(images/album-buenos-momentos.png);
}

.fotos #albums li.aamcant-2008 a {
	background-image: url(images/album-aamcant-2008.png);
}

.fotos #albums li.fotos-historicas a {
	background-image: url(images/album-fotos-historicas.png);
}

.fotos #albums li.familia-consonante a {
	background-image: url(images/album-familia-consonante.png);
}

.fotos #albums li.gesell-2009 a {
	background-image: url(images/album-gesell-2009.png);
}

.fotos .enlace-fotos {
	position: absolute;
	top: 259px;
	right: 48px;
}

.fotos .enlace-fotos a {
	text-decoration: underline;
}

/* CONTENT=ARTICULO
--------------------------- */

#container .articulo {
	width: 664px;
	margin: 30px 48px 40px;
}

#container .articulo h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}

#container .articulo h3 {
	margin-bottom: 20px;
	padding: 5px 0;
	font-size: 16px;
	font-style: italic;
	color: #666;
}

#container .articulo p, #container .articulo li {
	margin-bottom: 12px;
	color: #444;
}

#container .articulo .ejemplo {
	clear: both;
	width: 664px;
}

#container .articulo .ejemplo h4 {
	margin: 30px 0 12px;
	font-size: 14px;
	font-weight: bold;

}

#container .articulo .ejemplo h5 {
	margin: 12px 0 5px;
	font-size: 13px;
	font-weight: bold;

}

#container .articulo .ejemplo .partitura {
	display: inline;
	float: right;
	width: 245px;
	height: 450px;
	overflow: hidden;
	padding-left: 20px;
	border-left: 1px solid #ddd;
}

#container .articulo .ejemplo a.partitura:hover, #container .articulo .ejemplo a.partitura:focus,
#container .articulo .ejemplo a.partitura:active {
	text-decoration: none;
}

#container .articulo .ejemplo .partitura img {
	width: 245px;
}

#container .articulo .ejemplo p {
	margin-right: 300px;
}

/* =NAV SUB
--------------------------- */

#container .nav-sub {
clear: both;
margin: 0;
padding: 0 0 0 0;
font-size: 11px;
}

#container .nav-sub ul {
border-top: 1px solid #D8D8CB;
padding: 5px 48px 8px 48px;
background: #F0F2E3;}

#container .nav-sub li {
display: inline;
margin-right: 20px;}

/* =SITEINFO
--------------------------- */

#site-info {
	clear: both;
	background: #98B796;
	padding: 8px 48px;
	color: #fff;
	border-bottom: 2px solid #7D8878;
}

#site-info p {
}

/* /////=COMPONENTES DE PAGINA/////
-------------------------------------- 
-------------------------------------- */

/* =IMAGENES
--------------------------- */

img {}

/* =ENFASIS
--------------------------- */

em {}

strong {}


/* /////=OVERRIDES/////
--------------------------- 
--------------------------- */

/* ESTILOS =GALERIA
--------------------------- */

.galleria{list-style:none;width:190px}
.galleria_container{display: inline; float: right; width: 465px;}
.galleria li{display:block;width:50px;height:50px;overflow:hidden;float:left;margin:0 6px 6px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria_container span.caption{display:block;padding-top:.7em;color:#666;}
.galleria li .caption{display:block;padding-top:.7em;color:#666;}
* html .galleria li div span{width:400px} /* MSIE bug */

/* --- FIN --- */