/* CSS Document */

/* Comprá + Vino agradece tu visita a su hoja de estilos... Para hacer tu pedido de vinos vuelva a nuestra página principal */


body {
margin: 0 auto;
padding: 0;
background: #343433;
}


#proximamente {
margin: 0 auto;
padding: 0;
/*width: 801px;
height: 534px;*/
}
#proximamente h1 {
margin: 0 auto;
padding: 200px 0 0 0;
font-family: "AvantGarde Bk BT";
color: #FFFFFF;
font-size: 3.5em;
font-weight: bold;
text-align: center;
}
#proximamente h2 {
margin: 0 auto;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
color: #350000;
font-size: 1.2em;
font-weight: bold;
text-align: center;

}

#proximamente h3 {
margin: 0 auto;
padding: 0;
margin-top: 50px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #350000;
font-size: 1.2em;
font-weight: bold;
text-align: center;
width: 600px;
line-height: 2em;

}

#proximamente p {
margin: 0 auto;
color: #FFFFFF;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 1.1em;
padding: 200px 0 0 650px;

}


#box {
margin: 0 auto;
padding: 0;
width: 900px;
background: url(imagenes/box.jpg) repeat-y #343433;
}
#box-secundario {
margin: 0 auto;
padding: 0;
width: 900px;
background: url(imagenes/box-secundario.jpg) repeat-y #343433;
}


#header {
margin: 0 auto;
padding: 0;
width: 900px;
height: 370px;
}

#contenido {
margin: 0 auto;
padding: 0;
width: 900px;
font-family: "Trebuchet MS", Arial, sans-serif;
padding-top: 25px;
}

#principal {
margin: 0;
padding: 0;
width: 600px;
float: left;
clear: both;
padding-left: 40px;
}

#principal h2 {
margin: 0;
width: 85%;
color: #660000;
font-size: 1.3em;
padding: 3px 0 3px 25px;
border-bottom: 1px #990000 solid;
border-top: 1px #990000 solid;
background: url(imagenes/mas.jpg) left no-repeat;

}

.etiqueta {
margin: 0 auto;
padding: 0;
width: 185px;
height: auto;
background: #FFFFFF;
border: 1px solid #000000;
margin-left: 25px;
padding: 10px;
}

.etiqueta-secundario img{
margin: 0 auto;
padding: 0;
background: transparent;
float: left;
border: 1px #000 solid;;
}

.vinos {
margin: 0 auto;
padding: 0;
margin: 5px;
padding: 5px;
width: 90%;
border: 1px solid  #804000;
background: #bdad73;
margin-bottom: 30px;
}
.datos-izq {
margin: 0 auto;
padding: 0;
margin-left: 110px;
padding-bottom: 5px;
}
.datos-izq h3{
margin: 0;
padding: 2px 0 2px 0;
text-align: center;
background-color: #731818;
color: #FFFFFF;
}
.datos-izq p{
margin: 0;
padding:0;
border-bottom: 1px  #731818 solid;
}
.datos{
margin: 0 auto;
padding: 0;
margin-left: 5px;
padding-bottom: 5px;
}
.datos h3{
margin: 0;
padding: 2px 0 2px 0;
text-align: center;
background-color: #731818;
color: #FFFFFF;
}
.datos p{
margin: 0;
padding:0;
text-align:center;

}


.datos-der h3 {
margin: 0;
padding: 2px 10px 2px 0;
text-align: right;
font-size: 1.1em;
background-color: #7d8c9e;
color: #FFFFFF;
}
.datos-der h3 a{
color: #FFFFFF;
}
#cont-izq {
width: 50%;
float: left;
}
#cont-der {
width: 45%;
float: right;
padding-right: 15px;
}
#cont-der h3 {
margin: 0;
width: 95%;
padding: 5px 0 5px 5px;
/*background-color: #996600;*/
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
border-bottom: #FFCC00 1px solid;
font-style: italic;
text-transform: capitalize;

}
#cont-der p, #cont-der li {
font-size: 1em;
list-style: none;
font-family: "Trebuchet MS", Arial, sans-serif;
}

#cont-der li a {
color: #000000;
text-decoration: none;
}
#cont-der li a:hover {
color: #FFFFD7;
font-style:italic;
}

#cont-secundario {
width: 100%;
}

#cont-secundario h1 {
margin: 0;
margin-bottom: 15px;
text-align: center;
border-top: 4px #ff0000 solid;
border-bottom: 4px #ffcc00 solid;
width:95%;
}

#cont-secundario h2{
text-align: center;
width: 90%;
font-family: Georgia, "Times New Roman", Times, serif;
color: #000000;
background: none;
margin-bottom: 15px;
font-size: 1.2em;
}
#cont-secundario h4{

font-family: "Trebuchet MS", Verdana;
color: #000000;
background: none;
margin-bottom: 15px;
font-size: 1.1em;
}


#cont-secundario p{
padding-left: 25px;
width: 90%;
font-family: "Trebuchet MS", Verdana;
color: #000000;
background: none;


}


#navegacion {
margin: 0;
padding: 0;
width: 205px;
float: right;
padding-right: 40px;
}

#navegacion ul {
margin: 0 auto;
padding: 0;
}
#navegacion li {
margin: 0;
padding: 0;
list-style: none;
padding: 30px 0 30px 0;
text-align: center;
height: 90px;
margin: 3px 0 3px 0;
border: 1px  #FFFFFF solid;
}
#navegacion li a{
margin: 0;
padding: 0;
text-decoration: none;
color: #FFFFFF;
font-size: 2.2em;
}
#navegacion li a:hover{
color: #000000;
}

#navegacion-secundario {
margin: 0;
padding: 0;
width: 205px;
float: right;
padding-right: 40px;
}

#navegacion-secundario ul {
margin: 0 auto;
padding: 0;
}
#navegacion-secundario li {
margin: 0;
padding: 0;
list-style: none;
padding: 10px 0 10px 0;
text-align: center;
height: 55px;
}
#navegacion-secundario li a{
margin: 0;
padding: 0;
text-decoration: none;
color: #FFFFFF;
font-size: 1.5em;
}
#navegacion-secundario li a:hover{
color: #000000;
}
ul.paginas {
margin: 0 auto;
padding: 0;
width: 550px;
text-align: center;
margin-left: 0px;
padding-top: 30px;
}

.paginas li{
display: inline;
font-size: 1.1em;
padding: 0 8px 0 8px;

}

.comprar {
background: #927c43;
}

.saber {
background: #731818;
}

.ranking {
background: #7d8c9e;
}

.club {
background: #bdad73;
}

#footer {
margin: 0 auto;
padding: 0;
height: 210px;
width: 900px;
background: url(imagenes/footer.jpg) no-repeat top #343433;
clear: both;
}
#footer-secundario {
margin: 0 auto;
padding: 0;
height: 210px;
width: 900px;
background: url(imagenes/footer-secundario.jpg) no-repeat top #343433;
clear: both;
}
#footer p,#footer-secundario p       {  font-family: Georgia, serif; color: #ccc;  letter-spacing: 1px; font-size: .7em; }
#footer a, #footer-secundario a      { border: 0; color: #4C92A4; text-decoration: none;}
#footer a:hover, #footer-secundario a:hover { color: #6bc; }

#copyright          { width: 100%; text-align: center }
.logo				{ font-family:"AvantGarde Bk BT", Arial, sans-serif; font-size:1em;  }
.mas				{font-size: 2.5em; font-weight: bold; color:#FF0000}
.enoteca {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.6em; color:#FFFFFF}
.ciudad {font-family: "Trebuchet MS", Arial, sans-serif; font-weight:bold; color: #4FA7FF; font-size:1.2em}

#footer h1 {
margin: 0 auto;
padding: 200px 0 0 0;
font-family: "AvantGarde Bk BT";
color: #FFFFFF;
font-size: 3.5em;
font-weight: bold;
text-align: left;
}
#footer h2 {
margin: 0 auto;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
color: #350000;
font-size: 1.2em;
font-weight: bold;
text-align: left;
}

#footer h3 {
margin: 0 auto;
padding: 0;
padding-top: 85px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #350000;
font-size: 1.2em;

text-align: left;
width: 850px;
line-height: 2em;
}


#menucito {
margin: 0 auto;
padding: 0;
}
#menucito p {
padding-top: 130px;
text-align: center;
font-size: .8em;
}
#menucito a {
color: #FFCC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menucito a:hover {
color: #FF6600;
}
#menucitoprin {
margin: 0 auto;
padding: 0;
}
#menucitoprin p {
border-top: solid 2px #660000;
padding-top: 20px;
text-align: center;
font-size: .8em;
}
#menucitoprin a {
color: #FFCC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menucitoprin a:hover {
color: #FF6600;
}



/* formulario*/
textarea {
    float:left;
    padding:0;
    height:180px;
    width:97%;
	background:transparent;
	border: 1px  #FF9900  double;
}
#cform {
    float:left;
    width:95%;
    margin:0 auto;
	font-family:  "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 1em;
}
fieldset div input {
    float:left;
    width:194px;
    /*padding:0.15em;*/
}
fieldset {
	padding: 0 10 20 0;
	padding: 10px;
	font-weight: normal;

}
legend {
font-size: 1.5em;
color: #666633;
padding-bottom: 10px;
}
html>body label {


}
input {
    width:97%;
	background: transparent;
	border: 1px  #FF9900 solid;
}
select {
    width:200px
}
/* formulario */

#comprar {
margin: 0 auto;
padding: 0;
width: 250px;
height: 80px;
}

/* efecto hover */
#comprar a {
	display: block;
	background-image: url(imagenes/comprar-vinos.png);
	background-repeat: no-repeat;
	padding-top: 130px;
	height: 0 !important;
	height /**/: 30px;
	overflow: hidden;
	font-size: .5em;
}
#comprar a:hover {
	display: block;
	background-image: url(imagenes/comprar-vinos-hover.png);
	background-repeat: no-repeat;
	padding-top: 130px;
	height: 0 !important;
	height /**/: 30px;
	overflow: hidden;
}
/* --------------------