/* **************************
Plantilla adaptada a Blogger por Blog and web
Diseño original por Free CSS Templates.
Encuentra esta y más plantillas en:
http://www.blogandweb.com
Recuerda que esta plantilla es gratuita y esta
bajo una licencia Creative Commons Atribution.
Puedes usarla para fines personales o comerciales
pero NO REMOVER LOS CREDITOS
Una bonita forma de agradecer es dando un link a Blog and Web.
***************************** */
/* Definición de variables
====================
*/
#outer-wrapper {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Mw6Ta9Z9Ip4J4_Bp29eIhOwGm6q4tr9VvkSxFMjQd75TMLZV3adiXnrwMpwr5D2I8OZNhQms5NpAA_XMBUhSzIbSsXXGadUx1u52W6fXfMPciVIV2NhE2RfhEZSgAam9w9rA_QTu76Y/s1600/img02.gif) repeat-x;
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/*-- (Genrales) --*/
* {
margin: 0;
padding: 0;
}
body {
background: #374536 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUxi_bkTZqPcy8pHP3xLGQQ7za8JPjUlVpgFm06dY-6A-7rNUEtDJzT3KoNKE3HP0FU5_rYGaai1PwoXQ_q2xCGb7438irq9V2tg-ujaAKnJg6kaqc7Yfl2ByR1S68cAtw5QwSB0yMu80/s1600/img01.gif);
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: $textocolor;
}
h1, h2, h3 {
font-weight: normal;
color: #333333;
}
h1 {
letter-spacing: -2px;
font-size: 182%;
}
h2 {
letter-spacing: -1px;
font-size: 152%;
}
h3 {
font-size: 100%;
font-weight: bold;
}
p, blockquote, ul, ol {
margin-bottom: 1.6em;
line-height: 180%;
}
p {
}
blockquote {
margin-left: 3em;
font-style: italic;
}
ul {
margin-left: 3em;
}
ol {
margin-left: 3em;
}
a {
}
a:hover {
text-decoration: none;
}
small {
}
hr {
display: none;
}
img {
border: none;
}
img.left {
float: left;
margin: 0 15px 0 0;
}
img.right {
float: left;
margin: 0 0 0 15px;
}
#main-wrapper {overflow:hidden;}
.clear {clear:both;}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {text-align: center; }
/*-- (Cabecera) --*/
#header-wrapper {
padding: 30px 0;
}
#header-inner {
text-align: center;
}
#header-wrapper a {
text-decoration: none;
}
#header-wrapper h1 {
text-transform: uppercase;
letter-spacing: 5px;
font-size: 28px;
font-weight: normal;
color: $colortituloblog;
}
#header-wrapper p {
text-transform: lowercase;
letter-spacing: 2px;
font-size: 12px;
font-style: italic;
color: $descripcioncolor;
}
#header-wrapper h1 a {
color: $colortituloblog;
}
#header-wrapper p a {
color: #DDEEFF;
}
/*-- (Menú) --*/
#menu {
width: 540px;
height: 40px;
margin: 0 auto;
background: url(http://img473.imageshack.us/img473/8373/blogypuertoimg03kb3.gif) repeat-x;
}
#menu ul {
width: 540px;
height: 40px;
margin: 0;
padding: 0;
background: url(http://img473.imageshack.us/img473/5583/blogypuertoimg04nt5.gif) no-repeat right top;
list-style: none;
line-height: normal;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 27px;
padding: 13px 20px 0 22px;
background: url(http://img473.imageshack.us/img473/5583/blogypuertoimg04nt5.gif) no-repeat;
text-decoration: none;
font-size: 85%;
font-weight: bold;
color: #FFFFFF;
}
#menu a:hover {
text-decoration: underline;
}
/*-- (Cotenedor) --*/
#content-wrapper {
width: 940px;
margin: 0 auto;
}
/*-- (Principal) --*/
#main-wrapper {
float: right;
width: 540px;
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZYQeecepp3awVzOsh-t7fIDiZtC1MyFH2r2G_6gerVRWCCCP0p9NVtkWCIsaMi34cFAndj6DX0N4J47gUwknh1CQ8h8FIF1FpVgrbr2PIW3QGm16DKtv51xfepM955MKTsNoZ6-297hg/s1600/img05.gif) repeat-x;
}
#main-wrapper a {
color: $enlacecolor;
}
#main-wrapper a:hover {
color: $colorenlaceencima;
}
.post {
padding: 20px;
border-bottom: 1px solid #CCCCCC;
}
.date-header {
margin-bottom: 20px;
line-height: normal;
}
.post-footer {
font-size:10px;
color:#000;
}
#main-wrapper .post-title, #main-wrapper .post-title a {
color:$colortituloentrada;
}
/*-- (Lateral) --*/
#sidebar1 {
float: right;
width: 180px;
padding: 0 0 0 20px;
}
#sidebar2 {
float: right;
width: 180px;
padding: 0 20px 0 0;
}
.sidebar a{
color: $colortextolateral;
}
.sidebar a:hover{
color: #FFFFFF;
}
.sidebar h2 {
margin-bottom: 20px;
padding: 15px 0 1px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir6k1qmxyRFs5czL8p0ro2AyqDbfu783blX1ADpKOzQeBXauwk2P_lYWrptbdngH0Ss8jcq0hK_l5wsDdPLatOR8hyphenhyphenrAvwVPCe6VTfG8uJbiuqzGDj0Od-y3TVRxFwhTgoVPuPh-Utq9A/s1600/img06.gif) repeat-x left bottom;
text-transform: lowercase;
letter-spacing: 1px;
font-size: 18px;
font-style: italic;
color: $colortituloslateral;
}
.sidebar .widget {
margin: 0;
padding: 0;
}
/*-- (Pie de página) --*/
#footer-wrapper {
clear: both;
width: 540px;
margin: 0 auto;
padding: 20px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir6k1qmxyRFs5czL8p0ro2AyqDbfu783blX1ADpKOzQeBXauwk2P_lYWrptbdngH0Ss8jcq0hK_l5wsDdPLatOR8hyphenhyphenrAvwVPCe6VTfG8uJbiuqzGDj0Od-y3TVRxFwhTgoVPuPh-Utq9A/s1600/img06.gif) repeat-x 0px 1px;
text-align: center;
font-size: 85%;
}
#footer-wrapper .links {
margin: 0;
line-height: normal;
}
#footer-wrapper a {
color: #666666;
}
]]>
