/*RESET ALL STYLES*/
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,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u{margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline}
body {line-height: 1}
: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 {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
/* FIN RESET */

body{
	background: url(../img/bgbody.gif) repeat-x #747474;
	font: 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
a{ color:#f00; font-weight:bold;}
a:hover{ color:#000; text-decoration:none;}
p{ margin-bottom: 5px;}
#contenedor{width:960px; margin:20px auto;}
#contenedor1{width:722px; z-index:2; position:absolute; margin-left:20px;}
#contenedor2{ position:absolute; top:75px; width:960px; z-index:1;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx CONTENEDOR 1 xxxxxxxxxxx*/
/*TOP*/
#top{ height:86px;}
#topmenu{ color:#000; margin-left:540px; position:absolute;}
#topmenu a{ color:#fff; text-decoration:none;}
#topmenu a:hover{text-decoration:underline;}

/*CONTENIDO*/
#contenido{ background-color:#fff; padding-bottom:20px;}
#menu{height:27px; padding-top:15px; margin-bottom:20px;}
#menu ul{ margin:0 10px; padding:0; list-style-type:none; display:block;}
#menu li{ display:inline; float:left;}
#menu .productos{ background: url('../img/link_productos.gif') no-repeat; display:block; height:41px; width:99px; text-indent:-999999px}
#menu .mercado{ background: url('../img/link_mercado.gif') no-repeat; display:block; height:41px; width:170px; text-indent:-999999px}
#menu .ferias{ background: url('../img/link_ferias.gif') no-repeat; display:block; height:41px; width:99px; text-indent:-999999px}
#menu .distribucion{ background: url('../img/link_distribucion.gif') no-repeat; display:block; height:41px; width:170px; text-indent:-999999px}
#menu .servicio{ background: url('../img/link_servicio.gif') no-repeat; display:block; height:41px; width:151px; text-indent:-999999px}
#menu .productos:hover, #menu .mercado:hover, #menu .ferias:hover, #menu .distribucion:hover, #menu .servicio:hover{background-position: 0 -41px;}
#flash{ height:170px; background-color:#666; margin:10px;}

#cuerpo{margin:0 10px; background-color:#FFFFFF;}
#left{ float:left; width:190px;}
.fotoseccion{ border:1px solid #ccc; padding:4px;}
#right{ float:right; width:480px;}
#clear{ clear:both;}

/*right titulares*/
.titularseccion, .titularatlas{font-size:30px;}
.titularatlas{ margin-left:-10px;}
/*right secciones*/
table.secciones{margin:15px auto;}
table.secciones td{padding:10px 15px; text-align:center;}
/*right subsecciones*/
table.subsecciones{margin:10px auto;}
table.subsecciones td{padding:5px;}
table.subsecciones a{text-align:center; display:block;width:400px; height:25px; background: url(../img/boton_subsecciones.jpg) no-repeat; text-decoration:none; padding-top:10px; color:#000;}
table.subsecciones a:hover{color:#f00;}
/*right catalogos*/
#titularcatalogo{color:#900; margin-bottom:10px; border-bottom:2px solid #900; text-align:right; font-size:14px; text-transform:uppercase; padding-right:5px; font-weight:bold;}
table.catalogos{width:100%; font-size:12px;}
table.catalogos th{ font-weight:bold; background-color:#9dcee5;}
table.catalogos td{border-bottom:1px dashed #72a6bf;padding:4px;}
table.catalogos tr:hover{ background-color:#d4effc;}
table.catalogos td.descarga{ text-align:right;}
.volveratras{ margin-top:25px; margin-left:360px;}
.volveratras a{ background: url('../img/boton_volver.jpg') no-repeat; display:block; height:35px; width:117px; text-indent:-999999px}
.volveratras a:hover{background-position: 0 -35px;}
/*right form*/
form{ margin-top:15px;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx CONTENEDOR 2 xxxxxxxxxxx*/
#cuerpoc2{background: url(../img/cuerpoc2.png) repeat-y; margin-top:-5px;}
#contc2{ margin-left:755px; width:175px;}
#contc3{ margin-left:755px; width:175px;}
#contc3 a{color:#fff;}
.actualizaciones{height:25px;}
#contc2 li{ margin-top:5px; color:#fff;}
#contc2 li a {color:#c7c7c7; font-weight:bold;}
#contc2 li a:hover{color: #a7a7a7;}
#mapa{ margin-top:20px;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  OCASION xxxxxxxxxx*/
table.ocasion{ width:95%; margin:10px 0;}
table.ocasion th{ border:1px solid #666; padding:2px; font-size:14px; background-color:#91c2d6; font-weight:bold;}
table.ocasion tr:hover{ background-color:#CADADF;}
table.ocasion td{ border:1px solid #666; padding:2px; text-align:center;}
#ocasionamplia1{float:left; width:175px;margin:10px 0;}
#ocasionamplia1 img{padding:2px;border:1px solid #ccc;}
#ocasionamplia1 li{text-align:right; border-bottom:1px solid red;}
#ocasionamplia1 li a{text-decoration:none; display:block; padding:2px; }
#ocasionamplia1 li a:hover{ background-color:red; color:#fff;}
#ocasionamplia2{float:right;width:290px;margin:10px 0;}
table.ocasion_amplia{ border:1px solid #ccc; width:99%;}
table.ocasion_amplia th{ font-weight:bold; background-color:#ccc; font-size:14px;}
table.ocasion_amplia td{ padding:2px 4px; border-bottom:1px dotted #ccc;}
table.ocasion_amplia td.alignright{font-weight:bold; background-color:#efefef;}
.solicitarmasinfo{color:red; font-weight:bold; font-size:16px; border-bottom:2px dotted red;}

/*PIE*/
#pie{height:57px;}
#pie a{ color:#999; text-decoration:none;}
#pie a:hover{ color:#111; text-decoration:underline;}
#pie div{ position:absolute; width:722px; text-align:center; margin-top:15px; border-top:1px solid #ccc; padding-top:10px;}


/*********************************************************************************** WFORMS */
.errFld {border-bottom:#ff0000 solid 2px; border-left:#990000 solid 2px; border-right:#ff0000 solid 2px; border-top:#990000 solid 2px;}
.errMsg {color: #CC3333; font-style:italic;}

/*********************************************************************************** THUMBS */
.thumbs a {
    display:block;
    width:106px;
    height:89px;
    background:url(../img/thumb.jpg) no-repeat;
    padding:5px;
    float:left;
}

.thumbs img {
    border:0;
    vertical-align:middle;
}