467 lines
12 KiB
CSS
467 lines
12 KiB
CSS
@charset "utf-8";
|
|
/*-----------------------------------------------------------------------------
|
|
Loreak asmatzen: Naturalistas europeos en el País Vasco Style Sheet http://direccion.com
|
|
|
|
version: 1.0
|
|
date: 2009 7 7
|
|
author: Overalia
|
|
email: masinfo@overalia.com
|
|
website: http://www.overalia.com
|
|
-----------------------------------------------------------------------------*/
|
|
|
|
/* ---------------------------------------------------- */
|
|
/* 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,
|
|
b, u, i, center,
|
|
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-size: 100%;
|
|
vertical-align: baseline;
|
|
background: transparent;
|
|
}
|
|
::selection {background:#26710d;color:#FFFFFF;}
|
|
::-moz-selection {background:#26710d;color:#FFFFFF;}
|
|
body {
|
|
line-height: 1;
|
|
font: 12px "Trebuchet MS", sans-serif;
|
|
background:#45981c url("../images/bg.png") no-repeat center top;
|
|
}
|
|
ol, ul {
|
|
list-style: none;
|
|
}
|
|
blockquote, q {
|
|
quotes: none;
|
|
}
|
|
blockquote:before, blockquote:after,
|
|
q:before, q:after {
|
|
content: '';
|
|
content: none;
|
|
}
|
|
/* remember to define focus styles! */
|
|
:focus {
|
|
outline: 0;
|
|
}
|
|
/* remember to highlight inserts somehow! */
|
|
ins {
|
|
text-decoration: none;
|
|
}
|
|
del {
|
|
text-decoration: line-through;
|
|
}
|
|
/* tables still need 'cellspacing="0"' in the markup */
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
/* ---------------------------------------------------- */
|
|
/* Elementos
|
|
/* ---------------------------------------------------- */
|
|
h1 {
|
|
font-size:2em;
|
|
text-align:left;
|
|
color:#005A00;
|
|
padding:0 0 0 0;
|
|
margin:10px 0 0 165px;
|
|
width:562px;
|
|
height:119px;
|
|
text-indent:-9999px;
|
|
}
|
|
h1#eu {background:transparent url("../images/h1_eu.png") no-repeat left top;}
|
|
h1#es {background:transparent url("../images/h1_es.png") no-repeat left top;}
|
|
h1#it {background:transparent url("../images/h1_it.png") no-repeat left top;}
|
|
h2 {
|
|
color:#004a00;
|
|
font-size:1.7em;
|
|
}
|
|
h3 {
|
|
color:#26710d;
|
|
font-size:1.4em;
|
|
padding:0.7em 0 0.7em 0;
|
|
clear:both;
|
|
}
|
|
h3.planta {clear:none;}
|
|
p {
|
|
padding-bottom:0.7em;
|
|
}
|
|
/* ---------------------------------------------------- */
|
|
/* Divs
|
|
/* ---------------------------------------------------- */
|
|
#mother {
|
|
width:994px;
|
|
min-height: 1px;
|
|
height: auto !important;
|
|
height:1px;
|
|
margin:0 auto;
|
|
}
|
|
#container_head {
|
|
width:994px;
|
|
margin:0 auto;
|
|
background:transparent url("../images/shadow.png") repeat-y left top;clear:both;float:left;
|
|
}
|
|
#container {
|
|
width:994px;
|
|
min-height: 1px;
|
|
height: auto !important;
|
|
height:1px;
|
|
float:left;
|
|
clear:both;
|
|
margin:0 auto;
|
|
background:transparent url("../images/shadow.png") repeat-y left top;
|
|
}
|
|
#container_footer {
|
|
width:994px;
|
|
height:23px;
|
|
margin:0 auto;
|
|
background:transparent url("../images/shadow-footer.png") no-repeat left top;clear:both;float:left;
|
|
}
|
|
#wrapper {
|
|
|
|
width:960px;
|
|
min-height:530px;
|
|
height:auto;
|
|
float:left;
|
|
margin:0 0 0 17px;
|
|
padding:10px 0 20px 0px;
|
|
background:#015a00 url("../images/couple.png") no-repeat left bottom;
|
|
}
|
|
#cl_left {
|
|
width:236px;
|
|
min-height: 1px;
|
|
height: auto !important;
|
|
height:1px;
|
|
float:left;
|
|
background:transparent url("../images/enredaderas.png") no-repeat 4px top;
|
|
position:relative;
|
|
left:-20px;
|
|
}
|
|
#main {
|
|
width:715px;
|
|
min-height: 1px;
|
|
height: auto !important;
|
|
height:1px;
|
|
float:right;
|
|
margin-right:8px;
|
|
}
|
|
#main_in_top {
|
|
background:transparent url("../images/main-in-top.jpg") no-repeat left top;
|
|
width:685px;
|
|
height:44px;
|
|
padding:17px 15px 0 15px;
|
|
float:left;
|
|
}
|
|
#main_in {
|
|
background:transparent url("../images/main-in.jpg") repeat-y left top;
|
|
width:685px;
|
|
min-height: 1px;
|
|
height: auto !important;
|
|
height:1px;
|
|
color:#516844;
|
|
padding:0 20px 15px 15px;
|
|
float:left;
|
|
}
|
|
#main_in_bottom {
|
|
background:transparent url("../images/main-in-bottom.jpg") no-repeat left top;width:715px;
|
|
height:14px;
|
|
float:left;
|
|
}
|
|
/* ---------------------------------------------------- */
|
|
/* /inc/header
|
|
/* ---------------------------------------------------- */
|
|
#header_lv1 {
|
|
width:960px;
|
|
height:22px;
|
|
margin:0 auto;
|
|
clear:both;
|
|
background-color:#2f7a00;
|
|
border-bottom:1px solid #FFF;
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:0.9em;
|
|
}
|
|
ul#menusup {
|
|
padding:4px 0 0 0;
|
|
float:left;
|
|
}
|
|
ul#idioma {
|
|
padding:4px 9px 0 0;
|
|
float:right;
|
|
}
|
|
ul#menusup li, ul#idioma li{
|
|
display:inline;
|
|
float:left;
|
|
border-right:1px solid #FFF;
|
|
margin:0;
|
|
padding:0 6px;
|
|
color:white;
|
|
}
|
|
ul#menusup li a, ul#menusup li a:link, ul#menusup li a:active, ul#idioma li a, ul#idioma li a:link, ul#idioma li a:active {color:#FFF;text-decoration:none;}
|
|
ul#menusup li a:hover, ul#idioma li a:hover {border-bottom:1px solid #FFF;}
|
|
ul#menusup li.no, ul#idioma li.no {border-right:none;}
|
|
#header_img1 {
|
|
clear:both;
|
|
width:960px;
|
|
height:155px;
|
|
margin:0 auto;
|
|
padding-top:10px;
|
|
background:transparent url("../images/header_1.jpg") no-repeat left top;
|
|
position:relative;
|
|
}
|
|
/* ---------------------------------------------------- */
|
|
/* /inc/footer
|
|
/* ---------------------------------------------------- */
|
|
#footer {
|
|
width:960px;
|
|
height:23px;
|
|
margin:0 auto;
|
|
background-color:#2f7a00;
|
|
clear:both;
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:0.9em;
|
|
}
|
|
#footer_txt {
|
|
float:left;
|
|
padding:4px 0 0 15px;
|
|
color:#FFF;
|
|
}
|
|
|
|
Link Visited Hover active
|
|
#footer_txt a, #footer_txt a:link, #footer_txt a:visited {color:#FFF;text-decoration:none;}
|
|
#footer_txt a:hover, #footer_txt a:active {border-bottom:1px solid #FFF;}
|
|
/* ---------------------------------------------------- */
|
|
/* Clases
|
|
/* ---------------------------------------------------- */
|
|
.fleft {float:left;}
|
|
.fright {float:right;}
|
|
.clear {clear:both;}
|
|
.frame {
|
|
width:295px;
|
|
height:372px;
|
|
margin:0 0.5em 0.5em 0;
|
|
padding:7px 0 0 8px;
|
|
float:left;
|
|
background:transparent url("../images/vertical-frame.jpg") no-repeat left top;
|
|
}
|
|
.frame span {display:block;float:left;margin:1em 0 0 0;}
|
|
.frame_bio {
|
|
width:267px;
|
|
height:253px;
|
|
margin:0 0 0.5em 0.5em;
|
|
padding:5px 0 0 6px;
|
|
float:right;
|
|
background:transparent url("../images/frame-bio.jpg") no-repeat left top;
|
|
}
|
|
/* El dl quedo sin uso */
|
|
dl {width:370px;float:right;padding-top:2em;}
|
|
dl dt {float:left;width:150px;margin-bottom:0.5em;}
|
|
dl dd {float:left;width:220px;margin-bottom:0.5em;}
|
|
dl dd.horizon {float:left;clear:left;width:370px;}
|
|
|
|
dl.std {width:685px;float:none;padding-top:0em;}
|
|
dl.std dt {float:left;width:685px;clear:both;margin-bottom:0.3em;}
|
|
dl.std dd {float:left;width:685px;margin-bottom:1em;}
|
|
dl.std dd p {padding-left:2em;}
|
|
.imgl {border:2px solid #26710d;float:left;margin:0 5px 5px 0;}
|
|
.imgr {border:2px solid #26710d;float:right;margin:0 0 5px 5px;}
|
|
|
|
|
|
.flash {width:544px;height:420px;margin:1em auto 2em auto;}
|
|
.youtube {
|
|
width:425px;
|
|
height;344px;
|
|
margin:1em auto 1em auto;
|
|
}
|
|
/* ---------------------------------------------------- */
|
|
/* Listas
|
|
/* ---------------------------------------------------- */
|
|
ul.photos {
|
|
display:block;
|
|
padding-bottom:0.7em;
|
|
}
|
|
ul.photos li {
|
|
width:107px;
|
|
height:180px;
|
|
float:left;
|
|
padding:0 7px 7px 0;
|
|
background:transparent url("../images/li_bg.jpg") no-repeat left top;
|
|
}
|
|
ul.photos li img {
|
|
padding:5px 0 0 6px;
|
|
}
|
|
ul.photos li span {
|
|
display:block;
|
|
float:left;
|
|
margin:10px 0 0 0;
|
|
font-size:0.9em;
|
|
}
|
|
ul.photos2 {
|
|
display:block;
|
|
padding-bottom:0.7em;
|
|
}
|
|
ul.photos2 li {
|
|
width:208px;
|
|
height:81px;
|
|
float:left;
|
|
padding:0 7px 7px 0;
|
|
background:transparent url("../images/frame-h.jpg") no-repeat left top;
|
|
}
|
|
ul.photos2 li.vertical {
|
|
width:96px;
|
|
height:132px;
|
|
float:left;
|
|
padding:0 7px 7px 0;
|
|
background:transparent url("../images/frame-v.jpg") no-repeat left top;
|
|
}
|
|
ul.photos2 li img {
|
|
padding:5px 0 0 6px;
|
|
}
|
|
ul.photos2 li span {
|
|
display:block;
|
|
float:left;
|
|
margin:10px 0 0 0;
|
|
font-size:0.9em;
|
|
}
|
|
.separador {
|
|
clear:both;
|
|
width:500px;
|
|
height:1px;
|
|
float:left;
|
|
margin:1.5em 0 1.5em 0;
|
|
}
|
|
/* ---------------------------------------------------- */
|
|
/* Menu
|
|
/* ---------------------------------------------------- */
|
|
ul#menu {margin:0 0 20px 25px;float:left;}
|
|
ul#menu li {width:230px;}
|
|
ul#menu li a, ul#menu li a:link, ul#menu li a:visited {color:#FFF;text-decoration:none;}
|
|
ul#menu li a:hover, ul#menu li a:active {color:#8E1A47;}
|
|
ul#menu li a {
|
|
font-weight:bold;
|
|
width:210px;
|
|
height:21px;
|
|
display:block;
|
|
padding:4px 0 0 20px;
|
|
background:transparent url("../images/menu_middle.jpg") no-repeat left top;
|
|
}
|
|
ul#menu li a:hover {background-position:0 -25px;}
|
|
ul#menu li a.top {
|
|
height:23px;
|
|
padding-top:8px;
|
|
background:transparent url("../images/menu_top.jpg") no-repeat left top;
|
|
}
|
|
ul#menu li a.top:hover {background-position:0 -31px;}
|
|
ul#menu li a.bottom{
|
|
height:33px;
|
|
background:transparent url("../images/menu_bottom.jpg") no-repeat left top;
|
|
}
|
|
ul#menu li a.bottom:hover {background-position:0 -37px;}
|
|
ul#menu li a.big{
|
|
height:42px;
|
|
background:transparent url("../images/menu_middleg.jpg") no-repeat left top;
|
|
}
|
|
ul#menu li a.big:hover {background-position:0 -46px;}
|
|
|
|
ul#menu li a.arriba, ul#menu li a.normal, ul#menu li a.grande, ul#menu li a.abajo {color:#8E1A47;}
|
|
ul#menu li .arriba {height:23px;padding-top:8px;background:transparent url("../images/menu_top.jpg") no-repeat left top; background-position:0 -31px;}
|
|
ul#menu li a.arriba:hover {height:23px;padding-top:8px;background-position:0 -31px;}
|
|
ul#menu li .normal {background-position:0 -25px;}
|
|
ul#menu li .grande {height:42px;background:transparent url("../images/menu_middleg.jpg") no-repeat left top;background-position:0 -46px;}
|
|
ul#menu li a.grande:hover {background-position:0 -46px;}
|
|
ul#menu li .abajo {height:33px;background:transparent url("../images/menu_bottom.jpg") no-repeat left top;background-position:0 -37px;}
|
|
ul#menu li a.abajo:hover {background-position:0 -37px;}
|
|
|
|
ul#menu li ul li a, ul#menu li ul li a.big {
|
|
padding-left:40px;
|
|
width:190px;
|
|
}
|
|
ul#menu li ul li ul li a {text-indent:30px;}
|
|
ul#menu li ul li a.big {width:180px;padding-right:10px;}
|
|
|
|
ul.enlaces {margin:2em 0 0 1.5em;}
|
|
ul.enlaces {margin:2em 0 0 1.5em;}
|
|
ul.enlaces li ul {margin:0 0 0 2em;padding:0.5em 0 0 0;}
|
|
ul.detail {margin:1.5em 0 0 1.5em;float:left;}
|
|
ul.enlaces li, ul.detail li {list-style-type:square;padding-bottom:0.5em;}
|
|
|
|
ul.logo{margin:2em 0 0 0em;}
|
|
ul.logo li {
|
|
float:left;
|
|
margin:0 8px 8px 8px;
|
|
}
|
|
ul#logomenu {
|
|
margin:0 0 30px 80px;
|
|
}
|
|
ul#logomenu li {
|
|
width:147px;
|
|
}
|
|
/* ---------------------------------------------------- */
|
|
/* Photos
|
|
/* ---------------------------------------------------- */
|
|
.description {
|
|
width:685px;
|
|
float:left;
|
|
margin:0 0 2em 0;
|
|
clear:both;
|
|
background:transparent url("../images/line-h.jpg") no-repeat center bottom;
|
|
}
|
|
.description p {padding-top:10px;}
|
|
.no {background:none;}
|
|
.photo_frame {
|
|
width:216px;
|
|
min-height: 200px;
|
|
height: auto !important;
|
|
height:200px;
|
|
float:left;
|
|
background:transparent url("../images/line.jpg") no-repeat right top;
|
|
margin:1em 17px 1em 0;
|
|
}
|
|
.photo_frame3 {
|
|
width:216px;
|
|
min-height: 200px;
|
|
height: auto !important;
|
|
height:200px;
|
|
float:left;
|
|
background:none;
|
|
margin:1em 0 1em 0;
|
|
}
|
|
.photo_framecon {
|
|
width:216px;
|
|
min-height: 200px;
|
|
height: auto !important;
|
|
height:200px;
|
|
float:left;
|
|
clear:both;
|
|
background:none;
|
|
margin:1em 0 1em 0;
|
|
}
|
|
.photo_image {
|
|
width:198px;
|
|
height:117px;
|
|
float:left;
|
|
background:transparent url("../images/frame_m.jpg") no-repeat left top;
|
|
padding:6px 0 0 6px;
|
|
}
|
|
|
|
.photo_frame span, .photo_frame3 span, .photo_framecon span {
|
|
display:block;
|
|
float:left;
|
|
padding-right:10px;
|
|
font-size:0.9em;
|
|
}
|
|
/* ---------------------------------------------------- */
|
|
/* Links
|
|
/* ---------------------------------------------------- */
|
|
#main_in a, #main_in a:link, #main_in a:visited, #main_in a.pdf, #main_in a.pdf:link, #main_in a.pdf:visited {font-weight:bold;color:#26710d;}
|
|
#main_in a:hover, #main_in a:active, #main_in a.pdf:hover, #main_in a.pdf:active {text-decoration:none;}
|
|
|
|
#main_in a.pdf, #main_in a.pdf:link, #main_in a.pdf:visited {
|
|
background:transparent url("../images/pdf.jpg") no-repeat left center;
|
|
padding:7px 0 5px 36px;} |