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

/* Css general



===== Medidas relativas ==========

10px ----- 1 em

1px -------0.10 em

=========== Colors====================

#f50b01------red links
#4b4b4b------text grey

*/

/* =========== Global====================*/


body {font-family:"Arial", Helvetica, sans-serif;font-size:62.5%;background-color:#f1f1f1;color:#4b4b4b;z-index:0;background-image: url(img/global_background.gif);background-repeat: repeat;background-position: left top; margin: 0 auto; position:relative;}

/* ======Reset==============*/

ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,address,fieldset,input,table,th,td{ margin:0; padding:0;}

ul { list-style:none;}
img, fieldset{ border:none;}
h1{}
h2{ font-size:1.6em; font-weight:bold; display:inline;}
h3{ position:relative; font-size:1.8em; font-weight:normal; color:#FFFFFF; display:inline;}
h4{ font-size:2em; font-weight:normal; color:#666; padding-bottom:0.5em; padding-top:0.5em; font-family:Georgia, "Times New Roman", Times, serif;}

p{ font-size:1.1em;}
hr{color:#ccc; height:1px; background-color:#FFFFFF;}
a:link, a:visited{ color:#f13426; text-decoration:none;}
a:hover, a:active, a:focus{ color:#f13426; text-decoration:underline;}

address{ font-style:normal;}


/* ======CONTENTS==============*/
#page{ position:relative; width:98%; max-width:98em; /*background-color:#00CCFF;*/ margin: 0em auto;}
#head{  position:relative;}
#content{ background-color:#fff; position:relative; top:1em; padding:1.5em; float:left; padding-bottom:1.5em;}
#banner{background-image: url(img/banner.jpg);background-repeat: no-repeat;background-position: left top; width:95em; height:25em; position:relative;}
#feet{ position:relative; text-align:right; margin: 0 auto; height:10em; top:2em;}

/*TOP_MENU*/
#top_menu{ position:relative; float:left; width:100%; text-align:right;}
#logo{ position:relative; float:left; width:23.5em; height:6.6em;}
#logo{background-image: url(img/logo.png);}

#logo a{ cursor:pointer; display:block;}
#logo div{ position:relative; float:left; display:block; width:23.5em; height:6.6em;}
#right_zone{ position:relative; height:3em;display:block; width:100%; float:right;}
#nav,#form,#languaje{ position:relative; float:right; height:1em;padding-top:0.25em;}


/*SEARCH*/
#form{ position:relative; float:right;height:3em;padding-top:0em; width:29.8em;}
#form img{ float:left;}
#form input{ float:left; /*margin-top:1.5em;*/}
#search_button{ position:relative; float:left; width:7em; margin-left:0.5em;}
#cse-search-results{ position:relative; float:left;}
#cse-search-results iframe{ position:relative; float:left; width:70em; background-color:#000000;}

/*NAV*/
#nav{ width:100%; padding-top:0em;z-index:3;}
#nav ul{ position:relative; float:left; margin-left:40em;}
#nav ul li{text-align:center;float:left;}
#nav ul li a{ font-size:0.9em; margin-left:0.2em; margin-right:0.2em;}
#nav ul li a:link,#nav ul li a:visited,#nav ul li a:active{border-top:0.5em solid #f12600; color:#f12600; text-decoration:none;padding-left:1.5em; padding-right:1.5em; display:block; float:left; width:auto;}
#nav ul li a:hover,#nav ul li a:focus{border-top:1.5em solid #f12600; color:#f12600; text-decoration:none;padding-left:1.5em; padding-right:1.5em; display:block;float:left; width:auto;}

/*SLIDE PANEL*/
#nav ul li.slide_content{ position:relative; display:block;margin: 0 auto;padding: 0;}
#nav ul li #panel{background:#000;height:50em;display: none; width:25em;float:none; z-index:3; color:#FFFFFF;/* for all other browsers*/
opacity: .8;/* for IE5-7*/filter: alpha(opacity=80);/* for IE8*/-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80); padding:1em;}
#nav ul li #panel h2{ position:relative; text-align:left; border-bottom:0.1em solid #fff; font-weight:normal;}
#nav ul li #panel ul{ position:relative; color:#FFFFFF; margin-left:0em;}
#nav ul li #panel ul li{text-align:left;float:none;color:#fff; line-height:2em; list-style:square; margin-left:1.5em; padding-left:0em;}
#nav ul li #panel ul li ul{position:relative; float:none; padding-left:1.5em;list-style:square;}
#nav ul li #panel ul li a{border-top:none; color:#fff; text-decoration:none;padding-left:0em; padding-right:0em; display:block; float:none; width:auto; font-size:1.3em;}
#nav ul li #panel ul li a:hover{border-top:none; color:#fff; text-decoration:underline;padding-left:0em; padding-right:0em; display:block; float:none; width:auto; font-size:1.3em;}

/*LANGUAJE=IDIOMAS*/
#languaje ul{ position:relative; float:left; width:10em;text-align:center;}
#languaje ul li{ position:relative; float:left; width:3em; padding-left:0.5em; padding-right:0.5em;}
#languaje a{ font-size:11px;}
#languaje a:link,#languaje a:visited,#languaje a:active{ color:#4b4b4b; text-decoration:none;}
#languaje a:hover,#languaje a:focus{ color:#f50b01; text-decoration:underline;}

/*HEAD_MENU*/
/* set millions of background images */
#head_menu {background-image: url(img/menu_bg.gif);background-repeat: repeat-x;background-position: left top; z-index:0; }
.rbtop div { background: url(img/tl.gif) no-repeat top left; }
.rbtop { background: url(img/tr.gif) no-repeat top right; }
.rbbot div { background: url(img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%;height:0.5em;font-size: 1px;position:relative}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%;height: 4em!important;font-size: 1px;position:relative}
	}
.rbcontent { margin: 0 7px;/*height:3.5em;*/ position:relative; }


#head_menu{background-color:#000; position:relative; float:right; width:71%; top:1.5em; text-align:left; display:block;}
#head_menu ul{
	position:relative;
	width:100%;
	float:left;
	top:0em;
	left:0em;
	background-color:transparent;
	background-image:url(img/bg_head_menu_ul.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#head_menu ul li{ position:relative; width:auto; float:right;color:#fff;/* top:0.75em;*/ top:0em; left:0em;background-image: url(img/menu_bg.gif); background-color:#373535; background-position:left top; background-repeat:repeat-x;}
#head_menu ul li a{ font-size:1.4em; color:#FFFFFF; text-decoration:none; padding-top:0.8em; padding-bottom:0em; background-image: url(img/menu_bg.gif);/* background-color:#373535;*/ background-position:left top; background-repeat:repeat-x; height:2.35em; padding-left:1.4em; padding-right:1.4em; margin:0em;}

a.about:link, a.about:visited, a.about:active, a.news:link, a.news:visited, a.news:active, a.games:link, a.games:visited, a.games:active, a.software:link,a.software:visited, a.software:active{/*background-image:url(img/menu_bg.gif); background-position:left top; background-repeat:repeat-x;*/ width:auto; display:block;}
a.about:hover, a.about:focus, a.news:hover, a.news:focus, a.games:hover, a.games:focus, a.software:hover,a.software:focus{
background-image:url(img/bg_head_menu_hover.gif)!important;background-repeat:repeat-x;background-position:left top;width:auto;display:block;}


#head_menu ul li a.e_link:link, #head_menu ul li a.e_link:visited, #head_menu ul li a.e_link:active{ background-color:#c1cee7!important; background-image:url(img/bg_link_menu.gif)!important; background-position:right top; background-repeat:no-repeat; width:auto; display:block; float:left; }
#head_menu ul li a.e_link:hover, #head_menu ul li a.e_link:focus{ background-color:#c1cee7!important; background-image:url(img/bg_link_menu_hover.gif)!important; background-repeat:no-repeat; background-position:right top; display:block; width:auto;}


/*CONTENT*/
#block{ position:relative; width:100%;float:left;/*top:1.5em;*/ display:block;}

#left_colum{ position:relative; width:73%; float:left; padding-bottom:3em;}
#right_colum{ position:relative; float:right; width:26.3%; top:1.5em;}
#left_menu{ position:relative; float:left; width:26.3%;}
#prod_develop{ position:relative; float:right; width:73.70%;}


#welcome{
	position: relative;
	float:left;
	text-align:left;
	width:100%;
	/*
	
	color:#fff;*//* for all other browsers*/
	/*opacity: .8;*//* for IE5-7*/
	/*filter: alpha(opacity=80);*//* for IE8*/
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	background-color:#000000;
	
	padding-top: 5em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;*/
}

/*LEFT_MENU*/
#left_menu ul{ position:relative; display:block; width:90%;}
#left_menu ul li{ position:relative; display:block;}
#left_menu ul li ul{ position:relative; width:100%;}
#left_menu ul li ul li{ position:relative;}
#left_menu ul li a{ background-color:#eaeefa;}
#left_menu ul li a, #left_menu ul li ul li a{ font-size:1.6em; display:block; padding:0.5em; color:#333333; text-decoration:none; border-bottom:0.1em solid #eaeefa;}
#left_menu ul li ul li a{ text-indent:1.5em; font-size:1.4em;background-color:#fff;}
#left_menu ul li ul li a:link, #left_menu ul li ul li a:visited{ background-image:none; background-position:left 0.7em; background-repeat:no-repeat;}
#left_menu ul li ul li a:hover, #left_menu ul li ul li a:focus{ background-image:url(img/li_menu_izda.gif); background-position:left 0.7em; background-repeat:no-repeat;}

.without_link{ display:block;background-image:url(img/li_menu_izda.gif); background-position:left 0.7em; background-repeat:no-repeat; padding:0.5em;padding-left:0.5em;font-size:1.4em;color:#333333; text-decoration:none; border-bottom:0.1em solid #eaeefa;text-indent:1.5em; font-size:1.4em;background-color:#fff;}

/*LEFT_IMAGE*/
#left_image,.left_image{ position:relative; float:left; width:15%; text-align:center;}

/*PROD*/
#prod{ position:relative; float:left; display:block; width:85%;}
div.prod{ position: relative; float:left; display:block; width:84%;}
#prod div{ border-bottom:0.1em dashed #ccc;}
#prod hr{ display:none;}
#prod div ul li, .prod ul li{list-style-position: inside;list-style-type: square;}
#toggleSection div,#toggleSection2 div,#toggleSection3 div,#toggleSection4 div,#points div{ border-bottom:none;}

/*PREV NEXT IMAGE*/
.prev_next_image{ position:relative; float:left; margin-right:1em; margin-bottom:0.5em; width:30em;background-image: url(img/iphone_background.jpg);background-repeat: no-repeat;background-position: 3em top;height:47em;}

#myController span,#myController2 span,#myController3 span,#myController4 span{color:#000;margin-right:10px;cursor:pointer;}

#jFlowSlide,#jFlowSlide2,#jFlowSlide3,#jFlowSlide4{overflow: hidden;position: relative;width:24.1em;height:49.5em;float:left;top:7.5em;
left:2em;}
#myController span.jFlowSelected,#myController2 span.jFlowSelected2,#myController3 span.jFlowSelected3,#myController4 span.jFlowSelected4{}

.jFlowPrev, .jFlowNext, .jFlowPrev2, .jFlowNext2,.jFlowPrev3, .jFlowNext3,.jFlowPrev4, .jFlowNext4{ position:relative; float:left; width:3em;cursor:pointer; top:20em; z-index:3;}
.jFlowPrev,.jFlowPrev2,.jFlowPrev3,.jFlowPrev4{ text-align:right; z-index:3;}
.jFlowNext,.jFlowNext2,.jFlowNext3,.jFlowNext4{ left:4.15em;}

/*GAMES CHANGE*/

#load {display: none;position: absolute;right: 10px;top: 10px;background: url(images/ajax-loader.gif);width: 43px;height: 11px;text-indent: -9999em;}
#music div,#challenge div,#oscar div,#lite div{ border:none;}



/*OTHER LINKS*/
.another_link{ position:relative; float:left;width:100%; display:inline;}
p.another_link{ position:relative; float:left;}
.another_link div{}
.another_link a div, .another_link a:hover div{ position:relative; text-decoration:none; cursor:pointer;display:block;/* width:6.4em; height:7em;*/ }
.another_link img{ float:left;}
.facebook{ padding-top:2em;}



/*DOWNLOAD,NEWSLETTER,TWITER*/

.colum_1,.colum_2,.colum_3{ position:relative; float:left; width:31%;top:1.5em;}
.colum_2{ margin-left:1em; margin-right:1em;}

#downloads,#news{ position:relative; float:left; width:100%;background-image: url(img/menu_bg.gif);background-repeat: repeat-x;background-position: left top; margin-bottom:1.5em;}
/* height and width stuff, width not really nessisary. */
#downloads .rbcontent, #news .rbcontent { margin: 0 7px;height:2.5em; position:relative;}

/*TWITER*/
.colum_3{ width:34%;}

#twiter{ position:relative; float:left;background-image: url(img/top_twiter.gif)!important;background-repeat: no-repeat!important;background-position: left top !important;width:100%; display:block;}



#twiter_bot{ background-image:url(img/bottom_twiter.jpg); background-position:left top; background-repeat:no-repeat; height:7.6em; position:relative; float:left; display:block; width:100%; }
#twiter .content{ background-image:url(img/bg_content_twiter.gif); background-position:left top; background-repeat:repeat-y; padding-left:1em; padding-right:1em; padding-top:1em;}
#twiter p{ padding-right:1.5em; font-size:1.4em;}
#twiter .tweet_list ul{ position:relative; float:left; background-color:none;}
.tweet_first, .tweet_even, .tweet_odd{padding-bottom:1em; width:100%;/* display:block;*/border-bottom:0.1em solid #ccc; clear:both;overflow:hidden;}
#twiter .tweet_list ul li a{ background-color:none;}
#twiter .tweet_list a{ position:relative;font-size:1.1em; line-height:1.5em; color:#f13426; display:block;background-color:#f2f2f4; padding-left:0em;}
.tweet_list a:hover{ text-decoration:underline;}
#twiter .tweet_join{ position:relative; float:left; width:auto; font-size:1.1em;}
#twiter .tweet_text{font-size:1.1em;text-indent: 0.5em; line-height:1.5em; font-weight:normal; font-family:"Geneva", Arial, Helvetica, sans-serif;}
#twiter .tweet_text a{ font-size:0.9em; padding-left:0em; display:inline;}
#twiter .tweet_text a:hover{ text-decoration:underline;}
#twiter .tweet_avatar{ position:relative; float:left; width:auto; border-bottom:0.1em solid #f13426; display:none;}
.tweet_avatar a{ border-bottom:0.1em solid #f13426;display:none;}

.colum_1 ul{ position:relative; float:left;}
.colum_1 ul li{ position:relative; float:left; padding-left:0.5em; padding-right:0.5em;width:auto; height:12em; display:block;}



/*NEWSLETTER*/
#newsletter_intro{
	position:relative;
	float:right;
	color:#fff;
	width:92.25%;
	display:block;
	background-color: #000000;
	background-image: url(img/top_newsletter.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:0.75em;
}
#newsletter{float:left;color:#fff;
	width:92.25%;
	display:block;
	background-color: #000000;
	background-image: url(img/top_newsletter.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:0.75em;}
#newsletter_intro{ position:relative;float:right; display:block; width:92.25%;}

/* height and width stuff, width not really nessisary. */
#newsletter .rbbot div, #newsletter .rbbot, #newsletter_intro .rbbot div, #newsletter_intro .rbbot {width: 100%;position:relative}
#newsletter .rbtop{ background-image:url(img/top_newsletter.jpg); background-position:left top; background-repeat:no-repeat; height:4.2em; float:left;}
#newsletter .rbcontent,#newsletter_intro .rbcontent{ margin: 0 7px;height:auto; position:relative; display:block; padding-left:0.5em; }

/*NEWSLETTER SUBSCRIBE*/
#newsletter form fieldset legend,#newsletter_intro form fieldset legend{color:#fff;position:relative;margin-top: 0em;margin-right: 0em;margin-bottom: 1em;margin-left: 0em;
padding-top: 0.8em;padding-right: 0.8em;padding-bottom: 0.4em;padding-left: 0.8em; font-size:1.2em;}

#newsletter label,#newsletter_intro label{ display:block; float:left;margin:0.2em 0.2em 0 0; color:#fff;padding:0.8em 0em; }
#newsletter label.error,#newsletter_intro label.error{ color:#fff;text-align:left;padding-left:2em;background: transparent url(img/cancel.png) no-repeat scroll left; position:relative; float:left; display:block;}
#newsletter label#name_label,#newsletter input#name,#newsletter label#name_error,#newsletter label#email_label,#newsletter input#email,#newsletter label#email_error,#newsletter label#phone_label,#newsletter input#phone,#newsletter label#phone_error,#newsletter_intro label#name_label,#newsletter_intro input#name,#newsletter_intro label#name_error,#newsletter_intro label#email_label,#newsletter_intro input#email,#newsletter_intro label#email_error,#newsletter_intro label#phone_label,#newsletter_intro input#phone,#newsletter_intro label#phone_error{ position:relative; top:0; left:0; }

#newsletter input.text-input,#newsletter_intro input.text-input{padding:0.2em 0;color:#333; position:relative; float:left;}

#newsletter input.button,#newsletter_intro input.button{position:relative;top:0em;left:0em;border:0.1em solid #000;margin:0em;color:#333333;background:#CCC;-moz-border-radius:0.5em;padding-top: 0.3em;padding-right: 0.6em;padding-bottom: 0.3em;padding-left: 0.6em;}
#newsletter input.button:hover,#newsletter_intro input.button:hover{ background:#999 none repeat scroll 0% 0%; color:white; }

#validEmail{margin-top:0em;margin-left:0em;position:relative; float:right;width:2em;height:2em; background-repeat:no-repeat; background-position: center top;}
#message{ width:18em;margin:6em 0 0 10em; }
#message h2{ color:white; }
#message p{ color:white;font-weight:bold;margin:0.6em 0em; }
#checkmark{ position:relative;top:0em;left:0em; }


/*LINK*/
#link,#link_intro{ position:relative; float:left; padding-bottom:3em; width:100%;}
#link_intro{ float:left; padding-left:2em; padding-top:3em; padding-bottom:0em;}
#link_intro ul li{ float:left; padding-left:0.60em; padding-right:0.60em;}
#link ul{ position:relative; float:left; width:100%;}
#link ul li{ position: relative; float:left; padding-left:0.5em; padding-right:0.5em; background-color:#FFFFFF;}
#link ul li a{ background-color:none; padding:0em;}


#feet ul{ position:relative; /*float:left;*/ width:100%;}
#feet ul li{ position:relative; float:right; padding-left:1.5em; padding-right:1.5em; line-height:1.5em;}
#feet p{ padding-left:1.5em; padding-right:1.5em; line-height:1.5em; display:block; float:right;}
#feet a{ color:#333333; text-decoration:none; font-size:0.9em; padding-right:1.5em;}
#feet a:hover{ color:#333333; text-decoration:underline; font-size:0.9em;}

#aske{ position:relative; float:left; top:2em;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#aske{ position:relative; float:left; width:auto; top:0em;}}

#aske a:link,#aske a:visited,#aske a:active{ position:relative;width:auto; vertical-align:bottom;margin-top:2em; text-decoration:none;cursor:pointer;} 
#aske a:hover,#aske a:focus{ position:relative; text-decoration:none; cursor:pointer;margin-top:2em;}


/*NEWS AND EVENTS*/
#news_page{position:relative; float:left; display:block; width:52%;}
#history{ position:relative; float:right; width:30%;border-left:0.1em solid #ccc; left:0.2em;}
#history h3{ background-image:none; padding-left:0.5em;}
#history ol{ position:relative; float:left; margin-left:2em; color:#f13426; margin-top:2em; padding-left:1em;}
#history ol li{ position:relative; margin-bottom:1em;}

/*DMA*/
#dma{
	position:relative;
	float:right;
	color:#fff;
	width:92.25%;
	height: 125px;
	padding: 0 0 0 0;
	display:block;
	background-color: #fff;
	background-image: url(img/DMA-Finalist-Button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*padding-top:0.75em;*/
}

.spacer{
	height:20px;
}

.dmatext{
	position:relative;
	float:right;
	color:#fff;
	width:90.25%;
	font-size:1.1em; 
	line-height:1.5em; 
	color:#568136;

}

/* ======CLASS==============*/

/*GLOBAL*/
.hidden{ display:none;}
.clear{ clear:both;}

/*COLORS*/
.border_left_grey{ border-left:0.1em solid #333;}
.border_right_grey{ border-right:0.1em solid #333;}
.newsletter{ margin-left:0.5em; padding-top:0.5em; margin-bottom:0.5em; margin-right:0.5em;border-bottom:0.01em solid #fff;}
.more{ text-align:right; font-size:0.9em; font-weight:bold; vertical-align:middle; background-image:url(img/more.gif); background-repeat:no-repeat; background-position:right 0.28em;padding-right:1.5em;}
.align_center{ text-align:center;}
.align_right{ text-align:right;}
.justify{ text-align:justify;}
.f_right{ float:right;}
.f_left{ float:left;}

.blue_twiter{color:#1f6eb0; height:1.5em; top:0.3em; padding-bottom:1.5em;}
.h2{ font-size:2.4em; color:#333; font-weight:lighter;}
.h3{ background-image:url(img/bg_h3.jpg); background-position:left 0.3em; background-repeat:no-repeat; color:#333333; padding-left:1.2em;}
.twitter_title{ top:0.3em; left:0.5em;}