﻿/*
 * Arborea v1.0.0.0
 * 
 * Fecha: 15/07/2008
 * Autor: GHeras
 * Descripción: Estilos comunes a toda la aplicación
 
 Reseteando estilos CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,center,u,b,i {
border:0;
outline:0;
font-weight:400;
font-style:normal;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

/* Reseteando estilos CSS */
body {
line-height:1.5;
font-family:Segoe UI normal, Arial,Verdana;
font-size:11px;
color:#000;
background-color:#fff;
margin:0;
padding:0;
}

:focus {
outline:0;
}

ol,ul {
list-style:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

blockquote,q {
quotes:"" "";
}

input,textarea {
margin:0;
padding:0;
}

hr {
border:0;
color:#000;
background-color:#000;
height:1px;
margin:0;
padding:0;
}

h1 {
font-family:Segoe UI normal, Arial,Verdana;
font-size:14px;
font-weight:700;
color:#000;
margin:5px 0 0;
}

h2 {
font-family:Segoe UI normal ,Arial,Verdana;
font-size:13px;
font-weight:700;
color:#000;
margin:5px 0 2px;
}

p {
margin-top:0;
margin-bottom:15px;
}

ul {
list-style:disc;
}

li {
margin:0 0 0 18px;
}

img {
border:0;
}

SELECT {
font-size:12px;
}

INPUT {
font-size:12px;
border:solid 1px #D6D6D6;
margin-left:10px;
}

textarea {
margin-left:10px;
border:solid 1px #D6D6D6;
}

strong {
color:#000;
font-weight:700;
}

cite {
font-size:10px;
}

/* Centrado de páginas */
#centeredPage {
position:relative;
width:976px;
border:solid 0 red;
margin:0 auto;
padding:0 0 20px;
}

/* Cabecera */
#header {
position:relative;
height:120px;
width:976px;
border:solid 0 blue;
margin:0 0 1px;
}

#header .logo {
position:absolute;
right:44px;
width:210px;
float:left;
z-index:20;
padding-top:0;
top:10px;
border:solid 0 red;
}

/* Menu principal */
#menuContent {
position:absolute;
top:10px;
font-family:Segoe UI normal,Arial,Verdana;
font-size:12px;
z-index:10;
border:solid 0 #000;
left:0;
width:590px;
margin:0;
padding:0;
}

#menuContent .right {
left:120px;
top:54px;
position:absolute;
}

#menuContent .items {
margin-top:0;
display:block;
}

.menuCol0 {
position:relative;
float:left;
width:46px;
height:82px;
border:solid 0 red;
padding:0;
}

.menuCol1 {
position:relative;
float:left;
width:117px;
height:82px;
border:solid 0 red;
background:url('../../gifs/linea_menu.gif') no-repeat left;
padding:0 0 0 15px;
}

.menuCol2 {
position:relative;
float:left;
width:175px;
border:solid 0 red;
background:url('../../gifs/linea_menu.gif') no-repeat left;
padding:0 0 0 15px;
}

/* Meta menú */
#divmetamenu {
position:relative;
top:0;
left:0;
right:0;
padding-top:1px;
padding-bottom:4px;
padding-right:0;
font-size:12px;
height:26px;
z-index:35;
}

#divmetamenu a {
color:#000;
font-weight:700;
text-decoration:none;
}

#divmetamenu .right {
float:right;
padding-right:0;
}

#divmetamenu .item {
float:left;
margin:0;
padding:0;
}

/* 
 *  Zona de contenido principal 
 */
#mainPanel {
position:relative;
float:left;
width:976px;
border:solid 0 red;
margin:0;
padding:0;
}

#mainContent {
font-family:Segoe UI normal,Arial,Verdana;
font-size:12px;
border:solid 0 red;
width:976px;
margin:0;
padding:0;
}

#contentCentral {
position:relative;
font-family:Segoe UI normal,Arial,Verdana;
font-size:12px;
z-index:20;
border:solid 0 red;
text-align:left;
margin:0;
padding:0;
}

#contentCentral1 {
position:relative;
font-family:Segoe UI normal,Arial,Verdana;
font-size:12px;
z-index:20;
border:solid 0 red;
text-align:right;
float:right;
width:919px;
margin:22px 0 0;
padding:0;
}

/* HOME */
#contentHomeFlash {
position:relative;
border:solid 0 red;
margin:0 0 20px;
padding:0;
}

#contentHomeFlashGrande {
position:relative;
border:solid 0px red;
margin:0 0 20px;
padding:0;
width:635px;
float: right;
}

#contentHomeFlashGrande1 {
position:relative;
border:solid 0px red;
margin:0 0 20px;
padding:0;
width:995px;
float: right;
}

.contentHomeLeft {
font-family:Segoe UI normal,Arial,Verdana;
font-size:12px;
float:left;
width:481px;
border:solid 0 red;
text-align:left;
padding:0 0 20px;
}

.contentHomeRight {
float:right;
border:solid 0 red;
text-align:right;
width:481px;
margin:0;
padding:0;
}

/* PRESENTACION */
.contentPresentacion {
font-family:Segoe UI normal,Arial,Verdana;
font-size:12px;
float:left;
width:750px;
border:solid 0 blue;
text-align:left;
margin:0 0 20px;
padding:25px 0 10px 148px;
}

/* PRODUCTOS */
.contentProductosLeft {
font-family:Segoe UI normal,Arial,Verdana;
font-size:12px;
float:left;
width:175px;
border:solid 0 red;
text-align:left;
background:url('../../gifs/raya.gif') right repeat-y;
padding:0 12px 20px 0;
}

.contentProductosRight {
float:right;
border:solid 0 red;
text-align:right;
width:788px;
margin:0;
padding:0;
}

.Categorias {
text-align:right;
font-size:13px;
font-weight:700;
padding:0 0 50px;
}

.Categorias a {
text-align:right;
text-decoration:none;
color:#666;
font-size:12px;
padding:0;
}

.divProd1 {
float:left;
width:80px;
border:solid 0 red;
text-align:center;
font-size:14px;
font-weight:700;
color:#000;
padding:0 5px;
}

.divProd2 {
float:left;
width:315px;
border:solid 0 red;
padding:0 30px 0 0;
}

.divProd3 {
float:left;
width:240px;
border:solid 0 red;
background:url('../../gifs/linea_puntos_ficha.gif') repeat-y;
padding:5px 0 0 20px;
}

/* FORMULARIO */
.contentContacto {
font-family:Segoe UI normal,Arial,Verdana;
font-size:12px;
border:solid 0 blue;
text-align:left;
margin:0 0 20px;
padding:25px 0 10px 35px;
}

.row {
position:relative;
width:100%;
clear:both;
border-top:0 SOLID red;
margin:0;
padding:0;
}

.columnR {
position:relative;
float:left;
width:75px;
text-align:right;
font-size:11px;
border:solid 0 red;
font-weight:700;
margin:0 5px 0 0;
}

.columnR1 {
position:relative;
float:left;
width:auto;
text-align:left;
font-size:12px;
border:solid 0 red;
margin:0 5px 0 0;
padding:0 5px 0 0;
}

.controls {
text-align:left;
border-top:solid 0 #666;
margin:3px 30px 0 90px;
padding:0;
}

.controls a {
color:#666 !important;
text-decoration:none;
}

/* GOOGLE */
#gmap {
width:439px;
height:339px;
border:solid 1px #ccc;
z-index:0;
position:relative;
float:left;
margin:1px;
}

#gmap #info p {
font-size:12px;
line-height:15px;
color:#000;
}

.gmapfondo {
z-index:1;
margin-left:-606px;
position:relative;
float:left;
behavior:url(iepngfix.htc);
}

#googlemaps {
position:relative;
border:solid 0 red;
width:439px;
margin:0;
padding:0;
}

#googlemapsTop {
position:relative;
float:left;
border:solid 0 red;
margin:0;
padding:0;
}

#gmapContacto {
width:400px;
height:600px;
border:solid 1px #ccc;
z-index:0;
position:relative;
margin:1px;
}

/* Separadores */
.separa {
width:auto;
border-bottom:solid 1px #D6D6D6;
clear:both;
margin:0;
padding:0;
}

/* Pie de página */
#footer {
position:relative;
clear:both;
text-align:center;
color:#fff;
font-size:12px;
font-family:Segoe UI normal,Arial,Verdana;
width:976px;
border:solid 0 red;
bottom:0;
background:url('../../gifs/punto_linea.gif') repeat-x top;
margin:0;
padding:0 0 58px;
}

#footer a {
color:#000;
font-size:11px;
text-decoration:underline;
}

/* Alinear imágenes y textos */
.imgLeft {
float:left;
margin:0 10px 0 0;
}

.alignCenter {
text-align:center;
}

.txtRight {
text-align:right;
margin-right:10px;
}

.imgBottom {
padding-bottom:44px;
}

.height1 {
height:590px;
}

#divFeedBack {
height:400px;
padding:20px;
}

.copyright {
font-size:11px;
text-align:left;
color:#999;
margin:0 0 25px;
padding:10px 0 5px 15px;
}

.copyright a {
font-size:11px;
text-decoration:none;
}

/* Galería de imágenes */
.localiza {
border:solid 0 red;
width:475px;
margin:0;
padding:0;
}

#prev1 {
float:left;
color:#F7AAAA;
}

#next1 {
float:right;
color:#F7AAAA;
}

.centerimg {
position:relative;
width:400px;
top:0;
text-align:center;
margin:0 0 10px;
}

#divFormColIzq {
position:relative;
float:left;
width:450px;
border:solid 0 red;
margin:0;
padding:0;
}

#divFormColDer {
position:relative;
float:right;
width:402px;
border:solid 0 red;
margin:0;
padding:0;
}

.color1 {
color:#E20A16;
font-weight:700;
}

/* Varios */
.titularCorto {
position:relative;
clear:both;
border:solid 0 red;
background:url('../../gifs/titulo_linea.gif') no-repeat bottom;
text-align:left;
margin:0;
padding:0 0 6px 36px;
}

.titularLargo {
position:relative;
clear:both;
border:solid 0 red;
background:url('../../gifs/linea_puntos.gif') no-repeat bottom;
text-align:left;
margin:0;
padding:0 0 8px 36px;
}

.titularLargo1 {
position:relative;
clear:both;
border:solid 0 red;
background:url('../../gifs/linea_puntos.gif') right no-repeat bottom;
text-align:left;
margin:0 0 10px;
padding:0 0 8px 92px;
}

.contentHome {
position:relative;
clear:both;
border:solid 0 red;
text-align:left;
margin:0;
padding:0 15px 0 36px;
}

.linkmas {
color:#999 !important;
text-decoration:none !important;
}

.final {
position:relative;
clear:both;
border:solid 0 red;
background:url('../../gifs/linea_puntos_cierre.gif') no-repeat bottom;
text-align:left;
width:884px;
margin:0 0 5px;
padding:0 0 5px;
}

.finalContacto {
position:relative;
clear:both;
border:solid 0 red;
background:url('../../gifs/linea_puntos_cierre.gif') no-repeat bottom;
text-align:left;
width:325px;
margin:0 0 3px;
padding:0 0 3px;
}

.paginador {
position:relative;
clear:both;
color:#666;
margin:0;
padding:0;
}

.formError {
margin:0;
padding:0 0 0 10px;
}

.imprimir {
color:#666;
text-decoration:none;
margin:0;
padding:0 0 0 0px;
}

.miniaturas {
margin:0;
padding:0 10px 10px 0;
}

a,.contentHomeLeft a,.contentProductosLeft a {
color:#000;
text-decoration:underline;
}

#menuContent .navmenu,#prev {
float:left;
}

.menuCol0Content,.menuCol1Content,.menuCol2Content {
position:relative;
padding:22px 0 0;
}

.contentHomeLeft p,.contentProductosLeft p {
padding:0;
}

.contentNoticias,.contentHome0,.contentAncho {
position:relative;
clear:both;
border:solid 0 red;
text-align:left;
margin:0;
padding:20px 15px 0 36px;
}

.imgRight,#next {
float:right;
}

.linknombre,.linkSelmas {
color:#000 !important;
text-decoration:none !important;
}

.flechaI
{
	Position: absolute;
	bottom:20px;
	left: 0px;
}

.flechaD
{
	Position: absolute;
	bottom:20px;
}

#contentPuntosVentasRight {
position:relative;
border:solid 0px red;
margin:0 0 0px;
padding:0;
width:633px;
float: right;
}

#contentPuntosVentasLeft {
position:relative;
border:solid 0px red;
margin:0 0 20px;
padding:0;
width:283px;
float: right;
}
