body,html{
	font-size:10px;
background-color:#002D42;
/*	background-image:url(../img/casals-index.jpg);*/
    background-image:url(../img/fondo_repeat.png);
	background-position:top center;
	background-repeat:repeat-x;
}

strong {
color:#6cf;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}

a{
outline:0;
}

img{
color:#ccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#fondo{
background-image:url(../img/casals-index.jpg);
background-position:top;
background-repeat:no-repeat;
width:100%;
height:800px;
}

#fon{
background-image:url(../img/fon.jpg);
background-position:top;
background-repeat:no-repeat;
width:100%;
}

#languages{
position:absolute;
top:0;
right:50%;
margin-right:-140px;
z-index:100;
text-align:center;
line-height:36px;
color:#666;
font-size:1.3em;
font-family:Arial, Helvetica, sans-serif;
}


.white{
color:#ccc;
}

#menu{
width:764px;
height:43px;
position:absolute;
top:160px;
left:50%;
margin-left:-382px;
z-index:100;
overflow:hidden;
}

#menu ul li{
position:absolute;
top:12px;
}

#menu ul li a{
color:#fff;
font-size:15px;
font-family:Verdana, Geneva, sans-serif;
text-decoration:none;
}

#menu ul li a:hover, #menu ul li a.active{
color:#09c;
}

/*-----------------------MENU----------------------*/

#menu #globalnav { margin: 0; padding: 0; }
#menu #globalnav li { display: inline; }
#menu #globalnav li a { float: left; height: 0; padding-top: 0px; overflow: hidden; }
#menu #globalnav li a{
background-repeat:no-repeat;
cursor:pointer;
height:70px;
text-align:center;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
padding-top:70px;
}

#head-box{
	height:218px;
}

#login-box{
	position:absolute;
	top:253px;
	left:0;
	width:100%;
}
#login{
	margin:0 auto;
	width:371px;
	height:382px;
}

#login-fon{
	margin-left:35px;
	width:336px;
	height:382px;
	background-image:url(../img/login-casals.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
}

#login-fon input.text{
	width:230px;
	height:68px;
	background-image:url(../img/input.png);
	border:0px;
	background-color:transparent;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	padding:0 20px;
	line-height:68px;
}

#login-fon .label{
	color:#6cf;
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	width:270px;
	text-align:left;
	margin-left:43px;
	margin-top:10px;
}

#login-fon #aviso{
	color:#990;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin-top:15px;
}


#main{
width:764px;
margin:0 auto;
}

#main_header{
width:764px;
height:232px;
background-position:center;
background-repeat:no-repeat;
}

#main_content_top{
background-image:url(../img/main_content_top.png);
background-repeat:no-repeat;
background-position:center;
height:10px;
margin-bottom:0px; 
}

#main_content_top_basic{
background-image:url(../img/main_content_top_basic.png);
background-repeat:no-repeat;
background-position:center;
height:120px;
}

#main_content_top_compilated{
background-image:url(../casals/img/menu_top.png);
background-repeat:no-repeat;
background-position:center;
height:217px;
}

#main_content_top_fon{
background-image:url(../casals/img/main_content_top_fon.png);
background-repeat:no-repeat;
background-position:center;
height:121px;
}

#main_content_top_compilated_numbers_fon{
background-repeat:no-repeat;
background-position:center;
height:217px;
}

.numbers_1{
background-image:url(../casals/img/compilated_numbers_fon_1.png);	
}

.numbers_2{
background-image:url(../casals/img/compilated_numbers_fon_2.png);	
}

.numbers_3{
background-image:url(../casals/img/compilated_numbers_fon_3.png);	
}

.numbers_4{
background-image:url(../casals/img/compilated_numbers_fon_4.png);	
}

.numbers_5{
background-image:url(../casals/img/compilated_numbers_fon_5.png);	
}


#main_content_top_compilated_numbers{
background-image:url(../casals/img/main_content_top_compilated_numbers.png);
background-repeat:no-repeat;
background-position:center;
height:217px;
}

#main_content_top_compilated_image{
background-image:url(../casals/img/main_content_top_compilated_image.png);
background-repeat:no-repeat;
background-position:center;
height:217px;
}

#setmanas{
	position:relative;
}

#setmanas ul li a{
	position:absolute;
	top:40px;
	width:70px;
	height:80px;
}


#titletext{
margin:0 0 0 35px;
padding-top:20px;
}

#titletext2{
margin:0 0 0 35px;
padding-top:32px;
height:50px;
}

#titletext .title, #titletext2 .title{
color:#f2f2f2;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:3em;
}

.subtitle{
color:#0cf;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
margin-left:5px;
}

#main_content_top_menu{
position:relative;
top:6px;
margin:0 0 0 30px;
background-color:#003758;
width:232px;
height:4px;
}

#main_content{
background-image:url(../img/main_content.png);
background-repeat:repeat-y;
background-position:center;
padding-bottom:20px;
}

#menu_left{
float:left;
background-color:#003758;
width:232px;
margin:0 0 0 30px;
padding-top:0px;
}

#main_content_text{
padding:20px 38px 0 35px;
}

#main_content_text p, #main_content_text ul{
margin:10px 0 10px 0;
color:#d7d7d7;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
text-align:justify;
line-height:1.8em;
}

#main_content_text ul{
margin-left:20px;
}

#main_content_text ul li{
list-style:disc;
padding-left:5px;
margin:10px 0 10px 0;
text-align:justify;
}

#main_content_text ul li ul li{
	list-style:circle;
	font-size:0.8em;

}

#main_content_text hr{
border:0;
height:1px;
border-bottom:1px solid #024959;
margin:20px 0 20px 0;
}

.blue{
border:3px solid #003758;
margin:0 auto;
}

.title{
padding-top:0px;
}

.title_fondos{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
}

.menu_left_list{
padding-top:0px;
}

.top10{
padding-top:10px;
}

.menu_left_list li a, .menu_left_download li a{
background-repeat:no-repeat;
background-position:top;
width:187px;
height:41px;
display:block;
color:#fff;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:41px;
padding:0 5px 0 40px;
}

.menu_left_list li a{
background-image:url(../img/menu_left_fondo2.jpg);
}

.menu_left_download li a{
background-image:url(../img/menu_download.jpg);
}

.menu_left_list li a:hover, .menu_left_download li a:hover{
color:#6cf;
}

.menu_left_list li a:active{
background-image:url(../img/menu_left_fondo1.jpg);
}

.menu_left_list li a.actual{
background-image:url(../img/menu_left_fondo1.jpg);
cursor:default;
}

.menu_left_list li a:hover.actual{
background-image:url(../img/menu_left_fondo1.jpg);
color:#fff;
}


#menu_left_footer{
color:#f2f2f2;
font-size:1.2em;
line-height:2em;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menu_left_footer a{
color:#09c;
}

#menu_left_footer a:hover{
color:#09c;
text-decoration:none;
}

#main_content_text h1{
color:#f2f2f2;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.5em;
line-height:1.6em;
margin-top:1px;
}

#main_content_text h2{
color:#6cf;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.6em;
line-height:1.6em;
}

#main_content_text h3{
color:#6cf;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:1.6em;
}

#main_content_text p a{
color:#59B8E5;
text-decoration:underline;
}

#main_content_text p a:hover{
text-decoration:none;
}

#main_footer{
background-image:url(../img/main_footer.png);
background-repeat:no-repeat;
background-position:center;
height:120px;
margin-bottom:5px;
}

#main_footer_play{
margin-bottom:15px;
text-align:right;
}

#main_footer #footer_text{
color:#ccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
text-align:center;
padding-top:65px;
}

#main_footer #footer_text a{
color:#09c;
text-decoration:none;
}

#main_footer #footer_text a:hover{
color:#09c;
text-decoration:underline;
}


.portada{
background-image:url(../img/main_header.png);
}

#dynatip {
display:none;
background:transparent url(../img/black_arrow.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#fff;
z-index:200;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#dyna img {
border:0;
cursor:pointer;
margin:0 8px;
} 

/* override the arrow image of the tooltip */ 
#dynatip.bottom { 
    background:url(../img/black_arrow_bottom.png);     
    padding-top:40px; 
    height:55px;
	z-index:200;
} 
 
#dynatip.bottom { 
    background:url(../img/black_arrow_bottom.png);
	z-index:200;
}

#subtitle{
position:absolute;
top:105px;
left:50%;
margin-left:-255px;
color:#fff;
font-size:14px;
font-family:Verdana, Geneva, sans-serif;
}

#tornar{
position:absolute;
top:12px;
right:50%;
margin-right:-350px;
}

#tornar a{
color:#ccc;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
text-decoration:none;
}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
/*    background-color:#002D42;*/
	background-color:#333;
    border:1px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
	line-height:16px;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;
	margin-top:100px;
}
.simple_overlay .text { 
     margin:10px 5px;
	 text-align:center;
	 font-weight:normal;
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../img/close.png);
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.overlay{
cursor:pointer;
border:2px solid #005182;
margin:1px;
margin-bottom:11px;
}

.lastFoto {
	margin-bottom:1px;
}

#exposeMask{
background-image:url(../img/overlay.gif);
}

#menutable tr td{
	padding:0 10px;
	padding:4px 15px;
	border-right:#00243A 1px solid;
	height:100px;
	vertical-align:middle;
}

#menutable thead td{
	padding:0 10px;
	padding:4px 15px;
	height:10px;
}

.table-row-1{
	background-color:#00436d;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:24px;
}

.table-row-2{
	background-color:#003557;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:24px;
}

.color1{
	background-color:#00436D;
}

.color2{
	background-color:#003557;
}

.color3{
	background-color:#816627;
	width:20px;
}

.color4{
	background-color:#7A8816;
	width:20px;
}

.diasetmana{
	color:#6cf;
	font-size:24px;
	font-family:Verdana, Geneva, sans-serif;
	width:85px;
	text-align:center;
	height:100px;
	vertical-align:middle;
	border-right:1px solid #165277;
	border-bottom:1px solid #165277;
}

.diasetmana2{
	color:#6cf;
	font-size:24px;
	font-family:Verdana, Geneva, sans-serif;
}

.activitat{
	width:170px;
	text-align:center;
	height:100px;
	vertical-align:middle;
	color:#fff;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	padding:0 10px;
	border-bottom:1px solid #165277;
}