/* CSS */

/* Inicialiazacion */
p, ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	}

body {
	width:1024px;
	margin: 0 auto;
	font-family:  "Lato", "DejaVu Sans", sans-serif;
	font-size: normal;
	line-height: 1.5;
	/* color: #032e3a; /* fondo claro #fcfcfc */
	color: #002b36;    /* fondo       #f8f8f8 */
	background-color: #f0f0f0;
    background-image: url("images/carton_bg.jpg"); 
	}

strong {
	color: #6c71c4;
	color: #268bd2;
	color: #cb4b16;
	}


/* Header */

header {
    height:84px;
    color: #fdf6e3;
    background-image: url(images/logo_alpha.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #073642;
    margin: 0px;
    }
    header ul {
        list-style-type: none;
        text-align: right;
        padding-right:50px;
        padding-top: 30px;
        }
    header li {
        display:inline;
        }
    img[alt=twitter] {
        color: #e1e8ed;
        width:48px;
        height:48px;
        }
    img[alt=twitter]:hover {
        opacity: 0.8;
        }

/* Navigation Bar */

nav {
    margin: 0px 0px 20px 0px;
    padding: 5px 5px 5px 5px;
    }

    nav ul {
        list-style-type: none;
        padding: 0;
        }

    nav li {
        display: inline;
        }
    nav a {
        display:inline-block;
        text-decoration: none;
        font-family:  "Lato", "DejaVu Sans", sans-serif;
        font-size: normal;
        font-weight: bold;
        line-height: 1.2em;
        background-color: #fdf6e3;
        margin:2px 4px;
        padding: 0px 20px 2px 20px;
        border: 1px solid #c0c0c0;
        border-radius: 6px;
        }
        nav a:link, nav a:visited {
            color: #073642;
            }
        nav a:hover {
            color: #cb4b16;
            /*box-shadow: 0 0 2px rgb(50,50,50,.2);*/
            border: 1px solid #fba480;
            border-radius: 6px;
           }

    nav .selected a {
        background-color: #93a1a1;
        }
        nav .selected a:hover {
	    color: #073642;
            border: 1px solid #c0c0c0;
            }


/* Footer */

footer {
	text-align: center;
	font-weight: bold;
	color: #fdf6e3;
	background-color: #073642;
	padding: 10px;
	}

footer p {
	margin: 0px;
	}

/* enclosed */
.enclosed {
    text-align: justify;
    margin: 20px 0px;
    padding: 80px 140px;
    background-color: #fafafa;
    border: solid;
    border-color: #999;
    border-radius: 16px;
    border-width: 1px;
	}
.enclosed h1 {margin: 20px 0px 40px 0px;}
.enclosed h2 {margin: 20px 0px 10px 0px;}

/* Figura */
.figure {margin: 20px 10px;}
.figure .frame {padding:10px; text-align: center;}
.figure .caption { font-style: italic;}

/* Figura Flotante */
.float_figure {margin:5px 20px; float: left;}
.no_solape {clear: left;}


/* Introduccion */

#introduction {
	margin:   40px 20px;
	padding:  10px 40px 20px 40px;
	color: #073642;
	background-color: #fdf6e3;
	background-color: #f8f8f8;
        background-color: #fafafa;
	border-radius: 20px;
	}

#introduction h1 {
	font-size: 1em;
	font-weight: bold;
	margin: 5px 0px;
	}

#introduction p {
	text-align: justify;
	margin: .24em 2em;
	}

div.navigation {	
	color: red;
	margin: 40px;
	text-align: center;
}

/*-- TABLE --*/

div#table-container {
    display: table;
	border-spacing: 10px;
    }
div#table-row {
    display: table-row;
    }

section#news {
	display: table-cell;
	width: 50%;
	}

section#news > h1 {
	text-align: center;
	/*background-color: #fdf6e3;
	background: rgba(#fdf6e3,0.10);*/
	margin: 5px 0px;
	padding: 5px;
	border: solid;
    border-width: 3px;
	border-radius: 16px;
	}

/*-- News articles --*/
article {
    line-height: 1.5;
	background-color: #fdf6e3;
	background-color: #eee;
	background-color: #f8f8f8;
	background-color: #fafafa;
	margin: 20px 0px;
	padding: 10px 20px 20px 20px;
	border-radius: 16px;
    border: solid;
    border-color: #999;
    border-width: 1px;
	}

article h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #509010;
	margin: 5px 0px 5px 0px;
	}

p.note {
	font-size: .8em;
	text-indent: 0;
	margin: -2px 0px 14px 0px;
	}

article p {
	text-align: justify;
	text-indent: .4em;
	margin: .4em .2em;
	}

time {
	float: right;
	padding: 8px 8px 4px 8px;
	margin: -4px -12px 4px 4px;
	color:white;
	background-color: #268bd2;
	text-align: center;
	font-weight: bold;
	border-radius: 10px;
	}
time .year {
	font-size:.7em;
	}

aside#index {
	display: table-cell;
	width: 25%;
	padding: 0px 40px;
	}
aside#others {
	display: table-cell;
	width: 25%;
	}

/*  --- NOTA ---  */

div.tablenote {
	display: table;
	}
div.tablenote_row {
    display: table-row;
	}
div.tablenote_image {
	display: table-cell;
	vertical-align: top;
	}
div.tablenote_note {
	display: table_row;
	vertical-align: top;
	margin: 0 1em;
	}

/* ---- CODE ---- */

pre.code_area {
	margin: 1em 4em;
	padding: 1em;
	background-color: #eee8d5;
	}

pre.code_area code {
	font-family: "Ubuntu Mono", monospace;
	color: #444;
	font-size: 1.34em;
	line-height: 1.1;	
	}

code.sketch .comment {
	color: green;
	}
code.sketch .statement {
	color: darkorange;
	}
code.sketch .function {
	color: darkorange;
	font-weigh: bold;
	}
code.sketch .constant {
	color: black;
	}
code.identifier {
	color: black;
	}
code.statement {
	color: black;
	}
code.preproc {
	color: black;
	}
code.type {
	color: black;
	}
code.type {
	color: black;
	}
code.type {
	color: black;
	}

.center {
	
	}

img.float_left {
	float: left;
	}