/** 
 * 
 * http://www.gamanegocios.com
 * Imagen Web - SingleClick Solutions
 * Hoja de estilos
 */

/*	Clear
************************************/

* { margin: 0; padding: 0; }
ul { list-style-type: none }
a { text-decoration: none; color: #000000; }
a:hover { text-decoration: underline }
em { font-style: normal }
table { border-collapse: collapse }
.clear { clear: both }
fieldset { border:none }
body { height:100%; }
html { min-height: 100%; height: 100%; }
option { background-color: #FFFFFF; }
img { border:none; }
li { list-style:none; }
/* div, input, span, img{ .behavior: url("Javascript/PngPath/iepngfix.htc");} */




/*	Estructura general
************************************/
body { font-family:Arial, Helvetica, sans-serif; font-size:13px; background-color: #003B59; color:#045a89; }
#contenedor-principal { width: 1197px; margin-left: auto; margin-right: auto; }
#contenido { width: 955px; padding-left: 120px; }
#contenedor { width: 1197px; background-image: url(../Imagenes/Sistema/fondo-medio.jpg); background-repeat: repeat-y; }

/*	Encabezado
************************************/
#encabezado {}
	#encabezado .menu { height: 76px; padding-top: 315px; padding-left: 10px; }
	#encabezado { padding-left: 116px; width: 1081px;  background-repeat: no-repeat; }
	#encabezado.index { height: 505px; background-image: url(../Imagenes/Sistema/encabezado.jpg); }
	#encabezado.interna { height: 353px; background-image: url(../Imagenes/Sistema/encabezado-interna.jpg); }
	#encabezado.interna .menu{ padding-top:160px; }	
	#encabezado .menu ul li { float: left; }
	#encabezado .menu ul li a{ background-image: url(../Imagenes/Sistema/fondo-menu.gif); background-repeat: repeat-x; background-position: bottom; width: 157px; text-align: center; height: 36px; padding-top: 40px; color: #0a456f; font-weight: bold; font-size:14px; text-decoration:none; display:block;}
	#encabezado .menu ul li a:hover{ background-image: url(../Imagenes/Sistema/fondo-menu-res.gif); background-repeat: repeat-x; background-position: bottom; width: 157px; text-align: center; height: 36px; padding-top: 40px; color: #FFF; font-weight: bold; font-size:14px; text-decoration:none; display:block; }
	#encabezado .menu ul li a.res{ background-image: url(../Imagenes/Sistema/fondo-menu-res.gif); background-repeat: repeat-x; background-position: bottom; width: 157px; text-align: center; height: 36px; padding-top: 40px; color: #FFF; font-weight: bold; font-size:14px; text-decoration:none; display:block; }
	#encabezado .buscador { width: 945px; padding-left: 10px; }
	#encabezado .buscador .form-buscador { float: right; width: 233px; }
	#encabezado .buscador .form-buscador #q { width: 180px; font-size: 12px; background: transparent; border: none; }


/* Pie 
************************************/
#pie { height: 198px; background-image: url(../Imagenes/Sistema/pie.jpg); background-repeat: no-repeat; padding-left: 117px; padding-top: 40px; }
	#pie .logos { padding: 20px; padding-top: 25px; }
	#pie .derechos { padding-top: 35px; font-size: 13px; font-weight: bold; text-align: center; color: #a7caf2; }
	

/*	Estilos generales
************************************/

.mensaje-confirmacion { margin:0 auto; text-align:center; width: 990px; height: 45px; background-color:#336699; }
.mensaje-error { margin:0 auto; text-align:center; width: 990px; height: 45px; background-color:#da251c; }
#mensaje p { text-align:center; padding-top:15px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:14px; }

/* Paginador
*************************************/
.contenedor-paginacion { height: 30px; padding-top: 15px; text-align: right; }
.contenedor-paginacion .paginacion { float: right; height: 18px; }
.contenedor-paginacion .paginacion li { color:#35969f; float: left; padding-left: 5px; padding-right: 5px; font-weight: bold; text-align: center; }
.contenedor-paginacion .paginacion .activo { background-image: url(../Imagenes/Template/fondo-link-paginador.gif); background-repeat: no-repeat; background-position: center center; width: 18px; color: #FFFFFF; text-decoration: none; display: block; }
.contenedor-paginacion .paginacion .palabra { color:#35969f; display: block; }
.contenedor-paginacion .paginacion a { padding-top: 2px; height: 18px; }
.contenedor-paginacion .paginacion .normal { display: block; }

/* Apariencia general del formulario */
.contenedorformulario { }
.contenedorformulario .tablaformulario { border-collapse: collapse; width: 80% }
.contenedorformulario td { padding-right:30px; }
.contenedorformulario .etiquetas { text-align:left; padding-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width: 150px; padding-right: 15px; }
.contenedorformulario .colboton { text-align:center; }
.contenedorformulario .tabla-formulario-movimiento { border-collapse: collapse; }
.contenedorformulario .titulo { text-align:left; padding:5px 0 10px 5px; background-color: #666666; color:#FFFFFF; font-size: 16pt; font-style: bold; letter-spacing: 0.05em; }
.contenedorformulario fieldset { padding:20px; }
.contenedorformulario .contenedor-campo { padding-top:20px; padding-right:30px; float:left; display:inline; }
.contenedorformulario .contenedor-error { padding-top:20px; padding-right:30px }
.contenedorformulario .contenedor-botones { padding-top:10px; padding-right:0px; text-align:right; }
.contenedorformulario .contenedor-botones input { float:right; }
.contenedorformulario label { color:#474747; font-weight:normal; display:block; font-size: 12px; padding-bottom: 5px; }
.contenedorformulario select option { }
.contenedorformulario textarea { width:500px; height:120px; padding:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border: 1px solid #a3a3a3; background: transparent url('../Imagenes/Template/input-fondo-largo.gif') repeat-x top left; font-weight: bold; }
.contenedorformulario .contenedor-grid { padding-top: 30px; padding-left:17px; }
.contenedorformulario p { padding-top:0px; }
.contenedorformulario .contenedor-botones { padding-right:0px; text-align:right; }
.contenedorformulario .contenedor-botones input { float:right; }
.contenedorformulario .imagen-captcha { float:left; }
.contenedorformulario .input-captcha { float:left; }

/* inicio: Autocompletar
***********************************/
.yui-skin-sam .input { position:static;width:20em; vertical-align:middle;}
.yui-skin-sam .yui-ac-container { width:20em; left:0px;}
.componente-autocompletar { z-index:9001; } 
.componente-autocompletar .input-autocompletar{ float: left; } 
.componente-autocompletar .boton-autocompletar{ float: right; }

.yui-ac .yui-button {vertical-align:middle;}
.yui-ac .yui-button button {background: url(../Imagenes/Template/ac-arrow-rt.png) center center no-repeat }
.yui-ac .open .yui-button button {background: url(../Imagenes/Template/ac-arrow-dn.png) center center no-repeat}

/**************************/    
/* fin: Autocompletar */    

/* Contacto 
****************************************/
#tabla-contacto tr td .contenedorformulario form #tabla-formulario tr td { padding:5px; }

/* Campos globales */
input[type="text"], input[type="password"], select { border: 1px solid #CCC; padding:2px; background-image: url(../Imagenes/Sistema/fondo-input.gif); background-repeat: repeat-x; background-position: bottom; }
input[type="submit"], input[type="button"] { border:1px solid #666; cursor:pointer; padding-bottom:3px; padding-top/*\**/:4px\9; font-size:11px; height:24px; width:100px; color:#FFF; background-color:#069; }
input[type="submit"]:hover, input[type="button"]:hover { border:1px solid #666; cursor:pointer; padding-bottom:3px; padding-top/*\**/:4px\9; font-size:11px; height:24px; width:100px; color:#000; background-color:#EEE; }
.img-capcha { float:left; }
.campo-campcha { float:left; padding-top:15px; }


/* Artículos 
****************************************/

.fondo-articulos { background-image: url(../Imagenes/Sistema/articulos.jpg); background-repeat: no-repeat; background-position: center top; height: 122px; }
.articulos .contenedor-imagen { float: left; }
.articulos .contenedor-articulo { float: left; padding: 15px; width: 600px; }
.articulos .contenedor-articulo h1 { font-family: "Trebuchet MS"; font-size: 24px; display: block; float: left; width: 430px; }
.contenedor-articulo .info-articulo { float: right; font-size: 11px; color: #666666; text-align: right; }
.contenedor-articulo .vistas { font-size: 14px; float: right; display: block; }

/* Album 
****************************************/

.album .contenedor-imagen { float: left; }
.album .contenedor-album { float: left; padding: 15px; }
.album .contenedor-album h1 { font-family: "Trebuchet MS"; font-size: 24px; display: block; float: left; width: 700px; }
.contenedor-album .info-imagen { float: right; font-size: 11px; color: #666666; text-align: right; }
.contenedor-album .vistas { font-size: 14px; float: right; display: block; }
.derecha .minuatura-imagen { padding-bottom:20px; }

/* Encuestas
****************************************/
.encuesta .opciones-encuesta li { padding: 3px; color:#FFF; }
.encuesta .opciones-encuesta .texto-opcion { font-size: 14px; font-weight: bold; }
.encuesta h1 { font-size:14px; color:#FFF; font-weight:bold; }
.contenedor-album .imagen-album { text-align: center; width: 960px; }
.categorias-items .derecha .texto-resultados { font-size: 14px; font-weight: bold; }
.encuesta { }
.encuesta .contenedor-botones { float:right; padding-top:10px; }
.encuesta .contenedor-botones input { background-image:url(../Imagenes/Template/input-fondo-text.gif); background-color:#FFF; background-repeat: repeat-x; }
.encuesta .contenedor-botones input:hover { background-image:url(../Imagenes/Template/input-fondo-text-res.gif); background-color:#CCC; background-repeat: repeat-x; }
/* Contacto */

.contenedor-contacto { padding: 20px; }
.contenedor-contacto .tabla-contacto td { padding:5px; }
.contenedor-contacto .informacion-contacto { font-size: 12px; font-weight: normal; float:right; }


/* Loader */
.loading-claro { background-image: url(../Imagenes/Template/ajax-loader.gif); background-repeat: no-repeat; background-position: center center; height:32px; width:32px; }



/* Articulos */
.miga { padding-bottom: 25px; }
.contenedor-articulo .info-general { color:#C00; font-weight:bold; float:left; padding-bottom:30px; }
.contenedor-articulo .info-general li { float:left; padding-right:10px; padding-left:10px; border-right-width: 1px; border-right-style: solid; border-right-color: #900; }
.item-articulo { padding-top:15px; padding-bottom:15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; }
.item-articulo h1 { font-size:16px; color:#333; }
.item-articulo img { padding:8px; }
.link-articulo { float:right; }
.link-articulo a { color:#333; font-weight:bold; display:block; padding-top:10px; }
.titulo-grande-rojo { font-size: 22px; font-family: Arial, Helvetica, sans-serif; color: #036; display: block; }
.relacionados-seccion { float: left; width: 320px; padding: 15px; background-color: #F9F9F9; }
.contenedor-seccion { padding: 10px; float: left;  width: 620px; }

.titulo-redondo { height: 36px;}
.titulo-redondo .li { height: 36px; width: 13px; background-image: url(../Imagenes/Sistema/titulorojo-izquierdo.gif); background-repeat: no-repeat; }
.titulo-redondo .ld { width: 13px; height: 36px; background-image: url(../Imagenes/Sistema/titulorojo-derecho.gif); background-repeat: no-repeat;  }
.titulo-redondo .texto { padding: 5px; height: 26px; background-color: #1f4d88; color: #FFF; font-size: 20px; }

/* Comentarios */
#FormComentario { background-color:#FFF; background-image: url(../Imagenes/Template/fondo-largo.gif); background-repeat: repeat-x; background-position: top; }
.seccion { }
.relacionados-seccion .articulos-relacionados { padding-bottom: 15px; }
.contenedor-seccion .contenedor-banner5 { text-align: center; padding: 0px; padding-top: 10px; padding-bottom: 30px; }
.formulario-comentario label span { display: block; }
.formulario-comentario label { float: left; padding-top: 10px; }
.formulario-comentario label textarea { width: 580px; height: 80px; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:8px; border:solid 1px #CCC; }
.formulario-comentario .input-text { border:solid 1px #CCC}
.formulario-comentario { padding: 15px; }
.formulario-comentario .separador { width: 20px; float: left; padding-top: 10px; }
.formulario-comentario label span .requerido { color: #C00; display: inline; font-size: 11px; }
.formulario-comentario .bot-enviar { float: right; }
.comentario { padding:15px; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCC; }
.comentario .avatar { width:55px; padding:4px; background-image: url(../Imagenes/Sistema/fondo-avatar.gif); height: 55px;  }
.comentario .c1 { float:left; width:70px; }
.comentario .c2 { float:left; padding-left:15px; width:480px; }
.comentario .subcomentarios { padding-left:70px;}
.comentario .subcomentarios .c2 { float:left; padding-left:15px; width:380px; }
.comentario .subcomentarios .comentario { margin-top:30px;}

/* inicio: Index */
.cizquierdo { width: 625px; float: left; padding-left: 15px; }
.cderecho { float: left; width: 285px; padding-left: 30px; }
.marca { padding: 20px; padding-right: 0px; }
.marca .img-marca { float: left; padding-right: 15px; }
.tabla-img { background-image: url(../Imagenes/Sistema/fondo-tabla1.gif); width: 447px; height: 261px; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; }
.info { background-color: #f7f7f7; padding: 15px; margin-top: 20px; }
.titulo-verde { color: #17b90b; font-size: 14px; font-weight: bold; display: block; padding-left: 20px; background-image: url(../Imagenes/Sistema/vineta-verde.gif); background-position: left center; background-repeat: no-repeat; }
.titulo-verde-grande { color: #17b90b; font-size: 24px; font-weight: bold; display: block; padding-left: 20px; background-image: url(../Imagenes/Sistema/vineta-verde.gif); background-position: left center; background-repeat: no-repeat; }
.info .text { padding-top: 10px; padding-left: 20px; }

/* Producto listado*/
.producto { padding:15px;}
.producto img { float:left; padding-top:10px; padding-right:10px; }
.producto .text { float:left; padding-top:15px; width:450px; }
.producto .mas { float:right; padding-top:15px; font-weight:bold;}

/* Carrousel */
#carrousel ul li { color: #D6D6D6; background-color: #E6E6E6; width: 120px; height: 125px; float: left; margin-left: 5px; margin-right: 5px; }
.c-carrousel .atras { float: left; margin-top: 40px; padding-right: 10px; cursor: pointer; }
.c-carrousel #carrousel ul li a { display: block; padding-left: 10px; padding-top: 8px; }
.c-carrousel { padding-top: 10px; }

.c-carrousel .adelante { float: left; padding-top: 40px; padding-left: 10px; cursor: pointer; }

/*Productos derecha*/
.list-productos { margin-bottom:20px; }
.list-productos ul li { background-image: url(../Imagenes/Sistema/vineta-productos.gif); background-repeat: no-repeat; background-position: left center; padding-left: 35px; height: 25px; margin-bottom: 8px; margin-top: 15px; margin-bottom:15px; width:230px;}
.list-productos ul li a { display: block; height: 21px; padding-top: 4px; padding-left: 9px; font-weight: bold;color: #FFF; text-decoration: none; font-size: 14px;  }
.list-productos ul li a:hover { display: block; height: 21px; padding-top: 4px; padding-left: 9px; font-weight: bold; color: #FF3; text-decoration: none; font-size: 14px; }
.list-productos { padding-top: 15px; padding-left: 10px; padding-bottom: 15px; }


.cderecho .vinculos { padding: 20px; height: 279px; background-image: url(../Imagenes/Sistema/fondo-tablalateral.jpg); background-repeat: no-repeat; margin-left: 0px; }
.cderecho .vinculos ul li { background-color:#f7f7f7; margin-top: 15px; margin-bottom: 15px; padding:6px;}
.cderecho .vinculos ul .v1 { background-image: url(../Imagenes/Sistema/icono-nuevosnegocios.jpg); background-repeat: no-repeat; background-position: left center;  }
.cderecho .vinculos ul a { display: block; padding: 8px; margin-left: 65px; text-align: center; font-weight: bold; font-size: 14px; color: #1c7da8; padding-top: 13px; }
.vinculos ul .v2 { background-image: url(../Imagenes/Sistema/icono-proyectos.jpg); background-position: left center; background-repeat: no-repeat; }
.vinculos ul .v3 { background-image: url(../Imagenes/Sistema/icono-noticias.jpg); background-position: left center; background-repeat: no-repeat;}
.buscador .form-buscador form #qe { }
.buscador .form-buscador form #qe { margin-top: 5px; }
.buscador .form-buscador form .margen { padding-top: 10px; float: left; }
.buscador .form-buscador form .margen1 { float: left; width: 180px; padding-top: 19px; }
.margen-seccion { margin-left: 10px; }
.marca .desc-marca { width: 600px; display: block; }
#carrousel { float: left; }

/*el carrusel*/
.jcarousel-skin-tango .jcarousel-container {float:left; width: 400px; -moz-border-radius: 10px;}
/*
.jcarousel-skin-tango .jcarousel-container-horizontal {height: 150px; padding: 20px 40px;}

.jcarousel-skin-tango .jcarousel-container-vertical { width: 40px; height: 300px; padding: 40px 20px;}
*/
.jcarousel-skin-tango .jcarousel-clip-horizontal {    width:  100px; height: 100px;}

.jcarousel-skin-tango .jcarousel-clip-vertical {    width:  100px; height: 100px;}

.jcarousel-skin-tango .jcarousel-item {    width: 75px; height: 75px;}

.jcarousel-skin-tango .jcarousel-item-horizontal {    margin-right: 10px;}

.jcarousel-skin-tango .jcarousel-item-vertical {    margin-bottom: 10px;}
/*
.jcarousel-skin-tango .jcarousel-item-placeholder {    background: #fff;    color: #000;}
*/
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {    position: absolute;    top: 43px;    right: 5px;    width: 32px;    height: 32px;    cursor: pointer;    background: transparent url(next-horizontal.png) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {    background-position: -32px 0;}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {    background-position: -64px 0;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {    cursor: default;    background-position: -96px 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal {    position: absolute;    top: 43px;    left: 5px;    width: 32px;    height: 32px;    cursor: pointer;    background: transparent url(prev-horizontal.png) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {    background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {    background-position: -64px 0;}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {    cursor: default;    background-position: -96px 0;}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {    position: absolute;    bottom: 5px;    left: 43px;    width: 32px;    height: 32px;    cursor: pointer;    background: transparent url(next-vertical.png) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {    background-position: 0 -32px;}
.jcarousel-skin-tango .jcarousel-next-vertical:active {    background-position: 0 -64px;}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {    cursor: default;    background-position: 0 -96px;}

.jcarousel-skin-tango .jcarousel-prev-vertical {    position: absolute;    top: 5px;    left: 43px;    width: 32px;    height: 32px;    cursor: pointer;    background: transparent url(prev-vertical.png) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {    background-position: 0 -32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {    background-position: 0 -64px;}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {    cursor: default;    background-position: 0 -96px;}
#contenido .filtros { padding: 15px; overflow: hidden; }
.filtros .marcas { float: right; }
.miga-pan { color: #000; font-size:11px;}
.miga-pan a{ font-size:11px; }
.t1-arriba { background-image: url(../Imagenes/Sistema/tabla1-header.gif); background-repeat: no-repeat; background-position: center; width: 467px; height: 16px; margin-left: auto; margin-right: auto; }
.t1-centro { background-image: url(../Imagenes/Sistema/tabla1-centro.gif); background-repeat: repeat-y; background-position: center; width: 467px; text-align: center; margin-left: auto; margin-right: auto; }
.t1-abajo { background-image: url(../Imagenes/Sistema/tabla1-footer.gif); background-repeat: no-repeat; background-position: center; width: 467px; height: 16px; margin-left: auto; margin-right: auto; }
#google_translate_element { float: right; margin-bottom: 15px; margin-top: -30px; }
#google_translate_element div{ text-align:right; }
.index #slide { margin-bottom: 15px; }
#lista-productos { background-color: #012b44; width:157px; display: none; position:absolute; z-index:100;}
#lista-productos ul li { float:none !important }
#lista-productos ul li a{margin:0px !important; padding:6px !important; background:none !important; height:auto !important; color:#fff !important; width:145px !important;  }
#lista-productos ul li a:hover{ color:#FFFF00 !important;;}