* { margin: 0; padding: 0; }
*:focus {outline:0;}
body {
        margin: 0 auto;
        padding: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 60%;
         background: url(../images/fondo.gif) center repeat-y;}
h1 { font-size:1.15em; margin-bottom: 10px; color:#5a3936; }
a {        text-decoration: none; }

#web {
        width: 760px;
        margin: 0 auto;
}

.box1-tit { height:20px; background: url(../images/bg_box1_tit.gif) center no-repeat; }
.box1-tit h1 { padding-top:4px; font-size:1.15em; text-align:center; color:#716666; }
.box1-cont { font-size:1.1em; line-height:1.4em; padding-top:10px; color:#fff; background: #3e2f30; }
.box1-cont span { font-size:1.1em; line-height:1.5em; color:#d70058; }
.box1-foot { height:20px; background: url(../images/bg_box1_foot.gif) center no-repeat; }

.box1-tit2 { height:20px; background: url(../images/bg_box1_tit2.gif) center no-repeat; }
.box1-tit2 h1 { padding-top:4px; font-size:1.15em; text-align:center; color:#716666; }
.box1-cont2 { font-size:1.1em; line-height:1.15em; padding:15px 10px 0 10px; color:#000; background: #fff; }
.box1-cont2 span { font-size:1.1em; line-height:1.3em; color:#d70058; }
.box1-foot2 { height:20px; background: url(../images/bg_box1_foot2.gif) center no-repeat; }

/*** header */
#header {
        width: 100%;
        height:90px;
        margin: 0 auto; }
#hleft {
        float: left;
        width: 300px;
        height: 62px;
        margin: 10px 0 0 30px;
		padding-top:5px;
         }
#hright {
        float: right;
        width: 320px;
        height: 60px;
        margin: 20px 30px 0 0;
        background: url(../images/logotextobgc2.gif) right no-repeat; }
/* header ***/

/*** menu */
#nav {
        width:740px;
        height:20px;
        margin: 0 auto;
        background: url(../images/bg_menu.gif) center no-repeat;
}
#menu {
        float:right;
		width:460px;
        font-size:1.3em;
        margin: 0 60px 0 0;
        text-align:right;
        letter-spacing: 0.07em;
}
#menu ul, #menu li {        list-style-type: none; }
#menu ul {        margin: 0;        padding: 0; }
#menu li {        float: left; height: 20px; margin-right: -1px; border-left: 1px solid #000; border-right: 1px solid #000; }
#menu a {
        color: #fff;
        display: block;
        padding: 3px 15px 0 15px;
        text-align: center;
}
#menu a:hover { color:#716666; }
#menu a#activo { color:#d70058; }
/* menu ***/

/*** imagen empresa */
.img-empresa {
        width:740px;
        height: 104px;
        margin: 0 auto;
        background-color:#5a3936; }
#img-inicio       { background: url(../images/cabecerainicio.png) center center no-repeat; }
#img-empresa      { background: url(../images/cabeceraempresa.png) center center no-repeat; }
#img-contacto     {        background: url(../images/cabeceracontacto.png) center center no-repeat; }
#img-enlaces      { background: url(../images/cabeceraenlaces.png) center center no-repeat; }
#img-distribucion {        background: url(../images/cabeceradistribucion.png) center center no-repeat; }
/* imagen empresa ***/

/*** contenido */
#content {
        width:740px;
        height: 530px;
        margin: 0 auto;
        font-size:1.15em;
        text-align:center;
        color:#fff;
        line-height: 1.1em;
        background: #f3dfce;
}
/* barra navegación */
#direcc-nav {
        
        padding:8px 0 0 20px;
        text-align:left;
        font-size:1.15em;
        color: #b0845b;
}
#direcc-nav a { font-weight:bold; color:#5a3936; }
#direcc-nav a:hover { text-decoration: underline; }
#direcc-nav a span { color:#d70058; }
/* barra navegación */

#secc1-index {
        float:left;
        width:500px;
        margin:10px 0 10px 20px;
}
#secc1-index-sup {
        width:500px;
        height:250px;
		overflow:hidden;
}
#secc1-index-inf {
        width:500px;
        height:220px;
        margin-top:20px;
}
#contacto {
        float:left;
        width:150px;
}
#contacto a { text-decoration: underline; color: #fff; }

#centros {
        float:left;
        width:323px;
        height:222px;
        margin-left:26px;
        background: url(../images/centros.png) no-repeat;
}

#secc2-index {
        float:right;
        width:170px;
        margin:10px 20px 0 0;
}
#empresa {
        width:170px;
        text-align:justify;
}

#pedidos {
        width:170px;
        margin-top:20px;
}
#bg-pedidos {
        width:170px;
        height:140px;
}

#secc1-empresa {
        width:530px;
        height:140px;
        padding:20px 170px 25px 20px;
        font-size:1.15em;
        line-height: 1.1em;
        text-align: justify;
        background: url(../images/img_empr1.gif) right center no-repeat;
}
#secc1-empresa p { margin-bottom: 15px; color:#000; }

#secc2-empresa {
        width:530px;
        height:130px;
        padding:5px 20px 25px 170px;
        margin-left:20px;
        font-size:1.15em;
        line-height: 1.1em;
        text-align: justify;
        background: url(../images/img_empr2.gif) left center no-repeat;
}
#secc2-empresa p { margin-bottom: 15px; color:#000; }

#secc3-empresa {
        width:530px;
        height:140px;
        padding:5px 170px 25px 20px;
        font-size:1.15em;
        line-height: 1.1em;
        text-align: justify;
        color:#231715;
        background: url(../images/img_empr3.gif) right center no-repeat;
}
#secc3-empresa p { margin-bottom: 10px; color:#000; }

#secc1-distribucion {
        float:left;
        width:250px;
        height:490px;
        padding:20px 20px 0 20px;
        font-size:1.15em;
        line-height: 1.1em;
        text-align: justify;
        color:#231715;
        background: url(../images/img_distrib4.gif) center bottom no-repeat;
}
#secc1-distribucion p { margin-bottom: 15px; color:#000; }

#secc2-distribucion {
        float:right;
        width:420px;
        height:490px;
        padding:20px 20px 0 0;
}
#secc2-distribucion-head {
        height:30px;
        background: url(../images/bg_distrib_cab.gif);
}
#secc2-distribucion-content {
        height:440px;
        text-align:center;
        background:#fff;
}
#secc2-distribucion-content img { padding-top:30px;}
#secc2-distribucion-foot {
        height:20px;
        background:url(../images/bg_distrib_foot.gif);
}

#secc1-contacto {
        float:left;
        width:250px;
        height:510px;
        padding:20px 20px 0 20px;
        font-size:1.15em;
        line-height:1.1em;
        text-align:justify;
        color:#231715;
}
#secc1-contacto a { color: #000; }
#secc1-contacto a:hover { text-decoration: underline; }
#secc1-contacto p { margin-bottom: 15px; }

#secc2-contacto {
        float:right;
        width:420px;
        height:510px;
        padding:20px 20px 0 0;
        color:#5a3936;
        text-align:left;
}
#secc2-contacto-head {
        height:30px;
        background: url(../images/bg_contacto_cab.gif);
}
#secc2-contacto-content {
        height:430px;
        background: #fff;
}
#mapa {
        width: 380px;
        height: 200px;
        margin: 0 auto;
        border: 2px solid #b0845b;
}
#secc2-contacto-form {
        width: 320px;
        height: 200px;
        margin: 0 auto;
        padding-top: 20px;
}

#secc2-contacto-foot {
        height:20px;
        background: url(../images/bg_distrib_foot.gif);
}

#secc1-enlaces {
        width:700px;
        height:50px;
        padding:20px 20px 0 20px;
        font-size:1.15em;
        line-height: 1.1em;
        text-align: justify;
        color:#231715;
}
#secc1-enlaces p { margin-bottom: 15px; }
#secc2-enlaces {
        float:left;
        width:340px;
        height:300px;
        padding:20px 0 0 20px;
        font-size:1.15em;
        line-height: 1.1em;
        text-align: left;
        color:#231715;
}
#secc2-enlaces p { margin-bottom: 15px; }

#secc3-enlaces {
        float:left;
        width:340px;
        height:300px;
        padding:20px 0 0 20px;
        font-size:1.15em;
        line-height: 1.1em;
        text-align: left;
        color:#231715;
}
#secc3-enlaces p { margin-bottom: 15px; }

#secc3-enlaces-head, #secc2-enlaces-head {
        height:20px;
        background: url(../images/bg_enlaces_cab.gif);
}
#secc3-enlaces-content , #secc2-enlaces-content{
        height:380px;
        background: #fff;
        padding-left:20px;
}

#secc3-enlaces-content h1, #secc2-enlaces-content h1 { margin-bottom: 0px; }
#secc3-enlaces-content a, #secc2-enlaces-content a { color: #b0845b; }
#secc3-enlaces-content a:hover, #secc2-enlaces-content a:hover { text-decoration: underline; }
#secc3-enlaces-content p, #secc2-enlaces-content p { margin-bottom:0.7em;}

#secc3-enlaces-foot, #secc2-enlaces-foot {
        height:20px;
        background: url(../images/bg_enlaces_foot.gif);
}

#content-foot {
        width:740px;
        height:20px;
        margin: 0 auto;
        background: url(../images/foot_cont.gif) center no-repeat;
}
/* contenido ***/

/*** formulario */
input, select {
        height: 1.3em;
        font-size:1em;
        margin:3px 0;
        padding-top:2px;
        position: relative;
}
label {font-size:1em;}
#botones {padding-right:8px; float:right;}
.btt {
        width:60px;
        height: 1.5em;
        margin:5px;
		padding:0;
        font-size:1em;
        font-weight: bold;
        text-align:center;
        border: 1px solid #f3dfce;
        cursor: pointer;
        float:left;
}
label, input, select, .btt, textarea { color: #5a3936; }
textarea, input, select { border: 2px solid #f3dfce; }
textarea:focus, input:focus, .btt:hover { background-color: #ffc; }

div.formInfo, 
div.formError, 
div.formok {
        width: 100%;
        margin: 20px auto;
		padding: 15px 5px;
		line-height: 1.5em;
        font-size: 1em;
 		text-align:center;
}
div.formInfo { border: #fc6 1px solid; color:#5a3936; background-color: #FFC; }

div.formError { border: #f00 1px solid; color:#5a3936; background-color: #ffe2e2; }

div.formok { border: #b0845b 1px solid;color:#5a3936;background-color: #f3dfce; }

div.formInfo p,
div.formError p,
div.formok p   
{ margin-bottom: 10px; color:#5a3936;}


/* formulario ***/

#web-foot {
        width:740px;
        height:30px;
        margin:10px auto;
        padding-top:5px;
        font-size:1.15em;
        text-align:center;
        color:#b2abab;
        background: url(../images/web-foot.gif) center no-repeat;
}
#web-foot a { color: #b0845b; }
#web-foot a:hover { text-decoration: underline; }