@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(../css/reset.css);
/* - - - - - - - - - - - - - - - - - - - - -
Título : ABC funebres
Creado : 27/06/2013 
Por: gustavoantunez@gmail.com
Modificado : 
Modificado : 
- - - - - - - - - - - - - - - - - - - - - */
/*=================================================== LAYOUT y CLASES GENERALES                                     
===================================================*/
.multicolumna { -moz-column-width: 20em; -moz-column-gap: 20px; -webkit-column-width: 20em; -webkit-column-gap: 20px; -webkit-column-rule: 1px solid #EEE; -moz-column-rule: 1px solid #EEE; }

body { font: 15px/150% "PT Sans", sans-serif; font-weight: 400; color: #333; text-align: center; background-color: #FFF; }

p { margin-bottom: 15px; line-height: 150%; font-weight: 400; font: 15px/170% "PT Sans", sans-serif; }

strong, b { font-weight: 700; }

hr { clear: both; margin: 20px 0; height: 1px; border: 0; background-color: #EEE; }

em, i { font-style: italic; color: #666; }

h1, h2, h3, h4, h5, h6 { line-height: 150%; font-weight: 700; color: #000; }

h1 { font-size: 30px; }

h2 { font-size: 21px; margin-bottom: 20px; }

h3 { font-size: 19px; margin-bottom: 9px; }

h4 { font-size: 17px; margin-bottom: 8px; }

h5 { font-size: 15px; margin-bottom: 7px; }

h6 { font-size: 13px; margin-bottom: 7px; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { color: #333; text-decoration: none; }
h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active { color: #000; text-decoration: underline; }

a:link, a:visited { color: #333; }

a:active, a:hover { color: #000; }

.clear { clear: both; }

.left, .right, .center { float: left; display: block; }

.alert { color: #d00; }

/*---------------------------------------------------*/
.wrap { text-align: left; width: 960px; margin: 30px auto; }

.relative { position: relative; }

.absolute { position: absolute; }

table td, table th { padding: 10px; }

/*---------------------------------------------------*/
/* HEADER                                                  
===================================================*/
header { margin-bottom: 10px; }
header .logo { width: 146px; height: 90px; margin-right: 25px; display: block; background: url("../images/logoGrande.png") no-repeat; text-indent: -9999px; }
header .right { width: 789px; }
header .right .top { border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; font-family: "Arial narrow", Arial, sans-serif; font-size: 13px; margin-bottom: 5px; }
header .right .top .left { width: 548px; padding: 5px 0; }
header .right .top .buscador { width: 230px;
          padding: 5px 0 5px 10px; border-left: 1px solid #DDD; text-align: center; font-size: 28px; }
header .right .top .buscador input { background-color: #FFF; border: 0; }
header .right .top .buscador input[type=text] { width: 100px; font-family: "Arial narrow", Arial, sans-serif; font-size: 13px; }
header .right .top .buscador input[type=submit] { background: url("../images/search.gif") no-repeat; width: 15px; height: 15px; text-transform: capitalize; text-indent: -9999px; }

/* CONTENIDO                                           
===================================================*/
section .fechas { background-color: #EEE; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; margin-bottom: 30px; height: 40px; }
section .fechas a, section .fechas h2 { float: left; display: block; }
section .fechas a:last-child { text-align: right; }
section .fechas a { padding: 3px 0 5px 0; margin-top: 5px; width: 330px; }
section .fechas a:link, section .fechas a:visited { color: #666; text-decoration: none; }
section .fechas a:link span, section .fechas a:visited span { background-color: #333; color: #FFF; padding: 0 12px 2px 12px; font-size: 26px; margin: 0 5px; }
section .fechas a:link span.gris2, section .fechas a:visited span.gris2 { background-color: #666; font-size: 13px; padding: 10px 12px 5px 12px; margin: 0; }
section .fechas a:hover, section .fechas a:active { color: #333; }
section .fechas a:hover span, section .fechas a:active span { background-color: #666; }
section .fechas h2 { text-align: center; line-height: 150%; width: 300px; padding: 10px 0 0 0; background-color: #FFF; border-top: 3px solid #333; margin: -3px 0 -1px 0; }
section .left.col, section .right.col { width: 50%; }
section .col ul { border-left: 3px solid #FFD402; margin: 10px 30px; }
section .col ul li { padding: 5px 10px; }
section .col ul li a:link, section .col ul li a:visited { text-decoration: none; }
section .col ul li a:hover, section .col ul li a:active { text-decoration: underline; }
section .col ul.anuncios li { border-bottom: 1px solid #DDD; padding: 20px; margin-bottom: 10px; }
section .col figure img { border: 1px solid #CCC; float: left; margin-right: 10px; }
section .col figure figcaption { color: #333; font-weight: 700; font-size: 19px; line-height: 150%; }
section .col figure figcaption span { display: block; font-size: 24px; color: #000; }

/* BOTTOM                                                     
===================================================*/
footer { margin-top: 50px; clear: both; }
footer .logo { width: 730px; height: 124px; margin-right: 10px; display: block; background: url("../images/pie-funebres-web2.jpg")no-repeat; text-indent: -9999px; }
footer .right { width: 833px; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; font-family: "Arial narrow", Arial, sans-serif; font-size: 13px; padding: 22px 0; }