
/************************************/
/************************************/
/** CSJN MAIN INTERIOR CSS         **/
/** Copyright 2016                 **/
/************************************/
/************************************/

/*PARA TODOS*/

	/*NAV BAR*/
	section.display {margin-top: 52px;}

	 /* TABLAS */	
	section.display .top-bar h1 { font-size: 29px;margin-bottom: 30px;}
	section.display .top-bar h1 .arrow { color: #DCDCDC;margin-right: 9px;}  
	section.display .top-bar .path {height: auto;border-bottom: 1px solid #BFBFBF;margin-bottom: 23px;padding-bottom: 16px;}
	section.display .top-bar .path .inicio {font-size: 13px;font-weight: 500;display: inline-table;margin-right: 16px;height: 27px;line-height: 18px;}
	section.display .top-bar .flecha {margin: 0px 16px 0px 0px;font-size: 25px;display: inline-table;height: 27px;font-weight: 300;}
	section.display .top-bar .flecha.less-spacing {margin-right: 8px!important;}
	section.display .top-bar .section-icon {margin-top: -17px;display: inline;position: relative;margin-right: 8px;line-height: 18px;overflow: hidden;height: 44px;width: 57px;}
	section.display .top-bar .section-icon img {height: 40px;position: relative;top: 15px!important;}
	section.display .top-bar .section-home { font-size: 13px;    font-weight: 500;    display: inline-table;    height: 27px;    line-height: 18px;    position: relative;}
	section.display .top-bar .section-tree-home { font-size: 13px;    font-weight: 500;display: inline-table;margin-right: 16px;height: 27px;line-height: 18px;position: relative;display: none;text-transform: uppercase;}
	section.display .top-bar .section-tree-sub-section { font-size: 13px; font-weight: 500;display: inline-table;height: 27px;line-height: 18px;display: none;text-transform: uppercase;margin-right: 16px;}	
	section.display .top-bar span.text { position: relative; top: -2px;}
	section.display .top-bar span#section-tree-home-name br {display:none}	

/* DESKTOP */
@media only screen and (min-width: 980px) {
	
	 /* CONTENIDO */
	.section-content {margin-bottom: 37px;}

	 /* TABLAS */	
    .section-content #table-results {table-layout: auto; width: 100%;}
	.section-content #table-results  tr {margin: 0;border: 1px solid #eee;font-size: 14px;word-break: break-word;}
	.section-content #table-results  tr.titles { border-bottom: 1px solid #DEDEDE;}
	.section-content #table-results  thead td, th {border-left: 1px solid #f2f2f2; border-right: 1px solid #d5d5d5; background: #ddd url("../images/sprites4.png") repeat-x scroll 0 100% ; font-weight: bold; text-align:left;}
	.section-content #table-results  tr td {border: 1px solid #E9E9E9; padding:15px;border-left: 0px;border-top: 0px;}
	.section-content #table-results  tr td:first-child, th {border-left: 1px solid #E9E9E9;}
	.section-content #table-results  tr:hover { background:#fcfcfc;}
	.section-content #table-results  tr ul.actions {margin: 0;}
	.section-content #table-results  td.titulo {background: #F5F5F5;border: 1px solid #E9E9E9;border-left: 0px;}
	.section-content #table-results  tr td.titulo:first-child, th {border-left: 1px solid #E9E9E9;}
	.section-content #table-results  tr td .tit-for-mobile {display:none}	
	.section-content #table-results tr td:nth-child(1){min-width: 89px;}
	.section-content #table-results tr td:nth-child(2){min-width: 83px;}
	.section-content #table-results tr td:nth-child(4){min-width: 29px;}	
	.section-content #table-results .description-found.clearfix {display: block;width: 100%;clear: both;float: none;color: #3F91C1;font-size: 11px;margin-top: 7px;}	
	
	 /*SEARCH BAR NAV*/
	.search-bar-table.clearfix { margin: 0 auto;width: 940px;height: 59px;}
	.search-bar-table input#search-text-table{border: 0px;    background: #fff;width: 877px;height: 17px;padding: 9px 12px 10px;    float: left;font-size: 13px;color: #AAAAAA;border: 1px solid #EBEBEB;border-right: 0px;}
	.search-bar-table button#search-button-table { border: 0px;    background-color: #F0F0F0;padding: 10px;cursor: pointer;border: 1px solid #E8E8E8;border-left: 0px;}
 	.search-bar-table button#search-button-table:hover {background-color: #E2E2E2;-moz-transition-property: all;-moz-transition-duration: 0.4s;-o-transition-property: all;-o-transition-duration: 0.4s;-webkit-transition-property: all;-webkit-transition-duration: 0.4s;transition-property: all;transition-duration: 0.4s;} 
	.search-bar-table button#search-button-table img {width: 16px;float: right;}	
	
	@-moz-document url-prefix() {
		.search-bar-table input#search-text-table {width: 872px;padding: 10px 12px 10px; }
	}	

	 /*PAGINATION*/
	section.display h3 {font-size: 13px;margin-top: 11px;float: left;}

	.pagination-container.clearfix { height: 38px;    margin-bottom: 18px;}	 
	.pagination{ font-family: "raleway"; margin: 0 auto;height: 17px;padding: 9px 9px 9px 6px;border: 1px solid #E4E4E4; float: right;}
	.pagination span.s1{ font-size:13px; color:#000;}
	.pagination a{font-size: 13px;  border-left: solid 1px #CFCECA;  padding: 0 11px 0 12px;  float: left;  color: #B9B2B2;  margin-bottom: 9px;}
	.pagination a.prev,
	.pagination a.next{ color: #363636;}
	.pagination span.more{float: left;padding: 0 12px;border-left: solid 1px #CFCECA;color: #313131;font-size: 13px;}
	.pagination span:first-child, #container-2015.no-home .pagination a:first-child{ border:none!important}
	.pagination a:hover{color:#CACACA;-moz-transition-property: all;-moz-transition-duration: 0.4s;-o-transition-property: all;-o-transition-duration: 0.4s;-webkit-transition-property: all;-webkit-transition-duration: 0.4s;transition-property: all;transition-duration: 0.4s;} 
	.pagination a.active{ color:#da022b;}  

}

/* TABLET AND MOBILE */
@media only screen and (max-width: 979px) {
	
	 /* CONTENIDO */
	.section-content {margin-bottom: 37px;}

	 /* TABLAS */
    .section-content #table-results {table-layout: auto; width: 100%;}
	.section-content #table-results  tr {margin: 0;border: 1px solid #eee;font-size: 14px;word-break: break-word;}
	.section-content #table-results  tr.titles {}
	.section-content #table-results  thead td, th {border-left: 1px solid #f2f2f2; border-right: 1px solid #d5d5d5; background: #ddd url("../images/sprites4.png") repeat-x scroll 0 100% ; font-weight: bold; text-align:left;}
	.section-content #table-results  tr td {border: 1px solid #E9E9E9; padding:15px;width: auto;border-left: 0px;border-top: 0px;}
	.section-content #table-results  tr td:first-child, th {border-left: 1px solid #E9E9E9;}
	.section-content #table-results  tr:hover { background:#fcfcfc;}
	.section-content #table-results  tr ul.actions {margin: 0;}
	.section-content #table-results  td.titulo {background: #F5F5F5;border: 1px solid #E9E9E9;border-left: 0px;}
	.section-content #table-results  tr td.titulo:first-child, th {border-left: 1px solid #E9E9E9;}
	.section-content #table-results  tr td .tit-for-mobile {display:none}
	.section-content #table-results tr td:nth-child(1){min-width: 89px;}
	.section-content #table-results tr td:nth-child(2){min-width: 83px;}
	.section-content #table-results tr td:nth-child(4){min-width: 29px;}	
	.section-content #table-results .description-found.clearfix {display: block;width: 100%;clear: both;float: none;color: #3F91C1;font-size: 11px;margin-top: 7px;}		
	
	 /*SEARCH BAR NAV*/
	.search-bar-table.clearfix { margin: 0 auto;width: 100%;height: 59px;position: relative;overflow: hidden;}
	.search-bar-table input#search-text-table{border: 0px;    background: #fff;width: 100%;height: 38px;padding: 12px 42px  12px 11px;font-size: 13px;color: #AAAAAA;border: 1px solid #E8E8E8;border-right: 0px;box-sizing: border-box;      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;}
	.search-bar-table button#search-button-table { border: 0px;    background-color: #F0F0F0;padding: 10px;cursor: pointer;border: 1px solid #E8E8E8;border-left: 0px;position: absolute;right: 0px;top: 0px;}
	.search-bar-table button#search-button-table img {width: 16px;float: right;}	
	
	@-moz-document url-prefix() {
		.search-bar-table input#search-text-table {padding: 10px 12px 10px;height:39px }
	}		

	/*PAGINATION*/
	section.display  h3 {font-size: 13px;margin-top: 11px;float: none;}
	
	.pagination-container.clearfix {    margin-bottom: 18px;clear: both;}	 
    .pagination{font-family: "raleway"; margin: 0 auto; padding: 9px 9px 0px 6px;border: 1px solid #E4E4E4;margin-bottom: 5px;margin-top: 16px;}
    .pagination span.s1{ font-size:13px; color:#000;}
    .pagination a{ font-size:13px; border-left: solid 1px #CFCECA; padding: 0 11px 0 12px;float: left;color:#B9B2B2; margin-bottom: 9px;}
    .pagination a.prev,.pagination a.next{ color: #363636;}
    .pagination span.more{float: left;padding: 0 12px;border-left: solid 1px #CFCECA;color: #313131;font-size: 13px;}
    .pagination span:first-child, #container-2015.no-home .pagination a:first-child{ border:none!important}
    .pagination a:hover{color:#CACACA;-moz-transition-property: all;-moz-transition-duration: 0.4s;-o-transition-property: all;-o-transition-duration: 0.4s;-webkit-transition-property: all;-webkit-transition-duration: 0.4s;transition-property: all;transition-duration: 0.4s;} 
    .pagination a.active{ color:#da022b;}

	
}

/* TABLET AND MOBILE */
@media only screen and (max-width: 700px) {
	
	section.display .top-bar .path {margin-bottom: 23px;padding-bottom: 16px;}

	 /* CONTENIDO */
	.section-content { margin-bottom: 50px;}
	
	@-moz-document url-prefix() {
		.search-bar-table input#search-text-table {padding: 10px 12px 10px;height:39px }
		.search-bar-table button#search-button-table{height:39px}
	}	
	
}

/* MOBILE */
@media only screen and (max-width: 500px) {
    .section-content #table-results {table-layout: auto; width: 100%;}
	.section-content #table-results  tr {margin: 0;border: 1px solid #eee;font-size: 14px;word-break: break-word;}	
	.section-content #table-results  tr td:first-child, th {width: 100%;border: none;padding-top: 0px;clear: both;}
	.section-content #table-results  tr td {padding: 8px 0px;width: 100%;border-left: 0px;border-top: 0px;display: inline-table;line-height: normal;clear: both;border: 0px;padding-bottom: 0px;padding-top: 0px;}	
	.section-content #table-results  tr td.titulo:first-child, th {border-left: 1px solid #E9E9E9;}
	.section-content #table-results  tr.titles {display: none;}
	.section-content #table-results  tr td:last-child {padding-bottom: 26px;margin-bottom: 0px;}	
	.section-content #table-results  tr td .tit-for-mobile {display: table-cell;margin-right: -1px;width: 32%;background: #F5f5f5;border: 1px solid #E9E9E9;padding: 12px;box-sizing: border-box;      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;border-top: 0px;}
	.section-content #table-results  tr td .text-for-mobile {display: inline-table;margin-right: 0px;background: #fff;border: 1px solid #eee;padding: 12px;width: 100%;box-sizing: border-box;      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;height: auto;border-top: 0px;border-left: 0px;}
	.section-content #table-results  tr td:first-child .tit-for-mobile, .section-content #table-results  tr td:first-child .text-for-mobile { border-top: 1px solid #eee;}
	@-moz-document url-prefix() {
		.search-bar-table input#search-text-table {height:40px }
		.search-bar-table button#search-button-table{height:40px}
	}		
}
 