/*BODY*/

body{ font-family: Arial, Tahoma, Helvetica; font-size: 12px; color: #000; text-decoration: none; margin: 0px; padding: 0px; background-color: #F4F4F4; }
.top {
    float: left;
    width: 100%;
    padding: 0px;
    float: left;
    width: calc(100% - 20px);
    background: #FFF;
    /* -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); */
    /* box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); */
    height: 60px;
    margin: 10px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 22px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 22px 0 rgba(0,0,0,0.3);
}

.logo{ float: left; width: 340px; background-image: url(../logo.png); height: 60px;   }
.sap{ float: right; width: 139px; background-image: url(../logo_sap.png); background-repeat: no-repeat; background-position: center center; height: 60px; background-size:contain; margin-right:20px;}

.container { margin:3%; width:94%; border:solid 1px #fff; float:left; -webkit-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px; padding-bottom:50px;}


@media only screen and (max-width: 480px) {
.sap{ display:none;}
}

/**/

/*PRODUCTOS FILTROS LISTADO*/
.pro_row{ float:left; width:900px;}
.pro_row_1{float:left; width:100%; }
.pro_row_2{float:left; width:100%; background:#ccc;}


/*PRO LIST HORIZONTAL*/
.pro_box{float:left; width:100%; border-bottom:solid 1px #ccc; margin-bottom:1px; padding:10px 0px; background:#fff;}
.pro_box_1{ float: left; width: 12%; padding: 5px; }
.pro_box_1 img{ margin-left: auto; margin-right: auto; display: block; }
.pro_box_2{float:left; width:30.5%; padding:5px; margin-right:15px;}
.pro_box_3{float:left; width:10.5%; padding:5px;}
.pro_box_4{float:left; width:4.5%; padding:5px;}
.pro_box_5{float:left; width:4.5%; padding:5px; }
.pro_box_6{float:right; width:15.5%; padding:5px; margin-right:45px;}
.pro_box div:nth-child(2){ font-size:18px; font-weight:100;}
.pro_box:hover { background: #F7F7F7; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.4); box-shadow: 0 0 4px 0 rgba(0,0,0,0.4); position: relative; z-index: 100; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #0080ff; }

.pro_box{
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.cabecera{ color: #666; font-size: 12px; line-height: 30px; text-transform: uppercase; text-shadow: 0 1px 0 #fff; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #D6D6D6; border-bottom-color: #D6D6D6; background-color: #DADADA; }

.cabecera .pro_box_1, .cabecera .pro_box_6 { text-align:center;}
.cabecera div{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.download{ line-height: 32px; color: #FFF; text-decoration: none; background-color: #00AEAE; display: block; text-align: center; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #099; margin-right:10px; }
.download:hover{ -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; background-color: #0080ff; text-decoration: none; }

.pro_title{ color:#666; line-height:35px;}
.spc_tnb_data{ }
@media only screen and (max-width: 480px) {
	.cabecera div{ display:none}
	     .pro_box{ font-size:11px;}
		.pro_box_1{ width: 100%; min-width:58px; }
		.pro_box_2{ width: 100%;}
		.pro_box_3{ width: 100%;}
		.pro_box_4{ width: 100%;}
		.pro_box_5{ width: 100%;}
		.pro_box_6{ width: 100%; float:left; }
		
		}
		
		
/**/

table.tableSorter {
    border: solid 1px #ccc;
    text-align: center;
    background-color: #FFF;
    margin: auto;
    top: 0px;
    border: solid 1px #ccc;
	width: 98% !important;
    min-width: 98% !important;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 8px;
}
table.tableSorter tr {border-bottom:solid 1px #f2f2f2; line-height:32px;}


.back{ background-color:#f2f2f2; line-height:30px;  border-bottom:solid 1px #ccc; }

table.tableSorter th div.sortArrow {
width: 11px;
height: 6px;
display: inline-block;
margin-left: 5px;
vertical-align: 2px;
position: relative;
}

table.tableSorter th div.sortArrow div.sortArrowAscending,
table.tableSorter th div.sortArrow div.sortArrowDescending {
position: absolute;
display: none;
width: 11px;
height: 6px;
}

table.tableSorter th div.sortArrow div.sortArrowAscending {
background: url('arrow_asc.png');
}

table.tableSorter th div.sortArrow div.sortArrowDescending {
background: url('arrow_desc.png') no-repeat;
}

.filterSearchStyle {
    width: 98.8%;
    height: 50px;
    line-height: 30px;
    font-size: 22px;
    color: #000;
    margin: 20px auto;
    float: none;
    display: block;
    float: none;
    text-indent: 20px;
    border-radius: 8px;
    border: solid 1px #ccc;
}

table.tableSorter tr th {
    border-bottom: solid 1px #c7c7c7;
    line-height: 32px;
    background-color: #f2f2f2;
}
table.tableSorter tr td {
    border-bottom: solid 1px #c7c7c7;
       
}
table.tableSorter tr td:nth-child(2) {
	text-align:left;
}

table {
    font-family: arial;
    font-size: 14px;
    font-weight: 100;
}
strong {     font-weight: 100;}