@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;}