/*  Special ---------------------- */
.pdf-file {
	background: transparent url(pdf.gif) no-repeat left;
}
.cleaner {
	display: block;
	clear:left;
	font-size: 0;
	height: 0;
}
#header a, #header hr, #header p,
h2.contactanos, 
hr, 
#mixdemedioslink a span,
#powered_by span {
	position: absolute;
	left: -5000px;
	top: -5000px;
}

a img {
	border: 0;
}

acronym, abbr{
	border-bottom: 1px dotted;
	cursor : help;
}

/* Layout ------------------------- */ 

body,
#mixdemedioslink {
	margin: 0;
	padding: 0;
}
#global {
	display: block;
	width: 750px;
	margin: 0 auto;
}
#content {
	margin: 20px;
}

#detailItem0 {
	background: transparent url(rolzone.png) no-repeat bottom left;
	padding-bottom: 10px;
}
#detailItem1,
#detailItem2,
#detailItem3,
#detailItem4,
#detailItem5,
#detailItem6,
#detailItem7 {
	display: none;
	background: transparent url(rolzone.png) no-repeat bottom left;
	padding-bottom: 10px;
}
#detailItem0 div {
	padding-bottom: 20px;
}


#detailItem1 p, #detailItem1 ul,
#detailItem2 p, #detailItem2 ul,
#detailItem3 p, #detailItem3 ul,
#detailItem4 p, #detailItem4 ul,
#detailItem5 p, #detailItem5 ul, 
#detailItem6 p, #detailItem6 ul, 
#detailItem7 p, #detailItem7 ul,
#detailItem0 div {
	margin: 0 28px;
	padding: 5px 0 0;
}

#detailItem0 div {
	display: block;
	width: 687px;
	margin: 0 10px;
	overflow: auto;
}

#mixdemedioslink {
	position: absolute;
	top: 5px;
	padding-left: 625px;
}



/* Colors ------------------------- */ 

html, body {
	background-color: #000;
	color: #fff;
	font: 1em sans-serif;
}
#global, #content {
	background-color: #F6C54C;
	color: #000;
}
#header {
	background: transparent url(header.jpg) no-repeat top left;
	display: block;
	height: 186px;
}
	#logo {
		position: absolute;
		display: block;
		margin: 39px 0 0 49px;
	}
	
#detailItem1Boton,
#detailItem2Boton,
#detailItem3Boton,
#detailItem4Boton,
#detailItem5Boton,
#detailItem6Boton,
#detailItem7Boton {
	cursor: pointer;
	background: transparent url(h2-off.png) no-repeat top left;
	display: block;
	height: 20px;
	margin: 2px 0 0;
	padding: 3px 0 0 15px;
}
#detailItem0Boton {
	background: transparent url(h2.png) no-repeat top left;
	display: block;
	height: 20px;
	margin: 2px 0 0;
	padding: 3px 0 0 15px;
}
#powered_by, #powered_by a {
	background-color: #000;
	color: #F6C54C;
	text-align: right;
	font-size: 0.9em;
}
h1 {
	font-size: 1.2em;
}
h2 {
	font-size: 0.9em;
	font-weight: normal;
	color: #222;
}
p, li {
	font-size: 0.8em;
}
ul {
	list-style: none;
}
	li {
		background: transparent url(li.png) no-repeat top left;
		padding-left: 15px;
	}
		a {
			color: #00e;
		}

#mixdemedioslink a {
	display: block;
	width: 91px;
	height: 26px;
	background: transparent url(mixdemedios.com.png) no-repeat top left;
}

#footer {
	text-align: center;
	font-size: 0.8em;
	color: #AE5F00;
}



/* Contact form -------- */
#contact legend {
	display: none;
}
#contact fieldset {
	border: 0;
}
#contact label {
	display: block;
	float: left;
	clear: left;
	width: 80px;
	font-size: 0.8em;
}
input, textarea {
	background-color: #FAE58A;
}
#lastname, #name, #email, #telephone,
#subject, #message {
	display: block;
	float: left;
	border: 1px solid #F6C54C;
	width: 260px;
}
#subject, #message {
	width: 540px;
}
#message {
	margin-bottom: 5px;
}
#contact input.submit {
	display: block;
	clear: left;
	margin: 15px 0 0 280px;
}

/* Illus 1 ------------- */
#detailItem1, #detailItem4 {
	padding-bottom: 6px;
	padding-right: 0;
}
#detailItem1 p, #detailItem4 p {
	padding-right: 200px;
	margin-right: 8px;
	padding-bottom: 10px;
}
#detailItem1 p {
	background: transparent url(/medias/illus1.png) no-repeat bottom right;
}
#detailItem4 p {
	background: transparent url(/medias/illus4.png) no-repeat bottom right;
}
#illus5, #illus6, #illus7 {
	float: right;
	margin: 10px 25px 0 0;
}


/* Traduciones -------------------- */
#flag ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 11px;
	margin-left: 570px;
	z-index: 1;
}
	#flag li {
		padding-right:2px;
	}
		#flag li,
		#flag a {
			display: block;
			width: 14px;
			height: 14px;
			float: left;
		}
		#flag a.langES {
			background: transparent url(flag/es-on.gif) no-repeat top left;
		}
		#flag a.langEN {
			background: transparent url(flag/en-on.gif) no-repeat top left;			
		}
			#flag a span {
				position: absolute;
				top:-5000px;
				left: -5000px;
			}