*
{
margin:0;
padding:0;
}

body {
	font-family:Georgia,serif;
	font-size:62.5%;
	overflow:hidden;
	background-color: #E9E4E0;
}



#hook-just-in-case img {
	margin-top: 6px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 20px;
}
#hook-just-in-case {
	position: relative;
	z-index: 999999999;
	width: 100%;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	height: 85px;
}
#hook-just-in-case-back {
	position: relative;
	z-index: 888888888;
	width: 100%;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	height: 90px;
	background-image: url(../img/top_bg_full.png);
	background-repeat: repeat-x;
}
#hook-just-in-case-back img {
	margin-top: 6px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 20px;
}


#logo {
	width: 250px;
	float: left;
	margin-right: 10px;
	height: 88px;
}
#logo img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 31px;
}

#botder {
	width: 500px;
	float: left;
}



#weather-info {
background:url("images/transpBlack.png") repeat scroll 0 0 transparent;
color:white;
font-size:18px;
left:0;
padding:20px 0;
position:relative;
text-align:center;
top:200px;
width:100%;
z-index:6000;
}

.bg {
left:0;
position:absolute;
top:0;
width:100%;
_width:1600px;     /* Internet Explorer 6 y versiones anteriores */ 
_height::1200px;     /* Internet Explorer 6 y versiones anteriores */ 
z-index:1000;
}
.bghead {
	left:0;
	position:absolute;
	top:0;
	width:100%;
	_width:1600px;     /* Internet Explorer 6 y versiones anteriores */ 
	z-index:2000;
	background-image: url(../img/top_bg_full.png);
	background-repeat: repeat-x;
	height: 90px;
}


#extended-forecast {
display:none;
position:relative;
top:0;
}

#tab {
background:url("images/tab-bg.png") no-repeat scroll 0 0 transparent;
height:36px;
left:50px;
position:absolute;
top:0;
width:200px;
z-index:9999;
}

#menu {
	position: absolute;
	width: 188px;
	background-color: #FFFFFF;
	top: 67px;
	border: 1px solid #FFFFFF;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	z-index: 20000;
	padding-top: 35px;
	padding-bottom: 0px;
	height: 244px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 31px;
	padding-left: 7px;
}
#menu #datosmr p {
	width: 175px;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	line-height: 13px;
	font-size: 10px;
}
#menu #datosmr h6 {
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	text-align: right;
}



	
	dl {
	width: 180px;
}
	dl,dd {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
	dt {
	font-weight: normal;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFC8CE;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-color: #F3F7F8;
}
#botder img {
	float: right;
	margin-top: 20px;
}

	dt a {
	color: #936F00;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 5px;
}

dt a:hover {
	color: #513D00;
	text-decoration: none;
}


	dd a {
	font-size: 10px;
	text-decoration: none;
	line-height: 13px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}



	ul {
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#menu li.current {
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#menu li a:hover {
	color: #000000;
}







#content {
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	margin-left:250px;
	filter:alpha(opacity=85);
	opacity: 0.8;
	-moz-opacity:0.8;
	width: 60%;
	position:absolute;
	top:82px;
	width:60%;
	z-index:20000;
}
#menu li a {
	color: #333333;
}


#content div {
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	line-height: 16px;
	background-color: #FFFFFF;
}

#content h2 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.8em;
	font-weight:normal;
	margin-bottom: 10px;
}
#content #wity {
	width: 400px;
	height: 300px;
	background-repeat: no-repeat;
	color: #000000;
	background-color: #FFFFFF;
	position: relative;
}

#title {
	height: 25px;
	padding-bottom: 5px;
	width: 370px;
	margin-left: 10px;
	margin-top: 10px;
}
#title #left {
	float: left;
	width: 250px;
}

#title h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	color: #1C4879;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #98BFE8;
	padding-bottom: 3px;
}

#retangle {
	width: 98%;
	border: 1px solid #999999;
	margin: 5px;
	height: 98%;
}

/*MENU HORIZONTAL*/




/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_nine */

.pro9 {
	list-style:none;
	height:40px;
	position:relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-variant: normal;
}
.pro9 li {
	float:right;
	margin-top: 30px;
}
.pro9 li a {
	display:block;
	float:left;
	height:20px;
	line-height:19px;
	color:#999999;
	text-decoration:none;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-left: 10px;
	background-repeat: no-repeat;
	margin-right: 15px;
}

.pro9 li a b {
	float:left;
	display:block;
	padding:0 12px 0 0;
	background-position: right top;
}
.pro9 .line {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-left: 10px;
}

.pro9 li.current a {color:#fff; background:url(../img/pro_nine_2a.gif) no-repeat;}
.pro9 li.current a b {background:url(../img/pro_nine_2.gif) right top;}
.pro9 li a:hover {
	color:#000000;
	background-repeat: no-repeat;
}
.pro9 li a:hover b {
	background-position: right top;
}
.pro9 li.current a:hover {color:#fff; background:url(../img/pro_nine_2a.gif) no-repeat; cursor:default;}
.pro9 li.current a:hover b {background:url(../img/pro_nine_2.gif) right top;}


/*navigation wines*/

#nav {
	height:118px;
	width:92%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#nav ul {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#nav li {
	border-right:1px solid #ddd;
	float:left;
	padding-left:1px;
	width:120px;
	list-style-type:none;
	text-align:center;
}

#nav a {
	color:#333333;
	display:block;
	padding:5px;
	position:relative;
	word-spacing:-2px;
	font-size:11px;
	height:105px;
	text-decoration:none;
}	

#nav a.current {
	background:url(http://static.flowplayer.org/tools/img/tabs/down_large.jpg);	
}

#nav img {
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;
	display:block;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

#nav strong {
	display:block;
	font-size:12px;
}
.subtitulo {
	font-size: 12px;
}
.scroll  img {
	padding-right: 5px;
	padding-bottom: 2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#page-body #background-img a {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#light {
	float: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin-right: 6px;
}

#light a{
	text-decoration: none;
}
#light img {
	border: 4px solid #CCCCCC;
	padding: 0px;
}


#light2 {
	float: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin-right: 6px;
}

#light2 a{
	text-decoration: none;
}
#light2 img {
	border: 4px solid #CCCCCC;
	padding: 0px;
}


#light3 {
	float: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin-right: 6px;
}

#light3 a{
	text-decoration: none;
}
#light3 img {
	border: 4px solid #CCCCCC;
	padding: 0px;
}



#light4 {
	float: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin-right: 6px;
}

#light4 a{
	text-decoration: none;
}
#light4 img {
	border: 4px solid #CCCCCC;
	padding: 0px;
}


#light5 {
	float: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin-right: 6px;
}

#light5 a{
	text-decoration: none;
}
#light5 img {
	border: 4px solid #CCCCCC;
	padding: 0px;
}
#light6 {
	float: left;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin-right: 0px;
}
#light6 a {
	text-decoration: none;
}
#light6 img {
	border: 4px solid #CCCCCC;
	padding: 0px;
}




#text {
	margin-top: 10px;
	width: 380px;
	padding: 2px;
	height: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#text p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
#wrapa {
	margin-right: auto;
	margin-left: auto;
	width: 760px;
	
/*boton mas info*/
	
}
#bo  

 {

}
#bo li {
	list-style:none;
	text-align:center;
	float:left; /* Remove this float if you want a vertical menu */
}
#bo li a {
	height:14px;
	display:block;
	background-image:url(../img/button.gif);
	background-position:left;
	text-decoration:none;
	color:#fff;
	padding-top: 2px;
	padding-bottom: 2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-right: 6px;
	padding-left: 6px;
}

#bo li a:hover {
	background-position:center;
}

#bo li a:active {
	background-position:right;
}
#menu #datosmr {
	margin-top: 20px;
	height: 80px;
}
.tec {
	margin-top: 4px;
	width: 175px;
	float: right;
	text-align: right;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 12px;
	color: #666666;
	font-size: 9px;
}


.titt {
	text-align: right;
	width: 128px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	float: right;
	margin-right: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 1px;
	font-style: normal;
	margin-top: 10px;
	color: #999999;
}
.titt_lar {
	text-align: right;
	width: 128px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	float: right;
	margin-right: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 1px;
	font-style: normal;
	margin-top: 3px;
	color: #999999;
}

#contmenu {
	width: 235px;
	height: 500px;
}
#bloqconta {
	position: absolute;
	width: 188px;
	background-color: #FFFFFF;
	top: 348px;
	border: 1px solid #FFFFFF;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	z-index: 20000;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 95px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 31px;
	padding-left: 7px;
	padding-right: 0px;
	background-image: url(../img/bloqconta.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#bloqconta_lar {
	position: absolute;
	width: 188px;
	background-color: #FFFFFF;
	top: 348px;
	border: 1px solid #FFFFFF;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	z-index: 20000;
	padding-top: 30px;
	padding-bottom: 0px;
	height: 91px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 31px;
	padding-left: 7px;
	padding-right: 0px;
	background-image: url(../img/bloqconta_lar.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#bloqdesarrollo {
	width: 219px;
	top: 468px;
	border: 1px solid #FFFFFF;
	opacity: 0.9;
	-moz-opacity:0.9;
	padding-top: 2px;
	padding-bottom: 0px;
	height: 15px;
	padding-left: 2px;
	padding-right: 0px;
	left: 779px;
	margin: 0px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	float: left;
}
.bgCopy {
	left:0;
	position:absolute;
	top:0;
	_width:1600px;     /* Internet Explorer 6 y versiones anteriores */



_height::1200px;     /* Internet Explorer 6 y versiones anteriores */ 
	z-index:1000;
	float: left;
	width: 100%;
}
.bgCopy2 {
	position:absolute;
	top:0;
	_width:1600px;     /* Internet Explorer 6 y versiones anteriores */



_height::1200px;     /* Internet Explorer 6 y versiones anteriores */ 
	z-index:1000;
	float: right;
	right: 0px;
	width: 100%;
}

/* BOTONES SECUNDARIOS */ 

a#rollobot{ background-image:url(../img/button-ficha.png); height: 20px; width:110px; display:block; }
a#rollobot span { display:none; }
a#rollobot:hover { background-image:url(../img/button-fichah.png); }


a#rollobot2{ background-image:url(../img/button-varietal.png); height: 20px; width:110px; display:block; margin-left: 111px; }
a#rollobot2 span { display:none; }
a#rollobot2:hover { background-image:url(../img/button-varietalh.png); }

a#rollobot3{
	background-image:url(../img/button-pdf.png);
	height: 20px;
	width:110px;
	display:block;
	margin-left: 111px;
}
a#rollobot3 span { display:none; }
a#rollobot3:hover { background-image:url(../img/button-pdfh.png); }



a#rollobot4{
	background-image:url(../img/button-masinfo.png);
	height: 20px;
	width:110px;
	display:block;
	margin-left: 111px;
}
a#rollobot4 span { display:none; }
a#rollobot4:hover { background-image:url(../img/button-masinfoh.png); }