/* CSS Document */

*{
margin:0;
padding:0;
}

html, body{
height:100%;
background-image:url(../images/bg.gif);
/*cursor:default !important;*/
}
body{
font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
color:#5a5b50;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

abbr{
border-bottom:1px dotted #8b8b8b;
cursor:help;
}

hr{
display:none;
}

img.valign { 
   height: 100%;
   vertical-align: middle;
   width: 0px;
} 

img, embed{
vertical-align:bottom;
border:none;
}

a img{
border:none;
}

a{
text-decoration:none;
color:#4f8a10;
outline:none;
}

/*============================================================================
FOOTER
============================================================================*/

#footer_espacio{
 /* misma altura que lo que contiene */
display:inline;
border-top:#333 10px solid;
}

#footer_container{
height:21px; /* misma altura que el contenedor */
padding:2px 0 0;
}

#footer_contenido{
width: 99%;
margin-left: auto;
margin-right: auto;
padding: 3px;
text-align:center;
background-image:url(../images/bg_footer.png);
background-repeat:repeat-x;
}
#footer_contenido div{
margin:0 auto;
text-align:left;
}
#footer_contenido p{
font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;
color:#666;
background:url(../images/bg_footer.png) no-repeat top center;
height:50px;
}

#footer_contenido a{
color:#666;
}
#footer_contenido p a:hover,
#footer_contenido p a:focus{
text-decoration:underline;
}
#footer_contenido p span{
color:#008143;
margin:0 2px;
}
#footer_contenido abbr{
border-color:#008143;
}
#footer_contenido ul{
float:right;
display:inline;
}
#footer_contenido ul li{
list-style:none;
display:inline;
}
#footer_contenido ul li a{
font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;
color:#b7ccc2;
padding:0 12px 0 1px;
}

#footer_contenido ul li a:hover,
#footer_contenido ul li a:focus{
text-decoration:underline;
}

/*============================================================================
header
============================================================================*/
#header_espacio{
float:none;
width:100%;
background:none;
height:120px;
}

#header{
background-position:center;
text-align:left;
height:100px;
}

#header_contenedor{
	 
	  float:none;
	  width:100%;
      background:#fff;
      font-size:93%;
      line-height:normal;
}

	#header_contenedor ul {
        margin:0;
        padding:10px 10px 0 10px;
        list-style:none;
      }
    #header_contenedor li {
      display:inline;
      margin:0;
      padding:0;
      }
    #header_contenedor a {
      float:left;
      background:url("../images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #header_contenedor a span {
      float:left;
      display:block;
      background:url("../images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#333;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header_contenedor a span {float:none;}
    /* End IE5-Mac hack */
    #header_contenedor a:hover span {
      color:#FFF;
      }
    #header_contenedor a:hover {
      background-position:0% -42px;
      }
    #header_contenedor a:hover span {
      background-position:100% -42px;
      }

        #header_contenedor #current a {
                background-position:0% -42px;
        }
        #header_contenedor #current a span {
                background-position:100% -42px;
                color:#FFF;
        }
		

#mainLeft{
float:left;
display:inline;
width:597px;
padding:15px 0 0;

}


#enologiaBoxA{
margin-left:5px;
width:150px;
}

.enologiaBox{
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
color:#666;
}

#helpdesk{
display:inline;
margin-top:7px;

}

#helpdesk_contenedor{
clear:both;
margin-top:7px;
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
color:#1b1b1b;
border:#CCC 1px solid;
border:#CCC 1px solid;

}

#helpdesk_contenido{
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
margin:2px;
}

#helpdesk_contenido h2{
text-transform:uppercase;
text-align:left;
font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
padding:3px 5px 3px 5px;
border-bottom:#fff 1px dotted;
border-top:#fff 1px dotted;
background-color:#333;
color:#fff;
}

#helpdesk_contenido span{
color:#fff;
margin-left:3px;
}

#boletin{
margin-top:0px;
height:50px;
}

#boletin_contenedor{
clear:both;
margin-top:7px;
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
color:#1b1b1b;
border:#CCC 1px solid;
}

#boletin_contenido{
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
color:#666666;
background-color:#EEE;
margin:2px;
}

#boletin_contenido h2{
text-transform:uppercase;
text-align:left;
font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
padding:3px 5px 3px 5px;
background-color:#333;
}

#boletin_contenido h2 a{
display:block;
color:#fff;
margin-left:3px;
}


#boletin_contenido span {
margin-left:20px;
}

#boletin_contenido div p{
text-align:left;
font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
padding:2px 2px 2px 2px;
border-bottom:#fff 1px dotted;
border-top:#fff 1px dotted;
background-color:#fff;
}


/* BREADCRUMBS */

#breadcrumbs{
padding:0px;
clear:both;
margin-top:13px;
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
color:#1b1b1b;
}

#breadcrumbs_contenido a{
color:#;
}

#breadcrumbs_contenido{
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
color:#666666;
margin:2px;
}

#breadcrumbs_contenido h2{
text-align:left;
font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
padding:3px 5px 3px 5px;
border:#666 1px dotted;
background-image:url(../images/bgHeader.gif);
background-repeat:no-repeat;
margin-bottom:10px;
}

#breadcrumbs_contenido h3{
text-align:left;
font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
padding:3px 5px 3px 5px;
margin-bottom:10px;
border-bottom:#FF6600 1px dashed;
background:url(../images/icons/breadcrumb_fff.jpg) no-repeat left center;
}

#breadcrumbs_contenido div p{
margin-bottom:5px;
}

#breadcrumbs_contenido li{
margin:6px 6px 6px 20px;
list-style:square;
}

#breadcrumbs_contenido a{
	color: #3366CC;
	text-decoration: none;
}

#noticias{
clear:both;
margin-top:13px;
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
border:#CCC 1px solid;
}

#noticias_contenido{
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
color:#333;
margin:2px;
}

#noticias_contenido h2{
text-transform:uppercase;
text-align:left;
font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
padding:3px 5px 3px 5px;
background-color:#eee;
}

#noticias_contenido div {
background:#fff;
}

.titulo_pagina{
margin-left:15px;
color:#333;
}

.fecha{
font:normal 10px/14px Tahoma, Arial, Helvetica, sans-serif;
color:#333333;
}

.titulo{
font:bold 11px/14px Tahoma, Arial, Helvetica, sans-serif;
color:#FF6600;
}

.titulo a{
font:bold 11px/14px Tahoma, Arial, Helvetica, sans-serif;
color:#FF6600;
text-decoration:underline;
}

.introText{
font:normal 10px/14px Tahoma, Arial, Helvetica, sans-serif;
color:#666;
margin-bottom:2px;
}


#mainRight{
float:left;
display:inline;
width:276px;
margin:0 0 0 13px;
padding:15px 5px 21px;
}

#boxTienda{
border:1px solid #FF9900;
background:#fff;
padding:2px;
text-align:left;
}
#boxTiendaA{
background:#FF9900;
padding:2px;
}

#boxTiendaA h2{
text-transform:uppercase;
text-align:left;
font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
padding:3px 5px 3px 5px;
border-bottom:#FFFFFF 1px dotted;
border-top:#FFFFFF 1px dotted;
background-color:#FF6600;
}
#boxTiendaA h2 a{
position:relative;
display:block;
width:100%;
color:#fff;
}

#boxTiendaA h2 a span{
position:absolute;
width:100%;
height:100%;
cursor:pointer;
overflow:hidden;
}

#boxTiendaA p{
font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
padding:10px 0 0;
color:#434343;
}
#boxTiendaA p a{
padding:0 0 1px 0;
}
#boxTiendaA p a:hover,
#boxTienda p a:focus{
background:none;
}


/*============================================================================
CUERPO
============================================================================*/

#mainBody{
padding:0 0 30px;
border-top:10px solid #333;
}

#mainContent{
margin:0 auto;
width:900px;
text-align:left;

}



/*=======================================================
CONTACTO
=========================================================*/
#contacto{
margin:20px 0 0;
}
#contacto p{
display:block;
clear:both;
font:normal 12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#contacto ul{
margin:10px 0 0 30px;
line-height:18px;
}
 
.footer{
border-top:1px solid #;
text-align:center;
}

.line_dashed{
font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
border-bottom:#333 1px dotted;
margin-bottom:10px;
}

.campos {
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: left;
	margin:3px 5px 3px 5px;
}

.etiquetas {
	margin:5px 5px 5px 5px;;
	float: left;
	width: 120px;
	margin-bottom: 2px;
}

.boton {
background-color:#666;
color:#fff;
}

.smallText{
margin:10px 5px 10px 5px;
}

.legal {
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	line-height:9px;
	padding:2px;
}

.legal p{
margin-bottom:5px;
}

div#outer {
width: 75%;
background-color:#FFFFFF;
margin-top: 10px;
margin-bottom:10px;
margin-left: auto;
margin-right: auto;
padding: 3px;
border: 1px solid #000;
background:#fff url(../images/right_corner.jpg) no-repeat top right;
z-index:inherit;
}

#outer_reg{
width: 75%;
background-color:#ccc;
margin-left: auto;
margin-right: auto;
padding: 10px;
margin-top:20px;
border: 1px solid #;
}

.ins_note{
background-color:#ccc;
color:#000;
font-size:11px;
font-weight:bold;
padding:3px;
text-align:justify;
border:#666 1px dotted;
line-height:16px;
}

.registroClientes{
background-color:#eee;
font-size: 11px;
color:#000;
padding:8px;
border:#999 1px solid;
width:90%;
margin-left:auto;
margin-right:auto;
}

.botonRegistro {
width:120px;
background-color:#999;
color:#fff;
}

.form_box{
background-color:#ccc;
color:#003399;
}

.form_heading{
width:60px;
font-weight:bold;
}

.horario{
background-color:#000;
color:#fff;
padding:2px;
}

#map{
position:relative;
left:0px;
width:100%;
border:#FF6600 2px solid;
height:400px;;
}

.detalles{
text-transform:uppercase;
text-align:left;
font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
background:#EEE url(../images/icons/breadcrumb_eee.jpg) no-repeat center left;
padding:3px 5px 3px 5px;
border:#666 1px dotted;
background-color:#eee;
}


.detalle_texto{
margin-left:20px;
vertical-align:middle;
}

.copyright{
padding:5px;
color:#999999;
font-size:11px;
text-align:center;
}

.login{
padding:3px;
border:#666666 1px dotted;
}

.lefted {
text-align: left;
padding:3px;
color:#FFFFFF;
}

.textMain{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
color:#4A4C49;
text-align: justify;
line-height: 14px;
padding: 0 0 0 0;
}

.usuario{
background-image:url(../images/usuario.gif);
background-repeat:no-repeat;
width:150px;
height:150px;
}

.tick {
background-image:url(../images/tick.gif);
text-align:center;
width:80px;
height:80px;
}

.languages{
text-align:left;
margin-left:5px;
}

.languages a{
color:#009900;
background-color:#eee;
padding:3px;
}
