@charset "utf-8";
/*
Theme Name: Mosaic
Theme URI: http://mosaic.3ip.eu/wp-content/themes/mosaic/style.css
Description: The Mosaic theme based on the design of Tona Monjo and Cristina Fàbregas.
Version: 4 / 23-11-09
Author: Javier Fernández Rivera
Author URI: http://aurea.es/
Tags: uoc, multimedia, mosaic, tecnología, comunicación, grado multimedia, comunicación interactiva
*/


/* RESET CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,strong,th,var { font-style: normal; font-weight:400; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:400; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }


/* TAGS */
html{ font-size: 125%; }

body {
	font: .5em Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	text-align: center;
	color: #1E3029;	background: #DFE3E1 url(images/bg-home.png) repeat-x;
}
	body.category-entrevistas { background: #7BB135 url(images/bg-entrevistas.png) repeat-x; }
	body.category-articulos { background: #F4B522 url(images/bg-articulos.png) repeat-x; }
	body.category-experiencias { background: #E1752D url(images/bg-experiencias.png) repeat-x; }
	body.category-recursos { background: #C22C08 url(images/bg-recursos.png) repeat-x; }

/*heads*/
h2, h3, h4, h5, h6, legend {
	margin: .8em 0 .4em;
	font: 700 2em Arial, Helvetica, sans-serif;
	color: #91AdA1;	background-color: inherit;
}
h3 { 
	font-size: 1.5em;
	margin: 1.5em 1em 0 0; 
}
h4 { 
	font-size: 1.3em; 
	margin: 2em 0 .5em; 
	color: #576E65; background-color: #FFF;
}
h5 { font-size: 1.3em; }
h6 { font-size: 1.2em; }
li h2, li h3, li h4, li h5, li h6 { display: inline; }
.category-entrevistas h2, .category-entrevistas h3 { color: #7BB135; background-color: inherit; }
.category-articulos h2, .category-articulos h3 { color: #F4B522; background-color: inherit; }
.category-experiencias h2, .category-experiencias h3 { color: #F48C43; background-color: inherit; }
.category-recursos h2, .category-recursos h3 { color: #E10918; background-color: inherit; }


/*links*/
a {
	text-decoration: none;
	color: #145394;	background-color: transparent;
}
	a:visited { color: #4878BD; background-color: inherit; }
	a:hover { color: #145394;	text-decoration: underline; }
	*:focus { outline: none; } 
	
a img { background-color: #FFF; }

h3 a { color: #1E3029 !important; }


/*text*/
p { 
	margin: .4em 0 .8em;
	font-size: 1.2em;
	line-height: 1.4em;
}

em {
	padding: 0 .2em;
	font-style: italic;
}

strong { font-weight: 700; }

acronym, abbr, dfn {
	border: none;
	background: url(images/dotted.png) bottom repeat-x;
}

abbr { quotes: '' '.'; }

del { text-decoration: line-through; }

q { quotes: '«' '»'; }
cite { 
	quotes: '-' '-';
	color: #576E65; background-color: #FFF;
}
blockquote {
	width: 60%;
	margin: 2em auto;
}
	blockquote p { 
		quotes: '" ' ' "';
		font-size: 1.3em;	font-weight: 700; 
		margin: 0; 
	}
	.category-entrevistas blockquote p { color: #7BB135; background-color: inherit; }
	.category-articulos blockquote p { color: #F4B522; background-color: inherit; }
	.category-experiencias blockquote p { color: #F48C43; background-color: inherit; }
	.category-recursos blockquote p { color: #E10918; background-color: inherit; }


q:after, abbr:after, cite:after, blockquote p:after { content: close-quote; }
q:before, abbr:before, cite:before, blockquote p:before { content: open-quote; }

code {
	padding: 0 .4em;
	font: 1em "Courier New", Courier, monospace;
	border: 2px solid #576E65;
	color: inherit;	background-color: #F4F4F4;
}

ul, ol {
	margin: 0 0 .8em .6em;
	font-size: 1.2em;
	line-height: 1.4em;
	list-style-position: inside;
}
li { margin: .6em 0; }
li h3 { font-size: 1.4em; }

ul li ul li {
	font-size: .833em;
} 

/*form*/
form { clear: both; }
	form ol { 
		margin: 0; 
		list-style: none; list-style-position: outside; 
	}
	form ol li {
		font-size: 1.1em;
		margin: .8em 0; 
	}

fieldset { padding: 1em; }

caption { display: none; }

label input { vertical-align: middle; }

input, textarea, select { margin: .1em;	padding: .34em; }

textarea { width: 97%; }
input:focus[type=text], textarea:focus, select:focus { outline: 1px solid #576E65; }  

li label { display: block; }
li label span { 
	font-size: .9em;
	color: #576E65; background-color: inherit; 
}

input.submit { 
	margin-bottom: 1.8em; 
	font-weight: 700;
}


/* LAYOUT */
#page, #footer-wrap {
	width: 86.5em;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 100%;
	clear: both;
	overflow: hidden;
}
	#header a { color: #1E3029; }
	
#skiptocontent { 
	position: absolute; 
	left: -1000px; 
}

#logo {
	width: auto;
	float: left;
	margin-top: 1.8em;
	text-indent: -999em;
}
	#logo a {
		display: block;
		width: 345px;	height: 93px;
		background: transparent url(images/mosaic.png) no-repeat;
	}

#quickoptions {
	overflow: hidden;
	margin-top: 20px; padding-left: 54px;
	font-size: 1.2em;
}
	#quickoptions div { 
		width: auto;
		float: left;
		display: inline;
		
	}
	body.category-recursos #quickoptions a { color: #FFF; background-color: inherit; }
	
	#gohome { padding-top: .2em; margin-right: 2.8em; }
	
	#searchform { width: 20em; }
		#searchform, #searchform fieldset, #searchform legend, #searchform input, #searchform #s { margin: 0; padding: 0; vertical-align: top; }	
			#searchform legend {  display: none; }
			#searchform #s { 
				border: none;
				width: 192px;
				padding: 1px 4px;
				outline: none; 
				color: #939795; 	background: transparent url(images/bg-search-text.png) no-repeat;
			}
			#searchform #s:hover { border: none; }
	
	#uoc a { 
		display: block;
		width: 138px; height: 19px;
		margin: 0;
		text-indent: -999em;
		background: transparent url(images/uoc.png) no-repeat right;
	}
	
	#menu {
		float: left;
		width: 51.1em;	height: 56px;
		margin: 15px 0 0 8px;
		background: transparent url(images/bg-menu-left.png) center left no-repeat;
	}	
		#menu-wrap { background: transparent url(images/bg-menu-right.png) center right no-repeat; }	
		#nav {
			height: 56px;
			margin: 0 38px; padding: 0;
			overflow: hidden;
			list-style: none;
			list-style-position: inside;
			background: transparent url(images/bg-menu.png) repeat-x;
		}			
			#nav li {
				width: auto; height: 28px;
				display: inline;
				line-height: 4.5em;
			}
				#nav a {
					font-size: 1.4em;
					font-weight: 700;
					text-transform: lowercase;
					text-decoration: none;
					margin: 0 .2em;	padding: 5px 8px 5px 0; 
					color: #1E3029;
					cursor: pointer;
					background-position: right;
					background-repeat: no-repeat;
				}
				#nav span {
					padding: 5px 0 5px 8px; 
					background-position: left;
					background-repeat: no-repeat;
				}
					#nav a#current, #nav a:hover { color: #FFF; background-color: transparent; } 		
				
				#nav a.link-entrevistas#current span, #nav a.link-entrevistas:hover span { background-image: url(images/cat-entrevistas-left.png); }
					#nav a.link-entrevistas#current, #nav a.link-entrevistas:hover { background-image: url(images/cat-entrevistas-right.png);  }
				#nav a.link-articulos#current span, #nav a.link-articulos:hover span { background-image: url(images/cat-articulos-left.png); }
					#nav a.link-articulos#current, #nav a.link-articulos:hover { background-image: url(images/cat-articulos-right.png); }
				#nav a.link-experiencias#current span, #nav a.link-experiencias:hover span { background-image: url(images/cat-experiencias-left.png); }
					#nav a.link-experiencias#current, #nav a.link-experiencias:hover { background-image: url(images/cat-experiencias-right.png); }
				#nav a.link-recursos#current span, #nav a.link-recursos:hover span { background-image: url(images/cat-recursos-left.png); }
					#nav a.link-recursos#current, #nav a.link-recursos:hover { background-image: url(images/cat-recursos-right.png); }
	
	
#main, #sidebar, #subscribe, #contact, .post {
	width: 465px;
	overflow: hidden;
	float: left;
}

#sidebar, #post-side {
	width: 383px;
	overflow: hidden;
	float: left;
	margin-left: 1.5em; padding-top: 13px;
}

.single #main { width: 542px; }
.single #sidebar { width: 305px; }

.post, #subscribe, #contact { width: 542px; }
	.post h3 { color: #1E3029; }
	.post h2 { clear: both; margin: 2em 0 1em; }
		.post h2 span { display: block; font-size: .8em; }

	#post-content { margin-bottom: 4em; }
		#post-content a { text-decoration: underline; }
	#interviewee img { margin: 0 1em 1em 0; }
	#interviewee-person { margin-top: 1em; } 
	#interviewee-cv { clear: both; }
	
#feed { width: 100%; overflow: hidden; clear: both; }
	#feed span {  
		display: block; 
		padding-top: 1em; 
		font-size: 1.6em;
		line-height: 2em;
	}

#post-side { width: 306px; }


#footer { 
	clear: both;
//	min-height: 8em;
//	padding: 2em 0 1em;
	min-height: 10em;
	padding: 1em 0 1em;	
	background: #DFE3E1 url(images/bg-home.png) 0 40% repeat-x;
}
#footer-wrap {
	padding-top: 1em;
}
	#footer a { color: #1E3029; }
	#footer div.lfloat { width: 85%; }
	#footer div.rfloat { width: 15%; }
	
	#footer #link-rss { margin-left: 5em; }
	
	body.category-entrevistas #footer { background-image: url(images/bg-entrevistas.png); }
	body.category-articulos #footer { background-image: url(images/bg-articulos.png); }
	body.category-experiencias #footer { background-image: url(images/bg-experiencias.png); }
	body.category-recursos #footer { color: #FFF; background-color: transparent; background-image: url(images/bg-recursos.png); }
		body.category-recursos #footer a { color: #FFF; background-color: transparent; }
	
	#cc {
		height: 31px;
		font-size: 1.1em; 
		padding-left: 97px;
		background: transparent url(http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png) center left  no-repeat;
		
/*		background: transparent url(images/cc.png) center left  no-repeat;
*/	}
#eimt { height: 95px;
	width: 863px;
	margin: 0 auto;
	background-image: url(images/bg-eimt.png);
}
#img-eimt {
	float: left;
	border:0;
	padding-top:1px;
	background-color:transparent;
}
#enlaceEimt {
	width=100%;
}
#tagcloud { font-size: 1.3em; line-height: 2em; }
	#tagcloud a { color: #1E3029; }


#news.list-post { font-size: 1em; }
#news.list-post img { width: 100px; height: 75px; }

#activities.list-post li { 
	font-size: .8em;
	margin: 0;
}

/*subscribe*/
#subscribe ol {
	border: 1px solid red;
	width: 14em;
}


/*comments*/
#comments {
	overflow: hidden;
	list-style: none;
	margin-left: 0;
}
	#comments li, #pings li, .children li {
		display: block;
		overflow: hidden;
		clear: both;
		margin: 1em 0 0;
		list-style-position: outside;
		list-style: none; 
		font-size: .9em;
	}	
		.children { font-size: 1em; }
		#comments li ul, #comments li li { margin: 0; padding: 0; }
		
		#comments .content {
			padding: 1em;
			border-bottom: 1px solid #ECECEC;
		}
		
		#comments .children .content { border-top: none; margin-left: 2em; }
		
#comments .reply { text-align: right; }


/* CLASS */
.lfloat { width: 49%; float: left; }
.rfloat { width: 49%; float: right; }
	p.lfloat, p.rfloat { width: auto; margin: .1em .8em 0 0; line-height: 1.2em; }
.lalign { text-align: left; }
.ralign { text-align: right; }

/*box*/
.box1, .box1-wrap, .box1-foot,
.box2, .box2-wrap, .box2-foot,
.box3, .box3-wrap, .box3-foot,
.box4, .box4-wrap, .box4-foot,
.box5, .box5-wrap, .box5-foot,
.box6, .box6-wrap, .box6-foot,
.box7, .box7-wrap, .box7-foot {
	overflow: hidden;
	clear: both;
	padding: 0 20px;
}
.box1, .box2, .box3, .box4, .box5, .box6, .box7 {
	width: 466px;
	overflow: hidden;
	margin-bottom: 1.5em;	padding: 30px 0 0;
	background: transparent url(images/bg-box1-top.png) top no-repeat;
}
.box1-wrap, .box2-wrap, .box3-wrap, .box4-wrap, .box5-wrap, .box6-wrap, .box7-wrap {
	width: 426px;
	overflow: hidden;
	clear: both;
	background: transparent url(images/bg-box1.png) left repeat-y;
}
.box1-foot, .box2-foot, .box3-foot, .box4-foot, .box5-foot, .box6-foot, .box7-foot { 
	overflow: auto;
	clear: both;
	min-height: 50px;	
	padding-bottom: .1em;
	background: transparent url(images/bg-box1-bottom.png) left top no-repeat;
}

.box1 { padding-top: 42px; }
	.box1-foot { min-height: 33px; }
	
.box2 { background-image: url(images/bg-box2-top.png); }

.box3 { 
	width: 384px;
	background-image: url(images/bg-box3-top.png); 
}
	.box3-wrap { width: 344px;	background-image: url(images/bg-box3.png); }
	.box3-foot { background-image: url(images/bg-box3-bottom.png); min-height: 33px; }

.box4 { 
	width: 865px;
	padding-top: 44px;
	background-image: url(images/bg-box4-top.png);
}
	.box4-wrap { width: 825px;	background-image: url(images/bg-box4.png); }
	.box4-foot { background-image: url(images/bg-box4-bottom.png); }

.box5, .box7 { 
	width: 542px;
	padding-top: 44px;
	background-image: url(images/bg-box5-top.png);
}
	.box7 { padding-top: 30px;	background-image: url(images/bg-box7-top.png); }
	.box5-wrap, .box7-wrap { width: 502px;	background-image: url(images/bg-box5.png); }
	.box5-foot, .box7-foot { background-image: url(images/bg-box5-bottom.png); }
	
.box6 { 
	width: 305px;
	margin-bottom: 0;
	background-image: url(images/bg-box6-top.png);
}
	.box6-wrap { width: 265px;	background-image: url(images/bg-box6.png); }
	.box6-foot { background-image: url(images/bg-box6-bottom.png); }
	.box6 .list-post { font-size: 1em; }

.box4 h2, .box5 h2 { clear: both; }

/*hcard*/
.hcard { font-size: 1.2em; }


/*breadcrumb*/
#breadcrumb {
	width: 57%;
	font-size: .9em;
	margin-left: .5em;
}

#link-print, #link-share { width: 8em; font-size: 1.1em; margin-left: 1em; }


/*text*/
.bgtitle, .bgtitle2 {
	width: 100%;
	overflow: hidden;
	clear: both;
	margin-top: 0;	padding: 0 0 0 8px;
	font-size: 1.84em;
	background: transparent url(images/cat-home-left.png) top left no-repeat;
}
	.bgtitle2 { background: transparent url(images/cat-home2-left.png) top left no-repeat; }
	.bgtitle span, .bgtitle2 span {
		text-transform: lowercase;
		padding: 2px 8px 5px 0;
		display: inline-block;
		color: #FFF;	background: transparent url(images/cat-home-right.png) top right no-repeat; 
	}
		.bgtitle2 span { background: transparent url(images/cat-home2-right.png) top right no-repeat;  }

	.category-entrevistas .bgtitle { background-image: url(images/cat-entrevistas-left.png); } 
	.category-entrevistas .bgtitle span { background-image: url(images/cat-entrevistas-right.png); } 
	.category-articulos .bgtitle { background-image: url(images/cat-articulos-left.png); } 
	.category-articulos .bgtitle span { background-image: url(images/cat-articulos-right.png); } 
	.category-experiencias .bgtitle { background-image: url(images/cat-experiencias-left.png); } 
	.category-experiencias .bgtitle span { background-image: url(images/cat-experiencias-right.png); } 
	.category-recursos .bgtitle { background-image: url(images/cat-recursos-left.png); } 
	.category-recursos .bgtitle span { background-image: url(images/cat-recursos-right.png); } 

.msgerr, .msgok {
	font-weight: 700;
	color: #E10918;	background-color: inherit;
}
.msgok { color: #7BB135;	background-color: inherit; }

.metadata {
	font-size: 1.1em;
	margin: 0 0 1em;	padding: 0;
}

/*list*/
.list-post {
	list-style: none;
	list-style-position: outside;
	margin: 0; padding: 0;
}
	.list-post li {
		overflow: hidden;
		margin: 0;
	}
	
	.list-post li h3 { margin: 0 0 .3em; clear: both; }
		.list-post li h3 span {
			font-size: .7em;
			font-weight: 100;
			color: #1E3029;
		}
	
	.list-post img {
		float: left;
		margin: .2em 1em 0 0;
	}

	.category .list-post li {
		width: 30em;	height: 20em; 
		float: left;
		overflow: auto;
		font-size: 1em;
		margin: 1em .4em 0 0;  padding: 10px 20px 0;
		border: none;
		background: #FFF url(images/bg-postresume.png) top no-repeat; 
	} 
		.category .list-post .first-post {
			width: 100%;	height: auto;
			clear: both;
			font-size: 1em;
			margin: 0 0 2em; padding: 0;
			background: none; 
		}
			.list-post .first-post div { width: 72%; float: left; }
				.list-post .first-post h3 { font-size: 2em; }	
		
		.category-agenda .list-post li, 
		.category-noticias .list-post li, 
		/*.category-recursos .list-post li,*/
		.archive.date .list-post li,
		.archive.author .list-post li,
		.search-results .list-post li,
		.archive.tag .list-post li { 
			width: 72%;	height: auto;
			float: none;
			font-size: .86em;
			margin: 2em 0;	padding-top: 0;
			background-image: none;
			border-bottom: 1px solid #ECECEC;	
		}
		
		.tag .list-post li { 
			background-color: transparent;
			background-position: top left;
			background-repeat: no-repeat;
		} 
	
	
#tabs .list-post { width: 95%; overflow: hidden; }
#tabs .list-post li { 
	width: 94%; 
	clear: both; 	
	overflow: hidden; 
	margin: 1em 0;
	font-size: .98em;
}
#tabs .list-post li img { width: 60px; }
#tabs .list-post li p.metadata { margin: 0; }

#thismagazine { 
	position: relative;
	background: none; 
}
	#thismagazine #tab1-wrap, #thismagazine #tab2-wrap { margin: 0; padding: 0; }
	#thismagazine .box2-wrap { margin-top: 4em; padding-top: 0; }
	#thismagazine .box1-foot p { margin-left: 1.4em; }
	#tabs ul {
		position: absolute;
		width: 470px; 
		top: -1px;	left: -1px;
		background: none;
		border: none;
	}
		.ui-tabs-nav li, .ui-tabs-nav li a { border: none !important; margin: 0 !important; padding: 0 !important; }
		.ui-tabs-nav #tab1 { 
			width: 215px;	height: 76px;
			text-indent: -999em;
			padding: 0;
			border: none;
			background: #DFE3E1 url(images/tab1-noactive.png) no-repeat;
		}
		.ui-tabs-nav li.ui-tabs-selected #tab1 {
			background: transparent url(images/tab1-active.png) no-repeat;
		}
		.ui-tabs-nav #tab2 {
			width: 247px;	height: 76px;
			text-indent: -999em;
			padding: 0;
			border: none;			
			background: #DFE3E1 url(images/tab2-noactive.png) no-repeat;
		} 
		.ui-tabs-nav li.ui-tabs-selected #tab2 {
			background: transparent url(images/tab2-active.png) no-repeat;
		}


.list-horizontal { margin-left: 0; }
.list-horizontal li { display: inline;	quotes: '' ' ·'; margin: 0 .1em; }
	.list-horizontal li:after { content: close-quote; }
	.list-horizontal li:before { content: open-quote; }


.error404 .box1-wrap p { 
	font-size: 2.6em;
	padding: 1em;
	border: 1px solid #E10918; 
}


/*images' format*/
img.alignleft, img.alignright {	display: inline; }
	.alignleft { width: auto; float: left; margin-right: 1em; }
	.alignright { width: auto; float: right; margin-left: 1em; }
	.aligncenter { text-align: center; margin: 0 auto; }


/*icons*/
.ico {
	padding: 0 0 3px 23px;
	background-position: 0 12%;
	background-repeat: no-repeat;
	background-color: transparent;
}
	.ihome { background-image: url(images/ico-home.png); }
	.iinfo { background-image: url(images/ico-info.png); }
	.itag { background-image: url(images/ico-tag.png); }
	.irss { background-image: url(images/ico-rss.png); padding-left: 16px; }
	.ipopup, #new li a { background-image: url(images/ico-popup.png); background-repeat: no-repeat; }
	.iptr { background-image: url(images/ico-print.png); }
	.ipdf { background-image: url(images/ico-pdf.png); }
	.ishare { background-image: url(images/ico-share.png); }
	.izip { background-image: url(images/ico-compress.png); }
	.ico.iright, .ihome, .ipopup, #new li a { padding: 0 23px 4px 0; background-position: right; }
	.external { padding: 0 18px 0 0;	background: transparent url(images/lnkext.png) right no-repeat; }
	.category-recursos h3 { width: 100%; overflow: hidden; }
		h3 .ico { line-height: 2em; }
	
.dot {
	padding: .2em 0 0 2em;
	background: transparent url(images/dot-none.png) top left no-repeat;
}
	.dentrevistas { background-image: url(images/dot-entrevistas.png) !important; }
	.darticulos { background-image: url(images/dot-articulos.png) !important; }
	.dexperiencias { background-image: url(images/dot-experiencias.png) !important; }
	.drecursos { background-image: url(images/dot-recursos.png) !important; }

.bgtitle { position: relative; }
	.bgtitle span .ico { 
		
		padding-left: 23px;
		background-position: 0 3px;
	}
		.bgtitle span .icomment { background-image: url(images/ico-comment.png); }
		.bgtitle span .inews { background-image: url(images/ico-news.png); }
		.bgtitle span .iclock { background-image: url(images/ico-clock.png); }
	
		.bgtitle-link {
			position: absolute;
			top: 0;	right: 1em;
			font-size: .6em;
		}
		
		
.clear { clear: both; }
.hidden { display: none; }

/*actualizaciones por Carlos Casado*/
.center {text-align:center;}
ol>li>ol {font-size: 1em;}
.l-alpha {list-style-type:lower-alpha;}
.oculto {visibility: hidden;}
dl {font-size: 1.2em;
    line-height: 1.4em;}
dt {margin-top: 5px;
    font-weight: bold;}
dd {margin-left: 2em;}