﻿@charset "utf-8";
/* CSS Document */

  @import url(reset.css);
  @import url(lightbox.css);
  @import url(slider.css);
  @import url(tabs.css);
  
 

/******************************************************** CUERPO
***************************************************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; color:#666;
	cursor:default;
	}

#wrapper {
	width:990px;
	margin:0px auto;
	}

#ad_top {}

#header {
	height:100px;
	}
	#header .logo { float:left; padding-top:30px;}
	#header .ad { float:right; padding-top:20px;}

#navy {
	clear:both;
	border-bottom:solid 2px #000;
	border-top:solid 2px #000;
	padding:2px 0;
	margin-bottom:30px;
	}
	#navy .menu { float:left;}
	#navy .search { float: right; width:300px;}
	#navy .search input { width:96%; padding:6px 5px; background:#f9f9f9 url(../img/elements/search.png) no-repeat 98% 50%; border:solid 1px #ddd;}
	#navy .search input:focus {background:#fff url(../img/elements/search_a.png) no-repeat 98% 50%; border:solid 1px #ccc;}

#container {
	margin-bottom:1px;
	}
	#column_a { width:468px; float:left; margin-right:30px;}
	#column_b { width:160px; float:left;}
	#content { width:660px; float:left;}
	#sidebar { width:300px; float:right;}

#footer {
	clear:both;
	background:#000;
	margin-bottom:1px;
	}
	#footer ul { border-bottom:solid 2px #222; display:block; }
	#footer ul li { display:inline;}
	#footer ul li a { color:#fff; width:16.666666666666666666666666666667%; display:block; float:left; font-size:11px; font-family:"Arial Black", Arial, Helvetica, sans-serif; padding:15px 0; text-decoration:none; text-align:center; text-transform:uppercase; background:url(../img/elements/a_footer.gif) repeat-y right;}
	#footer ul li a:hover { color:#cc1f35}
	#footer .logos { height:80px;}
	#footer .logos .conocedor { float:left; padding:30px 0 0 20px;}
	#footer .logos .powersite { float:right; padding:20px 20px 0 0}






/********************************************************** TAGS
***************************************************************/


h1 { font-size:48px; font-family:Arial Black; color:#d0d0d0; text-transform:uppercase; letter-spacing:-1px; background:url(../img/elements/hr.gif) repeat-x bottom; padding-bottom:20px; margin-bottom:1px;}
h2 , h2 a { font-size:30px; font-family:Arial Black; text-transform:uppercase; letter-spacing:-1px; text-decoration:none; color:#000;}
h3 , h3 a { font-size:11px; font-family:Arial Black; text-transform:uppercase; text-decoration:none; color:#cc1f35;}

h2 a:hover , h3 a:hover { color:#cc1f35;}

h4 { font-size:10px; text-transform:uppercase; color:#6c162a; }
h5 { text-transform:uppercase; font-size:16px; margin-bottom:20px;}

hr { background:url(../img/elements/hr.gif) repeat-x; height:5px; border:none; display:block; clear:both; margin:40px 0;}
#column_b hr { background:url(../img/elements/hr.gif) repeat-x; height:5px; border:none; display:block; clear:both; margin:20px 0;}

P { line-height:18px; padding-bottom:20px;}

strong { color:#333; font-weight:bold;}

a { color:#0f5692; outline:none; cursor:pointer;}


/****************************************************** NOTICIAS
***************************************************************/

.noticia { display:block; margin-bottom:30px;}
.noticia h3 { margin-bottom:10px;}
.noticia h2 , .noticia h2 a { margin-bottom:10px; font-size:24px;}
.noticia p {}
.noticia .media { float:left;}
.noticia .media img { padding:3px; border:solid 1px #f1f1f1; margin:0 20px 5px 0;}
.noticia .coments {}

#content .noticia { display:block; margin-bottom:60px;}
#content .noticia h2 , #content .noticia h2 a { margin-bottom:20px; font-size:24px !important;}
#content .noticia p {}
#content .noticia .media { float:left;}
#content .noticia .media img{margin:0 25px 10px 0;}
#content .noticia .media img,
.media2 img{ padding:3px; border:solid 1px #f1f1f1;}
#content .noticia .coments {}

.degustaciones #content .noticia h2{ float:left;}
.degustaciones #content .noticia .media { float:right;}
.degustaciones #content .noticia .media img { padding:3px; border:solid 1px #f1f1f1;  margin:0 0 10px 25px;}
.degustaciones .bajada{ border-bottom:#F5F5F5 2px solid; padding-bottom:15px; margin-bottom:15px!important; font-size:15px;}
.puntos{ width:88px; height:88px; float:left; margin:0 20px 0 0;background:url(../img/ptos_fondo.png) no-repeat 0 0; font-family:"Arial Black", Arial, Helvetica, sans-serif; color:#000; font-size:15px; text-align:center;}
.puntos h3{ color:#000; font-size:42px; font-family:"Arial Black", Arial, Helvetica, sans-serif; margin:10px 0 2px 0;}
.degustaciones .tags{ border-bottom:#eaeaea 1px solid;  border-top:#eaeaea 1px solid; }
.degustaciones .ver_mas{ display:block; float:right; width:auto;}
.degustaciones .ver_mas a{color:#000; font-size:12px; font-family:"Arial Black", Arial, Helvetica, sans-serif; text-transform: uppercase}

table.triple { width:100%;}
table.triple td { vertical-align:top;}
table.triple td.column_left { padding-right:10px;}
table.triple td.column_center { padding:0 10px; border-right:dotted 1px #ccc;border-left:dotted 1px #ccc;}
table.triple td.column_right { padding-left:10px;}
table.triple .noticia { display:block; margin-bottom:0;}
table.triple .noticia h2 , table.triple .noticia h2 a { margin-bottom:10px; font-size:15px; line-height:20px;}
table.triple .noticia h3 { margin-bottom:5px;}
table.triple .noticia p { padding-bottom:0;}

table.doble{ width:100%;}
table.doble td { vertical-align:top; width:50%;}
table.doble td.column_left { padding-right:20px; border-right:dotted 1px #ccc;}
table.doble td.column_right { padding-left:20px;}
table.doble .noticia { display:block; margin-bottom:0;}
table.doble .noticia h2 , table.doble .noticia h2 a { margin-bottom:10px; font-size:24px; line-height:28px;}
table.doble .noticia h3 { margin-bottom:10px;}


#column_b  .noticia { display:block; margin-bottom:0;}
#column_b  .noticia h2 , .noticia h2 a { margin-bottom:10px; font-size:16px; line-height:22px;}
#column_b  .noticia h3 { margin-bottom:5px;}
#column_b  .noticia .media { float:none; display:block;}
#column_b  .noticia .media img {  margin:0;margin-bottom:10px; width:96%}
#column_b  .noticia p { padding-bottom:0;}


#content .noticia_ampliada { display:block; margin-bottom:40px; padding-top:40px;}
#content .noticia_ampliada h1 { margin-bottom:10px; font-size:30px !important; color:#000; letter-spacing:-1px; padding:0; background:none;}
#content .noticia_ampliada .autor { margin-bottom:40px; font-size:11px;}
#content .noticia_ampliada .autor a { padding:3px 8px; background:#cc1f35; color:#fff; text-decoration:none; margin-left:5px;}
#content .noticia_ampliada .autor a:hover { background:#ccc;}

#content .noticia_ampliada .data { display:block; margin-bottom:60px;}
#content .noticia_ampliada .data .media { float:left; width:60%;}
#content .noticia_ampliada .data .media img { padding:0 !important; border:none!important;}
#content .noticia_ampliada .data .datos { float:right; width:35%;}
#content .noticia_ampliada .data .datos span { display:block; padding:10px 0; border-bottom:solid 1px #f1f1f1; font-size:11px;}
#content .noticia_ampliada .data .datos span a { color:#444}
#content .noticia_ampliada .data .datos span.ti { background:url(../img/ico/tiempo.gif) no-repeat 0% 50%; padding-left:30px;}
#content .noticia_ampliada .data .datos span.us { background:url(../img/ico/autor.gif) no-repeat 0% 50%; padding-left:30px;}
#content .noticia_ampliada .data .datos span.sh { background:url(../img/ico/share.gif) no-repeat 0% 50%; padding-left:30px;}

#content .noticia_ampliada .bajada { margin-bottom:30px; clear:both;}
#content .noticia_ampliada .bajada p {}
#content .noticia_ampliada .bajada h1 {}
#content .noticia_ampliada .bajada h2 {}
#content .noticia_ampliada .bajada h3 {}
#content .noticia_ampliada .bajada h4 {}
#content .noticia_ampliada .bajada h5 {}
#content .noticia_ampliada .bajada ul {}
#content .noticia_ampliada .bajada ul li {}
#content .noticia_ampliada .bajada em {}

.relacionadas { margin-bottom:30px;}
.relacionadas ul li { display:block; line-height:18px; padding:5px 0;}
.relacionadas ul li a { text-decoration:none; font-weight:bold; text-transform:uppercase; color:#333}
.relacionadas ul li a:hover { color:#cc1f35}
.relacionadas ul li span { color:#ccc; margin:0 5px;}


.videos, .fotos  { margin-bottom:30px;}

.thumb{ width:120px; height:120px; display:block; margin: 0 12px 12px 0; float:left; overflow:hidden;}
.thumb a{ display:block; width:120px; height:90px; position:relative; top:0; overflow:hidden; }

.videos .thumb{ background-color:#000; background-repeat:no-repeat; display:block;}
.videos .thumb a{display:block; width:120px; height:90px; position:relative; top:0; background:url(../img/elements/video_thumb.png) no-repeat; }



.thumb_title{ display: block; background:#fff; height:30px; font-size:10px; color:#000; padding-top: 6px;  }


/**************************************************** CONTENIDOS
***************************************************************/

.ad { margin-bottom:26px;}
.ad_content_top { margin-bottom:46px;}

.tags { background:url(../img/elements/tags.gif) no-repeat 0% 50%; padding:2px 0 2px 40px; border-bottom:solid 1px #f1f1ff; border-top:solid 1px #f1f1f1; font-size:11px; line-height:18px; clear:both;} 
.tags a { color:#666; text-decoration:none; margin-right:5px;} .tags a:hover { color:#cc1f35;}


a.btn_newsletter { background:url(../img/btn/newsletter.gif) no-repeat top; display:block; margin-bottom:26px; height:47px; text-indent:-9999px;}
a.btn_newsletter:hover { background-position:bottom;}

a.btn_votar { background: url(../img/btn/votar.png) no-repeat top; width:153px; height:50px; text-indent:-9999px; display:block; margin:0 0 20px 5px;}
a.btn_votar:hover { background-position:bottom;}

a.btn_galeria { background:url(../img/btn/galeria.png) no-repeat top; width:158px; height:49px; display:block; text-indent:-9999px; position:absolute; margin:-100px 0 0 -18px;}
a.btn_galeria:hover { background-position:bottom;}

a.btn_enviar { background:url(../img/btn/enviar.gif) no-repeat top; width:155px; height:41px; display:block; text-indent:-9999px; float:right;}
a.btn_enviar:hover { background-position:bottom;}

a.btn_buscar {background:url(../img/btn/buscar.png) no-repeat top; width:155px; height:41px; display:block; text-indent:-9999px; margin:3px 0 ; }
a.btn_buscar:hover { background-position:bottom;}



.poll { background:#70162a; color:#fff; margin-bottom:26px;}
.poll .top { padding:15px; border-bottom:solid 1px #6a1528;}
.poll .top h3{ color:#b8979e; margin-bottom:5px;}
.poll .top h2{ font-size:20px; color:#fff; line-height:24px;}
.poll .cont { padding:15px 10px 30px 10px; border-top:solid 1px #772235; font-size:11px;}
.poll .cont label { display:block; padding:5px 0;}
.poll .cont form { margin-bottom:20px;}
.poll .cont a { color:#9b5c6a}
.poll .cont a:hover { color:#fff;}

.video { margin-bottom:26px;}

.destacadas { margin-bottom:26px;}
.destacadas ul { padding-top:10px;}
.destacadas ul li a { display:block; padding:12px 0; color:#444; font-weight:bold; text-decoration:none; line-height:17px; border-bottom:dotted 1px #e5e5e5;}
.destacadas ul li a h4 span { color:#777; margin-left:5px; text-transform:none}
.destacadas ul li a:hover { color:#000;}

.tagcloud { padding:20px; background:#41a4c9; line-height:22px; margin-bottom:26px;}
.tagcloud a { color:#a0d2e4; text-decoration:none; font-family:"Arial Black",Arial, Helvetica, sans-serif;}
.tagcloud a.tag4 { font-size:22px;}
.tagcloud a.tag3 { font-size:18px;}
.tagcloud a.tag2 { font-size:14px;}
.tagcloud a.tag1 { font-size:10px;}
.tagcloud a:hover { color:#fff;}

.social{text-align:right; clear:both; margin-bottom:12px;}
.social h5{ margin-right:6px; display:inline; color: #999; font-size:13px;}
.social img{ margin-left:7px;}
#content .social{ padding:6px; background:#F5F5F5}

.paginacion {text-align: center;clear:both; margin:60px 0;}
.paginacion ul li { display:inline; background-image:none; padding:0; font-size:14px;}
.paginacion ul li a{ padding:5px 10px !important; color:#999; font-family:"Arial Black"; text-transform:uppercase; text-decoration:none;}
.paginacion ul li a:hover { color:#000; text-decoration:none;}
.paginacion ul li.activo { padding:5px 10px; background:#c11d32 url(../img/elements/paginador.gif) repeat-x top; color:#fff; font-family:"Arial Black"; text-transform:uppercase; text-decoration:none;}

.coments { background:#c11d32 url(../img/elements/com.gif) no-repeat 50% 100%; color:#fff; font-size:14px; float:right; display:block; padding:5px 8px 12px 8px;font-family:"Arial Black"}

.comentarios { clear:both;}
.comentarios .comentario { margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #f1f1f1;}
.comentarios .comentario .user { position:relative; float:left; width:15%;color:#8f8f8f; font-size:10px; line-height:15px; text-align:right}
.comentarios .comentario .user span { color:#13698f; font-weight:bold; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.comentarios .comentario .comenta { position:relative; float: right; width:80%; padding-left:20px;border-left:solid 1px #f1f1f1;}
.comentarios .comentario .comenta p { line-height:18px;}


table.formulario { width:100%;}
table.formulario td { padding:8px 0;}
table.formulario label { display:block; text-transform:uppercase; font-size:11px; font-weight:bold; margin-bottom:5px;}
table.formulario td input , table.formulario td textarea { width:98%; padding:8px 5px; font-family:Arial, Helvetica, sans-serif; background:#f9f9f5; border-bottom:solid 1px #f7f7f7; border-right:solid 1px #f7f7f7; border-top:solid 1px #e4e4df; border-left:solid 1px #e4e4df;}
table.formulario td input:focus , table.formulario td textarea:focus { background:#faf8db;border-top:solid 1px #dcdac0; border-left:solid 1px #dcdac0;}
table.formulario td label.che { text-transform:none; font-size:11px; color:#333; font-weight:normal; padding:5px 0; border-top:solid 1px #f2f2f2; border-bottom:solid 1px #f2f2f2;}
table.formulario td label.che input { width:auto; border:none; padding:0;}



.wine_search {background:#70162a; margin-bottom:30px;}
.wine_search h5 { color:#fff; padding:0; margin:0;}
.wine_search .top { padding:20px 20px 10px 20px; border-bottom:solid 1px #450715; background:#530819}
.wine_search .cont { padding:10px 15px; border-top:solid 1px #772235; font-size:11px; background:url(../img/elements/uvas.gif) no-repeat;}

.wine_search table { width:90%; float:right}
.wine_search table td { width:33%; padding:2px 5px;}
.wine_search table td select, .wine_search table td input { width:152px; padding:1px 4px; border:solid 1px #390712;}
.wine_search table td a{ font-size:11px; color:#FFFFFF;}



table.degustacion { width:100%; margin-bottom:40px;}
table.degustacion td.foto { /*background:url(../img/elements/bg_vino.gif) no-repeat 50% 50%;*/ padding:0 6px 0 22px; width:200px; vertical-align:top; }
table.degustacion td.foto img {/* border:solid 1px #f1f1f1; margin:20px 0;*/}

table.degustacion td.datos { vertical-align:top;}
table.degustacion td.datos table { width:100%;}
table.degustacion td.datos table th { background:url(../img/elements/th.gif) repeat-x; font-weight:bold; color:#fff; height:46px; text-align: left; padding:0 10px;}


table.degustacion td.datos table tr.dd1 td { background:#e0dfdd; color:#595856; font-size:15px;font-weight:bold; padding:13px 10px;}
table.degustacion td.datos table tr.dd1 td.dato { background:#e6e5e3; color:#595856;  font-size:12px; border-right:none; width:25%}
table.degustacion td.datos table td { padding:8px; border:solid 1px #f2f2f2; font-size:11px; color:#333;}
table.degustacion td.datos table td.dato { font-weight:bold; color:#999; border-right:solid 1px #f2f2f2;}
table.datos_vino td{color:#000; font-size:20px; font-family:"Arial Black", Arial, Helvetica, sans-serif; padding: 4px;}
table.datos_vino th{color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:right; font-weight:bold; padding: 4px;}

.sommelier { display:block; width:auto; margin: 0 10px 0 0; display:block; float:left;}
.sommelier  img { padding:3px; border:solid 1px #f1f1f1;}
.datos_sommelier { line-height:18px; font-size:11px}
.datos_sommelier span { font-weight:bold; color:#900; text-decoration:none;}

/********************************************************** TABS
***************************************************************/
#mas_leidas,
#mas_comentadas{display:block; float:left; position:relative; top:0; height:41px; text-decoration:none;}
#mas_leidas{ background:url(../img/btn/mas_leidas_activo.gif) no-repeat top left; width:112px;}
#mas_comentadas{ background:url(../img/btn/mas_comentadas_activo.gif) no-repeat top left; width:188px; }
#mas_leidas.activo,
#mas_comentadas.activo{ background-position:bottom left;}



/********************************************************** MENU
***************************************************************/



#navy li {
	display: inline;
}


#navy li a {
	float: left;
	height: 0;
	padding-top: 29px;
	overflow: hidden;
	outline:none
}
#navy li a {
	background-image: url(../img/menu.gif);
	background-repeat: no-repeat;}


/* BOTONES */
#navy li#home a {	background-position: 0 0;	width:73px}
#navy li#notas a {	background-position: -73px 0;	width:83px}
#navy li#actualidad a {	background-position: -155px 0;	width:118px}
#navy li#degustaciones a {	background-position: -272px 0;	width:146px;}
#navy li#consumo a {	background-position: -417px 0;	width:107px}
#navy li#gastronomia a {	background-position: -523px 0;	width:128px}

/* HOVER */
#navy li#home a:hover {background-position: 0 -29px;}
#navy li#notas a:hover {background-position: -73px -29px;}
#navy li#actualidad a:hover {background-position: -155px -29px;}
#navy li#degustaciones a:hover {background-position: -272px -29px;}
#navy li#consumo a:hover {background-position: -417px -29px;}
#navy li#gastronomia a:hover {background-position: -523px -29px;}

/* ACTIVO */
.home #navy li#home a {background-position: 0 -58px;}
.notas #navy li#notas a {background-position: -73px -58px;}
.actualidad #navy li#actualidad a {background-position: -155px -58px;}
.degustaciones #navy li#degustaciones a {background-position: -272px -58px;}
.consumo #navy li#consumo a {background-position: -417px -58px;}
.gastronomia #navy li#gastronomia a {background-position: -523px -58px;}

