body {
	background: #fff;
	/*border-top: 4px solid #d8001d;*/
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #666;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.1em;
	margin: 0 0 .25em 0;
}
h1 {
	font-size: 2.4em;
}
h2 {
	font-size: 2.4em;
}
h3 {
	font-size: 2em;
}
h4 {
	font-size: 1.6em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}
p {
	margin: 0 0 1em 0;
}
a {
	background: url(/img/css/bg_underlink_d8001d.gif) repeat-x left bottom;
	color: #d8001d;
}
a:hover {
	background: url(/img/css/bg_underlink_999.gif) repeat-x left bottom;
	color: #999;
}
ol, ul, dl {
	margin: 0 0 1em 0;
}
dl {
}
dt, dd {
	margin: 0 0 .25em 0;
}
dt {
	font-weight: bold;
}
dd {
}
ol {
	list-style-position: inside;
}
acronym,
abbr {
	background:url(/img/css/bg_underlink_b3b3b3.gif) repeat-x left bottom;
	cursor: help;
}
em,
q,
blockquote,
cite {
	font-family: Georgia, "Times New Roman", serif;
}
blockquote {
	font-size: 1.8em;
}
q,
blockquote {
	margin: 1em 0;
	font-style: italic;
}
blockquote {
	border: 1px solid #ddd;
	padding: 1em;
}
blockquote cite {
	display: block;
	font-size: .65em;
	margin: 1em 0 0 0;
}
cite {
	color: #888;
	font-style: normal;
	margin: 0 0 0 .5em;
}
form {
	margin: 0 0 1em 0;
}
fieldset {
	border: 1px solid #ededed;
	margin: 0 0 1em 0;
	padding: .75em;
}
legend {
	background: #d8001d;
	color: #fff;
	font-size: 1.35em;
	padding: .25em .5em;
	text-transform: uppercase;
}
label {
	font-weight: bold;
	display: block;
}
label span {
	color: #d8001d;
}
input {
}
optgroup {
	background: #d8001d;
	color: #fff;
	font-style: normal;
}
option {
	background: #fff;
	color: #333;
}
input,
select,
optgroup,
option,
textarea {
	background: #fff;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
input,
select,
textarea {
	background: url(/img/css/bg_input.gif) repeat-x left top;
	border: 1px solid #ddd;
	margin: 0 0 1em 0;
	padding: .15em .25em;
}
input:hover,
select:hover,
textarea:hover {
	border: 1px solid #333;
	cursor: pointer;
}
input:focus,
select:focus,
textarea:focus {
	border: 1px solid #ddd;
	background: #f4f4f4;
	color: #333;
	cursor: text;
}
kbd {
	background: #eee;
	border-top:.15em solid #ccc;
	border-right:.25em solid #aaa;
	border-bottom:.3em solid #888;
	border-left:.2em solid #bbb;
	color:#000;
	font-size: .9em;
	font-weight: normal;
	font-family: "Lucida console", Courier, monospace, sans-serif;
	line-height: 2em;
	padding:.05em .2em;
}


/* --------------------------------------- Clases --------------------------------------- */

/* Para centrar los contenedores principales */
.inside {
	margin: 0 auto;
	width: 69.5em;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

/* Para ocultar de pantalla sin usar display:none */
.offLeft {
	position: absolute;
	left: -10000px;
	top: -10000px;
	font-size: .1em;
	line-height: 1%;
}


/* Clearfix permite limpiar flotados. Mas info: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* Selección general */ 
::-moz-selection {
	background: #f8f8f3;
	color: #333;
}
::selection {
	background: #f8f8f3;
	color: #333;
}
/* Selección de enlaces */ 
a::-moz-selection {
	background: #d8001d;
	color: #fff;
}
a::selection {
	background: #d8001d;
	color: #fff;
}



/* estilos para enlaces con cambio de idioma */
a[hreflang]:after {
	content: " [" attr(hreflang) "] ";
}


/* line: clase para que el dt y el dd van en la misma línea */
dl.line {
	line-height: 1.5em;
}
dl.line dt {
	clear: both;
	float: left;
	font-weight: bold;
	margin: 0 .15em 0 0;
}
dl.line dt,
dl.line dd {
	line-height: 1.3em;
}
dl.line dt {
	margin: 0 .5em 0 0;
}

/* comma: clase para que varios dd se pongan en línea y separados por una coma */
dd.comma,
dd.comma-last {
	display: inline;
	margin: 0;
}
dd.comma:after {
	content: ",  ";
}
dd.comma-last:after {
	content: ".";
}



/* Para que no le aplique las propiedades de un input normal a los radio buttons y alos checkboxes */
label.clean {
	font-weight: normal;
	margin: 0 0 .5em 0;
}
label.clean input {
	/* Para que IE no herede las propiedades del input*/
	border: none;
	background: none;
	padding: 0;
	margin: 0 .25em 0 0;
}
/* Label e Input de form marcados cuando se hayan rellenado incorrectamente los campos */
label.error {
	color: #d8001d;
}
input.error,
textarea.error {
	background: #d8001d url(../none);
	border: 1px solid #333;
	color: #fff;
}

/* Clases para dar aspecto a inputs de tipo "submit" y links de tipo botón */
input.btnRed,
a.btnRed {
	background: #d8001d;
	color: #fff;
	cursor: pointer;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: .35em solid #000;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: .25em .5em;
	_padding: .25em;
}
input.btnRed:hover,
a.btnRed:hover {
	background: #000;
	color: #fff;
	border-top: 1px solid #d8001d;
	border-right: 1px solid #d8001d;
	border-bottom: 1px solid #d8001d;
	border-left: .35em solid #d8001d;
}

input.btnWhite,
a.btnWhite {
	background: #fff;
	color: #333;
	cursor: pointer;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: .35em solid #ddd;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: .25em .5em;
	_padding: .25em;
}
input.btnWhite:hover,
a.btnWhite:hover {
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: .35em solid #333;
}

/* paging: paginado de resultados */
.paging,
.pagingNextPrev {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	clear: both;
	margin: 0 0 1em 0;
	padding: .35em .35em .5em .35em;	
	text-align: center;
}
.paging p,
.paging ul,
.paging ul li {
	display: inline;
}
.paging p {
	margin: 0 1em 0 0;
}
.paging ul {
	margin: 0 2em;
}
.paging ul li {
	margin: 0 .25em;
}
.paging ul li strong {
	background: #d8001d;
	color: #fff;
	padding: 0 .25em;
}

.pagingNextPrev p {
	margin: 0;
}



/* nota: avisos o anotaciones */
.nota {
	background: #f6f6f6;
	padding: .5em;
	margin: 0 0 1em 0;
}
.nota p {
	margin: 0;
}
.nota strong {
	color: #d8001d;
	font-weight: bold;
}
.nota h2 {
	background: #333;
	color: #fff;
	font-size: 1em;
	padding: .25em;
	text-transform: uppercase;
}




/* Icono de ? cuando se desee meter ayuda explicativa */
a.quest {
	background: #d8001d;
	background-image: none;
	border: 1px solid #fff;
	color: #fff!important;
	padding: 0 5px;
}
a.quest span {
	display: none;
}
a.quest:hover {
	background: #333;
	background-image: none;
	border: 1px solid #333;
	color: #fff;
	position: relative;
}
a.quest:hover span {
	display: inline;
}
a.quest:hover span.tooltip {
	background: #ffc;
	border: 1px solid #ddd;
	color: #333;
	display: block;
	font-weight: normal;
	padding: .5em;
	position: absolute;
	top: 1.5em;
	left: 0;
	width: 30em;
	z-index: 200;
}


/* errorBox: lista de errores / lista de confirmaciones */
.errorBox .title,
.okBox .title {	
	color: #fff;
	font-size: 1em;
	padding: .35em;
	text-transform: uppercase;
}


/* errorBox: lista de errores de un form */
.errorBox {
	background: #f8f8f3;
	border: 1px solid #ddd;
	margin: 0 0 1em 0;
}
.errorBox .title {	
	background: #d8001d;
}
.errorBox ol {
	padding: .75em .75em .25em .75em;
}


/* okBox: textos de confirmacion de acciones en un formulario */
.okBox {
	background: #f8f8f3;
	border: 1px solid #8ab96f;
	margin: 0 0 1em 0;
}
.okBox .title {
	background: #8ab96f;
}
.okBox p {
	padding: 0 .5em;
}



/* Clase para fechas, feeds, newsletters */
.bullet_date {
	background: url(/img/css/bullet_date.gif) no-repeat 0 0;
	padding: 0 0 0 1.75em;
}
.bullet_feed {
	background: url(/img/css/bullet_feed.gif) no-repeat .15em .15em;
	padding: 0 0 0 1.75em;
}
.bullet_newsletter {
	background: url(/img/css/bullet_newsletter.gif) no-repeat 0 0;
	padding: 0 0 0 1.75em;
}
.bullet_mobile {
	background: url(/img/css/bullet_mobile.gif) no-repeat .3em 0;
	padding: 0 0 0 1.75em;
}
.bullet_trabajos {
	background: url(/img/css/bullet_trabajos.gif) no-repeat 0 .3em;
	padding: 0 0 0 2em;
}


/* Iluminacion de palabras clave por las que el usuario accede desde Google usando "searchhi.js" */
.searchword {
	background: #ffc;
	color: #000;
}






/* ---------------------- Contenidos: header / menu /breadcrumbs / footer ---------------------- */

/*= header */
#header {
	margin: 2em 0 0 0;
}
#header ul#lang {
	text-align: right;
	margin: .7em 0 0 0;
}
#header ul#lang li {
	background: url(/img/css/bg_language-li.gif) no-repeat 0 .35em;
	display: inline;
	margin: 0 0 0 .25em;
	padding: 0 0 0 .65em;
}
#header ul#lang li#selected {
	background: none;
	margin: 0;
}
#header ul#lang li a {
	color: #333;
	background:url(/img/css/bg_underlink_333.gif) repeat-x left bottom;
}
#header ul#lang li a:hover {
	color: #999;
	background:url(/img/css/bg_underlink_b3b3b3.gif) repeat-x left bottom;
}


/*= menu */
#menu {
	background: url(/img/css/bg_menu.gif) repeat-x left top;	
}
#menu ul {
	color: #fff;
	height: 4.5em;
	_height: 4.65em;
	position: relative;
	margin: 0;
}
/* Esta clase se aplica cuando no hay submenu presente en el menu */
#menu ul.sinSubmenu {
	height: 2.35em;
	_height: 2.5em;
}
#menu ul li {
	background-image: url(/img/css/bg_menu-ul-li.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 27px;
	margin: 0 .1em 0 0;
	text-indent: -5000px;
}

#menu ul li#opt1 {
	width: 79px;
	background-position: 0 -27px;
}
#menu ul li#opt2 {
	width: 87px;
	background-position: -79px -27px;
}
#menu ul li#opt3 {
	width: 79px;
	background-position: -165px -27px;
}
#menu ul li#opt4 {
	width: 92px;
	background-position: -244px -27px;
}

#menu ul li a {
	background-image: url(/img/css/bg_menu-ul-li.gif);
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	width: 100%;
}
#menu ul li#opt1 a {
	background-position: 0 0;
}
#menu ul li#opt1 a:hover {
	background-position: 0 -27px;
}
#menu ul li#opt2 a {
	background-position: -79px 0;
}
#menu ul li#opt2 a:hover {
	background-position: -79px -27px;
}
#menu ul li#opt3 a {
	background-position: -165px 0;
}
#menu ul li#opt3 a:hover {
	background-position: -165px -27px;
}
#menu ul li#opt4 a {
	background-position: -244px 0;
}
#menu ul li#opt4 a:hover {
	background-position: -244px -27px;
}


#menu ul li#opt1.selected a {
	background-position: 0 -27px;
}
#menu ul li#opt1.selected a:hover {
	background-position: 0 -54px;
}
#menu ul li#opt2.selected a {
	background-position: -79px -27px;
}
#menu ul li#opt2.selected a:hover {
	background-position: -79px -54px;
}
#menu ul li#opt3.selected a {
	background-position: -165px -27px;
}
#menu ul li#opt3.selected a:hover {
	background-position: -165px -54px;
}
#menu ul li#opt4.selected a {
	background-position: -244px -27px;
}
#menu ul li#opt4.selected a:hover {
	background-position: -244px -54px;
}


#menu ul li ul {
	background: #f4f4f4;
	height: auto;
	left: 0;
	position: absolute;
	top: 2.65em;
	width: 65em;
}
#menu ul li ul li {
	background:url(/img/css/bg_menu-ul-li-ul-li.gif) no-repeat right center;
	height: auto;
	margin: 0 .5em 0 0;
	padding: 0 .8em 0 0;
	_padding: 0 .45em 0 0;
	text-indent: 0;
}
#menu ul li ul li#last {
	background: none;
	padding: 0;
}
#menu ul li ul li a {
	background: url(/img/css/bg_underlink_b3b3b3.gif) repeat-x left bottom;
	color: #333;
	font-weight: normal;
	height: auto;
}
#menu ul li ul li a:hover {
	color: #b3b3b3;
	background:url(/img/css/bg_underlink_333.gif) repeat-x left bottom;
}
#menu ul li#opt1 ul li a,
#menu ul li#opt1 ul li a:hover,
#menu ul li#opt2 ul li a,
#menu ul li#opt2 ul li a:hover,
#menu ul li#opt3 ul li a,
#menu ul li#opt3 ul li a:hover,
#menu ul li#opt4 ul li a,
#menu ul li#opt4 ul li a:hover {
	width: auto;
	background: none;
}

/* Marcar las opciones de segundo nivel en las que estamos */
#menu ul li ul li,
#menu ul li ul li.selected,/* Estamos en la pagina principal de la opcion */
#menu ul li ul li.selected a /* Estamos en una pagina-hijo de la opcion */
{
	color: #d8001d;
	font-weight: bold;
}
#menu ul li ul li.selected a:hover {
	color: #333;
}



/*= breadcrumbs */
#breadcrumbs {
	margin: 0 0 1em 0;
	width: 100%;
}
#breadcrumbs .inside {
	background:url(/img/css/bg_underlink_b3b3b3.gif) repeat-x left bottom;
	padding: .5em 0 .75em 0;
}
#breadcrumbs p {
	float: left;	
	font-weight: bold;
	margin: 0 1em 0 0;
}
#breadcrumbs ul {
	float: left;
	margin: 0;
}
#breadcrumbs ul li {
	background: url(/img/css/bullet_breadcrumbs-li.gif) no-repeat right center;
	display: inline;
	margin: 0 .5em 0 0;
	padding: 0 .75em 0 0;
}
#breadcrumbs ul li#current {
	background: none;
	color: #d8001d;
	font-weight: bold;
	padding: 0;
}

#breadcrumbs ul li a {
	font-weight: normal;
	color: #333;
	background:url(/img/css/bg_underlink_333.gif) repeat-x left bottom;
}
#breadcrumbs ul li a:hover {
	font-weight: normal;
	color: #999;
	background:url(/img/css/bg_underlink_b3b3b3.gif) repeat-x left bottom;
}



/*= cont */
#cont {
	margin: 0 0 1em 0;
}



/*= footer */
#footer {
	background:url(/img/css/bg_footer.gif) repeat-x left top;
	font-family: Tahoma, "Lucida Sans Unicode", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
#footer ul {
	color: #fff;
	margin: 0 0 .5em 0;
	padding: .35em 0;
}
#footer ul li {
	float: left;
	margin: 0 1em 0 0;
}
#footer ul li a {
	background:url(/img/css/bg_underlink_fff.gif) repeat-x left bottom;
	color: #fff;
}
#footer ul li a:hover {
	color: #333;
	background:url(/img/css/bg_underlink_333.gif) repeat-x left bottom;
}

#footer dl {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
#footer dt {
	float: left;
	font-weight: bold;
	margin: 0 .5em 0 0;
}
#footer dt#phone {
	background: url(/img/css/bullet_phone.gif) no-repeat left center;	
	padding: 0 0 0 1.25em;
}
#footer dt#mobile {
	background: url(/img/css/bullet_mobile.gif) no-repeat left center;	
	padding: 0 0 0 1.25em;
}
#footer dt#email {
	background: url(/img/css/bullet_email.gif) no-repeat left center;	
	padding: 0 0 0 1.25em;
}
#footer dt,
#footer dd {
	line-height: 1.3em;
}
#footer dd {
	float: left;
	margin: 0 1.25em .5em 0;
}



/*= --------------------------------------- Contenidos: Home --------------------------------------- */
#home {
	padding: 1em 0 0 0;
}
#home #left {
	float: left;
	width: 47em;
}
#home #right {
	float: right;
	width: 20em;
}
#home #who {
	border: 1px solid #efefef;
	margin: 0 0 1em 0;
	padding: 1em;
}
#home #who ul {
	background: #f8f8f3;
	padding: 1em;
}
#home #who ul li {

}

#home #projects {
	border: 1px solid #efefef;
	margin: 0 0 1em 0;
	padding: 1em;
}
#home #projects #last {
	background: #d8001d;
	border: .75em solid #ededed;
	color: #fff;
	margin: 0 0 1em 0;
	padding: 1em;
}
#home #projects #last a {
	background: url(/img/css/bg_underlink_333.gif) repeat-x left bottom;
	color: #000;
}
#home #projects #last a:hover {
	color: #fff;
	background: url(/img/css/bg_underlink_fff.gif) repeat-x left bottom;
}
#home #projects #last h3 {
	font-size: 1.5em;
}
#home #projects #last h3 a {
	background-image: none;
	color: #fff;
}
#home #projects #last h3 a:hover {
	color: #999;
}
#home #projects #last #ficha {
	float: left;
	width: 21em;
}
#home #projects #last a#thumb img {
	background: #fff url(/img/css/img_preloader_arrows.gif) no-repeat center center;
	border: 2px solid #fff;
	display: block;
	float: left;
	margin: 0 1em .5em 0;
	padding: .25em;
}
#home #projects #last a#thumb:hover img {
	border: 2px solid #333;
}


#home #projects #cd {
	background: #f8f8f3;
	padding: 1em;
}


#home #news {
	border: 1px solid #efefef;
	margin: 0 0 1em 0;
	padding: 1em;
}
#home #news h3 {
	font-size: 1.3em;
	margin: 0 0 .5em 0;
}
#home #news #channels {
	background: #f8f8f3;
	padding: 1em;
}
#home #news #channels ul li {
	margin: 0 0 1em 0;
}

#home #contactHome {
	border: .75em solid #f3f3f3;
	padding: 1em;
}



/*= --------------------------------------- Contenidos: Trabajos --------------------------------------- */

/* workCard: ficha de un trabajo */
#workCard {
	margin: 0 0 1em 0;
}
#workCard h1 {
	border: none;
	color: #333;
	font-size: 1.5em;
	line-height: 1.25em;
	margin: 0;
}
#workCard img#sample {
	background: #fff;
	border: 1px solid #ededed;
	padding: 1em;
	float: left;
}
#workCard #card {
	float: right;
	width: 37em;
}
#workCard #card dl {
}
#workCard #card dt {
	border-bottom: 1px solid #ededed;
	clear: both;
	padding: 0 0 .25em 0;
}
#workCard #card dd {
	margin: 0 0 1em 0;
}
#workCard #card dd a#logo {
	display: block;
	float: left;
	margin: 1em 0;
	border: 1px solid #ededed;
}
#workCard #card dd a#logo:hover {
	border: 1px solid #999;
}
#workCard #card dd ul {
	margin: .25em 0 0 0;
}
#workCard #card dd ul li {
	display: inline;
}
#workCard #card dd ul li a {
	border: 1px solid #ededed;
	background: #fff;
	display: block;
	float: left;
	margin: 0 .5em .5em 0;
	padding: .35em;
}
#workCard #card dd ul li a:hover {
	border: 1px solid #aaa;
}


/* workList: listado de trabajos */
#workList {
}
#workList li {
	background: #f8f8f3;
	border: 1px solid #ededed;
	border-top: 4px solid #ededed;
	color: #999;
	float: left;
	height: 31em;
	margin: 0 .5em 1em .5em;
	width: 21.55em;
	position: relative;/* Esto es para que el boton de ver trabajo lo posicionemos en la parte inferior en una posicion fija independientemente de la cantidad de texto que tenga la ficha.*/
}
#workList li a img {
	background: #fff url(/img/css/img_preloader_arrows.gif) no-repeat center center;
	border: 1px solid #ededed;
	display: block;
	margin: .5em auto 0 auto;
	padding: .5em;
}
#workList li a:hover img {
	border: 1px solid #333;
}
#workList li h2 {
	background: #fff;
	color: #333;
	font-size: 1.2em;
}
#workList li h2 a {
	color: #333;
	display: block;
	background: none;
	padding: .35em .5em;
}
#workList li h2 a:hover {
	color: #999;
}
#workList li dl {
	margin: .5em 1em 0 1em;
}
#workList li dt {
	border-bottom: 1px solid #ededed;
	padding: 0 0 .25em 0;
}
#workList li dl a {
	color: #333;
	background:url(/img/css/bg_underlink_333.gif) repeat-x left bottom;
}
#workList li dl a:hover {
	color: #999;
	background:url(/img/css/bg_underlink_999.gif) repeat-x left bottom;
}
#workList li a.btnRed {
	bottom: 1em;
	left: 1em;
	margin: 0;
	position: absolute;
}
#workList li a.externalLink img {
	background: none;
	border: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#workList li a.externalLink:hover img {
	background: none;
	border: none;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
}
#workList li a.externalLink em {
	display: none;
}
body#trabajos_servicio h1
{
	/* Ocultamos el H1 porque a Cristina no le mola */
	display: none;
}




/*= --------------------------------------- Contenidos: Clients --------------------------------------- */
/* clientsList */
#clients ul#clientsList {
	width: 65em;
	margin: 0 0 1em 0;
}
#clients ul#clientsList li {
	float: left;
	margin: 0 1em 1em 0;
}
#clients ul#clientsList li a strong {
	display: none;
}
#clients ul#clientsList li a {
	background: #ededed;
	display: block;
	padding: .5em;
}
#clients ul#clientsList li a img {
	border: 1px solid #ccc;
}
#clients ul#clientsList li a:hover {
	background: #fff;
}
#clients ul#clientsList li a:hover img {
	border: 1px solid #fff;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
}



/*= --------------------------------------- Contenidos: Contact --------------------------------------- */
#contact h2 {
	border-left: 4px solid #d8001d;
	font-size: 1.85em;
	padding: 0 0 0 .25em;
}
#contact h3 {
	font-size: 1.3em;
}
#contact .errorBox h3,
#contact .okBox h3 {
	font-size: 1em;
}

#contact #data,
#contact #message,
#contact #subscription {
	border-left: 1px solid #ededed;
	float: left;
	padding: 0 0 0 1em;
}


/* data */
#contact #data {
	margin: 0 1em 0 0;
	width: 21em;
}
#contact #data div {
	margin: 0 0 2em 0;
}
#contact #data div ul li.metro {
	background: url(/img/css/bullet_metro_madrid.gif) no-repeat 0 .25em;
	padding: 0 0 0 2.2em;	
}
#contact #data div ul li.bus {
	background: url(/img/css/bullet_bus_madrid.gif) no-repeat 0 .25em;
	padding: 0 0 0 1.5em;	
}


/* message */
#contact #message {
	margin: 0 1em 0 0;
	width: 21em;
}
#contact #message form ul li {
	clear: both;
}
#contact #message form ul li label {
	clear: both;
	float: left;
	margin: 0 .5em 0 0;
	text-align: right;
	width: 7em;
}
#contact #message form ul li label.inline {
	width: 100%;
	text-align: left;
}
#contact #message form ul li input {
	float: left;
	width: 12.25em;
}
#contact #message form textarea,
#contact #message form select {
	width: 21em;
}


/* suscription */
#contact #subscription {
	background: url(/img/css/bg_suscription.jpg) no-repeat -1em bottom;
	padding-bottom: 25em;
	width: 21em;
}
#contact #subscription div#balloon {
	border: 1px solid #ddd;
	border-bottom: none;
	background: #fff;
	padding: 1em 1em 0 1em;
}
#contact #subscription div#balloon input.btnRed {
	width: auto;
}
#contact #subscription div#balloon form {
	margin: 0 0 1em 0;
	padding: .75em .75em 0 .75em;
	border: 1px solid #ededed;
}
#contact #subscription div#balloon form h3 {
	background: #f8f8f3;
	color: #333;
	font-size: 1em;
	padding: .25em .5em;
	text-transform: uppercase;
}
#contact #subscription div#balloon form fieldset ul {
	margin: 0;
}
#contact #subscription div#balloon form input {
	width: 95%;
}
#contact #subscription div#balloon form input.btn {
	width: auto;
}
#contact #subscription div#balloon form#alta label.clean input {
	width: auto;
}
#contact #subscription div#balloonBottom {
	border: none;
	padding: 0;
	background: transparent url(/img/css/bg_balloon-bottom.gif) no-repeat center top;
	height: 26px;
}



/*= --------------------------------------- Contenidos: Exposiciones y Prensa --------------------------------------- */
ul#expoList,
ul#pressList {
	margin: 2em 0;
}
ul#expoList li,
ul#pressList li {
	border-bottom: 1px solid #ededed;
	border-right: 1px solid #ededed;
	display: block;
	float: left;
	padding: 1em;
	width: 21em;
}
ul#expoList li {
	height: 11em;
}
ul#pressList li {
	height: 14em;
}
ul#expoList li h3,
ul#pressList li h3 {
	font-size: 1.3em;
	line-height: 1.35em;
}
ul#expoList li dl dd ul,
ul#pressList li dl dd ul {
	margin: 0;
}
ul#expoList li dl dd ul li,
ul#pressList li dl dd ul li {
	border: none;
	display: inline;
	float: none;
	height: auto;
	padding: .25em;
	width: auto;
}
ul#expoList li dl dt {
	background: url(/img/css/bullet_expo_dt.gif) no-repeat left center;
	padding: 0 0 0 1.15em;
}
ul#pressList li dl dt {
	background: url(/img/css/bullet_press_dt.gif) no-repeat left center;
	padding: 0 0 0 1.5em;
}




/*= --------------------------------------- Contenidos: Trayectoria --------------------------------------- */
#trayectoria  {
	background: url(/img/css/bg_trayectoria.jpg) no-repeat 0 2.5em;
}
#trayectoria #formacion,
#trayectoria #experiencia {
	padding: 0 3em 0 28em;
}
#trayectoria #formacion {
	margin: 0 0 3.5em 0;
}
#trayectoria #formacion q {
	font-size: 1.35em;
}
#trayectoria #experiencia {
	background: url(/img/css/bg_trayectoria_experiencia.jpg) no-repeat 5em bottom;
	margin: 0 0 3.5em 0;
}
#trayectoria #experiencia #experimenta img {
	display: block;
	float: left;
	margin: 0 2em 1em 0;
}
#trayectoria #experiencia #experimenta p#entradilla {
	float: left;
	margin: 2em 0 0 0;
	width: 24em;
}
#trayectoria #experiencia #extras {
	background: #f6f6f6;
	border-top: 3px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 1em;
}
#trayectoria #experiencia #extras h3 {
	margin: 0;
}
#trayectoria #experiencia #extras p {
	margin: 0 0 .25em 0;
}
#trayectoria #experiencia #extras ul li {
	margin: 0 0 .25em 0;
}



/*= --------------------------------------- Contenidos: friendLinks --------------------------------------- */
#friendLinks {
	background: #333 url(/img/css/bg_friendlinks.gif) repeat-x left top;
	color: #fff;
	margin: 3em 0 1px 0;
}
#friendLinks .inside {
	padding: 0 0 1em 0;
}
#friendLinks a#dimad img {
	display: block;
	float: left;
	margin: 0 1.5em 0 0;
}
#friendLinks a#dimad:hover img {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}
#friendLinks #links {
	float: left;
	padding: 4em 0 0 0;
	width: 41em;
}
#friendLinks #links h2 {
	font-size: 1.75em;
	text-transform: uppercase;
}
#friendLinks #links h3 {
	background: #d8001d;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	padding: .25em .5em;
	text-transform: uppercase;
}
#friendLinks #links ul li {
	float: left;
	margin: 0 1em 0 0;
	width: 19em;
}
#friendLinks #links ul li ul li {
	background: url(/img/css/bullet_friendlinks_ul_li_ul_li.gif) no-repeat 0 .25em;
	float: none;
	margin: 0 0 .25em 0;
	padding: 0 0 0 1.5em;
	width: auto;
}
#friendLinks #links ul li ul li a {
	color: #fff;
}
#friendLinks #links ul li ul li a:visited {
	color: #999;
}
#friendLinks #links ul li ul li a:visited:after {
	/*content: " [visitado] ";*/
	content: "\00A0\221A";
	color: #d8001d;
	font-weight: bold;
}
#friendLinks #links ul li ul li a:hover {
	color: #d8001d;
}





/*= --------------------------------------- Contenidos: news --------------------------------------- */
#news p.excerpt {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.35em;
}
#news #newsList li {
	border-bottom: 1px solid #ddd;
	margin: .5em 0;
	padding: 0 0 .5em 0;
}
#news img.foto {
	background: #ededed;
	display: block;
	float: left;
	padding: 1em ;
	margin: 0 1em .5em 0;
}
#news p.bullet_date {
	display: inline;
}
#news p.excerpt {
	margin: .75em 0 1em 0;
}





/*= --------------------------------------- Contenidos: news --------------------------------------- */
#credits h2 {
	font-size: 1.35em;
}