Css
- 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;}