/* the colors*/ .color0{color: #4b40b2;} .backcolor0{background-color: #4b40b2;} .color1 {color: #000000;} .backcolor1 {background-color: #000000;} .color2{color: #fefefe;} .backcolor2{background-color: #fefefe;} .color3 {color: #FF3D3D;} .backcolor3 {background-color: #FF3D3D;} .color4 {color:#ffff33 ;} .backcolor4 {background-color: #ffff33;} .color5 {color:#b23ca7 ;} .backcolor5 {background-color: #b23ca7;} .colorwhite{color: #ffffff;} .backcolorwhite{background-color: #ffffff;} .colorblack{color: #000000;} .backcolorblack{background-color: #000000;} .fons_1{background-color: #fefefe; color:#000000;} .fons_2{background-color: #FF3D3D; color:#000000;} .fons_3{background-color: #ffff33; color:#000000;} .fons_4{background-color: #b23ca7; color:#000000;} .borderline {border-width:1px; border-style: solid; border-color:#ff0000;} /* end the colors */ /* the basics*/ /* GLOBAL RESET , toma ya ,table,td,tr*/ html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,table,td,tr,form { margin:0px; margin-top:0px; padding:0px; padding-top:0px; border:0px; border-collapse:separate; border-spacing:0px; } p {margin:0 0 0em 0;padding:0;} h1, h2, h3, h4, h5, h6 {margin:0 0 .0em 0;padding:0;} body { font-family: "Times","Georgia", Serif; color:#fefefe; text-align: left; background: #000000;/* url("pics/backs/back1.jpg");*/ background-repeat:no-repeat; background-attachment:fixed; background-position:center; } p { font-size : 95%; text-align: justify; text-decoration : none;} .p { font-size : 95%; text-align: justify; text-decoration : none; } h6, .h6{ font-size : 100%; text-decoration : none; font-weight: bold; } h5, .h5{ font-size : 110%; text-decoration : none; font-weight: bold; } h4, .h4{ font-size : 120%; text-decoration : none; font-weight: bold; } h3, .h3{ font-size : 130%; text-decoration : none; font-weight: bold; } h2, .h2{ font-size : 140%; text-decoration : none; font-weight: bold; } h1, .h1{ font-size : 150%; text-decoration : none; font-weight: bold; } .small { font-size : 90%; text-decoration : none; } .vsmall { font-size : 80%; text-decoration : none; } a { text-decoration: none; color: #ffff33; } div { font-size: 100%; } .padit{padding:20px} .padded{padding:10px} .bigpadded{padding:20px} .notpadded{padding:0px} .thinborder{border: 1px solid;} .thinbordertop{border-top: 1px solid;color:#fefefe;} /* end the basics*/ /* the structure */ #supertop { width: 100%; height: 20px; color: #fefefe; background: #000000; } #supertopcontent { margin: 0px auto; width: 860px; height: 20px; } #wrapper { margin: 0px auto; width: 860px; /*background: #000000;*/ } #header { margin: 0px; width: 860px; height: 335px; /*background: #ff0000;*/ } #headerlogo { margin-top: 0px; width: 272px; height: 335px; float: left; } #headerpic { margin-top: 0px; width: 701px; height: 335px; float: left; } #navmenu{ margin-top: 0px; margin-left: 0px; padding-right: 00px; width: 272px; float: left; text-align: left;/*right;*/ background: url("imatges/backmenu.gif"); background-repeat: repeat-x; } #navmenu a{ text-decoration:none; font-weight: bold; font-style: normal; color: #fefefe; } #navmenu2 a{ text-decoration:none; font-weight: bold; font-style: normal; color: #fefefe; } #navmenu font { text-decoration:none; font-weight: bold; font-style: italic; color: #ffffff; } #submenu a{ text-decoration:none; font-weight: bold; font-style: normal; color: #fefefe; } #navmenu a:hover { color: #fefefe; } #navmenu2 a:hover { color: #fefefe; } #submenu a:hover { color: #b23ca7; } #navmenuNOT a:visited { color: #fefefe; } #contentwrapper { margin: 0px auto; width: 860px; /*background: #000000; url("imatges/back2.jpg")*/ display: block; text-align: center; } #contentside { width: 701px; margin: 0px auto; /*background: #000000;*/ background-image: url("imatges/backmain.gif"); background-repeat: repeat-x; } #contentback { margin: 0px auto; /*background: #000000;*/ background-image: url("imatges/backmaincontent.gif"); background-repeat: no-repeat; } #side-a { margin: 0 0 0 0; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; width: 222px;/*272*/ text-align: left; float: left; } #side-b { width: 701px; float: right; } #maintext { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 20px; /*background: #000000;*/ text-align: justify; clear: right; color: #fefefe;/**/ } #middle { width: 390px; float: left; background: #FF3D3D; } #middlewide { width: 645px; float: left; background: #ffff33; } #topbreadcrumbs { background: url("imatges/topbreadcrumbs_back.gif"); width: 565px; height: 33px; float: left; } #footer { margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; width: 860px; height: 70px; text-align: right; clear: both; background: #000000;/**/ color: #ffffff; } #footer a, #footer a:visited{ color:#ffff33; } #gallery { background: #ffff33; padding: 10px; margin: 00px auto; } /* end the structure */ /* the specials */ .langlink a:link { /*normal*/ color:#ffffff; } .langlink a:focus { /*post click*/ color:#000000; text-decoration: underline; } .langlink a:active { /*whilst clicked*/ color:#ffffff; } .langlink a:hover { color:#FF3D3D; text-decoration: underline; } .langlink a:visited { color:#ffff33; } #maintext hr { color: #fefefe; background-color: #fefefe; height: 1px;} #maintext a, #maintext h4, #maintext h3, #maintext h2, #maintext h1{ color:#fefefe; } .blackedge{ border-left-color:#fefefe; border-left-width:1px; border-left-style:solid; border-right-color:#fefefe; border-right-width:1px; border-right-style:solid; } /* Google maps*/ #map{ margin-left: 194px; width:520px; height:300px; font-size: 80%; background:#595959; text-align:left; } /* END Google maps*/ /* end the specials*/ /* the admin*/ /* the admin*/ /* the admin*/ /* the admin*/ /* end the admin*/ /* end the admin*/ /* end the admin*/ /* end the admin*/ /* ////////////////////// Contacte ////////////////////// */ /* ////////////////////// Contacte ////////////////////// */ /* ////////////////////// Contacte ////////////////////// */ /* ////////////////////// Contacte ////////////////////// */ /* ////////////////////// end Contacte ////////////////////// */ /* ////////////////////// end Contacte ////////////////////// */ /* ////////////////////// end Contacte ////////////////////// */ /* ////////////////////// end Contacte ////////////////////// */ /* Blocking HTML5 tags --------------- */ header, section, nav, footer, aside, article { display: block; } body { line-height: 1; } ol, ul { list-style: none; } /* Navigations --------------- */ /* Primary Nav */ nav#primary { clear: both; padding: 44px 0 0 2px; } nav#primary ul { height: 67px;} nav#primary ul li { float: left; height: 56px; width: 170px; margin-right: 2px;} nav#primary ul li { border-left: 1px dotted #fefefe; border-top: 1px dotted #fefefe;} nav#primary ul li.last { border-right: 1px dotted #fefefe; padding-right: 2px} nav#primary ul li a#selected { color: #FF3D3D;} nav#primary ul li a { display: block; height: 52px; padding: 15px 0 0 23px; font-size: 16px; color: #9b9b9b; font-weight: bold; text-decoration: none; } nav#primary ul li a:hover { color: #cccccc; } nav#primary ul li a em { font-weight: normal; font-style: normal; font-size: 12px; color: #666666; display: block; } /* Secondary Nav */ nav#secondary { clear: both; padding: 28px 0 0 2px; } nav#secondary ul { height: 28px; } nav#secondary ul li { float: left; height: 56px; width: 170px; margin-right: 2px; } nav#secondary ul li { border-left: 1px dotted #ffff33; border-top: 1px dotted #ffff33;} nav#secondary ul li.last { border-right: 1px dotted #ffff33; padding-right: 2px; } nav#secondary ul li a#selected { color: #FF3D3D; } nav#secondary ul li a { display: block; height: 28px; padding: 15px 0 0 23px; font-size: 16px; color: #fefefe; font-weight: bold; text-decoration: none; } nav#secondary ul li a:hover { color: #cccccc; } nav#secondary ul li a em { font-weight: normal; font-style: normal; font-size: 12px; color: #666666; display: block; } #logo { float: left; } .pics{ padding-top: 83px; padding-left: 14px; } .goright{ float: right; } header { width: 870px; margin: 0 auto; padding-top: 0px; position: relative; } section { clear: both; width: 870px; margin: 0 auto; padding-top: 0px; position: relative;/*background: url("imatges/blackback.jpg");*/} footer { clear: both; width: 870px; margin: 0 auto; padding-top: 28px; position: relative;text-align: right; } .bigpic { text-align: center; } .text { padding-left: 0px; padding-right: 0px; padding-top: 56px; padding-bottom: 0px; width: 240px; } .home1 { float: left; width: 302px; padding-top: 23px; padding-left: 23px; padding-right: 23px; position: relative;} .home2 { float: left; width: 147px; padding-top: 23px; padding-left: 23px; padding-right: 3px; position: relative;} .home3 { float: left; width: 302px; padding-top: 23px; padding-left: 23px; padding-right: 23px; position: relative;} .moreinfo {float: right; color: #FF3D3D;}