/* CSS Document */

/* Diseño y CSS por Germán Werner para Doble B Web Studio */
/* www.dobleb.com.ar */

/*--------------------------------------------
	Estructura general del sitio
---------------------------------------------*/

body {
	background-color:#060606;
	margin:0;
	padding:0;
}

body#dos-columnas {
	background:#060606 url(images/back-2cols.gif) center repeat-y;
	
}

body#tres-columnas {
	background:#060606 url(images/back-3cols.gif) center repeat-y;
	
}

body #container {
	width:923px;
	margin:0 auto;
}

#sidebar-left {
	width:210px;
	float:left;
}

#main {
	width:503px;
	float:left;
}

#sidebar-right {
	width:210px;
	float:left;
}

body#dos-columnas #main {
	width:713px;
}

/*--------------------------------------------
	Estilos Generales
---------------------------------------------*/

body {
	color:#585858;
}

h2 { /* Subtítulos */
	border-bottom:3px solid #181818;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	font:11px Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
}

.margen-top {
	margin-top:21px;
}

.clearer {
	clear:both;
}

/*--------------------------------------------
	Main, columna central
---------------------------------------------*/

#header {
	margin:42px 42px 0 42px;
	border-top:3px solid #181818;
	text-align:center;
	height:119px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:116px;
}

#contenido {
	margin:42px 42px 0 42px;
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#585858;
}

#contenido a, #contenido a:visited {
	color:#585858;
	border-bottom:1px dotted #474747;
	text-decoration:none;
}

#contenido a:hover {
	border-bottom:1px dotted #919191;
	color:#919191;
}

.texto p {
	font:13px Georgia, "Times New Roman", Times, serif;
	margin:0 0 15px 0;
	line-height:18px
}

.tabla table {
	width:420px;
}

.tabla table td, .tabla table th {
	border-bottom:1px solid #181818;
	padding:3px 0 3px 1px;
	vertical-align:top;
}

.tabla table td.left {
	color:#737373;
}

.tabla table td.last {
	border-bottom:none;
}

.tabla table th {
	color:#919191;
	font-weight:normal;
	text-align:left;
}

.ficha-tecnica table td {
	width:65%;
}

.ficha-tecnica table td.left {
	width:35%;
}

#contenido .downloads a {
	border:none;
}

.tasting-notes {
	margin:21px 0 31px 0;
}

.tasting-notes h2 {
	margin-bottom:15px;
}

.tasting-notes p {
	font:11px Georgia, "Times New Roman", Times, serif;
	margin:0 0 10px 0;
}

/*--------------------------------------------
	Fotos / Galería
---------------------------------------------*/

.galeria {
	width:637px;
}

#contenido .galeria a {
	border:1px solid #262626;
	padding:3px;
	margin:0 8px 8px 0;
	display:block;
	width:90px;
	height:90px;
	float:left;
}

#contenido .galeria a img {
	border:none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#contenido .galeria a img:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/*--------------------------------------------
	Contacto
---------------------------------------------*/

form {margin:0; padding:0;}

input, textarea {
	margin-top:5px;
	background-color:#0c0c0c;
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#979797;
}

input.campo {
	border:1px solid #181818;
	padding:5px 5px 6px 5px;
	width:419px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:409px;
}


textarea {
	border:1px solid #181818;
	padding:5px 5px 6px 5px;
	width:419px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:409px;

}


input:focus, textarea:focus {
	border-color:#979797;
}


/*--------------------------------------------
	Side-bar Right, columna derecha (fotos)
---------------------------------------------*/

#sidebar-right {
	text-align:center;
	padding:42px 0 0 0;
}

/*--------------------------------------------
	Side-bar Left, columna izquierda
---------------------------------------------*/

#logo {
	margin:29px 0 27px 0;
	text-align:center;
}

#sidebar-left h2 {
	margin:0 42px 0 42px;
}

#menu {
	padding:20px 20px 0 42px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#585858;
}

#menu ul, #menu ul li {
	margin:0px;
	padding:0px;
}

#menu ul li {
	list-style-type:none;
	display:block;
}

#menu ul ul {
	margin:0 0 4px 11px;
}

#menu ul li a, #menu ul li a:visited {
	color:#585858;
	text-decoration:none;
	display:block;
}

#menu ul li a:hover, #menu ul li a.sel {
	color:#919191;
}

/*--------------------------------------------
	Side-bar Right, columna derecha
---------------------------------------------*/

#sidebar-right.tira-thumbs {
}

#sidebar-right.tira-thumbs img {
	/*border:3px solid #181818;*/
	border:3px solid #262626;
	padding:3px;
	clear:both;
	margin-bottom:20px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#sidebar-right.tira-thumbs img:hover {
	border:3px solid #262626;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}