More Related Content
More from Abdel Suarez (20)
Css 2
- 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;}