@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
.body {font: 78% vedana, helvetica, serif; color:#484848; background: url(../imagenes/bodybg.jpg) repeat; text-align:left;}
.bodycontacto {font: 78% vedana, helvetica, serif; color:#484848; text-align:left;}
p { font-size: 0.9em;color:#777; margin: .0em .0em .0em .5em;}
a { font-size: 0.9em;color:#777; text-decoration:none; margin: .0em .0em .0em .5em;}
li{ color:#777;}
a:hover {color:#7A8F47;}
h1 { color:#516104; font-size: 1.4em; margin: .3em .0em .3em .4em;}
h2 { color:#516104; font-size: 1.2em; margin: .3em .0em .3em .4em;}
h3 { color:#516104; font-size: 1.1em; margin: .3em .0em .3em .4em;}
h4 { color:#516104; font-size: 0.9em; margin: .3em .0em .3em .4em;}
h5 { color:#516104; font-size: 0.8em; margin: .3em .0em .3em .4em;}
h5 { color:#516104; font-size: 0.8em; margin: .3em .0em .3em .4em;}
h6 { color:#516104; font-size: 0.8em; margin: .3em .0em .3em .4em;}
hr { border: 0;	height: 1px; color: #F5F5F5; background-color: #eda;}
ul{margin-left: 2em;}
ul ul,
ul ul ul,
ul ul ul ul,
ul ul ul ul ul{margin-left: 0.5em}


.peque { font-size: 0.8em;}
.clear{clear:both;}

.error { color:#FF3300;}
.ok { color: #6A9900;}
/************************flotantes***********************/

.flotante{float:left;}
.flor1{ position:absolute; float:left; z-index:10; left:-62px; top: 10px;}
.flor2{ position:absolute; float:left; z-index:11; left:495px; top: 125px;}
.clip{ position:absolute; float:left; z-index:12; left:652px; top: 320px; }
.logo{ position:absolute; float:left; z-index:13; left:565px; top: 30px;}
.idiomas{ position:absolute; float:left; z-index:120; left:672px; top: 200px; }
.idiomas a{ margin:0; padding: 0; }

/*****************fin de flotantes***********************/


/***contenedor*******************************************/
.min-width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 750)? "750px" : "100%"); min-width:750px;}
.main {width:750px; margin:15px auto;position:relative;}
.min-width-contacto {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 550)? "550px" : "100%"); min-width:550px;}
.main-contacto {width:550px; margin:15px auto; overflow:hidden; position:relative;}



/***header*******************************************/
#header1 {margin:0 auto; overflow:hidden; width:100%; text-align:right;}
#header2 {margin:0; overflow:hidden; width:100%;}
#header2 #imagen a,
#header2 #imagen img{margin:0;padding:0;}
#header2 #imagen{margin: 15px 0 0 3px; padding: 4px 0 0 0px; background: url(../imagenes/fondobannerproveedores.jpg) left top no-repeat; height:180px; width:100%; margin-right:-240px; float:left; clear:left;}
#header2 #imagen img{height:164px; width:512px;} 
#infobodas {margin: 15px 0 0 0px; display:inline; width: 220px;float:right; height:180px; margin-right:8px;}
.titulo{color:#CCC; font-size:24px; text-indent: -999px;}
/***fin de header****515px × 164px***************************************/



/***center*******************************************/
.contenedor{padding:20px 20px 20px 20px;}
.content { width:100%; padding-top:0px; overflow:hidden;}

.column-center{margin-top: 10px; margin-left: 8px; float:left; width:100%;}
.indent-center{padding:10px 30px 20px 200px;}
.indent-center .title{z-index:1;position:relative;}
.indent-center img{ padding:0; margin:5px;}
a.contacto{display:block; border:solid 1px #777; margin-top:5px; padding:3px 8px 3px 2px; font-size: 9px;font-weight:bold; text-align:right;}

.contenidocompleto {margin-top: 10px; float:left; width:100%;}
.indent-contenidocompleto {padding:10px 20px 20px 23px;}

.proveedor-encabezamiento {margin:5px 0 5px 3px;}
.proveedor-logo { background:url(../imagenes/fondo-paginador-foto-proveedor.jpg) #fff no-repeat top left; float:left; width:200px; margin:0 0 0 2px; }
.proveedor-logo img{ margin-top:2px; margin-left:2px; padding:0; border:none; width:160px; height:135px;}
.proveedor-opciones {float:right; width:130px;}
.proveedor-foto1,
.proveedor-foto2 { background:url(../imagenes/fondo-fotos-proveedores.jpg) #fff no-repeat top left; margin:15px 0 15px 5px; }
.proveedor-foto1 img,
.proveedor-foto2 img{ margin-top:2px; margin-left:2px; padding:0px; border:none; width:420px; height:184px;}

/***Paginador*******************************************/
.paginador {float:left; width:240px;}
.paginador-proveedor { float:left; width:480px;clear:both; }
.paginador-proveedor .paginador-foto-proveedor { float:left; width:170px; height:143px;display:inline; background:url(../imagenes/fondo-paginador-foto-proveedor.jpg) #fff no-repeat top left; margin-left:3px; margin-top:5px;}
.paginador-proveedor .paginador-foto-proveedor a{ margin:0; padding:0}
.paginador-proveedor .paginador-foto-proveedor img{ margin-top:2px; margin-left:2px; padding:0; border:none; width:160px; height:135px;}
.paginador-proveedor .paginador-datos-proveedor { float:left; width:255px; height:138px;display:inline; margin-left:1px; background:url(../imagenes/fondo-paginador-datos-proveedor.jpg) #fff no-repeat top left; margin-top:5px; padding-top:5px;}
.paginador-proveedor .paginador-datos-proveedor ul{list-style:none; margin:0; }
.paginador-proveedor .paginador-datos-proveedor li{margin:0px 10px 0px 10px;}
.paginador-proveedor .paginador-datos-proveedor li .dato{background-color:#FFF6CF;float:left;display:inline; margin: 6px 10px 0px 10px; width: 188px; padding:3px 0 3px 4px; }
.paginador-proveedor .paginador-datos-proveedor li .datoimg{float:left; clear: left; width: 21px;}
.paginador-proveedor .paginador-datos-proveedor li .datoimg img {margin:0; padding:0; border:none;}
/***end Paginador*******************************************/

/***Galeriar*******************************************/
#gallery {}
ul#gallery { list-style: none; margin:0; padding:0; }
ul#gallery li { display: inline;}
ul#gallery img {border: 1px solid #777;margin:0;}
ul#gallery a:hover img {border: 1px solid #6B9A00;color: #fff; }
ul#gallery a:hover { color: #6B9A00; }
/***fin de galeria*******************************************/


/***sidebar*******************************************/
.side-bar-left { width:220px; margin-top: 10px; margin-right:-236px; position:relative; float:left; clear:left;}
.side-bar-left-indent { padding:0px 29px 0px 23px; }
.side-bar-left-indent h2 { font-size:1.2em;}

.navigationmenu .norelated{display:none;}
.navigationmenu ul{list-style:none; width:100%;margin:0px;}
.navigationmenu li{margin-bottom: 0.2em; width:165px; overflow:hidden;}
.navigationmenu li.child{color:#7C6240; margin-bottom: 0.2em; background:url(../imagenes/fondoBotonOut.jpg) no-repeat top left;}
.navigationmenu li.self{color:#7C6240; margin-bottom: 0.2em; background:url(../imagenes/fondoBotonOut-self.jpg) no-repeat top left;}
.navigationmenu li.parent{color:#7C6240; margin-bottom: 0.2em; background:url(../imagenes/fondoBotonOut-parent.jpg) no-repeat top left;}
.navigationmenu li.liover{background:url(../imagenes/fondoBotonIn.jpg) no-repeat top left; cursor:pointer;}
.navigationmenu li a{ line-height:33px; text-transform:uppercase; font-size: 9px; font-weight:bold; margin-left:10px;white-space: nowrap;width:10px}

ul.sidebar-options{list-style:none;margin:0; font-size: 90%; background: url(../imagenes/sidebar-options.jpg) repeat-y left;  margin: 10px 0px 0 2px;  width:165px;}
ul.sidebar-options .sidebar-options-f1 {background: url(../imagenes/sidebar-options-top.jpg) no-repeat top left;}
ul.sidebar-options .sidebar-options-f2 {background: url(../imagenes/sidebar-options-bottom.jpg) no-repeat bottom left;}
ul.sidebar-options li.titulo-side{border-bottom: dashed 1px #6B9902; border-top:solid 4px #6B9902; padding:5px; margin-bottom: 5px; margin-right:9px;}
ul.sidebar-options li.titulo-side h2 { color:#6B9902}
ul.sidebar-options ul{list-style:none;margin:10px 10px 10px 5px;}
ul.sidebar-options ul li{margin:5px 0px 5px 0px;}
ul.sidebar-options ul a{margin:0px 0px 0px 10px;}

/*****cotizacion Form******************************************/
#cotizacion-form fieldset{border:0;}
#cotizacion-form ul.form{list-style:none; padding:0; margin:10px 0 10px 0px; width:530px; border:0;}
#cotizacion-form ul.form li label{display:block; float:left;width:120px; color: #6B9902}
#cotizacion-form .required{display:block;font-size:9px;color:#6B9902;width:100px;float:left;clear:left; margin-bottom: 2px;}
#cotizacion-form ul.form li.submit{text-align:center;border:0;}
#cotizacion-form ul.form li.submit input{width:150px; cursor:pointer;}
#cotizacion-form ul.form li{border-bottom:1px dashed #ddd; padding:6px 0; height:22px; width:430px; margin: 0 auto;}
#cotizacion-form li.submit{height:15px !important;}
#cotizacion-form li.details{height:85px !important;}
#cotizacion-form .valid{border:2px solid green !important;}
#cotizacion-form .invalid{border:2px solid #800 !important;}
#cotizacion-form ul.form li input{width:300px;}
#cotizacion-form ul.form li textarea{height:80px;width:300px;}
#cotizacion-form ul.form li input.colores,
#cotizacion-form ul.form li select.colores,
#cotizacion-form ul.form li textarea.colores{color: #666; background-color: #fff;border:2px solid #ddd;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
/*****Fin de cotizacion Form******************************************/



/*****amigo Form******************************************/
#amigo-form fieldset{border:0;}
#amigo-form ul.form{list-style:none; padding:0; margin:10px 0 10px 0px; width:530px; border:0;}
#amigo-form ul.form li label{display:block; float:left;width:120px; color: #6B9902}
#amigo-form .required{display:block;font-size:9px;color:#6B9902;width:100px;float:left;clear:left; margin-bottom: 2px;}
#amigo-form ul.form li.submit{text-align:center;border:0;}
#amigo-form ul.form li.submit input{width:150px; cursor:pointer;}
#amigo-form ul.form li{border-bottom:1px dashed #ddd; padding:6px 0; height:22px; width:430px; margin: 0 auto;}
#amigo-form li.submit{height:15px !important;}
#amigo-form li.details{height:85px !important;}
#amigo-form .valid{border:2px solid green !important;}
#amigo-form .invalid{border:2px solid #800 !important;}
#amigo-form ul.form li input{width:300px;}
#amigo-form ul.form li textarea{height:80px;width:300px;}
#amigo-form ul.form li input.colores,
#amigo-form ul.form li select.colores,
#amigo-form ul.form li textarea.colores{color: #666; background-color: #fff;border:2px solid #ddd;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
/*****Fin de amigo Form******************************************/

/*****Login Form Simple******************************************/
#login-form-simple fieldset{border:0;}
#login-form-simple ul.form{list-style:none; padding:0; margin:0 0 0 0; width:100%; padding: 3px 0px 3px 10px;}
#login-form-simple ul.form li label{display:block; float:left;width:110px; color: #6B9902}
#login-form-simple .required{display:block;font-size:80%;color:#6B9902;width:130px;float:left;clear:left; margin-bottom: 2px;}
#login-form-simple ul.form li.submit{text-align:center;border:0;}
#login-form-simple ul.form li.submit input{width:120px; cursor:pointer;}
#login-form-simple ul.form li{border-bottom:1px dashed #ddd; padding:6px 0; height:40px; width:125px;}
#login-form-simple li.submit{height:15px !important;}
#login-form-simple .valid{border:2px solid green !important;}
#login-form-simple .invalid{border:2px solid #800 !important;}
#login-form-simple ul.form li input{width:120px;}
#login-form-simple ul.form li input.colores,
#login-form-simple ul.form li select.colores{color: #666; background-color: #FFF;border:2px solid #ddd;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
/*****Fin Login Form Simple******************************************/


/*****contact Form******************************************/
#contact-form fieldset{border:0;}
#contact-form ul.form{list-style:none; padding:0; margin:0 auto; width:95%; border:0;}
#contact-form ul.form li label{display:block; float:left;width:90px; color: #6B9902}
#contact-form .required{display:block;font-size:9px;color:#6B9902;width:90px;float:left;clear:left; margin-bottom: 2px;}
#contact-form ul.form li.submit{text-align:center;border:0;}
#contact-form ul.form li.submit input{width:300px; cursor:pointer;}
#contact-form ul.form li{border-bottom:1px dashed #ddd; padding:6px 0; height:auto; width:100%;}
#contact-form li.submit{height:15px !important;}
#contact-form li.message{height:170px !important;}
#contact-form .valid{border:2px solid green !important;}
#contact-form .invalid{border:2px solid #800 !important;}
#contact-form ul.form li input{width:300px;}
#contact-form ul.form li textarea{ display:inline; height:160px;width:300px;}
#contact-form ul.form li input.colores,
#contact-form ul.form li select.colores,
#contact-form ul.form li textarea.colores{color: #666; background-color: #FFF;border:2px solid #ddd;padding-left:3px;margin-top:5px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
/*****Fin de contact Form******************************************/

/***box*************display: inline-block; peekaboo fix******************************/
.border-left{background:url(../imagenes/border-left.jpg) repeat-y left #FFFFFF;}
.border-right{background:url(../imagenes/border-right.jpg) repeat-y right; }
.border-top{background:url(../imagenes/border-top.jpg) repeat-x top;}
.border-bot{background:url(../imagenes/border-bot.jpg) repeat-x bottom;}
.corner-top-left{background:url(../imagenes/corner-top-left.jpg) no-repeat left top;}
.corner-top-right{background:url(../imagenes/corner-top-right.jpg) no-repeat right top;}
.corner-bot-left{background:url(../imagenes/corner-bot-left.jpg) no-repeat left bottom;}
.corner-bot-right{background:url(../imagenes/corner-bot-right.jpg) no-repeat right bottom; padding-right: 10px;}
/***end box*******************************************/

/***box*************display: inline-block; peekaboo fix******************************/
.fondocontainer1{background:url(../imagenes/fondocontainer1.jpg) repeat; }
.fondocontainer1-border-left{background:url(../imagenes/fondocontainer1-border-left.jpg) repeat-y left; }
.fondocontainer1-border-right{background:url(../imagenes/fondocontainer1-border-right.jpg) repeat-y right;}
.fondocontainer1-border-top{background:url(../imagenes/fondocontainer1-border-top.jpg) repeat-x top;}
.fondocontainer1-border-bottom{background:url(../imagenes/fondocontainer1-border-bottom.jpg) repeat-x bottom;}
.fondocontainer1-corner-top-left{background:url(../imagenes/fondocontainer1-corner-top-left.jpg) no-repeat left top;}
.fondocontainer1-corner-top-right{background:url(../imagenes/fondocontainer1-corner-top-right.jpg) no-repeat right top;}
.fondocontainer1-corner-bottom-left{background:url(../imagenes/fondocontainer1-corner-bottom-left.jpg) no-repeat left bottom;}
.fondocontainer1-corner-bottom-right{background:url(../imagenes/fondocontainer1-corner-bottom-right.jpg) no-repeat right bottom;}
/***end box*******************************************/

/***box*************display: inline-block; peekaboo fix******************************/

.fondocontainer2-border-left{background:url(../imagenes/fondocontainer2-border-left.jpg) #FFF repeat-y left; }
.fondocontainer2-border-right{background:url(../imagenes/fondocontainer2-border-right.jpg) repeat-y right;}
.fondocontainer2-border-top{background:url(../imagenes/fondocontainer2-border-top.jpg) repeat-x top;}
.fondocontainer2-border-bottom{background:url(../imagenes/fondocontainer2-border-bottom.jpg) repeat-x bottom;}
.fondocontainer2-corner-top-left{background:url(../imagenes/fondocontainer2-corner-top-left.jpg) no-repeat left top;}
.fondocontainer2-corner-top-right{background:url(../imagenes/fondocontainer2-corner-top-right.jpg) no-repeat right top;}
.fondocontainer2-corner-bottom-left{background:url(../imagenes/fondocontainer2-corner-bottom-left.jpg) no-repeat left bottom;}
.fondocontainer2-corner-bottom-right{background:url(../imagenes/fondocontainer2-corner-bottom-right.jpg) no-repeat right bottom;}
/***end box*******************************************/



/***footer*******************************************/
#footer{font-size:1.09em; line-height:1.12em; color:#565656; font-weight:normal; padding:0px 20px 0px 0px; clear:both;}
#footer p{margin: 0; padding:0;}
#footer a{margin: 0; padding:0;}
#footer a:hover{text-decoration:none;}
.foot {background: repeat-x url(../imagenes/foodt-bg.jpg) bottom; width:100%;text-align:left;}
#footer ul{list-style:none; font-size:9px}
/***end footer*******************************************/

