﻿.section_content 		{ float: none; width: 100%; text-align: left; }
.section_content_left 	{ float: none; width: 100%; text-align: left; line-height:1.5em; font-size:1em;}
.section_content_right  { margin-left:0px; margin-bottom:20px;}


/* CULTURA*/

.cultura_ext_body_left 	{ float: none; width: 100%; text-align: left; /*border: rgba(255,255,255,1.00) 5px solid */}
.cultura_ext_body_right { float: none; width: 100%; text-align: left; padding-left:40px; /*border: rgba(255,255,255,1.00) 5px solid */}
.cultura_ext_avantitle 	{ font-size: 1.6em; }
.cultura_ext_body_left img, .cultura_ext_body_right img, .image_top img { width: 100% }

.image_right_petita { float: right; margin-right: 15px; padding-left: 15px; width: 100% }


/** Submenu Right  */
.submenu_right { margin-bottom:40px; float: left; width: 100%; clear: both;}
.submenu_right ul {padding-bottom: 20px; float: left; list-style: none; width: 100%; /*border-bottom: thin black solid;*/ font-size:1.1em;display: block; color: #f18969; text-align: left;  }
.etiqueta-submenu {border-bottom: thin black solid; text-decoration-color: black; font-weight: 700; text-transform: uppercase; margin-top: 20px; font-size: 1.2em; padding-bottom: 10px; color: black  }

.submenu_right ul li { position:relative; }
.submenu_right ul li:last-child { border-bottom: none; }
.submenu_right ul li a:hover {text-decoration:underline;   /*background:#f18969;*/}
.submenu_right ul li.active a {text-decoration: underline; color:#f18969    /*background:#f18969;*/}
.submenu_right ul li.separador  { font-size:1.1em; font-weight: 700 !important; text-transform: uppercase}
.submenu_right ul li.active a:after, 
.submenu_right ul li a, 
.submenu_right span.nolink {font-weight: 700 !important; display: block; padding: 5px 0; color: #000; border-bottom: 1px solid #FFF; text-align: left}
.submenu_right ul ul li a { display: block; padding: 4px 10px 4px 20px; color: #ccc; }

.menutramits {margin: 0 0 0 10px}


.sr_actualitat ul li a:after {border:none;}
.sr_actualitat ul li a:hover:after {border:none;}


/** COMMON ELEMENTS - Blocs */
.convocatories_block_right p img { margin-right: 10px }
.block_std 		{  float:left; width:100%; margin-bottom:20px; border-top:1px solid #000; /*text-align: center;*/ clear: both;  padding-top:10px;}

.block_std_no_margin {  float:left; width:100%; margin-bottom:20px; border-top:1px solid #000; /*text-align: center;*/ clear: both;  padding-top:10px; }
.block_std_act {  float:left; width:100%; margin-bottom:40px; border-top:1px solid #000; text-align: center; clear: both;  padding-top:10px; }
.block_std_int {width: 100%; margin: 0 auto; padding: 8px 0px; text-align: left; font-size: 1.0em; line-height: 1.6em; font-weight:300; }
.block_std_int .element { float:left; margin: 0; padding: 10px 0px; border-bottom: 1px solid #ccc;}
.block_std_int .element a {float:left; width:100%;  color:#000; font-weight:300; line-height:1.5em; font-size:1.2em;}
.block_std_int p:last-child { border-bottom: none; }
.block_std_int ul li a { color:#000; font-weight:300; border-bottom:1px solid #ccc; font-size:1.2em; line-height:1.5em; float:left; width:100%; padding:5px 0;}
.titol_block { border-top: 1px solid #A5A5A5; padding-bottom:25px; width: 100%; float: none; clear: both; }
.titol_block h3 { float: none; text-transform: uppercase; padding: 10px 0; line-height:1.5em; font-size:1.1em;  }
.titol_block_right { float: none; padding: 30px 0 0 15px; }

.title_gray, .title_black { text-align: left; display: block; font-size: 1.5em; font-weight: 700; padding: 8px 0 0 0;}
.title_gray a:hover, .title_black a:hover { color: #f18969; text-decoration: none; }
.title_black a, 	.title_gray a 		{padding: 8px 0px; color: #000;  }
.title_black span, 	.title_gray span 	{display: block; padding: 8px 0px; color: #000; background: url('../../_img/flecha-hover.png') no-repeat 97% center; }


.block_contacte {float:none; width:100%; margin-bottom:20px; border-bottom:1px solid #000; clear: both;  }


/** COMMON ELEMENTS - Title Black */
.image { margin: 0 }
.foot_image { clear: both; margin: 4px 0px 15px 0px; font-size: 0.75em; line-height: 1.1em; font-style: italic; }

/** BANNERS - Common Styles */
.banner { position: relative; width: 100%; margin-bottom: 0px; overflow: hidden; z-index: 70 }
.llista { position: relative; width: 100%; margin-bottom: 10px; overflow: hidden; z-index: 70 }


/** CONVOCATORIES (Subvencions & Certificats) */
.section_content_left h1 { margin-bottom: 10px;  }
.convocatories_block { padding: 10px 0px; border-top: 1px solid #A5A5A5; clear: both; float: none; }
.convocatories_block h3 { float: none; margin: 0; text-transform: uppercase; }
.convocatories_block_right { float: none; margin-bottom: 10px }
.convocatories_block h2 { margin: 5px 0px; }
.convocatories_block table, .convocatories_destacat table { width: 100%; margin: 20px 0px; clear: both; overflow: hidden; border-collapse: collapse; }
.convocatories_block table th, .convocatories_destacat table th { padding: 6px 10px; color: #FFF; background: #000; font-size: 1.2em; }
.convocatories_block table td, .convocatories_destacat table td { padding: 8px 10px; background: #E6E6E6; border: 1px solid #FFF; }
.convocatories_block table .th1, .convocatories_block table .th2, .convocatories_block table .th3, .convocatories_destacat table .th1, .convocatories_destacat table .th2, .convocatories_destacat table .th3 { padding: 8px 10px; color: #000; background: #A5A5A5; font-weight: 700; text-transform: uppercase; }


.block { width: 100%; height: auto; float: left; background: #E7E7E7; overflow: hidden; border: rgba(255,255,255,1.00) 5px solid }


.irl-memoria .section_content_left  {padding-left:0;width:100%;}
.irl-memoria .section_content_right {padding-left:0;width:100%;max-width:100%;}
							
.block_std ul li { text-align: left; }

@media all and (min-width: 400px) {
	.image_right_petita { float: right; margin-right: 15px; padding-left: 15px; width: 50% }
	.block { width: 50% }
}

@media all and (min-width: 600px) {
	.convocatories_block h3 { float: left; width: 30%; border-right: #FFFFFF 10px solid }
	.convocatories_block_right { float: right; width: 70%; }
	.titol_block h3 { float: left; width: 30%; border-right: #FFFFFF 10px solid }
	.titol_block_right { float: right; width: 70%;}

	/*Oficines exteriors*/
	.oficines		{ padding-left:10em;}
	.oficines_img	{ padding-right:5em; }
	.oficines_img 	{ position:relative !important;float:left;clear:both;width:100% !important;left:0 !important;top:0 !important;padding:10px 0 !important;}
}

@media all and (min-width: 700px) {
	.block { width: 33.3333%}
}

@media all and (min-width: 800px) {
	.section_content_left  { float: right; padding:0 20px 0 20px; 	width: 70%!important; text-align: left; }
    .section_content_left.center  { float: right; padding:0 15% 0 15%; 	width: 100%!important; text-align: left; }
	.section_content_right { float: left;  padding:0 30px 0 0; 		width: 30%!important; text-align: left;}
	.section_content_right {/*margin-left:-25px;*//*border: rgba(255,255,255,1.00) 5px solid */}

	.submenu_right ul li a:after {display:inherit;}
	.cultura_ext_body_left 	{ float: left; width:calc(70%); max-width:873px; text-align: left; }
	.cultura_ext_body_right { float: left; width: 30%; text-align: left; padding-left:40px; }
	.block_std 				{ display: inherit; padding-left:25px;}
	.banner 				{ display: inherit }
	.block_trans 			{ width: 33.3333%; }

	.submenu_right 				{ font-size: 1.2em; display: inherit }
	.submenu_right ul li a, 
    .submenu_right span.nolink     {padding: 10px 0; }
	

}

@media all and (min-width: 900px) {
	.block 						{ width: 25%; }
	.image_right_petita 		{ float: right; margin-right: 15px; padding-left: 15px; width: 33% }
}

@media all and (min-width: 1170px) {
	.section_content_left  		{ padding:0 30px 0 60px;}
	.cultura_ext_body_right 	{ padding-left:70px;}
}
	
