@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'DubielPM';
    src: url('ffonts/DubielPM.eot');
    src: url('ffonts/DubielPM.eot?#iefix') format('embedded-opentype'),
         url('ffonts/DubielPM.woff') format('woff'),
         url('ffonts/DubielPM.ttf') format('truetype'),
         url('ffonts/DubielPM.svg#dubielpmregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'fira_sans_otbold';
    src: url('ffonts/firasansot-bold-webfont.eot');
    src: url('ffonts/firasansot-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('ffonts/firasansot-bold-webfont.woff') format('woff'),
         url('ffonts/firasansot-bold-webfont.ttf') format('truetype'),
         url('ffonts/firasansot-bold-webfont.svg#fira_sans_otbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fira_sans_ot_lightlight';
    src: url('ffonts/firasansotlight-webfont.eot');
    src: url('ffonts/firasansotlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('ffonts/firasansotlight-webfont.woff') format('woff'),
         url('ffonts/firasansotlight-webfont.ttf') format('truetype'),
         url('ffonts/firasansotlight-webfont.svg#fira_sans_otlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fira_sans_ot_mediummedium';
    src: url('ffonts/firasansotmedium-webfont.eot');
    src: url('ffonts/firasansotmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('ffonts/firasansotmedium-webfont.woff') format('woff'),
         url('ffonts/firasansotmedium-webfont.ttf') format('truetype'),
         url('ffonts/firasansotmedium-webfont.svg#fira_sans_otmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fira_sans_ot_medium_italic';
    src: url('ffonts/firasansotmedium-italic-webfont.eot');
    src: url('ffonts/firasansotmedium-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('ffonts/firasansotmedium-italic-webfont.woff') format('woff'),
         url('ffonts/firasansotmedium-italic-webfont.ttf') format('truetype'),
         url('ffonts/firasansotmedium-italic-webfont.svg#fira_sans_otmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fira_sans_otbook';
    src: url('ffonts/firasansot-webfont.eot');
    src: url('ffonts/firasansot-webfont.eot?#iefix') format('embedded-opentype'),
         url('ffonts/firasansot-webfont.woff') format('woff'),
         url('ffonts/firasansot-webfont.ttf') format('truetype'),
         url('ffonts/firasansot-webfont.svg#fira_sans_otregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



html, body {
	height: 100.2%;
	margin: 0px;
	padding: 0px;
	font-family: 'fira_sans_otbook', Trebuchet, sans-serif;
}



#popeth {
	margin: 0px;
	padding: 0px;
	min-height: 100.2%;
	position: relative;	
}



#penawd {
	background-color: rgba(255,255,255,1);
	height: 130px;
	width: 100%;
	z-index: 5;
	position: fixed;
}
#enw {
	width: 900px;
	margin: 0px auto;
	padding-top: 10px;
	height: 130px;
	background-image: url(lluniau/m.png);
	background-repeat: no-repeat;
	background-position: right -152px;
}
h1 {
	letter-spacing:.02em;
	word-spacing: -.07em;
	font-family: 'DubielPM', Georgia, serif;
	font-weight: 200;
	font-size: 3em;
	color: rgba(0,0,0,1);
	min-width: 900px;
	text-decoration:none;
	top: 0px;
	position:absolute;
}
h1 a:active, h1 a:link, h1 a:visited {
	color: rgba(0,0,0,1);
	text-decoration:none;
}
h1 a:hover {
	text-decoration:none;
	color: rgba(121,121,121,1);
}
 .mabi {
	 text-decoration:none;
}
.x70llwyd {
	font-size: .66em;
	color: rgba(153,153,153,1);
}
h2 {
	font-family: 'fira_sans_ot_mediummedium', Trebuchet, sans-serif;
	letter-spacing: .2em;
	font-size: 1.2em;
	text-transform: uppercase;
	color: rgba(153,153,153,1);
	top: 54px;
	position:relative;
	font-weight: 300;
}



.dewis {
	font-family: 'fira_sans_otbook', Trebuchet, sans-serif;
	letter-spacing: 0.2em;
	max-width: 900px;
	margin: 0 auto;
	background-color: rgba(204,204,204,1);
	font-size: 1em;
	line-height:160%;
	height:24px;
	position:relative;
}
.iaith1, .iaith1 a:link, .iaith1 a:active, .iaith1 a:visited, .iaith2, .iaith2 a:link, .iaith2 a:active, .iaith2 a:visited {
	display:block;
	color: rgba(0,0,0,1);
	text-decoration:none;
	background-color: rgba(255,255,255,1);
	font-family: 'fira_sans_otbold', Trebuchet, sans-serif;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	height: 24px;
	width: 210px;
	z-index: 50;
	text-align: center;
}
.iaith1, .iaith1 a:link, .iaith1 a:active, .iaith1 a:visited {
	float:right;
}
.iaith2, .iaith2 a:link, .iaith2 a:active, .iaith2 a:visited {
	clear:both;
	float:right;
}
.iaith1 a:hover, .iaith2 a:hover {
	color: rgba(255,255,255,1);
	text-decoration:none;
	background-color: rgba(0,0,0,1);
}



#nav, #nav ul {
	width:900px;
	padding:0;
	margin: 0;
	list-style:none;
	position:relative;
	z-index:100;
	height:24px;
}
.mymryn {
	float: left;
	height: 24px;
	width: 2px;
	background-color: rgba(0,0,0,1);
}
/* lefel 1 */
#nav li {
	background-color: rgba(102,102,102,1);
	text-decoration:none;
	text-transform: uppercase;
	float: left;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: rgba(0,0,0,1);
}
/* lefel 2 */
#nav li li {
	height:auto;
	width:210px;
	font-family: 'fira_sans_otbook', Trebuchet, sans-serif;
	letter-spacing: .04em;
	text-transform: uppercase;
	float:none;
	border: 0px;
	background-color: rgba(255,255,255,.8);
}
/* a hack for IE5.x and IE6 */
* html #nav li li {
	float:left;
}
#nav li a {
	display:block;
	float:left;
	color: rgba(255,255,255,1);
	margin:0 10px 0 10px;
	height:24px;
	line-height:160%;
	text-decoration:none;
	white-space:nowrap;
}
#nav li li a {
	padding:auto 10px auto 10px;
	line-height:160%;
	float:none;
}
#nav li:hover {
	background-color: rgba(0,0,0,1);
	position:relative;
	z-index:110;
}
#nav li:hover ul {
	left:0;
	top:24px;
}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {
	left:10px;
}
#nav ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {
	width:1px;
}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
	left:-1px; 
	margin-left:100%; 
	top:0px;
}
/* keep further levels hidden */
#nav li:hover > ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px;
	width:auto;
}

/* show path followed */
#nav li:hover > a {
	text-decoration:none;
	color:#000;
}
/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul {
	left:-1px;
	margin-left:100%;
	top:0px;
}
/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
}
/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a {
	text-decoration:none;
	color: rgba(153,153,153,1);
}
/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a {
	text-decoration:none;
	color:#000;
}



#cynnwys {
	width: 100%;
	padding: 166px 0 116px 0;
}
.cynnwys1 {
	width: 900px;
	margin: 0px auto;
}
.testuncynnwys {
	background-color: rgba(255,255,255,.8);
	font-family: 'fira_sans_otbook', Trebuchet, sans-serif;
	font-size: 1em;
	line-height: 150%;
	color: rgba(0,0,0,1);
	margin: 0 222px 0 0;
	padding:0;
}
p.testuncynnwys_pen {
	font-family: 'fira_sans_ot_lightlight', Trebuchet, sans-serif;
	font-size: 1.8em;
	color: rgba(0,0,0,1);
	height:45px;
	line-height: 90%;
	padding: 12px 12px 4px 12px;
	background-color: rgba(255,255,255,1);
	margin: 0;
}
p.testuncynnwys_isben {
	font-family: 'fira_sans_ot_mediummedium', Trebuchet, sans-serif;
	font-size: 1.2em;
	color: rgba(0,0,0,1);
	line-height: 120%;
	padding: 10px 0 4px 12px;
	margin: 0;
}
p.testuncynnwys_1 {
	font-family: 'fira_sans_ot_mediummedium', Trebuchet, sans-serif;
	font-size: 1em;
	color: rgba(0,0,0,1);
	line-height: 160%;
	letter-spacing:0.06em;
	padding: 7px 0 10px 0;
	margin: 0px 12px 0px 12px;
}
p.testuncynnwys_1 a:link, a:active, a:visited {
	color: rgba(120,120,120,1);
	text-decoration:none;
}
p.testuncynnwys_1 a:hover {
	color: rgba(0,0,0,1);
	text-decoration:none;
}
p.testuncynnwys_2 {
	font-family: 'fira_sans_otbook', Trebuchet, sans-serif;
	font-size: 1em;
	color: rgba(0,0,0,1);
	line-height: 160%;
	padding: 0 12px 10px 12px;
	margin: 0px 12px 0px 0px;
}
.x80llwyd {
	font-size: .74em;
	color: rgba(120,120,120,1);
}
span.bold {
	font-family: 'fira_sans_otbold', Trebuchet, sans-serif;
	letter-spacing: .04em;
}
span.italic {
	font-family: 'fira_sans_ot_medium_italic', Trebuchet, sans-serif;
}



.lluniaubach {
	width: 210px;
	float: right;
}
#cefndirbach01x, #cefndirbach02x, #cefndirbach03x, #cefndirbach04x, #cefndirbach05x, #cefndirbach06x, #cefndirbach07x, #cefndirbach08x, #cefndirbach09x, #cefndirbach10x {
	cursor: pointer;
	width: 210px;
	height: 165px;
	background-size:210px;
	border-width: 4px;
	border-style: solid;
	border-color: rgba(0,0,0,1);
	margin: 0 0 4px 0;
}
#cefndirbach01x {
	background-image: url(lluniau/cefndiroedd/cefndir01b.jpg);
}
#cefndirbach02x {
	background-image: url(lluniau/cefndiroedd/cefndir02b.jpg);
}
#cefndirbach03x {
	background-image: url(lluniau/cefndiroedd/cefndir03b.jpg);
}
#cefndirbach04x {
	background-image: url(lluniau/cefndiroedd/cefndir04b.jpg);
}
#cefndirbach05x {
	background-image: url(lluniau/cefndiroedd/cefndir05b.jpg);
}
#cefndirbach06x {
	background-image: url(lluniau/cefndiroedd/cefndir06b.jpg);
}
#cefndirbach07x {
	background-image: url(lluniau/cefndiroedd/cefndir07b.jpg);
}
#cefndirbach08x {
	background-image: url(lluniau/cefndiroedd/cefndir08b.jpg);
}
#cefndirbach09x {
	background-image: url(lluniau/cefndiroedd/cefndir09b.jpg);
}
#cefndirbach10x {
	background-image: url(lluniau/cefndiroedd/cefndir10b.jpg);
}

#cefndirbach01, #cefndirbach02, #cefndirbach03, #cefndirbach04, #cefndirbach05, #cefndirbach06, #cefndirbach07, #cefndirbach08, #cefndirbach09, #cefndirbach10 {
	cursor: pointer;
	width: 103px;
	height: 81px;
	background-size:103px;
	border-width: 4px;
	border-style: solid;
	border-color: rgba(0,0,0,1);
	margin: 0 0 4px 0;
}
#cefndirbach01 {
	background-image: url(lluniau/cefndiroedd/cefndir01b.jpg);
}
#cefndirbach02 {
	background-image: url(lluniau/cefndiroedd/cefndir02b.jpg);
	float: right;
}
#cefndirbach03 {
	background-image: url(lluniau/cefndiroedd/cefndir03b.jpg);
}
#cefndirbach04 {
	background-image: url(lluniau/cefndiroedd/cefndir04b.jpg);
	float: right;
}
#cefndirbach05 {
	background-image: url(lluniau/cefndiroedd/cefndir05b.jpg);
}
#cefndirbach06 {
	background-image: url(lluniau/cefndiroedd/cefndir06b.jpg);
	float: right;
}
#cefndirbach07 {
	background-image: url(lluniau/cefndiroedd/cefndir07b.jpg);
}
#cefndirbach08 {
	background-image: url(lluniau/cefndiroedd/cefndir08b.jpg);
	float: right;
}
#cefndirbach09 {
	background-image: url(lluniau/cefndiroedd/cefndir09b.jpg);
}
#cefndirbach10 {
	background-image: url(lluniau/cefndiroedd/cefndir10b.jpg);
	float: right;
}



.llunbach_testun, .llunbach_testun a {
	letter-spacing:.05em;
	display:table-cell;
	width: 202px;
	height: 157px;
	font-family: 'fira_sans_ot_mediummedium', Trebuchet, sans-serif;
	font-size: 1em;
	text-decoration:none;
	color: rgba(255,255,255,0);
	background-color: rgba(0,0,0,0);
	text-align:center;
	margin:0;
	padding:0;
	vertical-align:middle;
}
.llunbach_testun a:hover{
	background-color: rgba(255,255,255,.4);
	color: rgba(0,0,0,1);
}


	
#troed {
	position:fixed;
	bottom:0;
	background-color: rgba(255,255,255,1);
	width: 100%;
	height: 100px;
}
.troed1 {
	width: 900px;
	margin: 0 auto;
}
.troed2 {
	width: 380px;
	height: 100px;
	background-size:380px;
	background-image: url(lluniau/riba_arb.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.troed3 {
	width: 210px;
	height: 100px;
	background-image: url(lluniau/m.png);
	background-repeat: no-repeat;
	background-position: right 16px;
	float: right;
}
p.troed4 {
	font-family: 'fira_sans_otbold', Trebuchet, sans-serif;
	text-align:center;
	font-size: .8em;
	letter-spacing:0.1em;
	text-decoration:none;
	color: rgba(0,0,0,1);
	margin: 74px 0 0 0;
}
p.troed4 a:link, a:active, a:visited {
	text-decoration:none;
	color: rgba(0,0,0,1);

}
p.troed4 a:hover {
	text-decoration:none;
	color: rgba(153,153,153,1)
}



.expandable-panel {
	margin:0 222px 12px 0;
	position:relative;
	overflow:auto;
	background-color: rgba(255,255,255,.8);
}   
.expandable-panel-heading {
	padding:0;
	height:45px;
	cursor:pointer;
	clear:both;
	overflow:hidden;
	background-color:rgba(255,255,255,1);
	position:relative;
}
.expandable-panel-heading:hover {
    color:rgba(255,255,255,1);
}
.expandable-panel-content {
	min-width:678px;
	aamargin:-999px 0 0 0;
	overflow:auto;
}
.icon-agor-cau {
	width:20px;
	height:20px;
	position:absolute;
	background-image:url(lluniau/icon-agor-cau.png);
	top:14px;
	right:15px;
}
.llun_A {
	padding: 10px 12px 10px 12px;
	float:left;
}
.llun_B {
	padding: 10px 12px 10px 0px;
	float:left;
}
.llun_C {
	padding: 10px 0px 10px 0px;
}