/* customizable styles */


body {
	height: auto; 
	/* customize_body-background */ background:url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/fondo.png") repeat-y top center; /* customize_body-background */
	background-color: #f7f7f7;
}

body#tinymce {
	background-color: #fff;
}

div#main-container #header {
	height: 136px;
	padding: 25px 20px 0 20px;
	background: #FFF;
}	

div#main-container {
	margin-bottom: 20px;
}


div#main-container #footer {
    /* background: linear-gradient(#FCFCFC, #F8F8F8) repeat scroll 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F8F8F8'); 
     Safari 4-5, Chrome 1-9 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(#F8F8F8));
    Safari 5.1, Chrome 10+ 
    background: -webkit-linear-gradient(top, #FCFCFC, #F8F8F8);
     Firefox 3.6+ 
    background: -moz-linear-gradient(top, #FCFCFC, #F8F8F8);
     Opera 11.10+ 
    background: -o-linear-gradient(top, #FCFCFC, #F8F8F8);
    width: 960px;
    height: 237px; */
}

div#main-container a{color: #000; text-decoration: none;}
div#main-container a:link, div#main-container a:visited, div#main-container a:active {
	/* customize_links */ /*color: #000;*/ /* customize_links */
	text-decoration: none;
}
div#main-container a:hover {
	text-decoration: none;
	color: #AFCE33;
}

div#main-container h1, div#main-container h2, div#main-container h3, div#main-container h4, div#main-container h5, div#main-container h6 {
	/* customize_headings */ color: #000; /* customize_headings */
}

div#main-container .ccm-tags-display ul.ccm-tag-list li {
	/* customize_tag-highlight */ background-color: #AFCE33; /* customize_tag-highlight */
}

/*div#main-container, div#main-container ul li {
	color: #000;
}*/

/* text styles */
div#main-container #header h1 a, div#main-container #header h1 a:link, div#main-container #header h1 a:visited, div#main-container #header h1 a:active, div#main-container #header h1 a:hover {
	/* customize_site-title */ color: #000; /* customize_site-title */
	text-decoration: none;
}

ul li a.nav-path-selected, ul li.nav-selected {
	font-weight: bold;
	color:#AFCE33;
}



div#main-container p {
	/*margin-bottom: 20px;
	margin-top: 20px;*/
	
}
div#main-container ul {
	list-style-type:none;
}

div#main-container ul li {
}

div#main-container h1 {
	font-size: 32px;
	padding-top: 0px;
	margin-bottom: 8px;
}

div#main-container h2 {
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 5px;
}

div#main-container h3 {
	font-size: 22px;
	padding-top: 6px;
	line-height: 22px;
	margin-bottom: 3px;
}

div#main-container h4 {
	font-size: 20px;
	padding-top: 8px;
	line-height: 20px;
	margin-bottom: 3px;
}

div#main-container h5 {
	font-size: 16px;
	margin-bottom: 3px;
}

div#main-container h6 {
	font-size: 12px;
	margin-bottom: 3px;
}

div#main-container hr {
	margin: 20px 0;
}


/* alternate emphasis style for inclusion in content block editor aka tinymce */
.serif-emphasis {
	font-weight: 100;
	font-style: italic;
}

/*links dins del contingut*/
/*div#main-container div#main-content-inner a, div#main-container div#right-sidebar-inner a{color: #9e9e9e;}
div#main-container div#main-content-inner a:hover, div#main-container div#main-content-inner a  a:active {color: #AFCE33;}
div#main-container div#right-sidebar-inner a:hover, div#main-container div#right-sidebar-inner  a:active{#AFCE33;}*/



/* IMM site title styles 
div#main-container #header h1 {
	font-size: 28px;
	margin-left: 45px;
	padding-bottom: 55px;
	margin-bottom: 0;
	display: inline;
	float: left;
}*/

div#footer p {
	/* customize_footer-text */ color: #000; /* customize_footer-text */
}

div#footer #footer-inner p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	display: inline;
}

div#footer #footer-inner p.footer-copyright {
	float: left;
	font-weight: bold;
}

div#footer #footer-inner p.footer-sign-in {
	float: left;
}

div#footer #footer-inner p.footer-tag-line {
	float: right;
	
}

div#footer #footer-inner a, div#footer #footer-inner a:link, div#footer #footer-inner a:visited, div#footer #footer-inner a:active {
	text-decoration: none;
}

div#footer #footer-inner a:hover {
	text-decoration: underline;
}

li.month {
	margin-left: 0px;
}

/* IMM div#main-container img.ccm-image-block{
	margin-left: 16px;
	} */
div#main-container div.columna_lateral div.pin { margin-right: 0; margin-left: 0;}
div#main-container div.columna_lateral a{color:#9E9E9E;}	
div#main-container div.columna_lateral a:hover,div#main-container div.columna_lateral a:active{color:#AFCE33;}
/*----------------------------- Breadcrumbs--------------------------------------*/	
div#main-container div.swp-breadcrumbs{margin: 15px 0 20px 0; text-transform:uppercase;}
div#main-container div.swp-breadcrumbs a{font-weight:bold; color:#AFCE33;}
div#main-container div.swp-breadcrumbs a:hover,div#main-container div.swp-breadcrumbs a:active{color:#000;}
div#main-container div.swp-breadcrumbs a:visited{color:#AFCE33;}
/*------------------------------ Header image title--------------------------------------*/	
div#main-container h1.header_name{ 
    color: #FFFFFF;
    display: table-cell;
    font-size: 180%;
    font-weight: bold;
    height: 154px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 240px;
}

div#main-container div.header_image{height: 154px; /* IMM width: 920px;	margin-left: 15px;*/}
div#main-container div#header_ra{background: url('http://www.learningeu.udl.cat/themes/greek_yogurt/images/header_img/cabecera_realidadaumentada.png') no-repeat center center;}
div#main-container div#header_gd{background: url('http://www.learningeu.udl.cat/themes/greek_yogurt/images/header_img/cabecera_guiadidactica.png') no-repeat center center;}
div#main-container div#header_map{background: url('http://www.learningeu.udl.cat/themes/greek_yogurt/images/header_img/cabecera_mapas.png') no-repeat center center;}
div#main-container div#header_tema{background: url('http://www.learningeu.udl.cat/themes/greek_yogurt/images/header_img/cabecera_temas.png') no-repeat center center;}
div#main-container div#header_if{background: url('http://www.learningeu.udl.cat/themes/greek_yogurt/images/header_img/cabecera_itinerarios.png') no-repeat center center;}
div#main-container div#header_vid{background: url('http://www.learningeu.udl.cat/themes/greek_yogurt/images/header_img/cabecera_videos.png') no-repeat center center;}
div#main-container div#header_deb{background: url('http://www.learningeu.udl.cat/themes/greek_yogurt/images/header_img/cabecera_debates.png') no-repeat center center;}
div#main-container div.header_degradado{background: url('http://www.learningeu.udl.cat/themes/greek_yogurt/images/header_img/pastilla_verde.png') no-repeat center center; /* width:960px;*/ margin: 0 -20px;} /* IMM faig que s'adapti i li resto el margin */
div#main-container div.header_degradado h1.header_name{height:60px; padding-left: 20px; text-align: left; width: auto;}


/*----------------------------- General Navigation--------------------------------------*/
div#main-container .nav_menu ul {list-style-type: none;}

div#main-container .nav_menu ul li{
    background: linear-gradient(#FCFCFC, #F8F8F8) repeat scroll 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F8F8F8'); /*IE*/
    /* IMM background: -webkit-linear-gradient (#FCFCFC, #F8F8F8) repeat scroll 0 0;
    background: -moz-linear-gradient (#FCFCFC, #F8F8F8) repeat scroll 0 0; */
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(#F8F8F8));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #FCFCFC, #F8F8F8);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #FCFCFC, #F8F8F8);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #FCFCFC, #F8F8F8);
   
    display: inline-block;
    border-left: 2px solid #fff;
}


div#main-container .nav_menu ul li a { 
	color: #000; 
	font-weight: bold;
	text-decoration: none;
	text-align:center;
}

div#main-container .nav_menu ul li a:hover { border-top: 2px solid #77B326; color:#AFCE33;}
div#main-container .nav_menu ul li a:active{	color:#AFCE33}

div#main-container div#header div#header_Menu ul {
	border-top: 2px solid #77B326;
	float: right;
	margin-bottom: -5px;
}

div#main-container div#header div#header_Menu ul li {
	height: 86px;
	margin: 0;
	line-height: 12px;
	font-size:16px;
	overflow:hidden;
}

div#main-container div#header div#header_Menu ul li a {
	width:84px;
	padding: 0 2px;
	height:86px;
	font-size: 65%;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
	border-collapse:collapse;
	
}

div#main-container div#header ul li a.nav-path-selected, div#main-container #header ul li a.nav-selected{	color:#AFCE33;}

div#main-container div#header ul li a[href="http://www.learningeu.udl.cat/index.php/guia-didactica/"], div#main-container div#header_Menu li:last-child a {
 background-color:#EDF2D4;
 background: linear-gradient(#EDF2D4, #E4EDBE) repeat scroll 0 0;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDF2D4', endColorstr='#E4EDBE'); /*IE*/
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDF2D4), to(#E4EDBE));
 /* Safari 5.1, Chrome 10+ */
 background: -webkit-linear-gradient(top, #EDF2D4, #E4EDBE);
 /* Firefox 3.6+ */
 background: -moz-linear-gradient(top, #EDF2D4, #E4EDBE);
 /* Opera 11.10+ */
 background: -o-linear-gradient(top, #EDF2D4, #E4EDBE);/* IMM */
 }

div#main-container div#header ul li:first-child {	border-left: none;}

/*-------------------------------------- Home ------------------------------------------*/
div#main-container div#theme_menu{
	padding-top: 27px;
	margin-left: -32px;
	margin-top: -10px;
	width: 983px;
	background: url('http://www.learningeu.udl.cat/themes/greek_yogurt/images/sombra.png') no-repeat top right, url('http://www.learningeu.udl.cat/themes/greek_yogurt/images/sombra2.png') no-repeat top left;
	background: url('http://www.learningeu.udl.cat/themes/greek_yogurt/images/sombras960.png') no-repeat top\9; /* només ho aplica a IE<8*/
}

div#main-container div#theme_menu ul {
	border-top: 2px solid #77B326;
	width:983px;
	margin-top: -20px; 

}

div#main-container div#theme_menu ul li {
	/*width: 324px;*/
	height: 60px;
	overflow:hidden;
	margin-right: -3px;
	margin-left:-1px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}

div#main-container div#theme_menu ul li a{
	width: 327px;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	font-size: 120%;
	border-collapse:collapse;
}

div#main-container  h2.hidden_title{height:0; text-indent:-9999px;}
div#main-container ul.subject_list li{padding: 3px 0; margin: 0 15px;}
div#main-container ul.subject_list li a{color:#5a5a5a;}
div#main-container ul.subject_list li a:hover{color:#AFCE33;}
div#main-container .ccm-layout-col-1 ul.subject_list li, div#main-container .ccm-layout-21-col-2 ul.subject_list li {margin-left: 0;}
div#main-container .ccm-layout-col-3 ul.subject_list li{ margin-left: 39px; margin-right: 0}

div#main-container p.home_resource{text-align: center;} /*4 recursos home*/
div#main-container p.home_resource strong{display:block;font-size: 110%;text-transform: uppercase; color:#000;} 
div#main-container p.home_resource  a{color: #bbb; display:block; padding-top: 100px;}
div#main-container p.home_resource  a:hover{font-weight: normal;}

div#main-container p#home_document { background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos_home/documentacion.png") no-repeat center top;} 
div#main-container p#home_debate { background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos_home/debatelogo.png") no-repeat center top;}
div#main-container p#home_map { background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos_home/mapa.png") no-repeat center top;}
div#main-container p#home_video { background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos_home/video.png") no-repeat center top;}
div#main-container p#home_document:hover { background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos_home/documentacion_h.png") no-repeat center top;} 
div#main-container p#home_debate:hover { background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos_home/debatelogo_h.png") no-repeat center top;}
div#main-container p#home_map:hover  { background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos_home/mapa_h.png") no-repeat center top;}
div#main-container p#home_video:hover { background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos_home/video_h.png") no-repeat center top;}


/*-------------------------------------- Filter Form -------------------------------------*/
div#main-container div.filter_form{
	background: url('http://www.learningeu.udl.cat/themes/greek_yogurt/images/sombra2.png') no-repeat top left;
	padding-top: 6px;
	margin: -6px 0 25px -31px;
}

div#main-container div.filter_form form{
	background: linear-gradient(#FCFCFC, #F8F8F8) repeat scroll 0 0; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F8F8F8'); /*IE*/
	/* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(#F8F8F8));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #FCFCFC, #F8F8F8);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #FCFCFC, #F8F8F8);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #FCFCFC, #F8F8F8);
	height:50px;
	/*width: 80%;*/
	width: 730px; 
	padding-left: 30px;
	border-top: 2px solid #77B326;
	font-weight:bold;
	font-size:85%;
}

div#main-container div.filter_form ul {	margin-top: 10px;}
div#main-container div.filter_form ul li{
	height:25px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 8px;
}
div#main-container div.filter_form  label{ float:right;}
div#main-container div.filter_form #barra{ border-left: 2px solid #77B326;}
div#main-container div.filter_form input.ccm-search-block-text{width:169px;padding:3px;}
div#main-container div.filter_form input.submit_button{
    background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/boton_busqueda.png") no-repeat scroll center center transparent;
    border: medium none;
    color: transparent;
    height: 23px;
    width: 80px;
	margin-left:15px;
}
div#main-container div.filter_form input.submit_button:hover{ background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/boton_busqueda_h.png") no-repeat scroll center center transparent;}
div#main-container div.filter_form input[type="checkbox"]{}

/*---------------------------- Top Search box -------------------------------------*/
div#main-container div#header div#header_Search_Box input.ccm-search-block-submit {
	background : url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/lupa.png") no-repeat center center;
	width : 30px;
	height :22px;
	border : none;
	color : transparent;
}

div#main-container div#header div#header_Search_Box input.ccm-search-block-submit:hover{
	background : url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/lupa2.png") no-repeat center center;
}


/* ---------------------------Debates  (Pinterest Layout) ---------------------------------*/

IMM div#main-container div.wrapper {padding-bottom: 20px;}

div#main-container div#wrapper_three_cols {
	background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/dotted-worldmap2.png");
	background-repeat:no-repeat;
	background-position: center;
}
div#main-container div#columns {
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	-webkit-column-fill: auto;
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	/*-moz-column-fill: auto;*/
	column-count: 3;
	column-gap: 20px;
	column-fill: auto;
}

div#main-container div.pin {
	color: #9e9e9e;
	/* display: inline-block; */
	min-width:252px;
	background: #ffffff;
	border: 2px solid #FAFAFA;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 0 2px 15px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 15px;
	padding-bottom: 5px;
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	background: -moz-linear-gradient(45deg, #FFF, #F9F9F9);
	background: -o-linear-gradient(45deg, #FFF, #F9F9F9);
	background: -ms-linear-gradient(45deg, #FFF, #F9F9F9);
	background: linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;	
}
div#main-container .columna_lateral div.pin {
	/* display: block; */
	clear: left;
}
div#main-container .columna_lateral .pin_resources_card {
	float: left;
}
div#main-container .columna_lateral .info_video {
	margin-bottom: 12px;
}
div#main-container div#columns div.pin {
	display: inline-block;
}

div#main-container div#wrapper_three_cols div.card_pin {/* adaptació de les 3 columnes per a IE 8-9*/
	width:252px\0/; 
	height:280px\0/; 
	overflow:auto\0/; 
	margin-right:15px\0/;
	scrollbar-face-color: #f9f9f9; 
	scrollbar-darkshadow-color:#e6e6e6; 
	scrollbar-shadow-color: #e6e6e6; 
	scrollbar-arrow-color: #909090; 
	scrollbar-track-color:#ffffff;
} 


	/*contingut de fitxa (debates, mapas...)*/
div#main-container div.card_pin {font-size:95%;  }
div#main-container div.card_pin a{color:#696969;}
div#main-container div.card_pin a:hover{color:#AFCE33;}
div#main-container div.card_pin h2{ color:#696969;	font-size:120%;line-height:17px; width:230px; margin-top:0; padding-bottom:0;}
div#main-container div.card_pin h3{ color:#bbb; font-size:13px; margin-top:-5px; font-weight:normal; float:left; padding-right:10px;}
div#main-container div.card_pin h3+a{float:left; margin-top:2px; }
div#main-container div.card_pin p {padding-top:10px;}
/* div#main-container div.card_pin > ul li {margin:5px 0; padding-left: 25px; background:url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/punto.png") no-repeat left 6px; color:#9e9e9e;} */
div#main-container div.pin .indent{ border-left: 3px solid #afce33;	margin-left: 20px;	padding-left:10px; padding-top:0;}
div#main-container div.card_pin ul li {margin: 5px 0 5px 35px;}
div#main-container div.card_pin .indent p { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0;}
div#main-container div.card_pin ul.objetivos_tema {padding-top:5px; clear:left;}
div#main-container div.card_pin .objetivos_tema li{color: #9E9E9E; background:url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/punto.png") no-repeat left 6px; margin:0; padding-left: 10px; padding-bottom:10px;}
div#main-container div#columns:hover .pin:not(:hover) { opacity: 0.4;}
	/*llistat icones recursos*/
div#main-container ul.resources { float:right;	margin: 0 0 10px 0; padding-bottom:20px\0/; } 
div#main-container  ul.resources li{ float:right;  margin:0;  /* padding-left:3px;*/}
div#main-container div.card_pin ul.resources li {margin: 10px 0 0; /*padding-left: 3px;*/ background:none;}	
div#main-container ul.resources li a{display: block; width: 32px; height: 27px; text-indent: -9999px;background-repeat:no-repeat; background-position:center; background-size: auto;}
div#main-container a.game_icon{background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso1-mini.png");}
div#main-container a.link_icon{background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso2-mini.png");}
div#main-container a.image_icon{background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso3-mini.png");}
div#main-container a.video_icon{background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso4-mini.png");}
div#main-container a.document_icon{background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso5-mini.png");}
div#main-container a.graphics_icon{background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso6-mini.png");}
div#main-container a.map_icon{background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso7-mini.png"); }
div#main-container a.debate_icon{background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso8-mini.png");}

div#main-container a.game_icon:hover{background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso1_h.png")}
div#main-container a.link_icon:hover{background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso2_h.png")}
div#main-container a.image_icon:hover{background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso3_h.png")}
div#main-container a.video_icon:hover{background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso4_h.png")}
div#main-container a.document_icon:hover{background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso5_h.png")}
div#main-container a.graphics_icon:hover{background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso6_h.png")}
div#main-container a.map_icon:hover{background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso7_h.png")}
div#main-container a.debate_icon:hover{background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso8_h.png")}

div#main-container .recurs_debat li {margin-left: 0;}
div#main-container .recurs_debat a {color: #9E9E9E; display: block; padding: 5px 0 5px 35px; background-repeat: no-repeat; background-position: left}

/*------------------------------------------------Temas ----------------------------------------------------------------------*/

div#main-container  h2.area_title{border-bottom: 5px solid #AFCE33; font-size: 150%; margin: 15px 0 5px 0; padding-bottom: 10px; text-align: center;}
div#main-container div#temas_page div#theme_menu{ margin-top:5px;}
div#main-container ul.temas_page_list {font-size: 1em;}
div#main-container ul.temas_page_list > li {
	margin: 0; padding-top: 10px;}
div#main-container ul.temas_page_list ul.resources{margin: 20px 0 5px;}
div#main-container ul.temas_page_list ul.subtemas{margin:0;}
div#main-container ul.temas_page_list ul.subtemas a{font-size:95%; color:#bbb;}
div#main-container ul.temas_page_list ul.subtemas a:hover{color: #AFCE33;}
div#main-container ul.temas_page_list ul.subtemas li{padding: 0 0 0 20px;}
div#main-container ul.temas_page_list>li{border-bottom: 1px solid #e6e6e6; overflow: hidden;}
div#main-container ul.temas_page_list>li>a {font-weight: bold;}

/* div#main-container .layout_temas{width:293px;} */
div#main-container #layout_temas_2, div#main-container #layout_temas_3{float:right;}
div#main-container .layout_temas {
	padding: 0 7px;
	}
div#main-container .first .layout_temas  {
	padding-left: 0;
	padding-right: 14px;
	}
div#main-container .last .layout_temas  {
	padding-left: 14px;
	padding-right: 0;
	}
div#main-container .ccm-layout-col-3 .layout_temas ul.subject_list li {margin: 0;}

/*---------Estils generals del contingut (columna esquerra en Tema interior, Itinerarios, RA i RA interior)---------------------------------*/

div#main-container div.content_pin a{color: #AFCE33;}
div#main-container div.content_pin a:hover {text-decoration: underline;}
div#main-container div.content_pin a.area:hover{text-decoration:none;}

div#main-container  div.content_pin h1{font-size: 160%; font-weight:bold;}
div#main-container  div.content_pin h2{ font-size: 150%; font-weight:bold;}
div#main-container  div.content_pin h3{ font-size: 120%; font-weight:bold;}
div#main-container  div.content_pin h4{font-size:110%; font-weight:bold;}	
div#main-container  div.content_pin h5{font-size:100%; font-weight:bold;}    
div#main-container  div.content_pin h6{font-size:90%; font-weight:bold; }   

div#main-container  div.content_pin li,
div#main-container .debate_content ul li {margin:10px 0 10px 10px ; padding-left: 25px; background:url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/punto.png") no-repeat left 6px; color:#9e9e9e;} 
div#main-container .card_pin .debate_content ul li {margin: 5px 0;}


/*------------------------------------------------Temas Interior -------------------------------------------------------------*/
	
	/*Distribució en columnes IMM*/
div#main-container .col1 {width: 66%; float: left;}
div#main-container .col2 {width: 33.99%; float: left;}
	
	
	/* contingut del tema*/
div#main-container div.wrapper_two_cols  div.pin { display: block; padding: 20px 20px 0; overflow: hidden;}
div#main-container div.wrapper_two_cols  div.content_tema h2{float:left;text-transform: uppercase; padding-bottom: 10px; padding-right:10px;}
div#main-container div.wrapper_two_cols  div.content_tema a.area{float:left; padding-top:5px;}
div#main-container div.wrapper_two_cols  div.content_tema h3{clear:left; border-bottom:1px solid #e6e6e6; color:#bbbbbb;}
div#main-container div.wrapper_two_cols  div.content_tema li{color:#000;}
div#main-container div.wrapper_two_cols  div.content_tema p{color:#000;}

/*div#main-container div.wrapper_two_cols  div.content_tema li{margin:10px 0 10px 10px ; padding-left: 25px; background:url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/punto.png") no-repeat left 6px;}*/
div#main-container div.wrapper_two_cols  div.content_tema ul.contenidos_sublista {margin-top: 10px;}
div#main-container div.wrapper_two_cols  div.content_tema ul.contenidos_sublista li{background:none; margin:0; padding:0;}


	/* variacions menú lateral respecte el d'Itinerarios*/
div#main-container  div.pin_menu ul li ul.submenu_tema_interior{border-top:none;  margin-left:20px;}
div#main-container  div.pin_menu ul li ul.submenu_tema_interior li a{text-transform:none;}
div#main-container  div.pin_menu ul li ul.submenu_tema_interior li:last-child a{ border-bottom:none;}

	/* recursos associats al tema*/
/* div#main-container  div.pin_resources_card{width: 252px;}*/
div#main-container  div.columna_lateral div.pin_resources_card h3, div#main-container  div.content_debate h3{color:#000; font-size:150%; font-weight:bold; padding: 0 0 8px 35px; border-bottom: 1px solid #E6E6E6;}
div#main-container  div.columna_lateral div.pin_resources_card h3#enlaces_externos{background:url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso2.png"); background-repeat:no-repeat; background-position:1px left; background-size: 10%;}
div#main-container  div.columna_lateral div.pin_resources_card h3#documentos{background:url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso5.png"); background-repeat:no-repeat; background-position:1px left; background-size: 10%;}
div#main-container  div.columna_lateral div.pin_resources_card h3#videos{background:url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso4.png"); background-repeat:no-repeat; background-position:1px left; background-size: 10%;}
div#main-container  div.columna_lateral div.pin_resources_card h3#imagenes{background:url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso3.png"); background-repeat:no-repeat; background-position:1px left; background-size: 10%;}
div#main-container  div.columna_lateral div.pin_resources_card h3#mapas{background:url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso7.png"); background-repeat:no-repeat; background-position:1px left; background-size: 10%;}
/*div#main-container  div.columna_lateral div.pin_resources_card h3#debates,*/ div#main-container div.content_debate h3{background:url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso8.png"); background-repeat:no-repeat; background-position:1px left; background-size: 6%; padding: 3px 0 7px 40px; margin-bottom:10px;}
div#main-container  div.columna_lateral div.pin_resources_card h3#graficos{background:url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso6.png"); background-repeat:no-repeat; background-position:1px left; background-size: 10%;}
div#main-container  div.columna_lateral div.pin_resources_card h3#juegos_educativos{background:url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/recursos/recurso1.png"); background-repeat:no-repeat; background-position: 1px left; background-size: 10%;}
div#main-container span.age{background:#AFCE33; color:#fff;display:inline-block; float:left; width:40px; height:20px; font-weight:bold;  border-radius: 0 10px 10px 0; text-align:center; margin: 0 10px 0 -52px;}
/*div#main-container .columna_lateral span.age{ margin-left: -18px;}*/
div#main-container div.pin_resources_card ul {padding-top:10px;}
div#main-container div.pin_resources_card ul li,
div#main-container div.card_pin .resource_list li { color: #9E9E9E; float: left; font-size: 100%; margin: 5px 0; padding-left: 35px; clear:left;}
div#main-container div.pin_resources_card ul li a{/*display: inline-block; float:left; width:200px;*/ font-size:100%;}
div#main-container span.idiomas{font-size:100%; color: #9E9E9E;}



/*------------------------------------------------- Realidad Aumentada -------------------------------------------------------------*/

div#main-container div.main-content-thumb{ position: relative; padding-top:65px; padding-bottom:15px;} 
div#main-container div.main-content-thumb img{ float:right; margin-top: -50px; width:200px; height: 130px;}
div#main-container div.main-content-thumb h2{ margin-bottom:10px; overflow:hidden;text-overflow:ellipsis; width:350px; white-space: nowrap; position:absolute; top:5px; margin-top:0;}
div#main-container div.main-content-thumb h2 a{color:#000;}
div#main-container div.main-content-thumb h2 a:hover{color: #AFCE33; text-decoration:none;}
div#main-container div.main-content-thumb p.entry_date{ color:#9E9E9E; font-size:85%; font-weight:bold; padding:0; position:absolute; top:38px;}


/*------------------------------------------------- Realidad Aumentada Interior-----------------------------------------------------*/

div#main-container  div.content_RA img{width:566px; height:auto;}
div#main-container  div.content_RA  strong{color: #000;}


div#main-container div#comoFuncionaRA_pin{padding-bottom:20px;}
div#main-container div#comoFuncionaRA_pin h4{color: #9E9E9E; font-size:100%;}
div#main-container div#comoFuncionaRA_pin a#infoRA_link, div#main-container div.pin ul.ccm-tag-list li{
 background-color:#bdd96c;
 background: linear-gradient(#bdd96c, #a6d020) repeat scroll 0 0;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdd96c', endColorstr='#a6d020'); /*IE*/
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdd96c), to(#a6d020));
 /* Safari 5.1, Chrome 10+ */
 background: -webkit-linear-gradient(top,#bdd96c, #a6d020);
 /* Firefox 3.6+ */
 background: -moz-linear-gradient(top, #bdd96c, #a6d020);
 /* Opera 11.10+ */
 background: -o-linear-gradient(top, #bdd96c #a6d020);
 
}

div#main-container div#comoFuncionaRA_pin a#infoRA_link{ border-radius: 10px; padding: 4px 10px; color:#fff; margin-left:140px;}

div#main-container div#comoFuncionaRA_pin a#infoRA_link:hover, div#main-container div.pin ul.ccm-tag-list li:hover{
 background-color:#c5c5c5;
 background: linear-gradient(#c5c5c5, #afafaf) repeat scroll 0 0;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5;', endColorstr='#afafaf'); /*IE*/
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c5c5), to(#afafaf));
 /* Safari 5.1, Chrome 10+ */
 background: -webkit-linear-gradient(top,#c5c5c5, #afafaf);
 /* Firefox 3.6+ */
 background: -moz-linear-gradient(top, #c5c5c5, #afafaf);
 /* Opera 11.10+ */
 background: -o-linear-gradient(top, #c5c5c5 #afafaf);

}

div#main-container div.columna_lateral h4 { font-size: 115%;color: #696969; }





/*------------------------------------------------Itinerario Formativo -------------------------------------------------------*/
	/*àrea temàtica*/
div#main-container div.pin  a.area{/*padding-left: 10px;*/ font-weight:normal; text-transform:uppercase; color:#bbb;}
div#main-container div.pin a.area:hover{color: #AFCE33;}
div#main-container div.pin  a.area:before{content:"(";}
div#main-container div.pin  a.area:after{content:")";}
div#main-container div.pin ul.subject_list a.area{padding-left:10px;}
div#main-container .content_itinerarios h2{font-size:120%; text-transform: uppercase;}
div#main-container .content_itinerarios .subject_list {margin-bottom: 0}
div#main-container .content_itinerarios ul.temas_page_list ul.resources {margin-top: 0;}

  /*menú lateral*/
div#main-container div.pin_menu {padding: 0; /* width: 282px; */ } /* IMM elimino el widht pq s'adapti a l'estructura */
div#main-container  div.pin_menu ul{border-top: 2px solid #77B326; margin: -2px 0 0;}
div#main-container  div.pin_menu ul li{  margin: 0 15px; /*padding-left: 30px; padding-right:15px; background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/flecha.png") no-repeat left center;*/}
div#main-container  div.pin_menu ul/*.menu_itinerarios*/ li a:hover , div#main-container div.pin_menu ul li a:active, div#main-container div.pin_menu ul li a.selected  { background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/flecha_verde.png") no-repeat left center;}
div#main-container  div.pin_menu ul li a{
	background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/flecha.png") no-repeat left center;
	color: #9E9E9E; 
	font-weight: bold; 
	text-transform: uppercase; 
	display:table-cell; 
	vertical-align:middle;
	height:54px; 
	width: 300px; 
	padding-left:30px;
	border-bottom: 1px solid #e6e6e6;
}
/*div#main-container  div.pin_menu ul.menu_itinerarios li:hover a, div#main-container div.pin_menu ul li:active{color: #AFCE33;}*/
div#main-container  div.pin_menu ul.menu_itinerarios li:last-child a{border:none;}

/* -----------------------------------------------Mapas  ----------------------------------------------------------------------*/
	/*llistat de fitxes de mapes*/
div#main-container div.wrapper_two_cols img{float:right; max-width:280px;}
div#main-container div.wrapper_two_cols div.resource_info{float:left; width:270px;min-height:200px;}
div#main-container div.wrapper_two_cols div.resource_info p{min-height: 80px; margin-top: 10px;}
div#main-container div.wrapper_two_cols div.resource_info a.download_icon{
	display: block;
	width: 36px;
	height: 35px;
	background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/boton_descarga.png") no-repeat center center;
	text-indent:-9999px;
	/*margin-top:-45px;*/
	float:right;
}
div#main-container div.wrapper_two_cols div.resource_info a.download_icon:hover{background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/boton_descarga_h.png") no-repeat center center;}
div#main-container /*div.pin*/ ul.left_align { float: left;}

	/*lmapa interactiu*/
div#main-container  div.columna_lateral{ /* padding-top:20px; */ padding-left: 20px; position:relative;} /* IMM elimino el padding top pq ja el té el fil d'A. Poso el padding left a 20 p coincidir amb la separació de les 3 col*/
div#main-container div.columna_lateral h3{ color: #696969; font-size: 110%; }
div#main-container div#interactive_pin h3{ color: #696969; font-size: 110%; }
div#main-container div#interactive_pin  p{ /* max-width: 252px;*/ margin-top:10px;} /* IMM elimino el max-width per deixar que s'adapti */

div#main-container div#interactive_pin a#map_link {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 230px;
    margin-bottom: 5px;
    /* margin-left: 5px; */
    text-indent: -9999px;
}
div#main-container div#interactive_pin a.mapa_ES{background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/mapa_es.png");}
div#main-container  div#interactive_pin a.mapa_ES:hover{background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/mapa_es_h.png");}
div#main-container div#interactive_pin a.mapa_EN{background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/mapa_en.png");}
div#main-container  div#interactive_pin a.mapa_EN:hover{background-image: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/mapa_en_h.png");}

/*---------------------------- Guia Didactica --------------------------------------------*/
/*div#main-container div.user_content{padding: 20px;}*/
div#main-container /*div.user_content*/ h2{font-size: 20px; margin-top:20px; padding-bottom:10px;}
div#main-container /*div.user_content*/ h2:first-child{margin-top:0;}
div#main-container div.user_content h3{font-size: 16px;}
/*div#main-container div.user_content p{padding:10px 0;}*/
div#main-container div.user_content ul/*.lateral_edge*/{ border-left: 3px solid #afce33; margin: 10px 0 10px 30px;}
div#main-container div.user_content ul/*.lateral_edge*/ li{margin-left: 20px;padding: 3px 0;}
div#main-container /*div.user_content*/ ul#resources_list{ height: 780px; border: none;}
div#main-container /*div.user_content*/ ul#resources_list li {float:left; margin: 10px 0;}
div#main-container /*div.user_content*/ ul#resources_list li img{float:left;}
div#main-container /*div.user_content*/ ul#resources_list li div.description{/*float: left*/; margin-left: 90px; width: 470px;}
div#main-container div.user_content a{color:#AFCE33;}
div#main-container div.user_content a:hover{text-decoration:underline;}
div#main-container div.user_content  div.description h3 a{color:#000;}
div#main-container div.user_content  div.description h3 a:hover{color:#000; text-decoration: none;}
/* --------------------------- Contact Form + Guia Didactica Form---------------------------------*/
	/*formulari contacto*/
/* div#main-container div.general_form {width: 900px; margin: auto; } IMM el centro a l'esquerra tot i el disseny */
div#main-container div.general_form tr{float:left;}
div#main-container div.general_form tr td{float:left; clear: left; /* min-width: 300px; */ padding-right: 30px;} /* IMM a les cel·les sempre es juga amb el padding el margin feia coses rares */
div#main-container div.general_form tr td span.required { color: #4e6e16;}
div#main-container div.general_form tr td input, div#main-container div.general_form  tr td textarea{	
	width: 300px; 
	border: 1px solid #eee; 
	border-radius: 10px;	
	background:#eee;
	border: 1px solid #eee;
	padding: 5px;
	margin-bottom: 10px;
	
}
div#main-container div.general_form tr td input:hover, div#main-container div.general_form  tr td textarea:hover {		
	background:#fff;
}
div#main-container div.general_form tr td textarea { width: 641px; min-height: 200px; padding: 10px 5px;}	
div#main-container div.general_form tr td input.formBlockSubmitButton{
	background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/boton_enviar.png") no-repeat center center;
	border : none;
	text-indent: -9999px;
	margin-left: 585px;
	width: 70px;
	float: right
}
div#main-container div.general_form tr td input.formBlockSubmitButton:hover{background: url("http://www.learningeu.udl.cat/themes/greek_yogurt/images/boton_enviar_h.png") no-repeat center center;}

	/*formulari guia didactica*/
div#main-container  div.pin_form{float: left; margin-left:7px; padding-top: 40px; width: 200px;}
div#main-container  div.pin_form tr td {margin:0;}
div#main-container  div.pin_form tr td input{width:242px;}
div#main-container div.pin_form   tr td textarea {max-width:242px;min-width:242px;}
div#main-container  div.pin_form tr{float:none;}
div#main-container div.pin_form tr td input.formBlockSubmitButton {margin-left:186px; float:none;}
div#main-container  h3.form_title{  position: absolute; left: 35px; top: 10px; width: 250px;}

div#main-container div.general_form .formBlockSurveyTable tr td {min-width: auto;}
div#main-container div.general_form tr .control-label {width: 100%}


/* ------------------------------------------- Mapa Web------------------------------------------------*/
/* div#main-container  div.mapaweb a{display:block;} */
div#main-container  div.mapaweb a:hover,div#main-container div.mapaweb a:active {color: #AFCE33;}
div#main-container  div.mapaweb ul{margin-bottom:0;}
div#main-container  div.mapaweb li {padding:2px 0; margin-left:0; /*width:304px;*/}
div#main-container  div.mapaweb .nav > li { clear: left}
div#main-container  div.mapaweb .nav > li ul {margin: 5px 0 10px 0; overflow: hidden;}
div#main-container  div.mapaweb li a { color: #000; font-size: 150%; font-weight:bold;}
div#main-container  div.mapaweb li li {border-bottom: 1px solid #e6e6e6; float: left; width: 30%; margin-right: 3%; padding: 5px 0}
div#main-container  div.mapaweb li li a {display: block; color:#5a5a5a; font-size:95%; font-weight: normal; padding-left: 20px; text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; box-sizing:border-box; -moz-box-sizing:border-box; }
div#main-container  div.mapaweb li li li a{font-weight: normal; font-size:120%; margin-left:20px;}
div#main-container  div.mapaweb li li li li a{color:#bbbbbb; margin-left:40px; width:264px;}

div#main-container  div#nav_principal_mapaweb{padding-top:30px;}
div#main-container  div#nav_secundari_mapaweb {padding: 20px 0;}
div#main-container  div#nav_secundari_mapaweb li a{color:#5a5a5a;}
div#main-container  div#nav_secundari_mapaweb li a:hover,div#main-container  div#nav_secundari_mapaweb li a:active{color: #AFCE33;}
div#main-container  div#nav_secundari_mapaweb a.nav-selected, div#main-container  div#nav_secundari_mapaweb a.nav-path-selected{color: #AFCE33;}


/* ------------------------------------------- Search result------------------------------------------------*/
div#main-container div.searchResult h3{text-transform:uppercase; font-size:140%;}
div#main-container div#content_searcher{margin-top:30px;}
div#main-container div#content_searcher input, div#main-container div#content_searcher  form>h3 {display:none;} /*ocultació del searcher del contingut*/