/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#ccc url(images/header_tall3.gif) top repeat-x;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Tahoma;
		font-size:0.75em;
		line-height:1.417em;
		color:#638090;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#638090; text-decoration:none}
a:hover{text-decoration:none;}
p {padding:17px 0 0 0;}

/* ============================= main layout ====================== */

#footer_bg {background:url(images/footer_tall.gif) bottom repeat-x;}
.more {background:url(images/more_bg.gif) no-repeat 0 6px; padding-left:13px; color:#8aa5ba;}

h1 {background:url(images/logo.jpg) top left no-repeat; text-indent:-10000px; height:60px; line-height:1.25em; font-size:0.75em;}


li { background:url(images/list_bg.gif) no-repeat 0 11px; color:#d9e8c3; font-weight:bold; font-family:arial;}
li a {color:#60b6d5; line-height:2.5em; font-weight:normal;}

.imgindent {margin:0 20px 0 0; float:left;}

.box {  width:705px; margin-top:23px;}
.box p {padding:5px 0 10px 0; text-indent:20px;}
.box a {color:#aec4d4;}

.box2 {background:url(images/box2_bg.jpg) top left no-repeat;}

.title {font-family:georgia; color:#FFFFFF; font-size:1.667em; line-height:1.2em; }
.title2 {color:#fff; font-size:1.3em; line-height:1.3em; font-family:arial; color:#ccc; font-weight:bold;}

.blue {color:#60b6d5;}

/* ============================= header ====================== */


#menu {padding:17px 0 0 94px;}
#menu li {width:114px; text-align:center; float:left; padding:11px 0 21px 0;}
#menu .side {width:129px;}
#menu li a {color:#ffffff; text-decoration:none; font-family:tahoma; line-height:1.5em;}
#menu li a:hover {text-decoration:underline;}
#menu .b1 {background:url(images/b1.jpg) top left no-repeat;}
#menu .b2 {background:url(images/b2.jpg) top left no-repeat;}
#menu .b3 {background:url(images/b3.jpg) top left no-repeat;}
#menu .b4 {background:url(images/b4.jpg) top left no-repeat;}
#menu .b5 {background:url(images/b5.jpg) top left no-repeat;}

/* ============================= middle ====================== */

#middle { width:100%;}

/* ============================= footer ====================== */

#footer .left {padding:32px 0 0 0;}
#footer .right {padding:31px 0 0 0;}
#footer span {background:url(images/footer_h.gif) no-repeat 0 3px; padding-left:20px;}
#footer a {color:#7494a8;}
#footer .cols { width:700px; margin:auto}

/* ============================= index ============================= */

#index #middle .indent {padding:0 35px; }
#index .indent2 {padding:8px 0 0 4px;}

#index .box .padding {padding:2px 41px 50px 52px; color:#ccc;}
#index .box .imgindent {margin:0 20px 0 0;}

#index .box2 .padding {padding:23px 20px 17px 25px; background:url(images/line1.gif) bottom left no-repeat;}
#index .box2 .content1 {padding:30px 0 0 47px;}
#index .box2 .imgindent {margin:0 10px 0 0;}

#index .content {padding:24px 0 0 0px;}
#index .colspad {padding:22px 0 20px 0;}
#index .col1 ul {margin:0 0 0 3px;}
#index .col2 ul {margin:0 0 0 33px;}

/* ============================= index-1 =========================== */


/* ============================= index-2 =========================== */

#index_2 #middle .indent {padding:0 86px 43px 106px;}
#index_2 .indent2 {padding:8px 0 0 4px;}

#index_2 .box .padding {padding:68px 41px 50px 52px; color:#98b0c2;}
#index_2 .box .imgindent {margin:0 33px 0 0;}

#index_2 .box2 {padding:23px 30px 8px 25px;}
#index_2 .box2 .padding {padding:25px 0 0 28px;}
#index_2 .box2 .content1 {padding:0 0 29px 20px; background:url(images/3-line1.gif) bottom left no-repeat;}
#index_2 .box2 .imgindent {margin:0 42px 0 0;}
#index_2 .box2 p {padding:5px 0 0 0;}
#index_2 .box2 .p {padding:14px 0 0 0;}
#index_2 .box2 .content2 {padding:30px 0 10px 20px;}


/* ============================= index-3 =========================== */

#index_3 #middle .indent {padding:0 86px 43px 106px;}
#index_3 .indent2 {padding:8px 0 0 4px;}

#index_3 .box .padding {padding:68px 41px 50px 52px; color:#98b0c2;}
#index_3 .box .imgindent {margin:0 37px 0 0;}

#index_3 .box2 .padding {padding:23px 30px 17px 25px; background:url(images/line1.gif) bottom left no-repeat;}
#index_3 .box2 .content1 {padding:30px 0 0 30px;}
#index_3 .box2 .imgindent {margin:0 34px 0 0;}

#index_3 .content {padding:24px 0 0 25px;}
#index_3 .colspad {padding:22px 0 0 0;}
#index_3 .col1 ul {margin:0 0 0 3px;}
#index_3 .col2 ul {margin:0 0 0 33px;}


/* ============================= index-4 =========================== */

#index_4 #middle .indent {padding:0 86px 48px 106px;}
#index_4 .indent2 {padding:8px 0 0 4px;}

#index_4 .box .padding {padding:68px 41px 50px 52px; color:#98b0c2;}
#index_4 .box .imgindent {margin:0 34px 0 0;}
#index_4 .box p {padding:6px 0 0 0;}

#index_4 .box2 .padding {padding:23px 20px 29px 25px; background:url(images/line1.gif) bottom left no-repeat;}
#index_4 .box2 .content1 {padding:30px 0 0 2px;}

#index_4 .content {padding:24px 0 0 25px;}
#index_4 #form {padding:30px 0 0 0;}
#index_4 #form .cols {height:77px;}


form .rowi {height:30px;}

.input {width:227px; height:21px; padding:0 0 0 5px; font-size:1em;}
textarea {width:227px; height:51px; padding:0 0 0 5px; overflow:auto; font-size:1em;}
form .div {text-align:right; padding:8px 3px 0 0;}

/* ============================= index-5 =========================== */
#index_5 #header .flash {position:absolute; z-index:1;}
#index_5 #middle .indent {padding:2px 86px 43px 110px;}
#index_5 .extra {z-index:2; position:absolute;}

#index_5 .box2 {background:url(images/6-box2.jpg) top left no-repeat;}
#index_5 .box2 .padding {padding:23px 29px 12px 25px;}
#index_5 .box2 .content1 {padding:54px 0 0 2px;}
#index_5 .box2 strong {color:#b4c8d7;}
#index_5 .box2 a {color:#60b6d5;}

.box_top { background:url(images/box_top.png) no-repeat; width:705px; height:40px; position:absolute}
.box_ct { background:url(images/box_ct.png) repeat-y;  width:705px; height:auto; top:40px; clear:both}
.box_ft { background:url(images/box_ft.png) no-repeat; width:705px; height:14px; clear:both}


.wine_name { font-size:12px; color:#CCCCCC; font-weight:bold}
.wine_desc { font-size:11px; color:#98b0c2}
.wine_price { font-size:11px; color:#98b0c2}
.padding h2 { font-size:16px; padding:0 0 10px 0;}



.background { background:url(images/background2.jpg) no-repeat; width:682px; margin-left:7px;height:751px; position:relative; margin-top:-28px}

#caja,#caja2,#caja3,#caja4,#caja5,#caja6 {display:none;}
#mostrar,#mostrar2,#mostrar3,#mostrar4,#mostrar5,#mostrar6 {display:block; float:left;}
	
.rev { /*background:url(images/caja2.png) no-repeat;*/ width:237px; height:50px; margin:auto; text-align:center}
.rev p { padding:3px 0 0 0; float:none; text-align:center; width:100%; font-size:18px;  line-height:2.8em; font-family:"Stencil Std";}
.rev a { color:#fff; text-decoration:none; float:none; width:95%; margin-left:3px;}	

.rev_indoor { /*background:url(images/caja2.png) no-repeat;*/ width:237px; height:40px; margin:auto; text-align:center}
.rev_indoor p { padding:3px 0 0 0; float:none; text-align:center; width:100%; font-size:18px;  line-height:2.8em; font-family:"Stencil Std";}
.rev_indoor a { color:#fff; text-decoration:none; float:none; width:99%; margin-left:3px;}	


#container-4 ul li { background:url(images/button.png) no-repeat; width:99px; height:41px; padding-top:3px;}