body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(51, 51, 51);  font-family: Arial, sans-serif; line-height: 1em;   font-size: 1em; }
#header { position: relative; width: 780px; height: 119px; /*background: url(../co_css/top03a.jpg) no-repeat scroll 0% 0%;*/ }
#header2 { position: relative; width: 780px; height: 119px; background: url(../co_css/top03_02.jpg) repeat scroll 0% 0%; }
#header h2 {  color: rgb(255, 255, 255); margin: 35pt 20pt 0pt 10pt; font-weight: bold; font-size: 1.3em; text-align: left; vertical-align: bottom; line-height:52px; } 
#topbg { position: absolute; top: 0pt; left: 0pt; z-index: -1; width: 100%; height: 119px; background: url(../co_css/top03_02.jpg) repeat scroll 0% 0%; }
#logoR { width: 373px;     height: 119px; float: right; background: url(../co_css/top03_01_A2.jpg) no-repeat;  }
#logoL { width: 407px;    height: 119px; float: left; background: url(../co_css/top03_02.jpg) repeat; vertical-align: bottom; }
.bottom-text {
    position:absolute;
    bottom:0;
}


#topbg { position: absolute; top: 0pt; left: 0pt; z-index: -1; width: 100%; height: 119px; background: url(../co_css/top03_02.jpg) repeat scroll 0% 0%; }
#topbg2 { position: absolute; top: 0pt; left: 0pt; z-index: -1; width: 100%; height: 69px; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
#content { background: none repeat scroll 0% 0% white; padding: 1px; color: rgb(51, 51, 51); }
#main { position: relative; width: 780px; margin: 0pt auto; padding: 0px 0pt 0pt; background:rgb(255,255,255);}

h1 { font-weight: bold;   font-size: 1.4em;   text-transform: uppercase; color: rgb(139, 85, 197); }

p { text-align: justify;   margin: 5px;   line-height: 1.5em;   font-size: 1em;   font-style: normal;   text-indent: 0px; }
ul { text-align: left;   margin: 5px;   line-height: 1.2em;   font-size: 1em;   font-style: normal;   text-indent: 0px; }
.testua { color: rgb(0, 0, 0);   padding: 4px;   margin:4px 15px 4px 15px ;   /*background-color: rgb(207, 216, 221);*/ }
.gramatika { color: rgb(0, 0, 153);   padding: 10px;   margin:10px; }
.gramatika_kontsulta { float:right; padding:5px  5px 5px 5px;   margin:0px; }
.grabazioa {margin:0px; height:70px; clear: both; }
.audio_kontsulta { float:left; padding: 15px 5px 0px 5px;   margin:0px; }
.audio_barra {  padding:15px  0px 5px 15px;   margin:0px; }
.berdea { background-color: #cef6a3;   padding: 0px;   margin:0px; 	height: 5px; }
.footer { background-color: rgb(255,255,255);   padding: 0px;   margin:0px;  height: 55px;}
.berdea_x { background-color: #cef6a3;   padding: 0px;   margin:0px; 	height: 10px; }
.urdina_x { background-color: #81ace0;   padding: 0px;   margin:0px; 	height: 10px; }
.berdea_x { background-color: #cef6a3;   padding: 0px;   margin:0px; 	height: 10px; }
.footer_x { background-color: #cef6a3;   padding: 0px;   margin:0px;  height: 10px;}
.gramatika_x { background-color: rgb(255, 255, 255);   padding: 0px;   margin:0px;  height: 55px; align:center;}
.testua_x { color: rgb(0, 0, 0);   padding: 4px;   margin:4px;   background-color: white; } 
 li { display: list-item;text-align: -webkit-match-parent;}


.irudia{
    margin: 9px;
    /*padding: 5px;
*/
    height: auto;
    width: auto;
    float: left;
    /*text-align: center;*/
}

.irudia img
{
   /*padding: 10px;*/
}

div.desc {
    text-align: center;
    font-weight: normal;
    background-color: #E8E8E8;

}

div.clear {
    clear:both;
}

.irudia td { align:center; text-align:center; }
.ariketa { text-align: left;   border: 2px solid rgb(0, 128, 0);  color:rgb(0, 0, 0); padding: 10px;   margin:10px;  display:block;  /*background-color: rgb(207, 216, 221);*/ }
.ariketa p {text-align: left;}
#edukia h2 {line-height: 1em;   font-size: 1em;}
#edukia ul {line-height: 1.3em;   font-size: 1em; text-indent: 10px;}
#movie { vertical-align:middle; line-height: 1.2em;   font-size: 1.1em; margin: 5pt auto;}
.instrukzioa {   font-weight: bold; font-family: Arial; margin:10px;   line-height: 1.4em;   font-size: 1.1em; padding-bottom:10px;/*background-color: rgb(207, 216, 221);*/ }
.ariketa {   margin:10px;   line-height: 1.2em;   font-size: 1.1em; padding-bottom:10px; font-family: Calibri, sans-serif; }
#saiakera {   color: rgb(0, 128, 0);  font-family: Calibri, sans-serif; font-weight: bold; font-size: 1em; padding-bottom:5px; padding-top:5px;}
.azalpena {   font-weight: bold; font-family: Arial; margin:10px;   line-height: 1.4em;   font-size: 1.1em; padding-bottom:10px; /*overflow: auto;font-weight: bold;background-color: rgb(207, 216, 221);*/ }
/*berde claro: #cef6a3 berde oscuro: #5f9b1e, violeta claro: #c999c1 violeta oscuro: #5d1a7f*/
/*.azalpena {   margin:10px 15px;   line-height: 1.1em;   font-size: 1.1em; font-family: Calibri, sans-serif; }*/
.unitatearen_azalpena{ line-height: 1.3;width: 96%;border: 1px solid rgb(0, 128, 0);background-color: #f3f8f3;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 10px 10px 10px 10px;margin-top: 15px;}
.transkripzioa1 { color: #5f9b1e;  padding: 20px;    }
#transkripzioa p { margin: 0px;   padding: 5px;  line-height: 1.4em;   font-size: 1em;  text-indent: 0px; background-color: #e1efd2; color: #0f590a; }
.bideoa {   color: rgb(0, 0, 153);   margin:0 100px;  }
.audio { color: #7B8D96;   font-weight: bold;   text-align: left;   text-decoration: none; }
textarea {width:100%;}
table td.zutabea {padding-left: 45px;}
table td.zutabea_aukera {padding-left: 45px; background-image: url(../co_css/marra.gif); background-position: 0px 11px; background-repeat: no-repeat;}
input[type="radio"]:hover {cursor:pointer;}
input[type="checkbox"]:hover {cursor:pointer;}
select:hover {cursor:pointer;}
.ariketa td:hover {cursor:pointer;}