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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*End Reset*/

a, a:hover, a:visited, a:visited {
text-decoration:none;	
color:#004FA3;
}

.wrap {
	margin:0 auto;
	width:900px;
	font-family: Arial;
}
.logo {
	
height:80px;
width:100%;
padding-left:10px;
padding-top:10px;
	
}
.cleft{
float:left;
width:130px;
height: 580px;
}
.cright{
float:left;
width:900px;
margin-top: 20px;
}

.footer{

clear:both;
height:17px;
width:900px;
background: url(../imagenes/pleca.jpg) no-repeat;
}

.menu2{
 list-style-position: outside;
 list-style-type: none; 
 margin-top: 20px;
 padding-left:10px;
  }
 .menu2 li{
  .height:87px
  }

/*Menu1*/

.productos{
	height: 87px;
	width: 106px;
	background-repeat: no-repeat;
	background-image: url(../imagenes/menu/normal/btn_productos.gif);
}
.catalogo{
	height: 86px;
	width: 106px;
	background-repeat: no-repeat;
	background-image: url(../imagenes/menu/normal/btn_catalogo.gif);
}
.graphicup{
	height: 86px;
	width: 106px;
	background-repeat: no-repeat;
	background-image: url(../imagenes/menu/normal/btn_graphicup.gif);
}

/*Menu2*/
.quienes{
	height: 88px;
	width: 106px;
	background-repeat: no-repeat;
	background-image: url(../imagenes/menu/normal/btn_quienes.gif);}
.donde{
	height: 86px;
	width: 106px;
	background-repeat: no-repeat;
	background-image: url(../imagenes/menu/normal/btn_donde.gif);
}
.contacto{
	height: 86px;
	width: 106px;
	background-repeat: no-repeat;
	background-image: url(../imagenes/menu/normal/btn_contacta.gif);
}

/*Menu1*/

.productos:hover{
	background-image: url(../imagenes/menu/over/btn_productos_f2.gif);
}
.catalogo:hover{
	background-image: url(../imagenes/menu/over/btn_catalogo_f2.gif);
}
.graphicup:hover{
	background-image: url(../imagenes/menu/over/btn_graphicup_f2.gif);
}

/*Menu2*/
.quienes:hover{
	background-image: url(../imagenes/menu/over/btn_quienes_f2.gif);}
.donde:hover{
	background-image: url(../imagenes/menu/over/btn_donde_f2.gif);
}
.contacto:hover{
	background-image: url(../imagenes/menu/over/btn_contacta_f2.gif);
}

/*Footer Menu*/

.aviso, .grupo, .proveedores, .mapa {
font-size:9.5px;
float: left;
margin-top:5px;
color:#004FA3;
margin-left: 15px;

}


.aviso {
	width:189px;
	padding-left:16px;
}
.grupo {
	width:469px;
}
.proveedores{
	width:93px;
}

.mapa {
	/*width:100px;*/
}

.spacer {
	height:20px
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
    width: 596px;
    height: 22px;
    position: relative;
    z-index: 100;
    border-right: 1px solid #000;
    font-family: arial, sans-serif;
}

/* hack to correct IE5.5 faulty box model */ * html .menu {
    width: 596px;
    w\idth:596px;}

    /* remove all the bullets, borders and padding from the default list styling */ .menu ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
} .menu ul ul {
        width: 149px;
}

    /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li {
        float: left;
        width: 149px;
        position: relative;
}

    /* style the links for the top level */ .menu a, .menu a:visited {
        display: block;
        font-size: 12px;
        text-decoration: none;
        color: black;
        width: 138px;
        height: 20px;
        border: 1px solid #000;
        border-width: 1px 0 1px 1px;

        padding-left: 10px;
        line-height: 20px;
        font-weight: bold;
}

    /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited {
        width: 149px;
        w\idth:138px;}

        /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited {
            background: #d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;
}

        /* style the second level hover */ .menu ul ul a.drop:hover {
            background: #c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;
} .menu ul ul:hover > a.drop {
            background: #c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;
}

        /* style the third level background */ .menu ul ul ul a, .menu ul ul ul a:visited {
            background: #e2dfa8;
}

        /* style the third level hover */ .menu ul ul ul a:hover {
            background: #b2ab9b;
}

        /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {
            visibility: hidden;
            position: absolute;
            height: 0;
            top: 21px;
            left: 0;
            width: 149px;
            border-top: 1px solid #000;
}

        /* another hack for IE5.5 */ * html .menu ul ul {
            top: 21px;
            t\op:21px;}

            /* position the third level flyout menu */ .menu ul ul ul {
                left: 149px;
                top: -1px;
                width: 149px;
}

            /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {
                left: -149px;
}

            /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {
                position: absolute;
                top: 0;
                left: 0;
                border-collapse: collapse;;
}

            /* style the second level links */ .menu ul ul a, .menu ul ul a:visited {
                background: white;
                color: black;
                height: auto;
                line-height: 1em;
                padding: 5px 10px;
                width: 128px;
                border-width: 0 1px 1px 1px;
}

            /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {
                width: 150px;
                w\idth:128px;}

                /* style the top level hover */ .menu a:hover, .menu ul ul a:hover {
                    color: black;
                    background: #DBDDEE;
} .menu:hover > a, .menu ul ul:hover > a {
                    color: white;
                    background: #DBDDEE;
}

                /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul {
                    visibility: visible;
}

                /* keep the third level hidden when you hover on first level list OR link */ .menu ul:hover ul ul {
                    visibility: hidden;
}

                /* make the third level visible when you hover over second level list OR link */ .menu ul:hover ul:hover ul {
                    visibility: visible;
}