/*
Filename:			master.css
Creado por:			Josu Eguren Andres
Modificado por:		Josu Eguren Andres
Creado:				3 de octubre de 2008
Actualizado:		22 de mayo de 2009
*/

/*** Reset ***************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
background: transparent;
}

/* remember to define focus styles! */

:focus {
outline: 0;
}
body {
line-height: 1;
margin: 0;
padding: 0;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 62.5%;
color: #474A51;
background: #FFF;
}
ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/*** Links ***************************************************************/

a:link, a:visited {
color: #317B9E;
text-decoration: none;
}
a:hover {
color: #104C68;
}
#extra a {
color: #646870;
}

/*** Structure ***************************************************************/

#wrap {
padding: 2em 0 2em 0;
background: #FFF;
}
#wrap-inner, #wrap-simple {
width: 860px;
margin: 0 auto;
font-size: 1.2em;
background: url(../images/bg/drop_shadow.png) repeat-y;
}
#wrap-simple {
background: none;
}
div.main {
float: left;
margin: 1em 0;
width: 540px;
}
div.secondary {
margin: 1em 0;
float: right;
width: 295px;
}

/*** Header ***************************************************************/

#header {
margin: 0;
padding: 0;
border-bottom: 10px solid #E0E0E0;
background: #a328a3 url(../images/bg/header_bg.png) center top no-repeat;
}
#header-inner {
margin: 0 auto;
width: 860px;
font-size: 1.2em;
}
#header-inner.castellano {
background: url(../images/bg/grupo_feminista.png) right 55% no-repeat;
}
#header-inner.euskara {
background: url(../images/bg/talde_feminista.png) right 55% no-repeat;
}
body#muestra #header-inner.castellano {
background: url(../images/bg/muestra.png) right 55% no-repeat;
}
body#muestra #header-inner.euskara {
background: url(../images/bg/erakusketa.png) right 55% no-repeat;
}
#logo {
margin: 0;
padding: 34px 0 43px 0;
}
#logo a, #logo span {
display: block;
width: 192px;
height: 124px;
background: url(../images/logos/logo.png) no-repeat top left;
}
#logo img {
display: block;
width: 0;
}

/*** Titles ***************************************************************/

#titles {
padding: 0;
background: #F4F4ED;
border-bottom: 1px solid #E0E0E0;
}
#titles-inner {
clear: both;
width: 860px;
margin: 0 auto;
padding: 1em 0 1em 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.5em;
line-height: 1.5em;
color: #CCC;
background: url(../images/bg/titles_bg.png) 75% bottom no-repeat;
}
span.mark {
color: #88D4FF;
}

/*** Navigation ***************************************************************/

#nav ul {
float: right;
margin: 5px 0 20px;
font-family: Georgia, "Times New Roman", Times, serif;
}
#nav li {
display: inline;
float: left;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
border-left: 1px solid #E0E0E0;
font-size: 1em;
font-weight: bold;
line-height: 1;
}
#nav li#last {
display: inline;
float: left;
margin: 0 10px 0 10px;
padding: 0 10px 0 10px;
border-right: 1px solid #E0E0E0;
font-size: 1em;
font-weight: bold;
line-height: 1;
}
#nav li#first {
margin-left: 0;
padding-left: 0;
border-left: none;
}
#nav li a {
float: left;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
}
#nav li a:hover,
#nav li a:focus,
#nav li a:active {
color: #E0E0E0;
}
body#inicio #nav li.inicio a, body#muestra #nav li.muestra a, body#weblog #nav li.weblog a, body#paralelo #nav li.paralelo a, body#quienes-somos #nav li.quienes-somos a {
position: relative;
margin-bottom: -20px;
padding-bottom: 20px;
background: url(../images/bg/nav_bg.png) 50% 100% no-repeat;
color: #E0E0E0;
text-decoration: underline;
}

/*** Home ***************************************************************/

#home {
margin: 2em 0;
float: left;
width: 860px;
background: url(../images/bg/home_bg.png) center no-repeat;
}
div#f-column, div#t-column {
float: left;
width: 262px;
}
div#s-column {
float: left;
margin: 0 37px 0 37px;
width: 262px;
}
#home h2 {
margin: 0 0 1em 0;
font: bold 14px/20px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
color: #999;
padding-left: 30px;
background: url(../images/headings/secondary/spot.png) no-repeat 0 50%;
}
#home p {
font-size: 1em;
line-height: 1.5em;
}
#home p a:hover {
color: #C00;
}
#home img {
float: left;
}

/*** Sections ***************************************************************/

div.section {
width: 518px;
margin: 0;
padding: 0;
}
div.section-content {
float: left;
width: 518px;
margin: 0;
padding: 0;
}
div.section-content p, div.multicol p {
margin: 0 0 1em 0;
font-size: 1em;
line-height: 1.7em;
}
div.section-content p a, div.multicol p a {
color: #A328A3;
font-weight: bold;
}
div.section-content a:hover, ul.post-info a:hover, div.multicol a:hover {
color: #C00;
}
div.multicol {
float: right;
margin: 1em 0;
-moz-column-count: 2;
-moz-column-gap: 30px;
-webkit-column-count: 2;
-webkit-column-gap: 30px;
column-count: 2;
column-gap: 30px;
column-fill: balance;
}
div.schedule {
margin-bottom: 5px;
}
div.schedule span.file a {
padding: 2px 0 2px 20px;
background: url(../images/icons/file.png) center left no-repeat;
}
div.schedule span.movie a {
padding: 2px 0 2px 20px;
background: url(../images/icons/movie.png) center left no-repeat;
}
div.schedule span.ticket a {
padding: 2px 0 2px 20px;
background: url(../images/icons/ticket.png) center left no-repeat;
}
div.col-a {
float: left;
width: 310px;
margin: 0 30px 0 0;
}
div.col-c {
float: left;
width: 130px;
}
div.f-download, div.s-download {
float: left;
width: 260px;
}
div.f-download a, div.s-download a {
color: #A328A3;
font-weight: bold;
}
div.f-download a:hover, div.s-download a:hover {
color: #C00;
}
div.s-download {
margin: 0 40px 0 40px;
}
div.secondary img, div.secondary img a {
float: left;
border: 0;
}
div.f-download img, div.s-download img, .big-case {
float: left;
padding: 5px;
border: 1px #CCCCCA solid;
background: #F5FAF5;
}
div.f-download img, div.s-download img {
clear: both;
margin-bottom: 1em;
}
div.schedule img {
float: left;
margin: 0 10px 0 0;
padding: 3px;
border: 1px #CCCCCA solid;
background: #F5FAF5;
}
span.ticker {
color: #A328A3;
}
span.highlite {
font-weight: bold;
color: #A328A3;
}
span.entry-title {
font-weight: bold;
color: #A328A3;
}
.secondary p {
font: normal 100%/170% "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
color: #000;
}
.female li, .pdf li, .hcard li, .zip li {
float: left;
margin-top: 0.5em;
width: 283px;
height: 55px;
padding: 5px;
border: 1px #CCCCCA solid;
line-height: 55px;
text-indent: 57px;
}
.female a, .pdf a, .hcard a, .zip a {
color: #999;
display: block;
}
.female a:hover, .pdf a:hover, .hcard a:hover, .zip a:hover {
color: #C00;
}
.female a {
background: #FFF url(../images/sidelinks/female.png) center no-repeat;
}
.hcard a {
background: #FFF url(../images/sidelinks/hcard.png) center no-repeat;
}
.pdf a {
background: #FFF url(../images/sidelinks/pdf.png) center no-repeat;
}
.zip a {
background: #FFF url(../images/sidelinks/zip.png) center no-repeat;
}

/*** Simone ***************************************************************/

#simone {
padding: 1em 0 0 0;
background: #FFF url(../images/bg/simone_bg.png) bottom left repeat-x;
}
#simone-inner {
clear: both;
width: 860px;
margin: 0 auto;
padding: 116px 0 0 0;
background: url(../images/bg/simone_top.png) bottom right no-repeat;
}
#simone-simple {
padding: 0;
border-bottom: 10px solid #E0E0E0;
}

/*** Extra ***************************************************************/

#extra {
padding: 0;
background: #F4F4ED;
border-bottom: 10px solid #E0E0E0;
}
#extra-inner {
clear: both;
width: 860px;
margin: 0 auto;
padding: 2em 0 2em 0;
font-size: 1.2em;
color: #646870;
background: url(../images/bg/simone_bottom.png) top right no-repeat;
}
#extra div.fp {
float: left;
width: 246px;
}
#extra div.sp {
margin: 0 0 0 26px;
float: left;
width: 246px;
}
#extra div.tp {
float: right;
width: 295px;
}
#extra div.fp p, #extra div.sp p {
margin: 0;
font-size: 1em;
line-height: 1.4em;
}

/*** Footer ***************************************************************/

#footer {
width: 860px;
margin: 0 auto;
padding: 2em 0 2em 0;
font-size: 1.2em;
color: #646870;
background: #FFF;
}
#footer div.section {
width: 860px;
margin: 0;
border: none;
}
#footer p {
margin: 0;
padding: 0;
font-size: 1.1em;
line-height: 1.6em;
}
#footer a {
color: #646870;
}
#footer span {
float: left;
padding-left: 25px;
}
span.who {
background: url(../images/footer/who.png) 0 50% no-repeat;
}
span.account {
background: url(../images/footer/account.png) 0 50% no-repeat;
}
span.log-in {
background: url(../images/footer/log_in.png) 0 50% no-repeat;
}
span.log-out {
background: url(../images/footer/log_out.png) 0 50% no-repeat;
}
span.rss-feed {
background: url(../images/footer/rss.png) 0 50% no-repeat;
}
span.sponsor {
background: url(../images/footer/sponsor.png) 0 50% no-repeat;
padding-right: 10px;
}
span.ok {
background: url(../images/footer/ok.png) 0 50% no-repeat;
}

/*** Headings ***************************************************************/

h1, h2, h3, h4 {
clear: both;
}
.main h1, #wrap-simple h1, .main h2, .main h3, .main h4, .main h5, .multicol h2 {
margin: 0 0 0.5em 0;
padding: 0;
padding-bottom: 0.5em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #A328A3;
border-bottom: 1px solid #E0E0E0;
}
.main h1, #wrap-simple h1 {
font-size: 130%;
font-weight: bold;
text-transform: uppercase;
}
#wrap-simple h1 {
margin-top: 1em;
}
#wrap-simple h1.simple {
margin-bottom: 0;
border: 0;
}
.main h2, .main h3, .main h4, .multicol h2 {
font-size: 130%;
font-weight: bold;
}
.main h1.title {
margin: 0 0 1em 0;
}
.main .main-title {
border: 0;
padding: 0;
}
.main .entry-info, .main .top-info, .main .bottom-info, .main .bottom-info a {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 100%;
color: #999;
}
.main .entry-info {
margin: 0.5em 0 1em 0;
border-bottom: 1px solid #E0E0E0;
}
.main .entry-info a {
border: none;
color: #999;
}
.main .entry-info a:hover {
background: none;
}
.main .top-info {
margin-bottom: 0.2em;
border: none;
font-size: 100%;
font-style: italic;
}
.main .bottom-info {
margin-bottom: 1em;
padding-top: 0.5em;
border-top: 1px dotted;
border-bottom: 1px dotted;
font-size: 100%;
}
span.comment-total {
padding-left: 18px;
background: url(../images/icons/comment.png) no-repeat 0 50%;
}
span.tag-info {
padding-left: 18px;
background: url(../images/icons/tag.png) no-repeat 0 50%;
}
span.more {
padding-left: 17px;
background: url(../images/icons/more.png) no-repeat 0 50%;
}
.secondary h2 {
margin: 1em 0 0.5em 0;
font: bold 13px/20px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
color: #999;
padding-left: 30px;
}
.secondary h2#info {
background: url(../images/headings/secondary/info.png) no-repeat 0 50%;
}
.secondary h2#comments {
background: url(../images/headings/secondary/comments.png) no-repeat 0 50%;
}
.secondary h2#tags {
background: url(../images/headings/secondary/tags.png) no-repeat 0 50%;
}
.secondary h2#links {
background: url(../images/headings/secondary/links.png) no-repeat 0 50%;
}
.secondary h2.text {
background: url(../images/headings/secondary/text.png) no-repeat 0 50%;
}
.secondary h2#rss-feeds {
background: url(../images/headings/secondary/rss_feeds.png) no-repeat 0 50%;
}
.secondary h2#users {
background: url(../images/headings/secondary/users.png) no-repeat 0 50%;
}
.secondary h2.photo {
margin: 0 0 0.5em 0;
background: url(../images/headings/secondary/photo.png) no-repeat 0 50%;
}
.secondary h2.downloads {
float: left;
background: url(../images/headings/secondary/downloads.png) no-repeat 0 50%;
}
.secondary h2.spot {
float: left;
background: url(../images/headings/secondary/spot.png) no-repeat 0 50%;
}
.secondary h2.video {
margin: 0 0 0.5em 0;
background: url(../images/headings/secondary/video.png) no-repeat 0 50%;
}
#extra h2 {
margin: 0 0 0.5em 0;
font: bold 13px/20px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
color: #666;
padding-left: 30px;
}
#extra h2.photo {
background: url(../images/headings/extra/photo.png) no-repeat 0 50%;
}
#extra h2.downloads {
background: url(../images/headings/extra/downloads.png) no-repeat 0 50%;
}
#extra h2#recommended {
background: url(../images/headings/extra/recommended.png) no-repeat 0 50%;
}
#extra h2#trailer {
background: url(../images/headings/extra/trailer.png) no-repeat 0 50%;
}
#extra h2.spot {
margin: 0 0 0.5em 0;
background: url(../images/headings/extra/spot.png) no-repeat 0 50%;
}
#extra h2.video {
margin: 0 0 0.5em 0;
background: url(../images/headings/extra/video.png) no-repeat 0 50%;
}
#extra h2#contact {
background: url(../images/headings/extra/contact.png) no-repeat 0 50%;
}
.main h3.comment-info {
float: left;
margin-top: 5px;
border: 0;
font: bold 12px/26px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
color: #999;
}
.main img.gravatar {
float: left;
margin-right: 10px;
margin-bottom: 0;
padding: 2px;
border: 1px #CCCCCA solid;
background: #F5FAF5;
}

/*** Lists ***************************************************************/

.main ul, .multicol ul {
margin: 0 0 1em 0;
font-size: 1em;
line-height: 1.8em;
}
.main ul.num, .multicol ul.num {
list-style: decimal;
list-style-position: inside;
line-height: 1.8em;
}
.secondary ul {
font: normal 100%/170% "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}
.secondary ol {
list-style-position: inside;
font: normal 100%/170% "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}
#extra ul {
font: normal 100%/160% "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
text-transform: uppercase;
}
#extra ul li, #extra ul li a {
color: #646870;
border: none;
}
.post-info li, comments li a, .comments li.no-comments {
border-bottom: 1px solid #E0E0E0;
color: #000;
}
.comments li.no-comments {
padding-left: 18px;
background: url(../images/icons/user_comment.png) no-repeat 0 50%;
}
.comments li a {
display: block;
padding-left: 18px;
background: url(../images/icons/user_comment.png) no-repeat 0 50%;
}
.comments li.blogger a {
background: url(../images/icons/blogger_comment.png) no-repeat 0 50%;
}
.comments li a:hover {
background: #CCC url(../images/icons/user_on.png) no-repeat 0 50%;
}
.comments li.blogger a:hover {
background: #CCC url(../images/icons/blogger_on.png) no-repeat 0 50%;
}
.links li {
float: left;
margin-top: 0.5em;
width: 283px;
line-height: 18px;
}
.links a {
color: #999;
display: block;
}
.links a:hover {
color: #C00;
}
ul.down-icons {
float: left;
width: 262px;
margin-bottom: 1em;
padding: 0.5em 0 0.5em 0;
border-top: 1px dotted;
border-bottom: 1px dotted;
}
ul.down-icons li {
float: left;
display: inline;
line-height: 16px;
}
li.zip-on, li.pdf-on, li.word-on, li.imagen-on, li.video-on, li.mp3-on, li.vector-on, li.link-on {
width: 16px;
height: 16px;
margin-right: 5px;
}
li.zip-on {
background: url(../images/icons/downloads/zip.png) no-repeat 0 50%;
}
li.pdf-on {
background: url(../images/icons/downloads/pdf.png) no-repeat 0 50%;
}
li.doc-on {
background: url(../images/icons/downloads/word.png) no-repeat 0 50%;
}
li.imagen-on {
background: url(../images/icons/downloads/imagen.png) no-repeat 0 50%;
}
li.video-on {
background: url(../images/icons/downloads/video.png) no-repeat 0 50%;
}
li.mp3-on {
background: url(../images/icons/downloads/mp3.png) no-repeat 0 50%;
}
li.vector-on {
background: url(../images/icons/downloads/vector.png) no-repeat 0 50%;
}
li.link-on {
background: url(../images/icons/downloads/link.png) no-repeat 0 50%;
}

/*** Miscellaneous ***************************************************************/

hr, .hidden {
display: none;
}
hr.sp {
width: 520px;
height: 5px;
margin-bottom: 1.5em;
border: none;
display: inline-block;
background: url(../images/bg/hr.png) center no-repeat;
}
a.read-more {
float: left;
margin-top: 1.5em;
padding: 6px 12px;
font-size: 90%;
color: #FFF !important;
background: #A328A3;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-webkit-transition: color, background-color .2s ease-in;
}
a.read-more:hover {
color: #FFF !important;
background-color: #104C68;
background-image: none;
}
.pagination a, .pagination .active {
font-weight: bold;
color: #999;
border: 1px solid #CCCCCA;
padding: 0.2em 0.4em;
background: #F4F4ED;
}
.pagination .current-page {
font-weight: bold;
color: #C00;
border: 1px solid #EE4711;
padding: 0.2em 0.4em;
background: #CCC;
}
.pagination a:hover, .pagination .active {
border: 1px solid #EE4711;
background: #CCC;
}


/*** Search ***************************************************************/

#search {
float: right;
width: 245px;
height: 20px;
margin: 0;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
background: #A328A3 url(../images/bg/search.png) no-repeat 0 50%;
}
#search-box {
position: relative;
float: left;
margin-left: 30px;
text-align: left;
width: 185px;
height: 16px;
border: 1px solid #E0E0E0;
font-size: 12px;
line-height: 16px;
}
#search .go {
position: relative;
float: right;
width: auto;
height: auto;
cursor: pointer;
}

/*** Forms ***************************************************************/

#login-form {
margin: 1em 0 0 0;
}
.main #form p, .secondary #contact-form p, .main #login-form p {
margin: 0;
font: 75%/150% Arial, Helvetica, sans-serif;
color: #828282;
}
.main #login-form p.pad {
margin: 1em 0 1em 0;
}
.blank, .bg {
width: 289px;
margin: 0 0 0.5em 0;
}
.blank {
padding: 2px;
border: 1px solid #CCCCCA;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}
div.secondary .bg {
padding: 3px;
background-color: #CCC;
}
.button {
width: 68px;
height: 20px;
padding: 0;
cursor: pointer;
}
.blogger-comment, .user-comment {
float: left;
width: 488px;
padding: 15px 15px 30px 15px;
margin-top: 0.75em;
}
.blogger-comment {
background: #B3D4F5 url(../images/bg/blogger_bg.png) left bottom no-repeat;
}
.user-comment {
background: #CCC url(../images/bg/user_bg.png) left bottom no-repeat;
}
.main .blogger-comment p, .main .user-comment p {
color: #444;
font-size: 95%;
}

/*** Flickr ***************************************************************/

#flickr {
margin: 0 0 1em 0;
width: 295px;
height: auto;
}
#flickr a img {
float: left;
margin: 0;
padding: 5px;
border: 1px #CCCCCA solid;
background: #F5FAF5;
width: 78px;
height: 78px;
}
.flickr_badge_image {
float: left;
}
#flickr_badge_image2 a img, #flickr_badge_image5 a img {
margin: 0 12px 0 13px;
}
#extra a img {
float: left;
}

/*** Images ***************************************************************/

.main img, .multicol img {
float: left;
margin: 0 0 1em 0;
padding: 5px;
border: 1px #CCCCCA solid;
background: #F5FAF5;
}
.main img.gallery {
margin: 0 0 1.5em 0;
}
.f-wrap, .s-wrap, .t-wrap {
float: left;
border: 1px #CCCCCA solid;
background: #F5FAF5;
margin: 0 0 12px 0;
overflow: hidden;
}
.s-wrap {
margin: 0 12px 0 12px;
}
.secondary .thumb {
float: left;
width: 75px;
height: 75px;
overflow: hidden;
}
.secondary img.thumbnail {
float: left;
margin: 0 0 1em 0;
padding: 5px;
border: 1px #CCCCCA solid;
background: #F5FAF5;
}
.secondary .f-wrap, .secondary .s-wrap, .secondary .t-wrap {
padding: 5px;
width: 75px;
}
.secondary img.link {
float: left;
margin: 0 10px 0 0;
padding: 3px;
border: 1px #CCCCCA solid;
background: #F5FAF5;
}
#extra-inner .f-wrap, #extra-inner .s-wrap, #extra-inner .t-wrap {
padding: 3px;
width: 66px;
}
#extra-inner .thumb {
float: left;
width: 66px;
height: 66px;
overflow: hidden;
}
#extra .preview, .case, .f-thumb, .s-thumb, .t-thumb {
float: left;
margin: 0;
padding: 3px;
border: 1px #CCCCCA solid;
background: #F5FAF5;
}
.case {
margin-bottom: 1em;
}
.map {
width: 283px;
height: 212px;
overflow: hidden;
}
.extra-map {
width: 238px;
height: 178px;
overflow: hidden;
}
.f-thumb, .s-thumb, .t-thumb {
margin: 0 0 12px 0;
}
.s-thumb {
margin: 0 12px 0 12px;
}

/* use the best possible ampersand */

span.amp {
font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
font-weight: normal;
font-style: italic;
font-size: 1.1em;
color: #74a050;
}

/* self-clear floats */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* 
Title:     Fixes for IE/win
*/

/* since Helvetica display in Window is crap, send Arial instead *sniff*/

* html body {
font-family: Arial, sans-serif;
}

/* can't remember why this is here */

* html #nav ul li a {
display: inline;
}

/* self-clearing floats
----------------------------------------------------- */

/* trigger hasLayout and target ie5+6/win only */

* html .clearfix,
* html #nav ul li a {
height: 1%;
}

/* trigger hasLayout and target ie7/win only */

*:first-child+html .clearfix {
min-height: 1px;
}