@charset "UTF-8";

/* CSS Document */

/***********************************************
Estructura
 ************************************************/

/* layout basat en http://matthewjamestaylor.com/blog/perfect-3-column.htm */

body {
margin:0;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
width:100%;
background-color: #ffffff;/* The min-width property does not work in old versions of Internet Explorer */
}

/* column container */
.colmask {
margin: 0 auto;
clear:both;
position:relative;	/* This fixes the IE7 overflow hidden bug */
clear:both;
width:90%;			/* width of whole page */
overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */

#colright, #colmid, #colleft, #colleftadmin {
float:left;
width: 100%;			/* width of page */
position:relative;
}

#main, #mainadmin, #sidebar1, #sidebaradmin, #sidebar2 {
float:left;
position:relative;
padding:0;	/* no left and right padding on columns, we just make them narrower instead 

					only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
}

/* 3 Column settings */





.threecol #main, .threecol #mainadmin {
width:80%; /* 593/996 */				/* width of center column content (column width minus padding on either side) */
left:100%;			/* 100% plus left padding of center column */
padding: 0 30px;
}

.threecol #colleftadmin {
right:60%; /* 593/996 */			/* width of the middle column *//*background:#f4f4f4;	 left column background colour */
}

.threecol #sidebaradmin {
color: #000;
width: 17%;   /* 170/996 */		/* Width of left column content (column width minus padding on either side) */
left:3%;	/* 233/996 */				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}



@media screen and (max-width: 768px) {
.threecol #main, .threecol #mainadmin {
width:75%; 			/* width of center column content (column width minus padding on either side) */
left:100%;			/* 100% plus left padding of center column */
padding: 0 20px;
margin-bottom: 30px;
padding-right: 0;
}

 .threecol #colleft {
right:75%; 	/* width of the middle column */
/*background:#f4f4f4;	 left column background colour */
}
}




.threecol #colmid {
right:23%;	/* 233/996 */		/* width of the right column */
background-color: #ffffff;		/* center column background colour */
}

.threecol #colleft {
right:60%; /* 593/996 */			/* width of the middle column *//*background:#f4f4f4;	 left column background colour */
}

.threecol #main {
width:60%; /* 593/996 */				/* width of center column content (column width minus padding on either side) */
left:100%;			/* 100% plus left padding of center column */
padding: 0 30px;
}

.threecol #sidebar1 {
color: #000;
width: 17%;   /* 170/996 */		/* Width of left column content (column width minus padding on either side) */
left:23%;	/* 233/996 */				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}



.threecol #sidebar2 {
width:23%;	/* 233/996 */			/* Width of right column content (column width minus padding on either side) */
left:83%;			/* Please make note of the brackets here:

					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/***********************************************
 Colors i tipografia 
 ************************************************/
 
/* main */

#main, #mainadmin {
border-left: 1px solid #D5D5CD;
}

.breadcrumbs {
font-size: 85.7143%;
margin-bottom: 20px;
margin-left: -30px;
min-height: 30px;
padding-left: 30px;
padding-top: 5px;
}

.breadcrumbs a, .breadcrumbs a:visited {
color: #666;
}

#main li, #mainadmin li {
margin-bottom: 1em;
}

#main ul, #mainadmin ul, #main ol, #mainadmin ol {
margin-bottom: 1em;
padding-left: 3em;
}

.bibliography {
margin-bottom: 1em;
}

.postimage { 
border: 1px solid #ddd; 
/* text-align: center; */
margin-left: auto;
margin-right: auto;
background-color: #f3f3f3; 
padding-top: 4px; 
margin-bottom: 20px; 
max-width: 100%; 
padding: 8px; }

.postimageleft { 
border: 1px solid #ddd; 
/* text-align: center; */
width:41%; 
float:left; 
display: inline; 
padding: 7px; 
margin: 0px 20px 20px 0px;
background-color: #f3f3f3; 
/*padding-top: 4px; 
margin-bottom: 20px; 
padding: 8px; */}

.postimageright{ 
border: 1px solid #ddd; 
/* text-align: center; */
width:41%; 
float:right; 
display: inline; 
padding: 7px; 
margin: 0px 0px 20px 20px;
background-color: #f3f3f3; 
/*padding-top: 4px; 
margin-bottom: 20px; 
padding: 8px; */}

/* sidebar 1 */
 
#sidebar1 li, #sidebar2 li, #sidebaradmin li {
list-style-type: none;
}

#sidebar1, #sidebaradmin {
font-size: 92.857143% /* 13px/14px */;
border-bottom: 1px solid #D5D5CD;
}

#sidebar1 .col5, #sidebaradmin .col15 {
width: 100%;
border-right: none;
padding: 0;
}

#sidebar1 h2, #sidebaradmin h2 {
margin: 1em 0 0 0;
padding:0.2em 0.2em 0.4em 0;
border-top: 3px solid #D5D5CD;
font-size: 153.84615% /* 20px/13px */;
}

#sidebar1 h2#section_title, #sidebaradmin h2#section_title {
border-top: none;
border-bottom-width: 4px;
border-bottom-style: solid;
font-size: 171.42857% /* 24px/14 */;
margin-top: 0;
padding: 0;
min-height: 35px;
}

#sidebar1 h2#section_title + h2, #sidebar1 h2#section_title + ul.submenu,
#sidebaradmin h2#section_title + h2, #sidebaradmin h2#section_title + ul.submenu{
border-top: none;
margin-top: 0;
}

#sidebar1 ul, #sidebaradmin ul {
border-top: 1px solid #D5D5CD;
padding-top: 0.5em;
line-height: 1.3;
}

#sidebar1 li, #sidebaradmin li {
padding: 2px 6px 2px 0;
margin-bottom: 0.5em;
}

#sidebar1 .principal, #sidebaradmin .principal {
font-weight: bold;
}

#sidebar1 .subcategories h3, #sidebaradmin .subcategories h3 {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
color: #000000;
}

#sidebar1 .subcategories li, #sidebaradmin .subcategories li {
font-weight: bold;
border-bottom: 1px solid #D5D5CD;
}

#sidebar1 .subcategories li:last-child, #sidebaradmin .subcategories li:last-child {
border-bottom: none;
}

#sidebar1 .subcategories ul li, #sidebaradmin .subcategories ul li {
font-weight: normal;
padding-left: 1em;
border-bottom: none;
}

#sidebar1 .subcategories ul, #sidebaradmin .subcategories ul {
border-top: none;
}

#sidebar1 .searchbox, #sidebaradmin .searchbox {
padding: 1em 0;
}

#sidebar1 .searchbox input[type=text], #sidebaradmin .searchbox input[type=text] {
border: 1px solid #999;
padding: 2px 6px;
color: #666;
}

#sidebar1 .searchbox input[type=text]:focus, #sidebaradmin .searchbox input[type=text]:focus {
border-color: #333;
}

/* sidebar 2 */
 

#sidebar2 {
background-color: #EDEDE8;
border: 1px solid #D5D5CD;
border-top: none;
font-size: 92.307692%; /* 12/13 */
}

#sidebar2 h2 {
font-size: 181.818181% /* 20/11 */;
}

.widget {
padding: 16px;
}

.widget .data {
line-height: 1;
}

#sidebar2 li {
list-style-type: none;
}

#sidebar2 .widget.resources p {
margin-bottom: 0;
}

#sidebar2 .widget.resources .item {
/*margin-bottom: 0; ictlogist */
/*border-bottom: none; ictlogist*/
}

#footer {
margin-top: 50px;
}

/* blocs */

.sociedadred .entry, .blog .entry, .about .entry {
border-bottom: 4px solid #A52C11;
padding-bottom: 1em;
margin-bottom: 1.5em;
font-size:107.14286%;
line-height: 1.6;
clear:both;
overflow: hidden;
}

.about .entry {
border-bottom: 4px solid #E49641;
}

.entry table {
margin-bottom: 1em;
border-collapse: collapse;
}

.entry td {
padding: 6px;
border: 1px solid #D5D5CD;
border-collapse: collapse;
}

.postmetadata {
color: #666;
border: 1px solid #D5D5CD;
font-size: 85.7143%;
line-height: 1.4;
padding: 8px;
}

.entry ul, .entry ol {
padding-left: 3em;
}


/*******************
ICTLOGY 
*******************/

/* comments */


#comments {
/*position:relative;*/
    margin:20px 0 0;
padding:20px 0 0 0;
border-top:1px solid #e6e6e6;
border-top:1px solid rgba(0, 0, 0, 0.07);
}

/*
#comments h3  { color:#333; font-weight:normal; margin-bottom:20px; }
*/

/*
#comments .comment.even { 
    background: #fafafa; background: rgba(0,0,0,0.02); 
    border-bottom:1px solid #e6e6e6; 
    border-bottom:1px solid rgba(0,0,0,0.07); 
}

#comments .comment.odd { 
    background: #fdfdfd; background: rgba(0,0,0,0.02); 
    border-bottom:1px solid #e6e6e6; 
    border-bottom:1px solid rgba(0,0,0,0.07); 
}
*/
#comments .comment.thread-even,  #comments .pingback {
background: #fafafa;
background: rgba(0, 0, 0, 0.02);
border-bottom:1px solid #e6e6e6;
border-bottom:1px solid rgba(0, 0, 0, 0.07);
}

#comments .comment.thread-odd {
background: #fdfdfd;
background: rgba(0, 0, 0, 0.02);
border-bottom:1px solid #e6e6e6;
border-bottom:1px solid rgba(0, 0, 0, 0.07);
}

#comments .comment, #comments .pingback {
margin-top:10px;
width:100%;
list-style-type:none;
}

#comments .comment .comment-container {
position:relative;
padding: 0px;
}

#comments .avatar {
float:left;
margin: 0 15px 5px 0;
}

#comments .avatar img {
margin: 0;
vertical-align: middle;
border:1px solid #ddd;
padding:3px;
background:#fff;
}

#comments ol.commentlist {
margin:10px 10px 0 0px;
padding:0 0 0 1.5em;
}

#comments ul.children {
margin:10px 10px 0 25px;
padding:0;
}

#comments ul.children li {
border-top:1px solid #e6e6e6;
}

#comments .cancel-comment-reply {
margin:10px 0;
}

.reply a {
margin:0px 0px 20px 10px;
padding: 5px 10px 6px;
font-family:Verdana, Geneva, Arial, sans-serif;
display: inline-block;
color: #333333 !important;
text-decoration: none;
position: relative;
font-size: 10px;
padding: 0px 6px 1px;
text-transform:uppercase;
/*text-shadow: 0 -1px 1px rgba(0,0,0,0.25); */
        background-color:#EEEEEE;
border: 1px solid rgba(0, 0, 0, .25);
border-bottom-color: rgba(0, 0, 0, .35);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.reply a:hover {
text-decoration:none;
background-color:#DDDDDD;
}

/* -------------------- Posts ----------------------- */

.citation {
margin: 10px 30px 20px 30px;
padding: 10px 10px 10px 10px;
border: dotted 1px;
font-size: .85em;
}

.meetings {
margin: 10px 0px 30px 0px;
}

.bibliography {
text-align: left;
margin: 10px 0px 15px 0px;
}

.resources .bibliography, .about .bibliography {
border-bottom: 1px solid #D5D5CD;
padding-bottom: 15px;
}

.bibliography a {
color:#74303E;
border-bottom: 0px;
text-decoration: none;
}

.bibliography a:hover {
color:#57252f;
text-decoration: underline;
border-bottom: 0px;
}

.reportlist ul {
padding-left: 0;
}

.reportlist ul li {
line-height: 1em;
list-style-type: circle;
list-style-position: inside;
}

.resources div.allinline,
.about div.allinline {
border: 1px solid #D5D5CD;
background-color:#EDEDE8;
padding: 10px;
overflow: hidden;
clear: both;
}

.intro {
padding: 10px 20px 10px 20px;
margin: 10px auto;
font-size: 0.85em;
width: 94%;
}

.update {
border-left: 1px solid #E7768C;
border-bottom: 1px solid #E7768C;
border-top: 1px solid #E7768C;
border-right: 1px solid #E7768C;
padding: 5px;
margin: 8px 10px 28px 40px;
background: #FFF;
font-size: 1em;
voice-family: "\"}\"";
voice-family: inherit;
width: 300px;
}

.updatenice {
border-left: 1px solid #D29688;
border-bottom: 1px solid #D29688;
border-top: 1px solid #D29688;
border-right: 1px solid #D29688;
padding: 10px;
margin: 40px auto 40px auto;
background: #FFF;
font-size: 0.95em;
voice-family: "\"}\"";
voice-family: inherit;
width: 500px;
}

.updatenice h3, .updatenice h4, .updatenice h5 {
margin: 5px 0px 0px 0px;
}

.researchproject {
border: 1px solid #d5d5cd;
background-color: #EDEDE8;
margin: 20px 0;
margin-bottom:10px;
padding: 10px 10px 10px 10px;
/*float: left;*/
vertical-align: middle;
position: relative;
clear: both;
overflow: hidden;
max-width: 100%;
/*margin-left: 0 !important;/
/*width: auto !important;*/
width: 100%; 
}

.downloadfile {
border: 1px solid #d5d5cd;
background-color: #EDEDE8;
margin: 20px 0;
/*float: left;*/
vertical-align: middle;
position: relative;
clear: both;
overflow: hidden;
max-width: 100%;
margin-left: 0 !important;
width: auto !important;
}

.downloadfilecell {
padding: 15px;
float: left;
vertical-align: middle;
}

.downloadfile img {
float: left;
}

blockquote {
	border-left: 3px solid #ccc;
	border-right: 3px solid #ccc;	
	margin: 0px 0px 15px 15px;
	padding-left: 5px;
}

.postit {
padding: 5px;
margin: 8px 10px 28px 70px;
background: #FFF9B3;
voice-family: "\"}\"";
voice-family: inherit;
width: 300px;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: small;
font-weight: normal;
line-height: 130%;
text-align: justify;
}

.postit_wide {
padding: 5px;
margin: 10px -5px 15px -5px;
background: #FFF9B3;
voice-family: "\"}\"";
voice-family: inherit;
width: 100%;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: small;
font-weight: normal;
line-height: 130%;
text-align: justify;
}

.postit_orange_wide {
padding: 5px;
margin: 0px -5px 15px -5px;
background: #FACCBC;
/* voice-family: "\"}\"";*/
voice-family: inherit;
width: 520px;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: small;
font-weight: normal;
line-height: 130%;
text-align: justify;
}

/* ------------------------------ WIKI -------------------------- */



#wpTextbox1 { width: 100% !important; }
#editpage-copywarn {visibility:hidden; height:0px; margin-bottom:10px;}

#ca-edit a {
font-weight: bold !important;
}

#f-list {
display: inline;
list-style-type: none;
}

/*
a.new, #menupersonal a.new {
color:#ba0000; 
color:red;
}
*/

#post .storycontent a.new {
color:#ba0000;
}

a.new:visited, #menupersonal a.new:visited {
color:#a55858;
}

.editsection {
font-weight: normal;
float: right;
margin-left: 5px;
color: #CCCCCC;
}

#toc .editsection {
margin-top: 0.7em;
font-size: 94%;
color: #CCCCCC;
}

* html div.editsection {
font-size: smaller;
float: right;
color: #CCCCCC;
}

* html span.editsection {
font-size: smaller;
float: right;
color: #CCCCCC;
}

h1 .editsection {
font-size: 53.2%;
color: #CCCCCC;
}

h2 .editsection {
font-size: 66.7%;
color: #CCCCCC;
}

h3 .editsection {
font-size: 75.8%;
color: #CCCCCC;
}

h4 .editsection {
font-size: 86.2%;
color: #CCCCCC;
}

h6 .editsection {
font-size: 125%;
color: #CCCCCC;
}

#mw-pages table {
font-size: 100%;
}

#siteNotice {
text-align: center;
font-size: 95%;
padding: 0 0.9em 0 0.9em;
}

#siteNotice p {
margin: 0;
padding: 0;
}

#siteSub {
display: none;
}

#contentSub {
font-size: 84%;
/* font-size: small; !important*/
line-height: 1.2em;
margin: 0 0 1.4em 1em;
color: #7d7d7d;
width: auto;
}

#toc {
font-size: 90%;
}

#toc h2 {
font-size: 120%;
}


.usermessage {
background-color: #ffce7b;
border: 1px solid #ffa500;
color: Black;
font-weight: bold;
margin: 2em 0em 1em 0em;
padding: 0.5em 1em;
vertical-align: middle;
}

#catlinks {
border:1px solid #aaaaaa;
background-color:#f9f9f9;
padding:5px;
margin-top: 1em;
clear: both;
}

#catlinks ul {
margin: 0 0 0 1em; padding: 0 0 0 0;
}

#catlinks li {
display: inline;
/*border-right: 1px solid #ffa500;*/
margin-right: 1em;	/*padding-right: 1em;	*/
}

.urlexpansion, .printfooter {
display: none;
}

.boxshadow {
width: 100%;
position: relative;
clear: both;
background-color: #EFEFEF;
padding: 10px;
margin: 3px 0px 3px 0px;
border: dotted 1px;
}

.boxfull, #mw-pages {
width: 100%;
position: relative;
clear: both;
}

.boxleft {
float:left;
}

.boxright {
float:right;
}

.boxleft, .boxright {
width:46%;
display: inline;
margin: 7px 0;
/* padding: 10px;  
	background-color: #EEEEEE; 	border: dotted 1px #74303E;	*/
border-top: 4px solid #D5D5CD;
display: inline;
}

.boxleft h3, .boxright h3 {
margin: 10px 0px 10px 0px;
}

/* xtras */
 
#alert {
width: 100%;
height: 22px;
margin: 0px 0px 0px 0px;
padding: 0px 2px 0px 0px;
background: #FFFFCC;
color: #333;
text-align:center;
border-bottom: double 3px #aba;
color:#74303E;
}

#alert a {
color:#74303E;
border-bottom: 0px;
text-decoration: none;
font-weight: bold;
}

.f {
display: none;
}

#google_calendar {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px -10px;
width: 210px;
}

#eXTReMe {
visibility:hidden;
}

/* dopplr */

#dopplr-blog-badge-for-ictlogist {
margin: 0px 0px 0px 0px;
width: 100%;
background-color: gray;
}

#dopplr-logo { display:none;}

.lifestream .dopplr-badge {
  
    line-height: 1.3;
    margin-top: 0px;
    padding: 0px;
   border: none;
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.lifestream .dopplr-badge p {  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

p.d-status {

}

.lifestream .dopplr-badge ul.trips {
 margin-left: 0;
 font-size: 85.7143%;

}

.lifestream .dopplr-badge ul.trips li {
 padding: 0.5em 0;
border-top: 1px solid #CCBCBC;

}



/* -------------------- Sociable ----------------------- */

div.sociablebreak { margin: 40px 0px 0px 0px; }

/*div.sociable { margin: 30px 0px 0px 0px; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {display: block;}
.sociable ul {display: inline; margin: 0 !important; padding: 0 !important;}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

*/

/* -------------------- Google Custom ----------------------- */

/*
.gsc-control-cse {margin: 10px 0px -10px 0px;}
.gsc-branding { visibility:hidden;}
.gsc-adBlock, .gsc-adBlockInvisible { visibility:hidden;  z-index: 0; float: right;}
.gsc-adBlockInvisible iframe { visibility:hidden; z-index: 0; float: right;}
.gsc-resultsbox-visible {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #EEEEEE;; display:block; z-index:100; float: left;}
#master-1 { visibility: collapse;}
*/


/***********************************************
Versions Responsive
 ************************************************/
 
 @media screen and (max-width: 1152px) {
 .colmask {
 margin: 0 auto;
 clear:both;
 position:relative;	/* This fixes the IE7 overflow hidden bug */
 clear:both;
 width:95%;			/* width of whole page */
 overflow:hidden;		/* This chops off any overhanging divs */
}
}
 @media screen and (max-width: 768px) {
 .colmask {
 margin: 0 auto;
 clear:both;
 position:relative;	/* This fixes the IE7 overflow hidden bug */
 clear:both;
 width:95%;			/* width of whole page */
 overflow:hidden;		/* This chops off any overhanging divs */
}
 .threecol #colmid {
right:0;		/* width of the right column */
}
 .threecol #colleft {
right:75%; 	/* width of the middle column */
/*background:#f4f4f4;	 left column background colour */
}
 .threecol #main {
width:75%; 			/* width of center column content (column width minus padding on either side) */
left:100%;			/* 100% plus left padding of center column */
padding: 0 20px;
margin-bottom: 30px;
padding-right: 0;
}
 .threecol #sidebar1,  .threecol #sidebaradmin {
color: #000;
margin-bottom: 30px;
width: 25%;   /* 170/996 */		/* Width of left column content (column width minus padding on either side) */
left:0%;	/* 233/996 */				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */

}

 .threecol #sidebar2 {
 float: none;
 width: 100%;
 clear: both;
 margin-top: 30px;
 left: 75%;
}
}
 @media screen and (max-width: 508px) {
 .colmask {
 margin: 0 auto;
 clear:both;
 position:relative;	/* This fixes the IE7 overflow hidden bug */
 clear:both;
 width:95%;			/* width of whole page */
 overflow:hidden;		/* This chops off any overhanging divs */
}
 #colright, #colmid, #colleft, #colleftadmin, .threecol #colmid, .threecol #colleft, .threecol #colleftadmin, .threecol #main, .threecol #mainadmin, .threecol #sidebar1, .threecol #sidebar2 {
float:none;
width: 100%;
position:static;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
 #main, #mainadmin {
 border-left: none;
}
}