loreakasmatzen_docker/data/css/estilos.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;}