/* CSS Document */

body {
	font:76% normal verdana,tahoma,arial,"sans serif";
	font-size:12px;
	/*color:#666666;*/
	/*text-align:center;*/
	background-image:url(img/backgroud.png) !important;
	*background-image:url(blank); 
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:#FFFFDA;
	}

#contenedor {
	width: 751px !important; 
	height: auto !important;
	height:450px; /* for IE5.x and IE6 */
	margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 

	}
#subContenedor {
	margin-left: 12px;
}

#bodyPopup {
	background-color:#FFF8F0;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
#encabezadoPopup {
	margin: 0px;
	padding: 0px;
	border-bottom:1px solid #333333;
	width: 350px; 
	height: 50px;
	background-image: url(img/encabezado_popup.jpg);
	}
#contenidoPopup {
	margin: 0px;
	padding-top: 0px;
	border:0px;
	width: 350px; 
	height: 400px
	}
#pieDePaginaPopup {
	margin: 0px;
	padding: 0px;
	border-top:1px solid #333333;
	width: 350px; 
	height: 50px;
	background-image: url(img/pieDePagina_popup.jpg);
	}

#encabezado { /*Ancho total: 751 (incluido margen, borde, padding y contenido)*/
	/*margin:0px;*/
	/*padding:1px;*/
	width:751px;
	height:140px;
	border-bottom:1px solid #333333;
	/*background-image: url(img/fondo-encabezado4.jpg);
	background-repeat: no-repeat;*/
	float: left;
	display: inline !important;
	}
#img_header {
	width:720;
	height:144px;
	}
#encabezado h1 {
	font-size:18px;
	font-weight:bold;
	width:224px;
	border-bottom:6px solid #FFFFFF;
	color:#FFFFFF;
	margin:0;
	text-transform:uppercase;
	text-align:center;
	padding-bottom:10px;
	}
	
#menu {
	/*margin:0px 0px auto 0px;*/
	/*border-top:1px solid #333333;
	border-bottom:1px solid #333333;*/
	/*width:751px;
	height:24px;*/
	/*background-color:#CC3300;
	float: left;*/
	}
#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
	}
#menu li {
	margin:0;
	float:left;
	}
#menu li a {
	display:block;
	/*background-color:#CC3300;*/
	color:#AA5407;
	width:auto;
	padding:4px 22px 5px 22px;
	text-decoration:none;
	}
#menu li a:hover {
	/*background-color:#999900;*/
	color:#D6A907;
	}

#contenido {
	width:731px;
	clear:both;
	padding:10px;

	/width:711px;	/*Para ieX.X ---- Porque sino se ve mas pegado*/
	/padding:20px;	/*Para ieX.X*/
	}
#contenido h2 {
	font-size:16px;
	color:#CC3300;
	width:246px;
	text-transform:uppercase;
	border-bottom:1px dotted #CC3300;
	}
#contenido h3 {
	width:246px;
	font-size:14px;
	color:#999900;
	border-bottom:1px dotted #999900;
	}

#footer {
	clear: both;
	/*width: 731px;*/
	padding: 1em 10px 10px;
	font-size: 0.85em;
	color:#000000;
}

#footer a {
	text-decoration: none;
	color: #AA5407;
}

#footer a:hover {
	color:#D6A907;
}

.clear {
	clear: both;
}

.img_small {
	border-width:thin;
	border-color:#999999;
}

/*	
#footer {
	clear: both;
	width:710px;
	text-align:right;
	padding:10px;
	font-size:80%;
	font-style:italic;
	color:#999999;
	}*/
	
	
/********************************************************************/	
/*					CSS PARA LAS BURBUJAS							*/
/********************************************************************/
#demo {	/*Aca seria el div .contenedor POR AHORA NO LO USO*/
 position:relative;
 margin:0px auto;
 _width:100%; /* IE 6 sucks. */
 max-width:1600px;
 
}

.dialog {
 position:relative;
 margin:1px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions */ /*ACA AJUSTO EL ANCHO DE TODO EL CONTENIDO*/
 color:#000;	/*COLOR DEL TEXTO DE TODA LA BURBUJA*/
 z-index:1;		/*Posición de apilamiento de la caja*/
 }

/***********IMAGENES DE BACKGROUND***************************************/
/*Al rectangulo se lo dividio en 6 partes: borde superior, pta sup izq, borde lateral izquierdo (sin ptas), pta inf izq, borde inferior y centro*/
/*Centro se repite, de esta manera no tengo que tener una img super larga para que entren todos los modelos. OJO: Si el fondo tiene algun degrade queda MAL*/

.dialog .content {
  background:transparent url(img/dialog2-blue-800x1600central.png) repeat top right !important;
  *background:transparent url(img/dialog2-blue-800x1600central.gif) repeat top right;
}

.dialog .t {
  background:transparent url(img/dialog2-blue-800x1600bordeLateral.png) repeat top right !important;
  *background:transparent url(img/dialog2-blue-800x1600bordeLateral.gif) repeat top right;
}

.dialog .a,
.dialog .b,
.dialog .a div,
.dialog .b div{
background-image:url(img/dialog2-blue-800x1600.png) !important;
*background-image:url(img/dialog2-blue-800x1600.gif);
background-color:transparent;
background-repeat:no-repeat;
}


/**************************************************/

.dialog .content {	/*ACA IRIA TODO EL CONTENIDO DE LA PAGINA, EL RESTO DE LOS DIV ES PARA ARMAR EL COSTADO IZQUIERDO*/
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;	/*top right bottom left */
}

/**************************************************/

.dialog .t {	/*Borde lateral izquierdo (no incluye ninguna punta)*/
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}
/************************************************/
.dialog .a {	/*borde superior*/
 /* top */
 position:relative;
 width:100%;
}

.dialog .a,
.dialog .a div {/*ALTO DEL BORDE SUPERIOR*/
 height:10px; /* height of top cap/shade */ /*ESTABA EN 30px*/
 font-size:1px;
}

.dialog .a {
 background-position:top right;
}

.dialog .a div {	/*Punta superior izquierda*/
 position:relative;
 width:12px; /* top corner width */
 margin-left:-12px;
 background-position:top left;
}
/*##########**********############*/
.dialog .b {	/*borde inferior*/
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {/*ALTO DEL BORDE INFERIOR*/
 height:15px; /* height of bottom cap/shade */ /*ESTABA EN 30px*/
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {	/*Punta inferior izquierda*/
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}
/**************************************************/

.dialog h1,
.dialog h2 {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 10px 1em 0px;
 margin-bottom: 10px;
}

.dialog p {
 /*margin:0px;*/ /* margins will blow out backgrounds, leaving whitespace. */
 /*padding:0.5em 10px 0.5em 0px;*/
 padding-right: 10px;
 margin-bottom: 0px;
}

.dialog #viñetas li {
	padding:0.5em 10px 0.5em 0px;
	line-height: 1.5;
	text-align: justify;
	#letter-spacing: 1px;
}
.texto {
	line-height: 1.5;
	text-indent: 20px;
	text-align: justify;
	#letter-spacing: 1px;
}

.txtnegro-bold {
	COLOR: #301c10;
	FONT-WEIGHT: bold;
}

.dialog h2,
.dialog h1 {
 padding-bottom:0px;
}

/**************************************************/

/*********************FIN CSS BURBUJAS*************************/
	
/***************CONTACTO**************/
.column-ab-a {
	float: left;
	width: 380px;
}

.column-ab-b {
	width: 285px;
	margin-left: 410px;
}

div.highlight {
	background-color: #000;
	padding: 2px;
	margin-bottom: 1.5em;
}

div.highlight .frame {
	border: 3px double #000;
	background-color: white;
	padding: 1.2em;
}

/* =FORMS
----------------------------------------------- */

form {
	margin: 0;
}

form p {
	margin: 0.3em 0;
}

fieldset {
	margin-bottom: 1em;
	padding: 1em;
	border: 1px solid #666666;
}

.column-ab-b fieldset {
	padding: 1em 0 0;
	border: none;
}

legend {
	margin: 0;
	text-transform: uppercase;
}

label {
	display: block;
}

label span.comment {
	font-size: 0.85em;
	color: #666;
}

textarea {
	font-size: 1em;
}

input, textarea {
	width: 98%;
}

optgroup {
	font-style: normal;
}

#my-account input {
	width: 50%;
}

.inline label, .inline input {
	display: inline !important;
	width: auto !important;
}

button {
	background-color: #333333;
	border: 3px double white !important;
	border-color: #900;
	color: white;
	text-transform: uppercase;
	padding: 0.1em 0.5em !important;
	padding: 0;
}

.select-multiple {
	overflow: hidden;
}

.select-multiple .multiple {
	float: left;
	width: 43%;
	height: 20em;
}

.select-multiple div {
	float: left;
	width: 13%;
	text-align: center;
	margin-top: 8em;
}

.select-multiple a {
	margin: 3em 0;
	text-decoration: none;
	color: #000 !important;
}

#home form.search {
	margin-top: 0 !important;
	padding: 0;
	border: 0;
}

#home form.search input {
	width: 60% !important;
}

#home form.search button {
	width: 10.3em;
}

form#mi-cuenta-alta-1 button {
	width: 23em;
}

form.search {
	clear: both;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 0.5em 0;
	margin: 2em 0;
}

form.search p {
	margin: 0.8em 0;
}

form.search input {
	font-size: 12pt;
}

form.search button {
	position: relative;
	top: 3px;
}