/********** RESET **********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike,  tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: #999;
	background: #f6f6f6;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/********** 960 GRID SYSTEM **********/

body {
	min-width: 960px
}

.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px
}

.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 {
	position: relative
}

.alpha {margin-left: 0}
.omega {margin-right: 0}

.container_12 .grid_1 {width: 60px}
.container_12 .grid_2 {width: 140px}
.container_12 .grid_3 {width: 220px}
.container_12 .grid_4 {width: 300px}
.container_12 .grid_5 {width: 380px}
.container_12 .grid_6 {width: 460px}
.container_12 .grid_7 {width: 540px}
.container_12 .grid_8 {width: 620px}
.container_12 .grid_9 {width: 700px}
.container_12 .grid_10 {width: 780px}
.container_12 .grid_11 {width: 860px}
.container_12 .grid_12 {width: 940px}

.container_12 .prefix_1 {padding-left: 80px}
.container_12 .prefix_2 {padding-left: 160px}
.container_12 .prefix_3 {padding-left: 240px}
.container_12 .prefix_4 {padding-left: 320px}
.container_12 .prefix_5 {padding-left: 400px}
.container_12 .prefix_6 {padding-left: 480px}
.container_12 .prefix_7 {padding-left: 560px}
.container_12 .prefix_8 {padding-left: 640px}
.container_12 .prefix_9 {padding-left: 720px}
.container_12 .prefix_10 {padding-left: 800px}
.container_12 .prefix_11 {padding-left: 880px}


.container_12 .suffix_1 {padding-right: 80px}
.container_12 .suffix_2 {padding-right: 160px}
.container_12 .suffix_3 {padding-right: 240px}
.container_12 .suffix_4 {padding-right: 320px}
.container_12 .suffix_5 {padding-right: 400px}
.container_12 .suffix_6 {padding-right: 480px}
.container_12 .suffix_7 {padding-right: 560px}
.container_12 .suffix_8 {padding-right: 640px}
.container_12 .suffix_9 {padding-right: 720px}
.container_12 .suffix_10 {padding-right: 800px}
.container_12 .suffix_11 {padding-right: 880px}

.container_12 .push_1 {left: 80px}
.container_12 .push_2 {left: 160px}
.container_12 .push_3 {left: 240px}
.container_12 .push_4 {left: 320px}
.container_12 .push_5 {left: 400px}
.container_12 .push_6 {left: 480px}
.container_12 .push_7 {left: 560px}
.container_12 .push_8 {left: 640px}
.container_12 .push_9 {left: 720px}
.container_12 .push_10 {left: 800px}
.container_12 .push_11 {left: 880px}

.container_12 .pull_1 {left: -80px}
.container_12 .pull_2 {left: -160px}
.container_12 .pull_3 {left: -240px}
.container_12 .pull_4 {left: -320px}
.container_12 .pull_5 {left: -400px}
.container_12 .pull_6 {left: -480px}
.container_12 .pull_7 {left: -560px}
.container_12 .pull_8 {left: -640px}
.container_12 .pull_9 {left: -720px}
.container_12 .pull_10 {left: -800px}
.container_12 .pull_11 {left: -880px}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix:before, .clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

.floatleft {float: left}
.floatright {float: right}

.m0 {margin: 0}

.mt5 {margin-top: 5px}
.mt10 {margin-top: 10px}
.mt15 {margin-top: 15px}
.mt20 {margin-top: 20px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.mt50 {margin-top: 50px}
.mt60 {margin-top: 60px}
.mt70 {margin-top: 70px}
.mt80 {margin-top: 80px}
.mt90 {margin-top: 90px}
.mt100 {margin-top: 100px}

.mr5 {margin-right: 5px}
.mr10 {margin-right: 10px}
.mr15 {margin-right: 15px}
.mr20 {margin-right: 20px}
.mr30 {margin-right: 30px}
.mr40 {margin-right: 40px}
.mr50 {margin-right: 50px}
.mr60 {margin-right: 60px}
.mr70 {margin-right: 70px}
.mr80 {margin-right: 80px}
.mr90 {margin-right: 90px}
.mr100 {margin-right: 100px}

.mb5 {margin-bottom: 5px}
.mb10 {margin-bottom: 10px}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px}
.mb30 {margin-bottom: 30px}
.mb40 {margin-bottom: 40px}
.mb50 {margin-bottom: 50px}
.mb60 {margin-bottom: 60px}
.mb70 {margin-bottom: 70px}
.mb80 {margin-bottom: 80px}
.mb90 {margin-bottom: 90px}
.mb100 {margin-bottom: 100px}

.ml5 {margin-left: 5px}
.ml10 {margin-left: 10px}
.ml15 {margin-left: 15px}
.ml20 {margin-left: 20px}
.ml30 {margin-left: 30px}
.ml40 {margin-left: 40px}
.ml50 {margin-left: 50px}
.ml60 {margin-left: 60px}
.ml70 {margin-left: 70px}
.ml80 {margin-left: 80px}
.ml90 {margin-left: 90px}
.ml100 {margin-left: 100px}

.text-dreta {text-align:right}

/********** GENERAL SECTION **********/

body {
  font: 62.5%/1.5 Arial, Helvetica, sans-serif; /*font: 62.5%/1.5 Arial, Helvetica, sans-serif; */
  color: #888;
  text-align: left;
  height: 100%;
}

/* Headers */

h1, h2, h3, h4, h5, h6 {
  font-family: 'DroidSansRegular';
  font-family: Arial, Helvetica, sans-serif;

  font-weight: normal;
  line-height: 1.4;
}

h1, #logo {
  margin-bottom: 10px;
  font-size: 2em;
  color: #333;
}

h2 {
  margin-bottom: 10px;
  font-size: 2em;
  color: #222;
}

h3 {
  margin-bottom: 5px;
  font-size: 1.6em;
  color: #333;
}

h4 {
  margin-bottom: 5px;
  font-size: 1.4em;
  color: #333;
}

h5 {
  margin-bottom: 1em;
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  word-spacing: 1px;
  color: #333;
  font-weight:normal;
}

h6 {
  margin-bottom: 5px;
  font-size: 1.1em;
  text-transform: uppercase;
  word-spacing: 1px;
  color: #333;
}

/* Links */
a {
  text-decoration: none;
  color: #333;
}

p a, ul a, dl a, table a {
 border-bottom: 1px dotted #ccc;
  text-decoration: none;
  color: #333;
}  

a:hover {
  border-color: #ccc;
  color: #FF6600;
}


.portada p a, .portada ul a {border-bottom: none}

/* Images */

img {
  display: block;
}

/* Paragraph */

p {
  font-size: 1.3em;
  overflow: hidden;
  margin-bottom: .5em;
}


/* Text selection */

*::selection {background: #125059; color: #fff;}
*::-moz-selection {background: #125059; color: #fff;}
*::-webkit-selection {background: #125059; color: #fff;}


/* Horizontal dotted spacer */

hr {
  margin: 30px 0 20px 0;
  border: 0;
  border-bottom: 1px dotted #ccc;
  height: 0px;
}


/* Icons aligns */

.icon-floatleft {
  float: left;
  margin: 6px 10px 2px 0;
}

.icon-floatright {
  float: right;
  margin: 2px 10px 6px 0;
}

/* Images aligns */

.image-floatleft {
  float: left;
  margin: 0px 10px 10px 0;
}

.image-floatright {
  float: right;
  margin: 5px 0 8px 18px;
}


/* jQuery Image hover */

.hover-image, a.hover-image:hover {
  float: left;
  border: 0;
}

/* Highlights */

.highlight-light {
  padding: 1px 4px;
  background-color: #e3e3e3;
  color: #555;
}

.highlight-dark {
  padding: 1px 4px;
  background-color: #666;
  color: #fff;
}

/* Drop Cap */

.drop-cap {
  float: left;
  display: block;
  margin: 0 7px -5px 0;
  line-height: 1;
  font-size: 42px;
  color: #666;
}

/* Lists */

ul.circle {list-style: circle inside}
ul.disc {list-style: disc inside}
ul.square {list-style: square inside}
ol.roman {list-style: upper-roman inside}
ol.decimal {list-style: decimal inside}
ol.lower-alpha {list-style: lower-alpha inside}
ol.upper-alpha {list-style: upper-alpha inside}

dl dd {margin-bottom: 1em; }


/* Toggle content */

.toggle-content {
  margin: 10px 0;
  width: 100%;
  overflow: hidden;
}

.toggle-content li {
	margin: 10px 0;
	border-bottom: 1px dotted #ccc;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	font-size: 1em !important;
}

.toggle-content span {
	position: absolute;
  top: 0;
  right: 5px;
	color: #ccc;
	font-size: 1.3em;
}

.toggle-content p {
	display: none;
}

/* Table */

table {
  width: 100%;
  font-size: 1.3em;
}

th {
  padding: 9px 5px;
  font-weight: bold;
  background-color: #444;
  color: #fff;
}

tr td:first-child, th:first-child {
  padding-left: 20px;
}

tr td:last-child, th:last-child  {
  padding-right: 20px;
}

td {
  padding: 8px 5px;
}

.even td {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
  color: #777;
}

/* Forms */

label {
  display: block;
  margin: 20px 0 5px 0;
  font-size: 1.4em;
  font-weight: bold;
  color: #777;
}

label.error {
  margin: 10px 0 0 0;
  font-size: 1.3em;
  font-weight: normal;
  color: red;
}

input[type="text"], textarea {
  padding: 6px;
  border: 1px solid #ddd;
  width: 250px;
  font-size: 1.4em;
  color: #666;
  font-family: Tahoma, sans-serif;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

textarea {
  width: 400px;
  height: 200px;
  line-height: 1.6em;
}

input.error, textarea.error {
  border-color: red !important;
}

input[type="submit"] {
  margin-top: 25px;
  width: 92px;
  height: 33px;
  border: 0;
  background: url(../images/bg-submit.png) no-repeat;
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  color: #555;
}

input[type="submit"]:hover {
  cursor: pointer;
}

#form-result {
  margin-left: 20px;
  font-size: 1.2em;
}

.success {
  color: green;
}

.fail {
  color: red;
}


/********** CAPÇALERA  **********/

#capsalera { background-color:#FFFFFF}

ul#menuidiomes { float: right; margin: 0; padding: 0}

ul#menuidiomes li { float: left; padding: 0 5px; margin: 0; text-align: center }

#logo span {color: #ccc; } 

#logo a {border:none}

#logo_ng {float:right}

#capsalera img {float: right;}

#ariadna {font-size: 1em}

/********** COS  **********/

#cos {background:url('../imatges/fons_cos.jpg') top repeat-x; padding: 2em 0 4em}

#cos h2 {font-size: 150%}

.foto_dalt {
	padding-top: 130px;
	background-position:top;
	background-repeat:no-repeat;
}

.bloc_blanc {
padding-bottom: 20px;
margin-top: 20px;
background: #FFFFFF url(../imatges/ombra_blocs_portada.jpg) bottom no-repeat;
		}

.bloc_blanc h2, .bloc_blanc ul, .bloc_blanc .llegirmes {
padding-left: 10px; 
padding-right: 10px;
}

.bloc_blanc h2 {
padding-top: 155px;
background-position:top center;
background-repeat:no-repeat;
}


a.llegirmes {
display: block;
clear: left;
border-top: 1px dotted #ccc;
margin-top: 1em;
padding-top: .5em;
text-decoration:none;
border-bottom: none;
font-variant:small-caps;
color: #999999;
font-size:90%
}

.llistaambimatge li {
display: block; clear:left;
font-size: 1.2em;
}
.llistaambimatge li img {
float: left; 
margin: 0 10px 10px 0;
}


.continguts ul { list-style:circle; font-size: 1.3em; margin: 1em;}

.continguts h3 {margin-top: 2em; }

/********** PEUS  **********/

#peu1 {
background: #2f2f2f url(../imatges/fons_peu1.jpg) repeat-x top;
padding: 3em 0
}

#peu1 h2 {color: #ccc; }
#peu1 a, #peu2 a {color: #ccc; border-bottom: none}
#peu1 a:hover, #peu2 a:hover {color: #FF6600;}

#peu2 { background-color: #1d1d1d ; }
#peu2 p {font-size: 11px; padding: 15px 10px;}

.credits { padding-top: 1.7em } 
.credits a {color: #ccc}

ul.horitzontal { margin: 0; padding: 0; white-space: nowrap; min-height:28px}
ul.horitzontal li { display: block; float: left; list-style-type: none; margin: 0 4px 0 0}

a#ngcreative {display: block; clear:both; margin-top: 7px; padding-top: 82px; background: url('../imatges/nationalgeographic-square.png') top left no-repeat; color: #ccc;}



/* Menú columna */

.menu_columna {
  margin-bottom: 0px;
  margin: 0; padding: 0; 
  list-style:none;
}

.menu_columna li {
	margin: 0; 
	border-bottom: 1px dotted #ccc }

.menu_columna li a {
  display: block;
  padding: 8px 0 8px 5px;
  color: #464852;
  font-weight:bold;
  border-bottom:none;
}

.menu_columna a.actual ,
.menu_columna a.actual:hover { 
	background-color:#FFCC00
}

.menu_columna li a:hover {
  	background-color: #f0f0f0;
}

.menu_columna li ul li a  {
  font-weight:normal;
  padding: 3px 0 3px 5px;
}

.menu_columna li ul {margin-bottom: 5px; list-style:none; padding-left: 0px}

.menu_columna li ul li {border: none; margin: 0}



/* Botons */

a.boto {
margin-top: 20px;
background: #f0f0f0 4px 4px no-repeat;
padding: 4px 6px 4px 24px;
border: 1px solid #e0e0e0;

-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari, Chrome */
border-radius: 3px; /* CSS3 */
}

a.boto.compartir {
background-image:url(../imatges/icons_ishare/addthis.png)
}

a.boto.comprar {
background-image: url(../imatges/boto_comprar.png)
}
a.boto.slideshow {
margin-top: 5px;
padding: 8px 12px 8px 26px;
border: 2px solid #FFCC00;

background: url(../imatges/boto_slideshow.png) 6px 7px no-repeat;
padding-left: 25px;
text-transform: uppercase;
font-weight:bold;
}

a.boto.slideshow:hover {
background-color:#FFCC00;
background-image: url(../imatges/boto_slideshow_blanc.png);
color: white;
}


a.boto.agenda {
background:  #333333 6px 5px no-repeat url(../imatges/boto_rellotge.png);
color: #FFFFFF;
font-weight:bold;
padding: 6px 8px 6px 25px;
letter-spacing:1px
}



/* Galeria */

.navegador-fotos {
padding-top: 5px;
}
.navegador-fotos a {color: #999999; padding: 5px;
border: 1px solid #fff;

-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari, Chrome */
border-radius: 3px; /* CSS3 */
}

.navegador-fotos a:hover {color:#333333; background-color:#e6e6e6; border-color: #fff}

h3.galeria {color: #999999}

ul.galeria {
clear: both;
margin: 1em 0 0 0px;
padding: 0;
}

ul.galeria li {
margin: 0 8px 8px 0;
padding: 0; 
float: left;
}

ul.galeria li a {margin: 0}



/* Llistat llibres  */

ul.llistat_llibres li {display:inline; font-size:1.3em; display: block; width:340px; float: left; margin: 0 10px 20px 0;}
ul.llistat_llibres li a {}
ul.llistat_llibres li a span { display: block; width:140px; height: 224px; overflow:hidden; float:left; margin-right: 10px}
ul.llistat_llibres li ul {margin-top: 10px}
ul.llistat_llibres li ul li { float: none; width:auto; font-size: .9em; margin: 0}

/* Llistat videos */

ul.llistat_videos {margin:20px 0; padding: 0; list-style:none}
ul.llistat_videos li { width:120px; height:120px; border: 1px solid #ccc; overflow:hidden; float: left; margin: 0 10px 10px 0; padding: 5px;} 
ul.llistat_videos li a {border-bottom: none; line-height:110% }
ul.llistat_videos li a img {margin-bottom: 5px;}

/* llistat blog */

ul.blog_posts {
font-size: 1.2em;
}

ul.blog_posts li {margin-bottom: .25em; padding-bottom:.25em;}


/* llista fotògrafs interior */

ul.llista_fotografs li {display:inline; font-size:1.3em;}
ul.llista_fotografs li a {float: left; margin: 0 20px 20px 0;}
ul.llista_fotografs li a span { display: block; width:220px; height: 145px; overflow:hidden}

/* llista cursets */

dl.llista_cursets {font-size:1.3em}
dl.llista_cursets dt { font-weight: bold}

/*Novetats portada */
#novetats h2 {color: red}
#novetats p {color: #333}
#novetats a {border-color: #333}
#novetats img {clear: left}


a.descarregar {display: block; padding-left: 20px; background:url(../imatges/download.gif) no-repeat 0 2px ; border:none }