/*
=EfectosCluster.com.ar
*/
/* Los iconos utilizados pertenecen a FamFamFam.com y son utilizados bajo licencia */ 

/*
=Globales
*/
* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, 
blockquote, label, ul, ol, dl, fieldset, address {
	margin: .25em 0;  
}
ul, ol, dl {
	padding-left:1em;
	list-style: square;
}
li, dd, blockquote {
        margin-left: 5%;
}
form label {
	cursor: pointer;
}
fieldset {
	border: none;
	padding: .5em;
}
input, select, textarea {
	font-size: 100%;
}

abbr,
acronym {border:none;}
abbr[title],
acronym[title] {
	border-bottom: 1px dotted #666;
	cursor: help;
}
abbr.dtstart, abbr.dtend {border:none !important;}

img {
/*	display:block;*/
}
hr {clear: both; visibility: hidden; display:block; height: 0;}

body {  
	font: 76%/1.5 tahoma, helvetica, arial, sans-serif;
	color: #000;
	background: #ffc url(/images/bg.gif) repeat fixed 0 0;
	text-align: center;
	letter-spacing: 1px;
}

/*
=Disposicion principal
*/
#container {
	min-width: 765px;
	max-width: 80em;
	text-align: left;
	margin: 0 auto;
	border: 1px solid #ffd700;
	border-width: 0 1px 1px;
	background: #fff url(/images/bg.png) repeat-x 0 0;
	position: relative;
}
#encabezado {
	position: relative;
	padding-left: 1%;
}
#logo {
	padding-top: 1%;
}

#menuInfo {
	text-align: left;
	position: absolute;
	top: 10px;
	right: 0;
	font-size: .9em;
	margin-right: 8px;
border-right: 1px solid #c00;
}
#menuSecciones {

}
#contenido {
	clear:both;
	padding: .5% 1% 1.5%;
	height: 100%;
}
#principal {
	float: left;
	width: 69%;
	margin-bottom: 12px;
}
#secundario {
	float: right;
	width: 30%;
	margin-bottom: 12px;
}
#flash {
	clear: both;
	text-align: center;
}
#pie {
	clear: both;
	padding: .5em 2%;
	text-align: center;
	border-top: 2px solid #ffd700;
	background: #fffaaa;
}

/*
=Enlaces
*/
/* generales */
a {
	color: #33a;
	text-decoration: none;
	border-bottom: 1px solid #ffd700;

}
a:visited {
	color: #000;
}
a:hover, a:focus {
	background: #ffc;
	color: #000;	
}

/*
=Menu Empresa
*/
#menuInfo h2 {
	font-size: 1.25em;
	background: #c00;
	color: #fff;
	padding-right: 8px;
	margin: 0;
	border-bottom: 2px solid #cc0;
text-align: right;
}

#menuInfo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	text-align: right;
}
#menuInfo li {
	margin: 0;
	padding: 0;

}
#menuInfo a {
	display: block;
	padding: 2px 4px;
	border: 1px solid #ffd700;
	border-width: 0 0 1px;
	height: 100%;
	width: 11em;
}

#menuInfo a:hover, #menuInfo a:focus, #menuInfo li a.active {
	color: #c00;
	background: #fffaaa;
	border-color: #cc0;
}

/*
=Menu Secciones
*/
#menuSecciones {
	overflow: hidden;
	height: 100%;
}
#menuSecciones ul {
	list-style-type: none;
	margin: .25em 0 .5em;
	padding: 0;
	overflow: hidden;
	height: 100%;
}
#menuSecciones li {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 3px;
	border-bottom: 2px solid #c00;
}
#menuSecciones a {
	display: block;
	float: left;
	width: auto;
	color: #000;
	padding: 2px 2px 2px 4px;
	font-weight: bold;
	border: 4px solid #fff;
	border-width: 0 0 3px;
	background-color: transparent;
	font-variant: small-caps;
	outline: none;
}

#menuSecciones a:hover, #menuSecciones a:focus, #menuSecciones li a.active {
	border-color: #ffd700;
	color: #c00;
}

/*
=Titulos
*/
h1, h2, h3, h4, h5, h6 {
	font: bold 1.5em/1.5 georgia, arial, georgia, serif;
	color: #000;
}

/*
=Encabezado
*/
#encabezado h1 {
	color: #000;
	font-size: 1.5em;
	font-family: arial, sans-serif;	
	margin: 0;
	padding: 0;
}
#encabezado h1 span {
	display: none;
}

/*
=Logo
*/
#logo img {
	border: 0;
	display: block;
}
#logo a, #logo a:hover, #logo a:visited {
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent;
}

/*
=Inicio
*/


/*
=Thumbs
*/
.thumbs  {

}
.thumbs a, .thumbs a:hover {
	background: none;
	border: none;
}
a img.thumb {
	border: 4px solid #ccc;
}
.estatico a img.thumb {
	margin: 4px 12px 2px 0;
}

.distorsion img.thumb, .overdrive img.thumb {
	border-color: #393;
}
.tremolo img.thumb {
	border-color: #36c;
}
.phaser img.thumb {
	border-color: #000;
}
.compresor img.thumb {
	border-color: #c00;
}
.chorus img.thumb {
	border-color: #f90;
}
.auto-wah img.thumb {
	border-color: #aa0;
}
a:hover img.thumb, .thumbs a:hover img.thumb {
	border: 4px solid #ffd700;
}
/*
=Articulo
*/
.estatico, .enlaces, .producto, .articulo {
	clear:both;
	margin-bottom: 8px;
}
.intro {
	background: #fffaaa url(/images/br.gif) no-repeat 100% 100%;
	margin-bottom: 8px;
}
.intro p {
	background: transparent url(/images/tl.gif) no-repeat 0 0;
	padding: 2px 8px 2px 8px;
	margin-top: 0;
}
h2 {
	font-size: 1.5em;
	margin: 0;
	padding-left: 0;
	border-bottom: 2px solid #c00;
	background: #fff;
}
h2 a {
	display: block;
	color: #000;
	padding: 2px 0 0 10px;
	background: #fff;
	border-bottom: 3px solid #ffd700;
}
h2 a:hover {
	background: #ffc;
	color: #c00;
}

.cuerpo {
	padding: 4px 12px 4px;
	background: #fffaaa;
}
.cuerpo h3 {
	font-size: 1.25em;
	clear: left;
	color: #c00;
	margin-top: 0;
}
.cuerpo h4 {
	font-size: 1em;
	font-style: italic;
	border-bottom: 1px dotted #ffd700;
	clear: left;
}
.cuerpo p {
	margin-bottom: 1em;
	clear: left;
}
.nota {
	border: 1px solid #ccc;
	background: #ffc;
	padding: 2px 4px;
	font-size: .9em;
}

/*
=Comentarios
*/
#comentario {
	clear: both;
	margin: 12px auto 0;
	padding: 4px 0 0;
	border-top: 4px solid #ffd700;
	width:75%;
}
#comentario h3 {
	font-size: 1.25em;
}
#comentario h4 {

}
#txpCommentInputForm {
	margin-top: 20px;
	color: #000;
}
#txpCommentInputForm fieldset {
	border: 1px solid #ffd700;
	padding: 8px 16px;
}
#txpCommentInputForm legend {
	border: 1px solid #ffd700;
	padding: 2px 4px;
	background: #ffc;
	color: #000;
}
#txpCommentInputForm label {
	font-weight: bold;
}
#txpCommentInputForm label:hover {
	color: #c00;
}

#commentform, #botones {
}
#txpCommentInputForm p {
}
p#txpCommentInputForm {
	text-align: center;
	color: #c00;
}
#txpCommentInputForm input, #txpCommentInputForm textarea  {
	background: #fff;
	padding: 2px;
	font-size: 1em;
	font-family: tahoma, arial, sans-serif;
	letter-spacing: 1px;
	width: 98%;
	margin-bottom: .25em;
}
#txpCommentInputForm input:focus, #txpCommentInputForm textarea:focus, #txpCommentInputForm input.button:hover {
}

#txpCommentInputForm input.button {
	cursor: pointer;
	background: #ccc;
	width: auto !important;
}
#txpCommentInputForm input.button:hover {
	background: #ffc;
}
#txpCommentInputForm input.button:active {
	background: #ffd700;
}

ol.comments, .comments li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.comment {
	margin: 0 0 8px;
	padding: 0 8px 4px;
	font-size: .9em;
	border-bottom: 1px dotted #c00;
	background: #ffc;
}
.comment h4 {
	font-size: 1.2em;
	font-weight: normal;
	padding-left: 24px;
	background: #fffaaa url(/images/pencil_fffaaa.gif) no-repeat 2px 2px;
	margin: 0 -8px 4px;
}

.comment hr {display:none;}
#cpreview, #bien {
	padding: 2px 4px;
	margin: 4px 0;
	background: #0a0;
	color: #fff;
	line-height: 1.5;
}
#cpreview strong, #bien strong {

}
#error {
	
}
#error h4 {
	color: #c00;
}
#error ul {
	line-height: 1.5;
	background: #c00;
	color: #fff;
}

/*
=Bloque 
*/
.bloque {
	padding: 0 0px 4px;
	margin: 0 0 12px;
	font-size: .9em;
}
.bloque * {
	margin: 0 8px;
}
.bloque * * {
	margin: 0;
}
.bloque h3 {
	background: #fff;
	margin: 0 0 8px;
	padding: 0 0 0 8px;
	color: #c00;
	border-bottom: 2px solid #cc0;
}
.bloque .thumbs img {
	float: left;
	margin-right: 8px;
}
.bloque h4 {
	clear: both;
	font-size: 1.25em;
}
.bloque p {
}
.logos img {
	margin: 1px;
	border: 1px solid #ebebeb;
	vertical-align: top;
	padding: 2px;
}
.bloque .random-comment {
	background: transparent url(/images/oq_eef.gif) no-repeat 0 20px;

}
.random-comment .cuerpo-comment {
	background: transparent url(/images/cq_eef.gif) no-repeat 100% 95%;
	border-top: 1px solid #666;
}
.random-comment .firma {
	text-align: right;
	border-top: 1px solid #ffd700;
	padding-top: 2px;
	margin-top: 4px;
}
.random-comment .autor {
}
.bloque ul {
	padding-left: 0;
}
.bloque li, .estatico li, .cuerpo li {
	background: transparent url(/images/bullet_orange_eef.gif) no-repeat 0 2px;
	padding-left: 18px;
	margin-bottom: 2px;
	margin-left: 0;
	list-style: none;
}
.estatico li, .cuerpo li {
	background-image: url(/images/bullet_orange_fffaaa.gif);
}
#comentarios .recientes li {
	background: transparent url(/images/comment_eef.gif) no-repeat 0 2px;
	padding-left: 22px;
}
.bloque .negativo li {
	background: transparent url(/images/bullet_delete_eef.gif) no-repeat 0 2px;
}
.bloque .positivo li {
	background: transparent url(/images/bullet_add_eef.gif) no-repeat 0 2px;
}
.estatico .negativo li, #descripcion .negativo li {
	background-image: url(/images/bullet_delete_fffaaa.gif);
}
.estatico .positivo li, #descripcion .positivo li {
	background-image: url(/images/bullet_add_eef.gif);
}
#nuestros-pedales.bloque  li {
	background: transparent url(/images/tick_eef.gif) no-repeat 0 2px;
	padding-left: 22px;
}
#nuestros-pedales.estatico li {
	background: transparent url(/images/tick_fffaaa.gif) no-repeat 0 2px;
	padding-left: 22px;
}

#boletin fieldset {
	border: 1px solid #ffd700;
}
#boletin input {
	background: #fff;
	padding: 2px;
	font-size: 1em;
	font-family: tahoma, arial, sans-serif;
	letter-spacing: 1px;
}
#boletin input:focus, #boletin input.zemSubmit:hover {
}
#boletin input.zemSubmit {
	margin-top: 8px;
	cursor: pointer;
	background: #ccc;
}
#boletin input.zemSubmit:hover {
	background: #ffc;
}
#boletin input.zemSubmit:active {
	background: #ffd700;
}
#boletin label:hover {
	color: #c00;
}

#vacaciones {
	background: #e0ecfc url(/images/vacaciones.gif) no-repeat -30px 100%;
	height: 265px;
}
#vacaciones h3 {
	text-decoration: blink;
}

/* urgente */
#urgente {
	background: #f00;
	color: #ffc;
	padding: 2px 4px;
	font-size: .9em;
	margin: 1%;
	border: 4px dashed #c00;
	width: 65.5%;
}