/* <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,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     /* font-weight: normal; */
     /* font-style: normal; */
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}






/* </reset> */


body {
    margin: 0; /**/
    /* border: ie5 */
    padding: 0;
	font: 1em Arial, 'Arial', sans-serif;
	line-height: 1.5;
	height: 100%;
	color: #123;
	background-color: #fdc21b;
	text-align: center;
	min-height: 100%;
	background: url('../img/bg_site.png') no-repeat 100% top #fb0;
	}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: normal;
	}

a, a:link, a:visited {
	color: #08d;
	text-decoration: none;
	}


a:hover {
	text-decoration: none;
	color: #3cf;
	border-bottom: 1px dotted #3cf;
	}

p {
	line-height: 1.5em;
	}

img,
a img {
	border: 0;
	}

img:hover,
a img:hover {
	border: 0;
	}

blockquote {
	border-left: 2px solid #ccc;
	color: #633;
	margin: 5px 0 20px;
	padding: 5px 10px 1px;
	font-style: normal;
	}

code {
	background: #eaeaea;
	color: #444;
	font-family: Consolas, Monaco, Courier, monospace;
	font-size: 11px;
	margin: 1px 0;
	padding: 1px 3px;
	}

pre code {
	background: #322E2C;
	border: 1px solid #635957;
	color: #fff;
	display: block;
	overflow: scroll;
	padding: 1.5em 1.75em;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ccc;
	}

th, td {
	padding: 5px;
	border: 1px solid #ccc;
	border-width: 1px;
	}

th, thead th {
	font-weight: bold;
	background: url() no-repeat left top #ccc;
	}

td, tbody td {
	background: #f0f0f0;
	}




/* structure */


#page {
	margin: 0 auto;
	padding: 0;
	width: 970px;
	text-align: left;
	}

#topbar {
	height: 120px;
	}

#brand {
	float: left;
	margin: 30px 0 0 0;
	width: 650px;
	}

#loginbox { /*****/
	float: right;
	margin: 30px 0 0 0;
	padding: 10px 0;
	width: 320px;
	}

#login { /**/
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	height: 35px;
	width: 310px;
	}

#login .login_username {
	float: left;
	font-weight:bold;


}

#login fieldset { /**/
	margin: 0;
	padding: 0;
	border: 0;
	}

#login label {/**/
	display: none;
	margin: 0;
	padding: 0;
	border: 0;
	}

#login input[type=text] { /*****/
	padding: 7px 13px 7px 8px;
	margin: 0 2px 0 0;
	width: 110px;
	/*height: 28px;*/
	color: #fd6;
	font-weight: bold;
	border: none;
	background: url('../img/bg_login3.png') no-repeat left top transparent;
	}


#login input[type=password] { /*****/
	padding: 7px 13px 7px 8px;
	margin: 0 2px 0 0;
	width: 110px;
	/*height: 28px;*/
	color: #fd6;
	font-weight: bold;
	border: none;
	background: url('../img/bg_login3.png') no-repeat left top transparent;
	}

#login input[type=image] {
	vertical-align: middle;
	}

#login a {

	}

#login #useron { /*****/
	text-align: right;
	margin: 0 10px 0 0;
	font-size: .8em;
	}

#searchbox { /**/
	float: right;
	margin: 0;
	width: 320px;
	}

#searchform fieldset {
	text-align:right;
	line-height:0.8em;
}

#searchform a{
	font-size:0.85em;
	margin-right:3px;
}


#catalogue { /**/
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 135px;
	}

#catalogue a,
#catalogue a:hover {
	border: 0;
	}


#searchform { /**/
	float: right;
	margin: 0 15px 0 0;
	padding: 0;
	width: 135px;
	}

#searchform fieldset { /**/
	margin: 0;
	padding: 0;
	border: 0;
	}

#searchform label { /**/
	display: none;
	margin: 0;
	padding: 0;
	border: 0;
	}

#searchform input[type=text] { /*****/
	padding: 7px 10px;
	/**margin: 0;**/
	width: 115px;
	/**height: 28px; TOTEST evitar poner height**/
	color: #fff;
	border: none;
	background: url('../img/bg_search.png') no-repeat left top transparent;
	}

#content {
	min-height: 200px;
	width:expression(document.body.clientWidth < 200? "200px": "auto" ); /* ie6 no-standart*/
	overflow: auto;
	}

#content #cleft {
	float: left;
	width: 635px;
	margin: 0 15px 0 0;
	overflow: auto;
	}

#content #cright {
	float: left;
	width: 320px;
	height: 570px; /* k para que cright se mantenga a la dcha */
	overflow: auto;
	}

.box635 {
	margin: 0 0 1.5em 0;
	width: 635px;
	}

.boxtop {
	height: 36px;
	}

.boxbttm {
	min-height: 20px;
	}

.box635 .boxtop {
	background: url('../img/bg_box635_top.png') no-repeat left top transparent;
	}

#home .box635 .boxbttm {
       /*<k>*/
       padding: 1em 0 7px 0;
	height: 190px;
       /*padding: 1em 0 7px 77px;*/ /* necesitamos sitio para las flechas */
       /*</k>*/

	background: url('../img/bg_box635_bttm.png') no-repeat left 100% transparent;
	}

.box635 h2 {
	font-size: 1.2em;
	margin: 1.5em 0 .5em 15px;
	}


.box635 img {
        margin: 6px 0 0 7px;
	background: #fff;
        /*<k*/

        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        -webkit-border-radius: 10px;
        /**/
        border-radius: 10px;
        clip-path: url(resources.svg#c1);
}

.box635 .rss img {
    float: right;
    display: inline;
    background: none;
    /*margin: 2.5px 7px 1em 10px;*/

    margin: 2.5px 7px 0 10px;
}


#home .title,
#section .title {
	height: 35px;
	}

.title {
	display: block;
	color: #fff;
	border: 0;
	}

#home .title,
#section .title,
.box320 .title {
	padding: 5px 0 0 15px;
	font-size: 1.2em;
	}

#home .title a,
#section .title a,
.box320 .title a {
	color: #fff;
	}

#home .title a:hover,
#section .title a:hover,
.box320 .title a:hover {
	color: #fff;
	border: 0;
	}

.box635 .title {
	background: url('../img/bg_title625.png') no-repeat 5px 5px transparent;
	}

.box635 p {
	margin: 0 10px 1em 15px;
	}

.box320 {
	margin: 0 0 1.5em 0;
	width: 320px;
	}

.box320 .boxtop {
	background: url('../img/bg_box320_top.png') no-repeat left top transparent;
	}

.box320 .boxbttm {
	background: url('../img/bg_box320_bttm.png') no-repeat left 100% transparent;
	}

.box320 .title {
	background: url('../img/bg_title310.png') no-repeat 5px 5px transparent;
	}

#section .box635 .boxmid,
#file .box635 .boxmid {
	padding: 1em 0;
	background: url('../img/bg_box635_mid.png') repeat-y left top transparent;
	}

#section .box635 .boxbttm,
#file .box635 .boxbttm {
	background: url('../img/bg_box635_bttm.png') no-repeat left 100% transparent;
	}

#file .box635 .boxtop {
	height: 95px;
	}

#file .box635 .title {
	height: 90px;
	}

#file .box635 .title ul {
	margin: 0;
	padding: 10px 0 0 15px;
	list-style: none;
	}

#file .box635 .title ul li {
	margin: 0;
	line-height: 1.2;
	}

#file .box635 .title h1 {
	margin: 0 0 .15em 0;
	font-size: 1.7em;
	color: #fff;
	}

#file .box635 .boxmid p {

	line-height: 1.3;
	}

#file .box635 .boxmid p.details {
	font-size: .9em;
	}

#file .box635 .boxmid .options {
	float: right;
	margin: 0 1em 0 1em;
	height: 150px;
	width: 120px;
	text-align: center;
	background: url('../img/bg_box120.png') no-repeat left top transparent;
	}

#file .box635 .boxmid .options ul {
	margin: 0;
	padding: 1em 0 0 0;
	list-style: none;
	}

#file .box635 .boxmid .options ul li{
	line-height: 1.1;
	}

#file .box635 .boxmid .options ul li:first-child{
	margin: 0 0 .8em 0;
	}

#file .box635 .boxmid .options a:hover{
	border: 0;
	}

#file .box635 .boxmid .samples {
	padding: .5em 0 0 1em;
	}

#file .box635 .boxmid .samples img {
	border: 1px solid #fff;
	margin: 0 .6em 0 0;
	}

#file .box635 .boxmid .samples img:hover {
	border-color: #fb0;
	}

.box410 {
	position: relative;
	left: 222px;
	width: 410px;
	}

.box410 h2 {
	margin: 0 0 .5em .4em;
	font-size: 1.3em;

	}

.box410 textarea {
	margin: 0 0 .5em 0;
	padding: 10px;
	width: 390px;
	height: 130px;
	border: 0;
	font-family: Arial, 'Arial', sans-serif;
	font-size: .8em;
	color: #fff;
	overflow: hidden;
	background: url('../img/bg_commbox.png') no-repeat left top transparent;
	}

.box410 .usercomm {
	margin-left: .5em;
	margin-bottom: 1.5em;
	font-size: 1.1em;
	line-height: 1.3em;
	}

.box410 .usercomm .commhead {
	font-weight: bold;
	}

.box410 .usercomm .commdetails {
	color: #fff;
	}

#file .box410 .usercomm .date {
	font-size: .8em;
	font-weight: normal;
	}

.boxmid .listitem {
	margin: 5px 5px 0 5px;
	width: 625px;
	min-height: 100px;
	background: url('../img/bg_white40.png') repeat left top transparent;
	}

.boxmid .listitem img {
	margin: .6em 1em 1em .8em;
	float: left;
	}

.boxmid .listitem ul {
	padding: .5em 1em .5em 1em;
	margin: 0;
	font-size: .9em;
	list-style: none;
	line-height: 1.3;
	}

.boxmid .listitem li:first-child a {
	font-weight: bold;
	}

.boxbttm .pages {
	float: right;
	margin: .5em 1em 1em .5em;
	padding: 0 .5em;
	font-size: .8em;
	background-color: #fb0;

	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

.boxbttm .pages ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.boxbttm .pages ul li {
	display: block;
	float: left;
	margin: 0 .3em;
	}

.boxbttm .pages a {
	color: #fff;
	}

#kategoriak {

	}

.coll {
	float: left;
	width: 160px;
	}

.colr {
	float: right;
	width: 160px;
	}

#kategoriak ul	{
	margin: 10px 0 1em 15px;
	padding: 0;
	list-style: none;
	}

#kategoriak ul li {
	font-size: .9em;
	}

#kategoriak ul li a {
	font-weight: bold;
	}

.toplist {
	float: left;
	width: 160px;
	}

.toplist ul {
	margin: 10px 0 .5em 15px;
	padding: 0;
	list-style: none;
	}

.toplist ul li {
	font-size: .9em;
	line-height: 1.3;
	}


.toplist ul li:first-child {
	font-size: 1.1em;
	line-height: 2;
	color: #fff;
	}

.toplist ul li a {
	color: #123;
	}

.toplist ul li a:hover {
	border-color: #123;
	}

.toplist .count {
	display: inline;
	font-size: .8em;
	font-weight: bold;
	color: #b70;
	}

.box150 {
	float: left;
	margin: 0 0 0 7px;
	width: 150px;
	overflow: hidden; /* BETA TODO */
	height: 150px;
	background: url('../img/bg_box150.png') no-repeat left top transparent;
	}

.box150 p {
	margin: 0 10px;
        white-space: nowrap; /*k*/
        overflow: hidden; /*k*/

	padding: 0;
	font-size: .9em;
	line-height: 1.3;
	}

.box150 a {
	font-weight: bold;
	}
.box150 a:hover {
        border-bottom: 0px dotted #3cf;

	}

.box150 img {
	margin: 6px 0 0 7px;
	/*<k*/

	-moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        -webkit-border-radius: 10px;
	/**/
	border-radius: 10px;
	clip-path: url(resources.svg#c1);
	}



#footer {
	margin: 1em 0 0 0;
	padding: 1em 0 0 0;
	height: 160px;
	background: url('../img/bg_footer.png') no-repeat left top transparent;
	}

.footerpic1 {
	float: left;
	margin: 0 1em 0 2em;
	}

.footerpic1 img {
	margin: 0 1.5em 0 0;
	}

.footerpic2 {
	float: right;
	margin: 0 3.6em 0 0;
	}

.footerpic2 img {
	margin: 0 0 0 1.7em;
	}

.footertext {
	float: left;
	padding: 1em 0 0 0;

	color: #fff;
	}

.footertext a {
	color: #fff;
	font-weight: bold;
	border-color: #fff;
	}

#footer .copy {
	font-size: .9em;
	}



/* formularios */


#cleft fieldset { /*****/
	border: 0;
	margin: 1em 0 0 2em;
	}

#cleft label { /*****/
	display: block;
	float: left;
	margin: 0 1em 0 0;
	width: 250px;
	font-weight: bold;
	color: #fefecc;
	border-bottom: 3px dotted #fefecc;
	}

#cleft label.error {
	display: block;
	float:right;
	border-bottom: 0px;
	color: #FF0000;
	font-size: 12px;
	}

#cleft input[type=text] { /*****/
	padding: 0 .5em;
	margin-bottom: 1em;
	width: 250px;
	/*height: 18px;*/
	border: 5px solid #fefecc;
	background: url('../img/bg_white40.png') repeat left top #fb0;

	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	}

#cleft input[type=password] { /*****/
        padding: 0 .5em;
        margin-bottom: 1em;
        width: 250px;
        /*height: 18px;*/
        border: 5px solid #fefecc;
        background: url('../img/bg_white40.png') repeat left top #fb0;

        -moz-border-radius: 15px;
        -khtml-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        }




#cleft .mainform textarea { /*****/
	padding: 0 .5em;
	margin-bottom: 1em;
	width: 250px;
	height: 50px;
	overflow: hidden;
	border: 5px solid #fefecc;
	background: url('../img/bg_white40.png') repeat left top #fb0;

	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	}

#cleft select { /*****/
	padding: 0 .5em;
	margin-bottom: 1em;
	width: 270px;
	height: 28px;
	font-size: .8em;
	color: #d90;
	font-weight: bold;
	border: 5px solid #fefecc;
	background: url() repeat left top transparent;

	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	}

#cleft option { /*****/
	font-size: 1em;
	font-weight: bold;
	color: #d90;
	background: url('../img/bg_white40.png') repeat left top #fff;
	}

#cleft .checkers { /*****/
	float: left;
	margin-bottom: 1em;
	padding: .2em 10px;
	width: 250px;
	height: 22px;
	font-size: .9em;
	color: #d90;
	background-color: #fd6;

	border: none;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	}

#cleft .checkbit { /*****/
	display: inline;
	margin-right: 5px;
	}

#cleft .send { /*****/
	float: right;
	margin: 1em 0 0 0;
	/*width: 150px;
	height: 40px;*/
	cursor: pointer;
	border: 0;
	/*background: url('../img/button_bidali.png') no-repeat left top transparent; // [k] */
	}



/* common */

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

.pkg {
	display: inline-block;
	}

html[xmlns] .pkg {
	display: block;
	}

* html .pkg {
	height: 1%;
	}

:focus {
	-moz-outline-style: none;
	}

.hseparator {
	width: 96.5%;
	height: .01em;
	margin: .8em 0;
	border-width: .01em 0 0 0;
	border-style: dotted;
	border-color: #888;
	}

.clearboth {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	}

.zeromargin {
	margin: 0;
	}

.zeropadding {
	padding: 0;
	}

.zeroborder {
	border: 0;
	}

.bgred {
	background-color: #e00;
	}

.bgyellow {
	background-color: #f90;
	}

.bgblue {
	background-color: #00f;
	}

.bggreen {
	background-color: #090;
	}


/* Plugin slider */


    /* image replacement */
        /*.graphic, #prevBtn, #nextBtn, #sliderkatalogoaprev, #sliderkatalogoanext{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }*/
    /* // image replacement */

        #container{
                margin:0 auto;
                position:relative;
                text-align:left;
                width:630px;
                background:#fff;
                margin-bottom:2em;
                }
        #header{
                height:80px;
                line-height:80px;
                background:#5DC9E1;
                color:#fff;
                }
        #content{
                position:relative;
                }
/* Easy Slider */

        #sliderkatalogoa ul, #sliderkatalogoa li,
        #sliderberriak ul, #sliderberriak li{
                margin:0;
                padding:0;
                list-style:none;
                }
        #sliderberriak, #sliderkatalogoa {margin-top:1em;}
        #sliderkatalogoa li, #sliderberriak li{
                /*
                        define width and height of list item (slide)
                        entire slider area will adjust according to the parameters provided here
                */
		/*margin: 0 0 0 7px;*/
                width:628px !important;
		width: 700px; /* BETA ie6 TODO */
                height:150px;
		/*width:696px;
                height:173px;*/
                overflow:hidden;
                }
        #sliderberriakprev, #sliderberriaknext,
        #sliderkatalogoanext, #sliderkatalogoaprev{
                display:block;
                width:30px;
                height:77px;
                position:absolute;
                left: 10px; /* -20px */
                /*top:71px;
                z-index:1000;*/
                }
        #sliderberriaknext, #sliderkatalogoanext{
                left:540px;
                }
        /*#sliderberriakprev a, #sliderberriaknext a,
        #sliderkatalogoanext a, #sliderkatalogoaprev a{
                display:block;
              position:relative;
                width:30px;
                height:77px;*/
                /*background:url(../img/slider/btn_prev.gif) no-repeat 0 0;
                }*/
	/*
        #nextBtn a, #sliderkatalogoanext a{
                background:url(../img/slider/btn_next.gif) no-repeat 0 0;
                }
	*/


/* // Easy Slider */

/* ARITZ */

.box635 ol { list-style: square; padding: 14px 40px; }
.box635 ul { list-style: square; padding: 14px 40px; }


#captcha_code {
float:right;margin-right:60px;margin-top:58px;
}

input.sendOsatu {
	margin-right:60px;
	margin-top:-50px;
	float:right;


}

a#behatokiaLink, a#behatokiaLink:hover, a#behatokiaLink:link {
	text-decoration:none;
	margin-left:10px;
	border-bottom:0;
}