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

body {
	background-image: url(images/fondo_roto_1.jpg);
	background-color:#333333;
	background-repeat:no-repeat;
	font-size: 8pt;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

@font-face {
  font-family: "Trebuchet MS";
  src: url(http://www.absoundscapes.com/_web/images/trebuc.ttf) format("truetype");
}


#contenedor{
	position:absolute;
	margin-top: 40px;
	margin-left: 30px;
	width: 500px;
	padding-bottom:30px;
	/*background-color:#CCCCCC;*/
}

#player{
	position:absolute;
	margin-top: 360px;
	margin-left: 573px;
	/*width: 320px;
	padding:3px;
	background-color:#fff;*/
}


#feedback{
	position:absolute;
	margin-top: 107px;
	margin-left: 550px;
	width: 300px;
	height:555px;
	background-color:#333;
	background: url(images/transpBlack75.png);
	padding:10px 15px;
	font-size:10px;
	text-align:left;
	line-height: 13px;
	overflow:auto;
	color:#ccc;
}

h3 {
	text-transform: normal;
	font-size:10px;
	margin-bottom:5px;
	margin-top:15px;
	padding-left:5px;
	color:#000;
	background-color:#009ee0;
	font-weight:normal;
	text-align:left;
	}


#logos {
	position:absolute;
	margin-top: 25px;
	margin-left: 810px;
	width: 85px;
	height: 40px;
}





/* TABS TABBED BOX */
/* ///////////////////////////////////////////// */

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:300px;
}
.tabbed_box h4 {
	font-size:8pt;
	color:#ffffff;
	letter-spacing:0px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	/*border:1px solid #494e52;*/
	/*background-color:#ccc;*/
	padding:8px;	
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	color:#555555;
	padding:3px 18px 6px 18px;
	text-decoration:overline;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	background-image:url(images/transpBlack90.png);
}
ul.tabs li a:hover {
	background-image:url(images/transpBlack10.png);
	color:#FFFFFF;
	text-decoration:underline;
	/*border-color:#2f343a;*/
}
ul.tabs li a.active {
	/*background-color:#cccccc;*/
	color:#009ee0;
	font-weight:normal;
	text-decoration:none;
	/*border:1px solid #464c54; 
	border-bottom: 1px solid #ffffff;*/
	background-image:url(images/transpBlack50.png);
}
.content {
	/*background-color:#b6b6b6;*/
	background-color:#333;
	padding:10px;
	/*font-family: Small Fonts,Arial,Helvetica;*/
	font-size:10px;
	text-align:justify;
	/*border:1px solid #464c54; */	
	/*background-image:url(images/content_bottom.jpg);*/
	/*background:#cccccc url(images/content_corner.gif) 100% 0 no-repeat;*/
	background: url(images/transpBlack75.png);
	line-height: 13px;
	overflow:auto;
	/*height:400px;*/
}

ul, div {behavior: url(images/iepngfix.htc); }

#contenido{
	position:relative;
	color:#ccc;}

#content_2, #content_3, #content_4, #content_5, #content_6, #content_7 { display:none; }

.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	/*border-bottom:1px solid #d6dde0;*/
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}







/* imagenes work */
/* ///////////////////////////////////////////// */
.content img{
	float:left;
	clear:none;
	border:1px solid #333;
	margin-right: 10px;
}

h2.fabricante{
	background: url(images/transpBlack50.png);
	text-transform: uppercase;
	font-size:10px;
	margin-bottom:3px;
	margin-top:20px;
	}

#texto{
	position:relative;
	}


h1 {
	text-transform: lowercase;
	font-size:11px;
	margin-bottom:10px;
	margin-top:10px;
	color:#009ee0;
	font-weight:normal;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color: #009ee0;
	text-align:right;
	}


/* enlaces */
/* ///////////////////////////////////////////// */

#enlace{
	float:left;
	width:400px;
	margin-bottom:10px;
	}

a:link,a:active,a:visited{
	color:#FFFFFF;
	}
	
a:hover{
	color:#ccc;
	}



/* JS ACCORDION */
/* ///////////////////////////////////////////// */
#accordion {
	margin:10px 0px;
	/*background-color:#c1c1c1;*/
	color:#000;
}

h3.toggler {
	/*cursor: pointer;*/
	font-family: Small Fonts;
	font-size: 14px;
	font-weight:normal;
	text-align:right;
	color: #ccc;
	margin: 0 0 10px 0;
	padding: 3px 25px 1px;
	background: url(images/transpCian25.png);
}

.element{
	margin-bottom:15px;
	}

div.element p {
	margin:0px;
	padding:10px 10px 10px 0px;}
	
div.element h4 {
	margin:0px;
	padding:4px;}

blockquote {padding:5px 20px;}



.bold{font-weight:bold;}





		/* FORM NEWSLETTER */
		
		 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter label {
			float:left;
			width:90%;
			clear:both;
			padding:5px 0;
		}
			 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter label span {
				float:left;
				width:110px;
				padding:0 10px;
				text-align:right;
				line-height:19px;
				height:19px;
			}
			 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter label input {
				position:relative;
				float:left;
				width:272px;
				border:1px solid #9e9d95;
				height:19px;
				line-height:19px;
				display:inline;
				margin: 0 8px 0 0px;
			}		 
				 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter label input.small {width:131px;}		
				
			
			/* LIST RADIO */
			
			 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter .listRadio {float:left; width:100%}	
				 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter .listRadio label input {
					float:left;
					width:auto;
					padding:0 10px;
					text-align:right;
					line-height:19px;
					height:19px;
					border:none;
				}	 
				 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter .listRadio p {padding-top:10px; float:left; width:100%}
				 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter .listRadio label {
					padding:1px 0 1px 30px;
					position:relative;
				}	 
					 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter .listRadio label span {
					width:400px;
					text-align:left;
				}	
				
				/* SUBMIT INPUT */
				
				 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter input.submit {
					float:left;
					display:inline;
					width:82px; height:25px;
					clear:both;
					text-indent:-9999px;
					border:none;
					margin: 20px 0 0 126px;
					background:url(../img/btn_submit.gif) top left no-repeat;
					cursor:pointer;
				} 	
	/* clearfix  */
		
		.clearfix:after {
		  content: "."; 
		  display: block;
		  height: 0; 
		  clear: both; 
		  visibility: hidden;
		}
		
		.clearfix {display: inline-table;}
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */					






/* ///////////////////////// FORMULARIO ///////////////////////////////// */

select {
 background-image:url(images/transpBlack10.png);
 color: #fff;
 font-size:10px;
}

textarea {
	background-image:url(images/transpBlack90.png);
	background-color:transparent;
	color: #ffffff;
	font-size:10px;
	width:200px;
	overflow:hidden;
	border: 1px solid #ccc;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

label{
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;}

input{
	color: #fff;
	background-image:url(images/transpBlack10.png);
	background-color:transparent;
	border: 1px solid #ccc;
	font-size:10px;
	padding-left:5px;
	width:200px;}

fieldset{
	border: 1px solid #ff0000;
	width: 20em;}

legend{
	color: #fff;
	border: 1px solid #ff0000;
	padding: 2px 6px;}

#contenido .submit{
	width:80px;
	float:right;
	font-size:9px;}

#contenido table{
	margin-bottom:20px;}	
	

#switch{
	position:absolute;
	left:750px;
	top:600px;
	padding:5px 15px;
	background-image:url(images/transpBlack10.png);
	background-color:transparent;
	}