The document contains CSS code that styles various elements of a webpage including the header, navigation menu, slideshow, content sections, sidebar, and other elements. Styles are defined for the background, colors, fonts, sizes, positioning etc. of different page sections like the header, navigation menu, content articles etc. Gradient effects and box shadows are used to style some elements. Floats, widths, margins are used to lay out different sections in a grid pattern across the page.

1. @charset "UTF-8";
/* CSS Document */
/*---fondo---*/
body {background:#2D2D2D; font-family:Cambria, "Hoefler Text", "Liberation Serif",
Times, "Times New Roman", serif}
a{ text-decoration:none; color:#FFFFFF}
a:hover { text-decoration:underline;}
#wrap {width:960px; margin:auto; clear:both}
/*---header---*/
header {width:100%; float:left; background: #f0f9ff; background: rgb(255,183,107);
background: rgb(245,246,246); height:50%; /* Old browsers */
background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1)
21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1)
100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-
stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-
stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-
stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(245,246,246,1)
0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1)
80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1)
21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1)
100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1)
21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1)
100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(245,246,246,1)
0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1)
80%,rgba(245,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6',
endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
box-shadow:0px 3px 5px #000000;
-moz-box-shadow:0px 3px 5px #000000;
-webkit-box-shadow:0px 3px 5px #000000
}
#subheader { width:960px; margin:auto;}

2. #logotipo {float:left; width:300px; padding:10px 0px;}
#logotipo {font-family: Helvetica Neue;
font-size:50px; color:#000000;}
# logotipo a:hover{ text-decoration:none;}
/*menu*/
header #subheader nav { float:left; width:600px; padding: 30px 0px;
text-align:right}
header #subheader nav ul li{display:inline; font-family:helvetica;
}
header #subheader nav ul li a{ color:#000000; font-size:18px;
padding:10px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;}
header #subheader nav ul li a:hover { color:#FFF; background:#1798af; background-
size:5px;
text-decoration:none;}
/*main*/
#main {width:100%;
margin:20px 0px 0px 0px; float:left;}
/*slideshow*/
#slideshow { width:920px;
height:260px;
float:left;
background:#000000;
border:solid 20px #fff;
margin-bottom:10px;
}
#slideshow .pagination { margin:26px 0px; width:100px;}
#slideshow .pagination ul li {float:left;
margin:0px 5px;
list-style:none}
#slideshow img {width:920px; height:260px;}
#slideshow .pagination ul li a{ display: block; width:12px;
height:0px;
padding-top:12px;
background:#fff;
float:left;
overflow:hidden; border-radius:10px;-moz-border-radius:10px;
-webkit-border-radius:10px;}

3. /*---bienvenidos*/
#bienvenidos { width:920px;
float:left; padding:20px; background: rgb(45,76,30); /* Old browsers */
background: -moz-linear-gradient(top, rgba(45,76,30,1) 0%, rgba(117,137,12,1)
100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-
stop(0%,rgba(45,76,30,1)), color-stop(100%,rgba(117,137,12,1))); /*
Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(45,76,30,1) 0%,rgba(117,137,12,1)
100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(45,76,30,1) 0%,rgba(117,137,12,1) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(45,76,30,1) 0%,rgba(117,137,12,1)
100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(45,76,30,1) 0%,rgba(117,137,12,1)
100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4c1e',
endColorstr='#75890c',GradientType=0 ); /* IE6-9 */
; margin:20px 0px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0px 2px 2px #000000;
-moz-box-shadow:0px 2px 2px #000000;
-webkit-box-shadow:0px 2px 2px #000000;}
#bienvenidos article h3 { font-family:helvetica neue; color:#fff;
font-size:40px; margin-bottom:10px;}
#bienvenidos article { color:#fff; line-height:27px
;}

4. /*contenido*/
#contenido {width:700px; float:left;}
#contenido article {float:left; margin-bottom:20px; }
#contenido article .titulo { font-size:22px; font-family:"Gill Sans", "Gill Sans MT",
"Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color:#fff;}
#contenido article .fecha {font-size:14px; color:#1798af; margin-bottom:5px;}
#contenido article .thumb { width:220px;
height:150px; float:left; margin:0px 10px 10px 0px}
#contenido article > p { color:#8c8c8c; font-size:14px;
text-align:justify;}
/*sidebar*/
aside {width:220px; float:left; margin-left:20px; background:#4d78b3; padding:10px
10px 0px 10px;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
aside .widget { margin-bottom:10px; float:left;}
aside .widget > h3 { background:#fff; color:#4d78b3;
width:220px;
padding:10px 0px;
text-align: center;
font-weight:bold; margin-bottom:10px;}
aside .widget a { color:#fff;}
aside .wideget ul li {margin-bottom:5px;}
aside .widget img {width:120px;}