/***********OROKORRAK***********/
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, button, hr {
margin:0 0 0;
padding:0;
}

body{
background: transparent url(/img/fondoa.jpg) no-repeat scroll center top;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #928E8F;
}

h1 {
font-size:220%;
margin:0 0 0.25em;
}

h2 {
color:#78C5D4;
font-size:200%;
margin: 0 0 0.25em 0;
}

h3 {
background:transparent url(/img/encuentra_oinarria.gif) no-repeat scroll left top;
color:#78C5D4;
font-size:120%;
padding: 12px;
margin: 1.5em 0 0.5em 0;
}

h4 {
font-size:120%;
}


p, ul, ol{
margin: 0 0 0.5em 1em;
line-height: 1.5em;
}

ol{
list-style: decimal;
margin-left: 3em;
}

a{
color: #0066cc;
}

a:hover{
color: #78c4d3;
}

.cleaner {
clear:both;
margin:0;
padding:0;
}

/***********MAIN CONTAINER***********/
#main_container {
overflow:hidden;
width: 1015px;
margin: 0 auto;
}


/***********HEADER***********/
#header {
background:transparent url(/img/headerra.png) no-repeat scroll center top;
margin-top:10px;
}

#header img {
margin:40px 0 20px 50px;
}


/***********FOOTER**********/
#footer {
    background:transparent url(/img/footerra.png) no-repeat scroll center top;
    margin-top:0;
    padding:80px 40px 170px 40px;
    /*clear: both;*/
    font-size: 70%;

}
#footer p {
    margin:0 auto;

}
#footer img{
    float: left;
    margin: 0 10px 0 0;
}


/***********BREADCRUMB***********/
#breadcrumb {
background:transparent url(/img/encuentra_oinarria.gif) no-repeat scroll left top;
font-size: 85%;
padding: 15px;
}



/***********MAIN CONTENT***********/

#main_content{
background:transparent url(/img/gorputza.gif) repeat-y scroll left top;
margin-top:0;
width: 1015px;
}

#main_content p{
/*width: 500px;*/
}

#content_inside{
    margin: 0 40px;
}



input[type="reset"], input[type="button"], input[type="submit"] {
background-color:#78C5D4;
color:#FFFFFF;
padding: 2px 10px;

}


/***********SEARCH HOME**********/
#search_home {
background:transparent url(/img/encuentra_oinarria.gif) no-repeat scroll left 2px;
font-size: 120%;
font-weight: bold;
padding: 8px 12px;
}

#search_home .examples {
/*color:#0066CC;
font-size:80%;*/

}

#search_home input {
font-size: 110%;
padding: 0 10px;
border: 1px solid #ccc;
}

input#q {
padding:5px 5px 3px 5px;
width:400px;
font-weight: normal;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}

#search_home p {
float: left;
margin: 5px 1em 0 0;
}

#search_home fieldset{
border:0;
}
/***********PLACE DIRECTORY***********/
#place_directory {
}

#place_directory ul {
    width: 160px;
    float: left;
    margin: 0 0 0 15px;

}

#map_directory ul {
list-style-type: square;
margin-left:25px;
}




/***********PASOS***********/
#pasos ul {


}
#pasos ul li {
    display:inline;
    font-size:105%;
    padding-left:0px;
    width: 230px;
    display: block;
    float: left;

}

#pasos_img {
margin-left:8px;
margin-top:20px;
margin:10px 8px 0px 0px
}


/***********EJEMPLOS**********/
#ejemplos ul{
    
}

#ejemplos ul li{
    display: block;
    float: left;
    margin-right: 1em;
    font-size: 75%;
    text-align: center;
    border: 1px solid #efefef;
    padding: 5px 0;
    line-height: 1.2em;
}


.landscape img {
margin:2px auto;
width:160px;
}

.portrait{
    width: 90px;
}
.portrait img{
    width: 80px;
     margin: 2px auto;
}



.thumb_landscape{
    padding: 14px 14px;
    background:transparent url(/img/mlandscape.gif) no-repeat scroll left top;
}
.thumb_portrait{
    padding: 14px 16px;
    background:transparent url(/img/mportrait.gif) no-repeat scroll left top;
}

.download {
    background:transparent url(/img/downbutton.gif) no-repeat scroll top left;
    color:#FFFFFF;
    width: 300px;
    height: 110px;
    position: relative;
}

.download .downbutton{
padding: 30px 30px 30px 110px;
position: absolute;
color: #fff;
font-size: 125%;
}

.downbutton em{
font-size: 85%;
}




/***********DOWNCONTAINER***********/
#points_of_interest{
}

#down_container {
float:right;
margin:0 0 0 2em;
}

#loader_container {
background:transparent url(/img/processing_img.gif) no-repeat scroll 35px top;
float:right;
font-size:120%;
margin-bottom:0;
margin-left:60px;
margin-right:0;
padding:40px 100px 200px 50px;
text-align:center;
}


/***********LOADER IMG***********/

#pdfpre{
 }
#img_loader {
margin-left:74px;
margin-top:-140px;
}

.processing_text{
}


/***********ID DESCRIPTION**********/


/*#id_description {
    overflow:hidden;

}
#id_title {
    height:25px;
    font-size: 120%;
}
#id_subtitle {
    height:22px;
    margin-top:25px;

}
#id_style{
    margin-top:25px;  
}
*/
/***********MAPCONTAINER mapen diseinua**********/
/*mapcontainer*/

/*
#mapcontainer {
    background:transparent url(http://st.mapapel.cs/img/edizio_fondoa.gif) no-repeat scroll -10px 4px;
    float:none;
    height:auto;
    margin:0 auto;
    padding:25px 900px 220px 16px;
}
#mapcontainer img{
    background-image: none;
}

*/
/*mapitems*/

/*
#mapitems {
    margin:-637px auto 0;
    padding-bottom:220px;
    padding-left:200px;
}
#mapitems.olMap{
    border: solid green !important;
}

*/
/*map*/

/*
#map  {
    margin-top:40px;
    height: 400px !important;
}

*/
/*map_openlayers*/

/*
#map_OpenLayers_ViewPort {
}
#mapitems #OpenLayers.Control.Attribution_5{
    border: solid blue !important;
    background-color: blue;
}

#main_content ol {
list-style-type:decimal-leading-zero;
}

#main_content .downbutton {
background:transparent url(http://st.mapapel.cs/img/downbutton.gif) no-repeat scroll right top;
color:#FFFFFF;
}
#main_content .download  a:hover{
color:#fff;
}

#main_content .download {
margin:0 auto;
}

#main_content #map img{
background-image: none;
}

#main_content .editlink {
float:none;
font-size:105%;
margin-right:0;
margin-top:-35px;
width:250px;
}

#main_content em{
font-size: 90%;
}
*/


































