@charset "utf-8";
/* Reset */

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code,
em, font, img, 
small, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html {
scrollbar-face-color: #8AB200;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color:#53670D;
scrollbar-darkshadow-color: #53670D;
scrollbar-track-color: #D4E597;
scrollbar-arrow-color: #53670D;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}



/* ---- MAIN STYLES ---- */

body {
background: url('images/body_bg.png');
/* font-family: "Arial Narrow", Arial, Helvetica, sans-serif; 
font-size: 18px;
font-weight: normal;
line-height: 23px; */
}

a {
color: #2777d6;
}

a:hover {
text-decoration: none;
}

p {
letter-spacing: -0.002em;
}

h3 {
font-weight: normal;
}



/* ---- CONTENT ---- */

#mainContainer {
margin: auto;
position: relative;
width: 760px;
}

#mainFrame {
width: 760px;
}

div#preloadd { display: none; }

/* ---- HEADER ---- */

#header {
background: url('images/header_bg.png') no-repeat;
background-size: 760px 95px;
height: 80px; /* antes 106 */
position: relative;
text-indent: -9999px;
top: 0px; /* antes era 25 */
width: 760px;
}

#logo {
background: url('images/logo.png') no-repeat;
display: block;
height: 65px;
width: 400px;
position: absolute;
top: 8px;
left: 25px;
}

#info {
background: url('images/info.png') no-repeat;
display: block;
position: absolute;
right: 55px;
top: 8px;
height: 66px;
width: 243px;
}

/*#info:hover {
	background: url('images/info_hover.png') no-repeat;
} 
Saco esto porque sino desaparecen nuestros datos */


#mapacontacto {
background: url('images/main_header_mapacontacto.png') no-repeat;
display: block;
position: absolute;
right: 26px;
top: 8px;
height: 66px;
width: 26px;
}


#english {
height: 18px;
background: url('images/buttonEnglish.png') no-repeat;
position: absolute;
right: 222px; 
top: 101px;
width: 71px;
}

#english:hover {
background: url('images/buttonEnglish_hover.png') no-repeat;
}

#idiomas {
height: 18px;
width: 180px;
position: absolute;
right: 28px;
top: 100px;
}

#spanish {
height: 16px;
background: url('images/buttonSpanish.png') no-repeat;
position: absolute;
right: 28px;
top: 102px;
width: 143px;
}

#spanish:hover {
background: url('images/buttonSpanish_hover.png') no-repeat;
}

#boton_pagar {
	position: absolute;
	top: 4px;
	left: 641px;
}

#boton_hacer_pedido {
	position: absolute;
	top: 4px;
	left: 440px;

}

#pagos {
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
background: #EAF3F7;
	}

/* ---- MENU 4 colores---- */

#menu {
background: url('images/menu_bg.png') no-repeat;
height: 47px;
position: absolute;
top: 151px;
text-indent: -9999px;
width: 760px;
}

#menu a {
display: block;
height: 47px;
position: absolute;
top: 0px;
width: 191px;
}

#menu ul {
position: relative;
}

#menu li {
float: left;
}

.menu_Inicio {
background: url('images/menuInicio.png') no-repeat;
}

.menu_Inicio:hover {
background: url('images/menuInicio_hover.png') no-repeat;
}

.menu_Productos {
background: url('images/menuProductos.png');
left: 178px;
}

.menu_Productos:hover {
background: url('images/menuProductos_hover.png') no-repeat;
}

.menu_Precios {
background: url('images/menuPrecios.png');
left: 355px;
}

.menu_Precios:hover {
background: url('images/menuPrecios_hover.png') no-repeat;
}
/*
.menu_Presupuestos {
background: url('images/menuPresupuestos.png');
left: 512px;
width: 227px !important;
}

.menu_Presupuestos:hover {
background: url('images/menuPresupuestos_hover.png') no-repeat;
}
*/

.menu_Contactenos {
background: url('images/menuContactenos.png');
left: 525px;
width: 227px !important;
}

.menu_Contactenos:hover {
background: url('images/menuContactenos_hover.png') no-repeat;
}



/* ------| HOME |------ */

#Social {
/*	margin: auto; 
	margin-top: -12px; 
	margin-left: 250px;
	position: relative; 
	vertical-align:text-top; */
}

#outerFrame { /* aparentemente pone la esquina redondeada abajo de todo en el fondo. Y quizas define el margen blanco */
background: url('images/frameFoot.png') no-repeat;
background-position: bottom;
margin: auto;
margin-bottom: 50px;
margin-top: 0px; /* antes era 71 */
padding-bottom: 19px;
position: relative;
} 

#contentFrame { /* Fondo de todas las paginas */
background: white;
padding-bottom: 10px;
}

#contentFrame h2 { /* Barra de color debajo de las pestañas. No tocar */
height: 42px;
text-indent: -9999px;
}



/* Solo de la Principal */
/*
#framePromos {
height: 142px;
background: url('images/framePromos.jpg') no-repeat;
margin: auto;
margin-top: 22px;
position: relative;
width: 708px;
}

#botonVerPromos {
bottom: 7px;
right: 15px;
position: absolute;
}

#marqueePromo1 {
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 16px;
left: 13px;
letter-spacing: -0.002em;
position: absolute;
text-align: center;
top: 46px;
}

#marqueePromo2 {
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 16px;
left: 13px;
letter-spacing: -0.002em;
position: absolute;
text-align: center;
top: 83px;
}


#frameHomeCTA {
background: url('images/frameHomeCTA.jpg') no-repeat;
height: 545px;
margin: auto;
margin-top: 18px;
position: relative;
width: 708px;
}

#HomeBadge {
left: 30px;
position: absolute;
top: 34px;
}

#siteDesc {
font-size: 18px;
left: 271px;
position: absolute;
top: 16px;
width: 430px;
} 
*/

/*
#frameHomeCTA > a {
display: block;
float: left;
height: 202px;
left: 6px;
margin: 2px;
margin-top: 275px;
text-indent: -9999px;
position: relative;
width: 228px;
}


#frameHomeCTA a[href="productos.php"] {
background: url('images/buttonCTAProductos.png') no-repeat;
}

#frameHomeCTA a[href="productos.php"]:hover {
background: url('images/buttonCTAProductos_hover.png') no-repeat;
}

#frameHomeCTA a[href="presupuestos.php"] {
background: url('images/buttonCTAPresupuesto.png') no-repeat;
}

#frameHomeCTA a[href="presupuestos.php"]:hover {
background: url('images/buttonCTAPresupuesto_hover.png') no-repeat;
}

#frameHomeCTA a[href="contactenos.php"] {
background: url('images/buttonCTAContactenos.png') no-repeat;
}

#frameHomeCTA a[href="contactenos.php"]:hover {
background: url('images/buttonCTAContactenos_hover.png') no-repeat;
}
*/





/* Esto es para la parte de Precios +IVA pero la tabla desaparece al hacer cambiar de producto */
/* El Important hace que todos los parametros anteriores en cascada sean ignorados, y sobrevalese por sobre todas */
.aclaraciones {
	font-size: 12px !important; 
	color:#34484E !important;
	font-family: “Trebuchet MS”, Arial !important;
	font-weight:bold !important;
	text-align: left !important;
	visibility:visible !important;
}

.aclaraciones td {
	vertical-align:middle !important;
	border: 1px solid black !important;
	width: 230px !important;
    background-color:#e2ebef !important;
}

.aclaraciones table {
	top:5px;
    background-color:#e2ebef !important;
	border-spacing:0px !important;
 	}

.aclaraciones th {
	height:1px !important;
    background-color: #080763 !important;
}


.ac_iva::after {
	content: " "url(images/icono_iva.png) " Todos nuestros precios son +IVA";
	}

.ac_senia::after {
	content: " "url(images/icono_senia.png) " Seña: 70% por anticipado";
	}

.ac_pago::before {
	content: " "url(images/icono_pago.png) " ";
	}

.ac_modificaciones::after {
	content: " "url(images/icono_atencion.png) " Precios estan sujetos a modificaciones";
	}

.ac_disenio::after {
	content: " "url(images/icono_disenio.png) " El precio no incluye diseño";
	}

.ac_atencion::before {
	content: " "url(images/icono_atencion.png) " ";
	}



.ac_demora::before {
	content: " "url(images/icono_demora.png) " ";
	}

.ac_fullcolor::after {
	content: " "url(images/icono_fullcolor.png) " A todo color, sin colores especiales";
	}

.ac_laser::after {
	content: " "url(images/icono_laser.png) " Impresion Laser Digital economica";
	}

.ac_offset::after {
	content: " "url(images/icono_offset.png) " Impresion Offset tradicional";
	}

.ac_medida::before {
	content: " "url(images/icono_medida.png) " ";
	}

.ac_plenos::after {
	content: " "url(images/icono_plenos.png) " Incluye fondos plenos y grisados";
	}

.ac_noplenos::after {
	content: " "url(images/icono_no_plenos.png) " No incluye plenos";
	}

.ac_laminado::before {
	content: " "url(images/icono_laminado.png) " ";
	}

.ac_papel::before {
	content: " "url(images/icono_papel.png) " ";
	}

.ac_porcolor::after {
	content: " "url(images/icono_por_color.png) " Precio por cada color";
	}

.ac_puntasrectas::after {
	content: " "url(images/icono_puntas_rectas.png) " Esquinas rectas";
	}

.ac_puntasredondas::after {
	content: " "url(images/icono_puntas_redondas.png) " Esquinas redondeadas";
	}

.ac_sinlaminado::after {
	content: " "url(images/icono_sin_laminado.png) " No incluye laminado";
	}

.ac_tintanegra::after {
	content: " "url(images/icono_tinta_negra.png) " Tinta negra o gris";
	}

.ac_unmodelo::after {
	content: " "url(images/icono_un_modelo.png) " Precio por modelo";
	}

.ac_variosmodelos::after {
	content: " "url(images/icono_varios_modelos.png) " Mas de un modelo: 20% de recargo";
	}


.precios_mas_iva::after {
	content: "Precios +IVA";	
	font-size: 12px !important; 
	color:#34484E !important;
	font-family: “Trebuchet MS”, Arial !important;
	font-weight:bold !important;
	text-align:center !important;
	vertical-align:text-top !important;
	visibility:visible !important;

	}

/*
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-right-style: solid !important;
	border-bottom-style: solid !important;
	border-right-color: #A4C4D0 !important;
	border-bottom-color: #A4C4D0 !important;
*/


/* 
#CTAFooter {
bottom: 5px;
font-weight: bold;
position: absolute;
right: 20px;
}

#Footer p {
	font-family: “Trebuchet MS”, Arial;
	font-size: 9px;
	text-align: center;
	visibility:visible;
}

#banner_izq { 
position: absolute;
left: -121px;
top: 280px;
}

#banner_der { 
position: absolute;
left: 760px;
top: 280px;
}
*/

/*
#portadas {
position: absolute;
left: 26px;
top: 413px;
z-index :1;
}
*/



/* Precios */

#Precios {
font-size: 18px;
position: relative;
top: 0px; /* 20 */
text-indent: 0px;
}


#Precios td:hover {
	background-color:#CF6
}

#Precios table {
	background-color: #e2ebef;
}

#Precios td {
	background-color: #e2ebef;
}

/* La tabla de fondo no hace falta que se resalte
#contenedor_menu td:hover {
	background-color:#CF6
}
*/

/*
#contenedor_menu table {
	background-color: #e2ebef;
}  Para que la tabla de abajo tambien tenga fondo y no sea transparente 
Pero tapa las imagenes de fondo
*/

#contenedor_menu p {
	text-indent:10px;
	margin-left:10px;
}


/* El h7 es para poner los botones verdes del menu de productos
*/
#contenedor_menu h7 {
background: url('images/main_productos_normal.png') no-repeat;
float: left;
height: 25px;
margin: 1px;
margin-bottom: 1px;
text-indent: -9999px;
position: relative;
width: 170px;
}

#contenedor_menu h7:hover {
background: url('images/main_productos_hover.png') no-repeat;	
}

#contenedor_menu h7 img {
position: absolute;
left: 0px;
}

/* No funciona en combinacion con la funcion mostrar(que)
.Menu_productos_titulos {
	font-family: Verdana, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;
	font-size: 15px;
	font-weight:normal;
	color: #FFFFFF;
	text-shadow: 
	 -1px -2px 3px #000000,
 	 -1px 2px 3px #000000,
 	 1px -2px 3px #000000,
 	 1px 2px 3px #000000;
	 height:25px;
}
*/


#framePrecios {
background: url('images/frameProdItems.jpg') no-repeat;
height: 860px;
margin: auto;
margin-top: 2px; /*antes era 28 */
position: relative;
width: 708px;
}

#framePrecios table {
font-family: “Trebuchet MS”, Arial;
font-size: 16px;
font-weight:bold;
text-align: center;
color: #34484E;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #A4C4D0;
border-bottom-color: #A4C4D0;
}

/*esto estaba en Table, pero el fondo entonces quedaba arriba de todo de la tabla, porque la imagen media poco. 
La idea es que quede la imagen de fondo en cada celda.
La puse así con el td y quedó la imagen en cada celda, como quería, pero así no se ve el resaltado en verde claro al pasar el cursor, así que directamente lo saqué.
Quizas si se pone denuevo en el Table de aca arriba, sirve para que las tablas tengan una imagen de fondo, pero hay que ver que no tapen el resaltado
O quizas para las celdas de subtitulos, descripciones, etc, que incluso conviene que no se resalten ya que no sirve para nada.
#framePrecios td {
background-image: url(images/fondo_tr01.png);
background-position: left top;
background-repeat: repeat-x;
} 

*/

#framePrecios th {
	font-size: 14px;
	background-color: #83aec0;
	background-image: url(images/fondo_th.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #558FA6;
	border-bottom-color: #558FA6;
	text-transform: uppercase;
}

/*
#frameItems h6 {
	font-size:33px;
	font-style:normal;
	text-indent:10px;
	color:crimson;
}
*/

.Precios_titulos {
	background:url(images/barra_verde_titulos_top.png);
	font-weight:normal; 
	align-content:center; 
	align-items:center; 
	text-align:center; 
	text-shadow:
	 -1px -2px 3px #000000, 
	 -1px 2px 3px #000000, 
	 1px -2px 3px #000000, 
	 1px 2px 3px #000000; 
	color:yellow; 
	font:Verdana; 
	font-size:20px; 
	background-repeat:no-repeat;
	height:35px;
	width:703px;
}

.Precios_celda_subtitulo {
	background: url(images/productos_subtitulos_fondo.png);
	background-repeat:no-repeat;
	font-family: Verdana, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;
	font-size: 15px;
	font-weight:normal;
	color: #FFFFFF;
	vertical-align:text-top;
	text-shadow: 
	 -1px -2px 3px #000000,
 	 -1px 2px 3px #000000,
 	 1px -2px 3px #000000,
 	 1px 2px 3px #000000;
	 height:24px;
}


.Precios_celda_fondoprecio {
	background: url(images/productos_celda_precios.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	font-family: Verdana, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;
	font-size: 30px;
	font-weight:bold;
	color: #FFFFFF;
	vertical-align:middle;
	text-shadow: 
	 -1px -2px 3px #000000,
 	 -1px 2px 3px #000000,
 	 1px -2px 3px #000000,
 	 1px 2px 3px #000000;
}

.Precios_celda_fondo_estrella {
	background: url(images/productos_precios_fondo_estrella_chico.png);
	background-repeat:no-repeat;
	
	background-position: center;
	font-family: Verdana, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #FFFFFF;
	vertical-align:middle;
	text-shadow: 
	 -1px -2px 3px #000000,
 	 -1px 2px 3px #000000,
 	 1px -2px 3px #000000,
 	 1px 2px 3px #000000;
}


.Ploteo_fondo_verde {
	background-image: url(images/productos/itemContentPloteo_celda_fondo_verde.png); 
	background-repeat:no-repeat;
}


.cantidad {
	width:75px;
	}




/* PRODUCTOS */

#frameItems table {
background-image: url(images/fondo_tr01.png);
background-position: left top;
font-family: “Trebuchet MS”, Arial;
font-size: 18px;
font-weight:bold;
text-align: center;
background-color: #e2ebef;
background-repeat: repeat-x;
color: #34484E;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #A4C4D0;
border-bottom-color: #A4C4D0;
}

#frameItems th {
	font-size: 14px;
	background-color: #83aec0;
	background-image: url(images/fondo_th.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #558FA6;
	border-bottom-color: #558FA6;
	/*text-transform: uppercase;*/
}

/*
.rojo {
	background-color: #FFBABB !important;
	}
*/

/*
.verde {
	background-image: url(images/asterisco_verde.png);
	background-position: right;
	background-repeat:no-repeat;
	background-size:15px;
	}

.rojo {
	background-image: url(images/asterisco_rojo.png);
	background-position: right;
	background-repeat:no-repeat;
	background-size:15px;
	}

.azul {
	background-image: url(images/asterisco_azul.png);
	background-position: right;
	background-repeat:no-repeat;
	background-size:15px;
	}

.verde::after {
	content: " * ";
	font-family: Verdana, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;
	font-size: 15px !important;
	font-weight:normal !important;
	color: #FFFFFF !important;
	}	
*/

.rojo::after {
	content: "  "url(images/asterisco_rojo.png);
	}	

.azul::after {
	content: "  "url(images/asterisco_azul.png);
	}	

.verde::after {
	content: "  "url(images/asterisco_verde.png);
	}	

.rojoazul::after {
	content: "  "url(images/asterisco_rojo.png) "  " url(images/asterisco_azul.png);
	}	

.azulverde::after {
	content: "  "url(images/asterisco_azul.png) "  " url(images/asterisco_verde.png);
	}	

.rojoazulverde::after {
	content: "  "url(images/asterisco_rojo.png) "  " url(images/asterisco_azul.png) "  " url(images/asterisco_verde.png);
	}	



/* MERCADO LIBRE - TECNOLOGIA */

.mercadolibre_tabla {
	width:100%; 
	border-collapse: collapse; 
	font-family: Verdana; 
	border:1px solid black; 
	background-color:white; 
	box-shadow: 0px 0px 8px 0px #000000;
	

}