﻿/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags

body {background-color:#d7ecf4; color:#000}

---------------------------------------------------------------------------------------------------------- */

body {background-color:#000; color:#000}

a {
	color: #DF0000;
	text-decoration: none;
}
a:hover {
	color: #AF0000;
	text-decoration: underline;
}
.color-rojo {color:#DF0000;}

h3.title {border-bottom:1px solid #D7ECF4; color:#3fa5cd;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {background-color:#FFF;}

#header {background-color:#DF0000; color:#FFF;}
#header a {color:#FFF;}

#tray {background-color:#2f2f2f; color:#FFF;}

.nav a {border-top:1px solid #e5e5e5; background-color:#d0d0d0 !important; color:#666666 !important; font-weight:bold;}
.nav a:hover {border-top: 1px solid #e5e5e5;background-color:#C0C0C0 !important;color:#000  !important;}

/* .nav-menu {background-color:#DF0000 !important; color:#FFF !important;}*/
.nav #nav-active a {background-color:#DF0000 !important; color:#FFF !important;}
.nav #nav-active ul li a {border-top:1px solid #525252; background-color:#2f2f2f !important; color:#94c9e2 !important;}
.nav #nav-active ul li a:hover {border-top:1px solid #525252; background-color:#343838 !important; color:#FFF !important;}
#footer, #footer a {color:#3fa5cd;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#topstory-top, #topstory {background-color:#D7ECF4;}
#topstory-desc .info, #topstory-desc .info a, .article .article-desc .info, .article .article-desc .info a {color:#5F5F5F;}
#topstory-desc .info a:hover, .article .article-desc .info a:hover {color:#2F2F2F;}
#topstory-list {border-top:1px solid #EBF4F8; background-color:#C2DFEC;}
#lista-imagenes {
	background-color: #FFFFFF;
	border-style: dotted;
	border-color: #C0C0C0;
	border-width: 1px;
}


.box-01-top, .box-01-top-b {background-color:#44A1CA; color:#FFF;}
.box-01-top-b .f-right {color:#D7ECF4;}
.box-01 .bg {border-top:1px solid #c2dfec; border-bottom:1px solid #c2dfec; background:#e8f3f8;}

    .news dt {color:#DF0000;}
    .news dd span {color:#3fa5cd;}

.box-02-top, .box-02-top-b {background-color:#D7ECF4; color:#44A1CA;}

    .mostreaded span {color:#5F5F5F;}



/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.rss {color:#000;}
