@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;
height: 126px;
position: relative;
text-indent: -9999px;
top: 25px;
width: 760px;
}

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

#info {
background: url('images/info.png') no-repeat;
display: block;
height: 74px;
position: absolute;
right: 28px;
top: 20px;
width: 269px;
}

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

#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: 222px; 
top: 101px;
width: 75px;
}

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



/* ---- MENU ---- */

#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: -32px;
	margin-left: 400px;
	position: relative;
	vertical-align:middle;
}

#outerFrame {
background: url('images/frameFoot.png') no-repeat;
background-position: bottom;
margin: auto;
margin-bottom: 50px;
margin-top: 71px;
padding-bottom: 19px;
position: relative;
}

#contentFrame {
background: white;
padding-bottom: 10px;
}

#contentFrame h2 {
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;
}

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

#Footer p {
font-size: 14px;
text-align: center;
position: relative;
top: -50px;
display: none;
}

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

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

/* Precios */

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

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

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


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

#framePrecios table {
background-image: url(images/fondo_tr01.png);
background-position: left top;
font-family: “Trebuchet MS”, Arial;
font-size: 16px;
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;
}

#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;
}



/* 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;
}