﻿@media print 
{
    #areaMenu 
    {
        display:none !important;
    }
    
    #areaNoticias
    {
        display:none !important;
    }
    
    #footer 
    {
        display:none !important;
    }
}

body 
{    
    font-family:Verdana;
    font-size:11px;
    background-image:url(../../imgMaster/linearep_fondo.jpg);   
    background-repeat:repeat-x repeat-y;
    margin:0;
    padding:0;
}

div 
{
    margin:0;
    padding:0;
}


/*migas*/

#mainContent .migas 
{
    font-size:10px;
    color:#124b40;
    padding-left:5px;
}

#mainContent .migas a 
{
    text-decoration:underline;
    color:#124b40;
    margin-right:4px;
}

#mainContent .migas a:hover 
{
    text-decoration:none;
    color:#186757;
    margin-right:4px;
}

/*fin migas*/

/*estilos cabecera*/
#cabeceraContainer {
    	width: 99%;  /* esto creará un contenedor con el 80% del ancho del navegador */
    	background: #FFFFFF;
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */    	
    	border: 1px solid #000000;
    	text-align: left; /* esto anula text-align: center en el elemento body. */
}

#header {
    	background: #DDDDDD; 
    	padding: 0 10px 0 20px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
}

#header h1 {
    	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
    }

#cabebeceraMainContent {
	
	background: #FFFFFF;
	height: 97px;
	background-image: url(../../imgMaster/fondoheaderUK.jpg);
	border-bottom: 1px solid #4e8379;
	width: 99%;
	margin:auto;
	
}

#titulo    {
	width: 99%;
	margin:auto;
	text-align: center;		
}

#footer { 
    	padding: 0 10px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
    	background:#DDDDDD;
 } 

#footer p {
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}
	
	
#flashfondo {
	height: 54px;
	background-color: #FFFFFF;
	text-align: center;
	background-position: center;
}

#cab_izq {
	float: left;
	background-image: url(../../imgMaster/cabecerafondo_izq.jpg);
	width: 286px;
	height: 54px;
}

#cab_der {
	float: right;
	background-image: url(../../imgMaster/cabecerafondo_der.jpg);
	width: 286px;
	height: 54px;
}

#cab_texto {
	text-align: center;
}

#header_distribuidores 
{  
    height: 123px;
	background-image: url(../../distribuidores/img/fondo_header.jpg);
	background-repeat: repeat-x;
	text-align:center;
}

/*end estilos cabecera*/

/*bacchanalia.master estilos*/

#bodyContent 
{    
    background-color:#FFFFFF;
    border-left:1px solid #D7E0C3;
    border-right:1px solid #D7E0C3; 
    margin-left:1%;
    margin-right:1%;
    border-top:3px solid #FFFFFF;   
    width: 982px;
}

/*liquido para el contenedor*/
form > #bodyContent 
{
    width: auto;
    min-width: 982px;
}

#placeHolderDiv 
{
    width:582px;
    margin:auto;
}

/*liquido para las tablas de datos*/
#mainContent > #placeHolderDiv 
{
    width:auto;
    margin:auto;
    min-width:582px;
}

#areaMenu 
{
    background-color:#124B40;
    float:left;
    margin-left:5px;
    margin-bottom:20px;
    display:inline;
    width:189px;        
}

.seccion, .seccionPrimera, .seccionContacto 
{
    background:url(../../imgMaster/fondoButton.jpg);
    border-top:#FFFFFF 1px solid;
    border-bottom:#FFFFFF 1px solid;
    color:#FFFFFF;
    font-size:12px;
    height:29px;  
    line-height:29px;
    padding-left:20px;
    cursor:default;  
}

.seccionContacto 
{
    background:url(../../imgMaster/numerotelefono.jpg);
}

#areaMenu .accordionBase 
{
    background-color:#FFFFFF;
}

#areaMenu .accordionHeader, #areaMenu .accordionHeaderSelected, #areaMenu .accordionContent
{
    background:#E0F7F2 url(../../imgMaster/flechaverde.gif) no-repeat 20px;
    border:1px solid #326D61;    
    height:29px;  
    line-height:29px;
    padding-left:35px;    
}

#areaMenu .accordionHeaderSelected
{
    background:#FFFFFF url(../../imgMaster/flechanegra.gif) no-repeat 20px;    
    border:1px solid #124B40;
}

#areaMenu .accordionHeader a
{
    color:#000000;
    text-decoration:none;
    cursor:pointer;
}

#areaMenu .accordionHeaderSelected a
{
    color:#000000;
    text-decoration:none;
    cursor:pointer;
    
}

#areaMenu .accordionHeader a:hover
{
    text-decoration:underline;
}

#areaMenu .accordionHeaderSelected a:hover
{
    text-decoration:underline;
}


#areaMenu .accordionContent  
{ 
    background:#AACCC5 url(../../imgMaster/flechaverde.gif) no-repeat 20px;    
    height:29px;  
    line-height:29px;
    padding-left:35px;        
    border-top:1px solid #FFFFFF;    
    border-bottom:1px solid #FFFFFF;
    border-left:1px solid #AACCC5;    
    border-right:1px solid #AACCC5;
}

#areaMenu .accordionContent a 
{
    color:#000000;
    text-decoration:none;
    cursor:pointer;
}

#areaMenu .accordionContent a:hover
{
    text-decoration:underline;
}

#cabecera 
{        
    margin-left:198px;
    margin-right:188px;
    font-size:10px; 
}

#cabecera table
{
    margin:auto;
}

#cabecera a 
{
    color:#124b40;
    font-weight:bold;
    text-decoration:none;
}

#cabecera a:hover
{
    color:#186757;
    text-decoration:underline;
}

#mainContent 
{
    background-color:#FFFFFF;
    margin-left:198px;
    margin-right:188px;
    margin-top:5px;
}

#mainContent a 
{
    text-decoration:none;
}

#mainContent a:hover
{
    text-decoration:none;
}



#mainContent .tituloDestacada
{
    font-size:12px;
    color:#000000;
    font-weight:bold;
}

#areaNoticias 
{
    background-color:#124B40;
    float:right;
    margin-right:5px;
    display:inline;
    width:179px;    
}


#loginView
{
    background:#124B40 url(../../imgMaster/fondocajitalogin.jpg) repeat-y; 
}

#innerlogin 
{
    background-color:#124b40;
}

#loginView .login
{    
    border:1px solid #FFFFFF;
    width:163px;
    margin:8px;
    color:#FFFFFF;
    font-size:10px;

}

#loginView .errorMessage 
{
    color:#D8A72E;
}

#loginView .textBoxStyle 
{
    width:80px;
}

#loginview .labelStyle
{
    color:#FFFFFF;
    font-size:10px;
}

#hazteSocio, #recordar 
{
    background:#8eb7af url(../../imgMaster/flechafondoverde.jpg) no-repeat 20px;
    border-top:1px solid #FFFFFF;    
    height:29px;  
    line-height:29px;
    padding-left:35px;    
}

#hazteSocio a, #recordar a 
{
    color:#000000;
    text-decoration:none;
}

#recordar a 
{
    color:#186757;
}

#hazteSoicio a:hover, #recordar a:hover 
{
    text-decoration:underline;
}

#areaNoticias .tablaEstacional, #areaNoticias .tablaNoticias 
{
    border-collapse:collapse;
    width:179px;
}

#areaNoticias .tablaNoticias 
{
    border:1px solid #124B40;    
}

#areaNoticias .tablaEstacional td
{
    background-color:#FFFFFF;
    padding:3px;       
}

#areaNoticias .tablaEstacional td a
{
    color:#124b40;
    font-weight:bold;
    text-decoration:none;   
}

#areaNoticias .tablaEstacional td a:hover
{
    text-decoration:underline;   
}

#areaNoticias .tablaNoticias td 
{
    background-color:#E0F7F2;
    padding:3px;
}

#areaNoticias .tituloNoticia 
{
    color:#d8a72e;
    font-size:10px;
    font-weight:bold;
}

#areaNoticias .enlaceNoticia a
{
    color:#124b40;
    font-size:10px;
    text-decoration:none;
}

#areaNoticias .enlaceNoticia a:hover
{
    text-decoration:underline;
}

#areaNoticias .accordionBase 
{
    background-color:#FFFFFF;
}

#areaNoticias .accordionHeader, #areaNoticias .accordionHeaderSelected
{
    background:#124B40 url(../../imgMaster/buttonfondodegr.jpg) no-repeat;
    border-bottom:1px solid #FFFFFF;       
    height:29px;  
    line-height:29px;
    padding-left:35px;    
}

 #areaNoticias .accordionHeaderSelected
 {
    background:#124B40 url(../../imgMaster/buttonfondodegr_roll.jpg) no-repeat;
    border:0px none;
 }

#areaNoticias .accordionHeader a
{
    color:#FFFFFF;
    text-decoration:none;
    cursor:pointer;
}

#areaNoticias .accordionHeaderSelected a
{
    color:#FFFFFF;
    text-decoration:none;
    cursor:pointer;
    
}

#areaNoticias .accordionHeader a:hover
{
    text-decoration:underline;
}

#areaNoticias .accordionHeaderSelected a:hover
{
    text-decoration:underline;
}


#areaNoticias .accordionTable  
{ 
    border-collapse:collapse;
    width: 179px;
}

#areaNoticias .accordionTable  td
{ 
    background-color:#124B40;
    color:#FFFFFF; 
}


#areaFlash 
{
    background:#1e7060 url(../../imgMaster/flashsustit.jpg) no-repeat;
    height:42px;
    margin:auto;
    border:1px solid #25594f;
}

#pie 
{
    border-top:1px solid #186757;
    border-bottom: 1px solid #186757;
    background-color:#FFFFFF;
    text-align:center;
    font-size:9px;
    clear:both;
    margin-bottom:4px;
    margin-top:40px;
    width: 982px;
}

#bodyContent > #pie 
{
    width:auto;
    min-width:982px;
}

#pie td 
{
   margin-top:2px;
   margin-bottom:2px;  
   width:14.1%     
}


#pie a
{
    color:#186757;
    text-decoration:none;    
}

#pie a:hover
{
    color:#186757;
    text-decoration:underline;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
    background:#ffffdd url(../../imgMaster/fondo_modal.jpg) repeat-y;
    text-align:center;
    font-size:11px;
    padding-top:44px;    
    color:#000000;
	border:1px solid #145145;	
	width:400px;
	height:140px;
}

.modalPopup p 
{
    margin-bottom:34px;
}

/*end bacchanalia.master estilos*/



/*paginas pie*/
#queesImagen 
{
    float:right;   
    margin:10px;
}
/*end paginas pie*/
#capaBuscador
{
    text-align:center;
}

#capaBuscador table
{
    margin:auto;
    border:1px solid #FFF;
}

#capaListado
{
}

/*ficha producto*/

#imagenCabecera
{
    float:left;
    width: 125px;
}

#contenidoCabecera
{
    margin-left:130px;
    margin-right:65px;    
}

#medallasCabecera
{
    float:right;
    width:60px;
}

#contenidoFicha
{
  width:100%;
  margin:auto;
}

/*Escaparates*/

.escaparatesTabContainer 
{
    width:100%;
}

#descripcionEscaparate
{
    
}

#descripcionEscaparate .imagenDescripcion 
{
     padding:10px;
     vertical-align:top;
}

#descripcionEscaparate .tituloDescripcion
{
    color:#124b40;    
    padding-top:7px;
    font-size:12px;
    font-weight:bold;
    vertical-align:top;
}

#descripcionEscaparate .textoDescripcion 
{    
    color:#8D7231;
    font-style:italic;
    font-weight:normal;
    font-size:11px;
}

#principalEscaparate
{
    background:#FFFFFF url(../../imgMaster/fondo_escaparates.jpg) no-repeat 100% 0%;
    border:1px solid #124b40;
    margin-top:0.5em;
    margin-bottom:0.5em;
    height:289px;
}

#imagenPrincipal
{
    float:left;   
    margin-left:10px;
    margin-top:25px; 
    width:68%;
}

#datosPrincipal
{
    float:right;
    margin-top:180px;
    margin-right:20px;    
}

.textoDescripcion, .textoNombre, .textoEnvase, .textoAhorro
{
    color:#124b40; 
    font-size:10px;
}

.textoNombre, .importe 
{
    font-size:12px;
    margin-bottom:10px;
    font-weight:bold;
}

.textoEnvase 
{
    font-weight:bold;
}

.textoTravel 
{ 
    color:#3A89DB;
    font-weight:bolder;
    font-size:10px;
}

.textoOpciones 
{
    color:#D8A72E; 
    font-weight:bold;
}

.importe 
{
    color:#D8A72E;
}

/*listados*/

.bloqueDestacado 
{
    width:50%;
    vertical-align:top;
}

.columnaImagenDestacados 
{
    width:35%;
    vertical-align:top;
}

.columnaTextoDestacados 
{
    width:65%;
    vertical-align:top;
}

.columnaBotonesDestacados
{
    width:70%;
    vertical-align:bottom;
}

.columnaBotonesDestacados td 
{
   text-align:left; 
}

.columnaImagen, .columnaImagenSugerencias
{
    vertical-align:top;
    width:15%;
}

.columnaTexto, .columnaTextoSugerencias 
{
    vertical-align:top;
    width:55%;
}

.columnaBotones, .columnaBotonesSugerencias
{    
    text-align:right;
    width:30%;
}

.columnaBotones table, .columnaBotonesSugerencias table 
{
    float:right;
}
.columnaBotones td, .columnaBotonesSugerencias td 
{
    text-align:right;
}

/*end listados*/
.collapsePanel, .collapseSugerencias {	
	background-color:white;
	overflow:hidden;
	height:28px;
	border-top:1px solid #124b40;
	border-left:1px solid #124b40;
	border-right:1px solid #124b40;
}

.collapseSugerencias 
{    
    background:#faeac8 url(../../imgMaster/fondo_lista_vinoteca.jpg) repeat-y left;
    border-left:none;
    border-right:none;
}

/*Listado*/

.buscadorListado 
{
    background-image:url(../../imgMaster/fondobuscador.jpg);
    background-repeat: repeat-y;
    background-color:#1F7162;
    padding-top:5px;
    padding-bottom:5px;
}

.buscadorListado .celdaTexto, buscadorListado .celda
{
    padding:2px;
}

.buscadorListado .celdaTexto 
{
    color:#FFFFFF;
    text-align:right;
}

/*mi seleccion*/

#miSeleccion
{
    background-color:#faf2e0;
    padding:10px;
}

.collapseHeader, .collapseSugerencia
{
    cursor: pointer; 
    padding:3px;
    vertical-align: middle;
    background-image: url(../../imgMaster/pestanatuseleccion.jpg);
    background-position:right;
    background-repeat:no-repeat;
}

.collapseSugerencia
{
  background-image: url(../../imgMaster/pestanasugerencia.jpg);  
}

.tabCollapseHeader 
{
    float: right; 
    vertical-align: middle;    
}

.celdaDatosMS .celdaBotonMS
{
    background-color:#faf2e0;
    color:#186757;
    font-size: 10px;
}

.celdaBotonMS
{
    text-align:right;
}

.infoMiSeleccion
{
    margin:5px;
}

/*cesta*/

.informacionCesta
{
    background-color:#DFB44B;
    color:#124b40;
    font-size:12px;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:2px;
    margin-bottom:5px;
}

.informacionCesta  a
{
    font-weight:bold;
    color:#124b40;
    text-decoration:underline;
}

.informacionCesta a:hover 
{
    
}

#cestaCompra 
{
    background-color:#186556;
    text-align:center;       
    width:179px;
    color:#D8A72E;
    font-size:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.pestanaCesta {
	/*background-image: url(../../imgMaster/repitirpestana.jpg);*/
	/*background-repeat: repeat-x;*/	
	border-bottom:1px solid #124b40;
	text-align: right;
	height: 40px;
	margin-top: 15px;
}



.cesta 
{
    border-bottom:1px #124B40 solid;    
    /*border-top:2px #124B40 solid;*/
    /*margin-top:10px;*/
}

.tablaElementoCesta 
{
    border-bottom:1px #D8A72E solid;
    width:100%;
}

.tablaTotales 
{
    width:98%;
    text-align:right;
}

.celdaFoto, .celdaDatos, .celdaCantidad, .celdaIncDec, .celdaTotal 
{
    background-color:#fcdb91;
    vertical-align:top;
    padding-top:5px;
}

.celdaFoto 
{
    width:15%;
}

.celdaFoto .imagen 
{
    margin-left:10px;    
}
.celdaDatos 
{
    width:39%;
    
}

.celdaCantidad 
{
    width:18%;
}

.celdaIncDec 
{
    width:8%;
}

.celdaTotal 
{
    vertical-align:bottom;
    text-align:right;
    width:20%;
}

.celdaIncDec a 
{
    color: #124B40;    
}

.celdaIncDec a:hover
{
    color: #124B40;    
}

.direccionPanel
{
    color: #175047;
	font-size: 11px;
	padding:5px;
    background-color: #f9f1df;      
    background-image: url(../../imgMaster/degradadofondo.jpg);
	background-repeat: repeat-y;
}

#tablaDireccionCesta 
{
    width:99%;
    margin:auto;    
}
#tablaDireccionCesta td 
{
     
}

.pestana {
	background-repeat: repeat-x;
	text-align: right;
	height: 33px;
	margin-top: 10px;
}


/*tabs escaparates*/


.ajax__tab_xp .ajax__tab_header {

}

.ajax__tab_xp .ajax__tab_body {

}