The document contains the CSS code for styling a website. It includes CSS rules for styling elements like the body, header, navigation menu, slideshow, content sections, sidebar and more. Styles are defined for colors, fonts, sizes, positioning of elements and other visual properties. Gradient backgrounds and box shadows are used to style elements like the header and content sections. Images, text and blocks of content are positioned on the page in a multi-column layout with navigation, slideshow, main content and sidebar areas.

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;}
#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;}
/*---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
;}
/*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;}