/* ESTRUCTURA GENERAL */
body     {margin-top:10px; text-align:center; background-color:#1B4261; font-family:Arial;}
img      {border:0;}
h1,h2,h3 {margin:0 0 10px 0;}

/* MAQUETACIÓ */
#page  {margin-left:auto; margin-right:auto; width:990px; text-align:left;}
#lang  {float:left; width:965px; height:15px; font-size:0.55em; text-align:right;}
#cos   {float:left; width:990px; background-color:#ffffff;}

#dalt  {float:left; width:895px; padding-left:75px;}
#main  {float:left; width:965px; padding-bottom:10px;}
#foot  {float:left; width:890px; padding:10px 0 0 75px; color:#7F7F7F; font-size:0.7em; text-align:center;}

#col0  {float:left; padding-left:5px; width:70px; margin-top:25px;}
#col1  {float:left; width:661px; padding:10px; border:1px dotted #ccc;}
#col2  {float:left; padding-left:15px; width:177px;}
#col3  {float:left; width:868px; padding:10px; border:1px dotted #ccc;}

.col11 {padding:10px 50px 0 50px;}
.col12 {padding:10px 10px 0 10px;}

.paginador {float:left; margin:5px 0 0 20px;}

/* FONS */
.fons  {float:left; width:990px; height:10px;}
.punts {float:left; padding-left:75px; width:890px; height:20px;}

/* PORTADA */
#flashcontent {height:280px; width:660px;}

/* DALT */
#logo    {float:left; width:890px; height:60px; margin-top:5px;}
#menu1   {float:left; width:890px; font-size:0.55em; text-align:right;}
#menu2   {float:left; width:895px; margin-top:10px;}
ul.opcions {list-style:none; margin:0; padding:0;}
ul.opcions li {float:left; margin-right:3px; text-align:center;}
ul.opcions li.opcio1  {background-color:#1782BD;}
ul.opcions li.opcio2  {background-color:#23A0E4;}
h1.opc {font-size:0.80em; margin:0;}
a.opc {display:block; width:140px; padding:5px 3px 5px 3px; color:#ffffff;}
a.opc:hover {background-color:#23A0E4;}

/* SECCIÓ PRESENTACIÓ */
.cos_detall {position:absolute; width:460px; margin:30px 0 0 30px; padding:10px; border:5px solid #ffffff; background-color:#1782BD; visibility:hidden; cursor:hand; overflow:auto; scrollbar-face-color:#1782BD; scrollbar-shadow-color:#1782BD; scrollbar-highlight-color:#1782BD; scrollbar-3dlight-color:#1782BD; scrollbar-darkshadow-color:#1782BD; scrollbar-track-color:#1782BD; scrollbar-arrow-color:#ffffff; /* filter:chroma(color=#FFFFFF); */}

/* SECCIÓ CENTRE MÈDIC */
#cmedic_left  {float:left; width:150px;}
#cmedic_right {float:right; width:485px;}

/* SECCIO CURSOS */
#cursos_left  {float:left; width:480px;}
#cursos_right {float:right; width:150px; text-align:right;}

/* SECCIO AULA */
.ilogin {width:145px; padding:1px; border:1px solid #767779; background-color:#F2FAFE;}
.blogin {width:149px; margin-top:10px; font-size:12px; color:#fff; border:1px solid #000; background-color:#1782BD; text-align:center;}
.blogin:hover {cursor:hand; cursor:pointer; background-color:#23A0E4;}
div.adeu {margin:40px;}
table.dades {width:100%; border-collapse:collapse;}
table.dades td {padding:5px; border-bottom:1px dotted #1782BD;}

/* SECCIÓ CONTACTE */
.cinput,.ctextarea {width:550px; border:1px solid #1782BD; background-color:#F2FAFE;}
.cinput {height:15px;}
.ctextarea {height:80px; scrollbar-face-color:#F2FAFE; scrollbar-shadow-color:#1782BD; scrollbar-highlight-color:#F2FAFE; scrollbar-3dlight-color:#F2FAFE; scrollbar-darkshadow-color:#F2FAFE; scrollbar-track-color:#F2FAFE; scrollbar-arrow-color:#1782BD;}

/* COLUMNA DRETA */
div.block {float:left; width:192px; margin-bottom:0.5em; padding-bottom:6px;}
div.block h1   {text-transform:uppercase; margin:0; padding:2px 0 0 0.5em; height:18px; font-size:0.9em; font-weight:bold; color:#fff; line-height:1.2em; border-bottom:1px solid #595A5E;}
div.block h1 a {color:#fff;}
div.block h1 a:hover {color:#000;}
div.block h1.tienda  {background:transparent url('../media/fons/block0_tienda.png') no-repeat top left;}
div.block h1.aula    {background:transparent url('../media/fons/block0_aula.png') no-repeat top left;}
div.block h1.news    {background:transparent url('../media/fons/block0_news.png') no-repeat top left;}

div.block .block_content {border:1px solid #ccc;}

/* LLISTES */
ul {padding-left:30px;}
ul li {margin:0; padding:2px 0 0 0;}
ul ul {padding-left:20px;}

ul.llista {margin:0; padding:0 0 0 20px; list-style-image: url(../media/icons/t1.gif);}
ul.llista li {padding-top:6px;}

/* FONTS */
a {text-decoration:none;}

.tb1  {color:#ffffff;}

.tn1  {color:#000000;}
a.tn1:hover {color:#E3001B;}

.tg1  {color:#666666;}
a.tg1:hover {color:#000000;}

.ta1  {color:#1782BD;}
a.ta1:hover {background-color:#1782BD; color:#ffffff;}

.ta2  {color:#D1D9DF;}
a.ta2:hover {color:#ffffff;}

.tr1  {color:#DB140F;}
a.tr1:hover {color:#F4605C;}

/* TAMANYS */
.e50 {font-size:0.5em;}
.e55 {font-size:0.55em;}
.e60 {font-size:0.6em;}
.e65 {font-size:0.65em;}
.e70 {font-size:0.7em;}
.e75 {font-size:0.75em;}
.e80 {font-size:0.8em;}
.e85 {font-size:0.85em;}
.e90 {font-size:0.9em;}
.e95 {font-size:0.95em;}
.e100 {font-size:1em;}
.e105 {font-size:1.05em;}
.e110 {font-size:1.1em;}
.e115 {font-size:1.15em;}
.e120 {font-size:1.2em;}
.e125 {font-size:1.25em;}
.e130 {font-size:1.3em;}
.e135 {font-size:1.35em;}
.e140 {font-size:1.4em;}
.e150 {font-size:1.5em;}
.e160 {font-size:1.6em;}
.e170 {font-size:1.7em;}
.e180 {font-size:1.8em;}
.e190 {font-size:1.9em;}
.e200 {font-size:2em;}

/* ESTILS */
.fons_blau {background-color:#F2FAFE;}

.mtop5   {margin-top:5px;}
.mtop10  {margin-top:10px;}
.mtop20  {margin-top:20px;}
.mtop40  {margin-top:40px;}

.mleft2  {margin-left:2px;}
.mleft5  {margin-left:5px;}

.phor35  {padding:0 35px 10px 35px;}
.phor50  {padding:0 50px 0 50px;}
.pleft10 {padding-left:10px;}
.pleft30 {padding-left:30px;}
.ptop10  {padding-top:10px;}
.pbot5   {padding-bottom:5px;}
.pbot10  {padding-bottom:10px;}
.pad5    {padding:5px;}

.tjust   {text-align:justify;}
.tcentre {text-align:center;}
.tleft   {text-align:left;}
.tright  {text-align:right;}

.fleft   {float:left;}
.fright  {float:right;}

.italic    {font-style:italic;}
.subrallat {text-decoration:underline;}
.negreta   {font-weight:bold;}

.w108    {width:108px;}
.w109    {width:109px;}

.lineh15 {line-height:15px;}
.lineh20 {line-height:20px;}
.lineh25 {line-height:25px;}

.cboth   {clear:both;}
.ocult   {visibility:hidden;}
.mano    {cursor:hand;}