/* Basic HTML
----------------------------------------------------------------------------------------------------*/
html { height: 100%; background: #000000 url(../img/layout/bg_html_red.jpg) repeat; }
body { font: 12px/1.6 Helvetica, Arial, sans-serif; height: 100%; background: url(../img/layout/bg_body_red.png) no-repeat center top; color: #fff; }

/* Headings and Font Styles
----------------------------------------------------------------------------------------------------*/
.more_videos li { float: left; width: 230px; list-style: none; margin-left: 0px; margin-bottom: 10px;height:200px;  }

#main_header{
margin:10px 0px;
padding-left:45px;
}
div#header_text{
width:169px;
margin-right:28px;
float:right;
}
div#header_text h1{
color:#fff;
margin:0px;
text-indent:-9999px;
background:transparent url(../img/layout/h1_uned5.png) top left no-repeat;
width:169px;
height:37px;
}

#pngfix_presenters{
position:relative;
height:196px;
width:760px;
background:transparent url(../img/newhome/presenters.png) top left no-repeat;
}
#pngfix_presenters ul{
position:absolute;
list-style:none;
}
#pngfix_presenters ul li{

text-indent:-9999px;
margin:0;
}
#pngfix_presenters ul li a{
position:absolute;
display:block;
}
#pngfix_presenters ul li a.gwawr{
width:90px;
height:150px;
left:20px;
}
#pngfix_presenters ul li a.elliw{
width:80px;
height:150px;
left:120px;
}
#pngfix_presenters ul li a.rhydian{
width:80px;
height:150px;
left:210px;
}
#pngfix_presenters ul li a.gwenno{
width:90px;
height:150px;
left:300px;
}
#pngfix_presenters ul li a.llinos{
width:90px;
height:150px;
left:400px;
}
#pngfix_presenters ul li a.tudur{
width:90px;
height:150px;
left:500px;
}
#pngfix_presenters ul li a.leni{
width:90px;
height:150px;
left:600px;
}

h2.dyb_merlin{background:#000 url(../img/layout/h2_dyb_merlin.gif) top left no-repeat;text-indent:-9999px;}
h2.rhydian{background:#000 url(../img/layout/h2_rhydian.gif) top left no-repeat;text-indent:-9999px;}

h2.holichi{background:#000 url(../img/layout/h2_holi_chi.gif) top left no-repeat;text-indent:-9999px;}

p.rhydian_promo{width:230px;height:300px;background:transparent url(../img/home/rhydian.jpg) top left no-repeat;position:relative;}
p.rhydian_promo span{position:absolute;width:96%;bottom:0px;padding:2%;font-size:1.1em;color:#ddd;font-weight:bold;background:url(../img/layout/transparent_50.png) top left;cursor:hand;}

h2.uchafbwyntiau{background:#000 url(../img/layout/h2_uchafbwyntiau.gif) top left no-repeat;text-indent:-9999px;}
a.promo_link:hover p.rhydian_promo span {color:#fff;text-decoration:none;}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_100_percent { background: #000; padding-bottom: 10px; min-height: 60%; }
.uned5_content { width: 760px; padding: 0px; margin: 0px auto; background: none; padding: 0px; }
.cyfres_logo { float: left; margin-right: 10px; height: 150px; }
div.left_col{float:left;width:255px;}
div.right_col{float:right;width:495px;}


/*
---------------------------------------------------------------------------------------------------- portal_menu
---------------------------------------------------------------------------------------------------- portal_menu
---------------------------------------------------------------------------------------------------- portal_menu
*/
#portal_menu{
margin:20px 0;
}
/* main navigator */
#main_navi {
float:left;
padding:0px !important;
margin:0px !important;
}

#main_navi li {
margin:0;
margin-bottom:10px;
background-color:#000;
border-top:2px solid #1c1c1c;
border-bottom:2px solid #1c1c1c;
clear:both;
color:#d80828;
font-size:12px;
height:50px;
list-style-type:none;
padding:7px 5px;
width:142px;
cursor:pointer;
}
#main_navi li:hover {
background-color:#000;
}
#main_navi li.active {
background:#000 url(../img/layout/portal_arrow.gif) top left no-repeat;
padding-right:15px;
margin-right:2px;
}
#main_navi img {
float:left;
margin-right:10px;
}
#main_navi strong {
display:block;
font-size:1.4em;
color:#fff;
}
#main div.navi {
margin-left:220px;
cursor:pointer;
}
.navi a{
background:#fff;
border:1px solid #333;
display:block;
float:left;
color:#111;
font-size:1em;
height:12px;
line-height:1em;
margin:0 3px;
padding:2px 0 4px 4px;
width:12px;
text-decoration:none;
}
div.navi a.active{
background:#d80828;
color:#fff;
border:1px solid #333;
}
div.navi a:hover{
border:1px solid #fff;
}
div.navi a:hover.active{
border:1px solid #666;
}


/* main vertical scroll */
#main {
position:relative;
overflow:hidden;
height:310px;
width:496px;
border:2px solid #1c1c1c;
}

/* root element for pages */
#pages {
position:absolute;
height:20000em;
}

/* single page */
.page{
height:310px; /* same as #main */
background:#000;
width:496px;
}
/* root element for horizontal scrollables */
.scrollable {
position:relative;
overflow:hidden;
width:496px;
height:285px; /* img height + 5% */
}
/* root element for scrollable items */
.scrollable .items {
width:20000em;
position:absolute;
clear:both;
}

/* single scrollable item */
.item {
float:left;
/*cursor:pointer;*/
width:496px;
position:relative;
}
.item p {
position:absolute;
bottom:5px; /* 3px for IE7 */ 
left:0px;
padding:5px 10px;
font-size:1.5em;
line-height:1.2em;
background:transparent url(../img/layout/transparent_50.png) top left;
margin:0px;
width:486px;
border-bottom:1px solid #1c1c1c;
}
.item p  a{
color:#fff;
}

/* ***************************************************************************** Sant Ffolant
*/
#ffolant{
border:3px solid #cb0051;
padding:2px 4px;
background-color:#ff2a7f;
cursor:pointer;
margin-bottom:8px;
}
#ffolant h3{
color:#000;
}
#ffolant p{
margin:0px;
color:#fff;
}
#ffolant form{

}
#ffolant form input[type="text"]{
border:1px solid #fff;
font-family: arial, sans-serif;
height:18px;
font-size:13px;
float:left;
}
#ffolant form textarea{
border:1px solid #fff;
font-family: arial, sans-serif;
height:20px;
font-size:13px;
float:left;
margin:0px 2px;
width:500px;
}
#ffolant form input[type="submit"]{

}