h1, h2, h3, h4, h5 {color: #00136C; font-weight:bold;}
	h1{padding:10px 0 20px 0;}
	.cicodes{ max-width:36px; width:100%}
	.clear{    clear: both;
    width: 100%;}
	.text-end {text-align: left!important;}
	
.block1 {
   display: block;
    float: left;
    background-color: white;
    
    
}
	
	
.block1.bl1 {
    min-height: 270px;
}

.block1.bl2 {
    min-height: 270px;
}

.block1.bl3 {
    min-height: 270px;
}

.block1 a {
    color: blue;
    font-size: 12px;
    line-height: 14px;
	padding: 5px 0;
text-decoration: underline;}

.b_indefinido .block1 a {
    color: rgb(252, 252, 255);
}

.bblock2 img { width:100%; float:left; margin-top: 15px;}

.bblock1 {
    /* width: 45%; */
    float: left;
    /* margin-left: 5%; */
    margin-top: 5%;
    border-right: solid 1px #d0cccc;
    min-height: 210px;
    }
	
	.bblock2 {width: 50%;
    float: left;}

.block2 {
    border: solid 1px black;
    float: left;
    width: 33%;
    /* min-height: 350px; */
    margin-bottom: 25px;
}

#inforef {
	text-align:center
	
	}
	
#imgreferencia{ margin:auto}
	
	#botdescarga { width: 200px;
    margin: auto;}
	
/* h3#titleref {
    margin: 50px 0 35px 0;
} */

.bblock1 .btn-primary {
    background-color: white;
    border-color: white; 
	white-space:inherit;
	text-align:left;
}

.btn-primary:hover {
    color: blue;
}


.b_indefinido .btn-primary:hover {
    color: rgb(255, 255, 255);
}

.square {
  height: 20px;
  width: 20px;
float: left;}

.s_acero { background-color: #09a3e1;}

.s_aluminio { background-color: #8ed227;}

.s_inoxidable { background-color:#fca71e}

.s_indefinido { background-color:#343434}

.b_acero { border-left: 25px solid #09a3e1;}

.b_aluminio { border-left: 25px solid #8ed227;}

.b_inoxidable { border-left: 25px solid #fca71e}

.b_indefinido {
    border-left: 25px solid #343434;
    width: 50%;
}

.b_acero a.btn.btn-primary { background-color:  #97cffe; border-color:  #97cffe;}

.b_aluminio a.btn.btn-primary { background-color:  #d0ed93; border-color:  #d0ed93;}

.b_inoxidable a.btn.btn-primary { background-color:  #ffaf4e; border-color:  #ffaf4e}

.b_indefinido a.btn.btn-primary { background-color:  #666666; border-color:  #666666}

.mat { font-size: 11px;float: left;margin-right: 5px;padding-top: 1px;}

.esq { padding-top: 25px;float: left;}

#tabla-E53-BP53, #tabla-E53-BS53{ padding:25px 10% 0}




.my_btn1 { background-color:#750303}

a.botdescarga {
    background-color: #ea0023;
    border: none;
    margin: 25px 45px;
}
.col-sm-6.clear {text-align: center;}

.bl1 a.btn.btn-primary, .bl2 a.btn.btn-primary, .bl3 a.btn.btn-primary {border-radius: 0;padding: 4px;margin: 2px; width:100%}



.sycoh3 a {
    font-size: 21px;
    line-height: 24px;
}

.bblock1.bblock1_2.col-sm.col-6 {
    border: none;
    min-height: auto;
}

.blocks {
    width: 100%;
    float: left;
}

img#imgreferencia.img-fluid2 {
    width: 70%;
}

.block2.block2_2 {
    width: 46%;
    margin: 2%;
    /* min-height: 416px; */
}

.block1 ul {
    padding-right: 15px;
}

#pestanas li {
    float: left;
    list-style: none;
    width: 23%;
    text-align: center;
    margin: 0px 1%;
    color: #000c5a;
    padding: 20px 1% 0;
    border-radius: 10px 10px 0px 0px;
    background-color: #e4edf1;
}

ul#pestanas {
    width: 90%;
    float: left;
    clear: both;
    margin: 35px 5%;
    padding: 0;
}

h2#pesth1 {
    padding: 10px 2%;
    margin-top: 10px;
    float: left;
    width: 100%;
}

@media only screen and (max-width: 1300px) {
.block2 {
  
    width: 50%;
	
}	
}

@media only screen and (max-width: 950px) {
	
	.bblock1.bblock1_2.col-sm.col-6, .bblock2.col-sm.col-6 { width:96%; max-width:96%
}
	
	.block2.block2_2 {
    width: 46%;
    margin: 2%;
    min-height: 500px;
}
	
	#pestanas li {
    width: 98%;
    margin: 10px 1% 0;
    padding-bottom: 15px;
}
	
.block2 {
  
    width: 100%;
	
}	

.block1.bl1, .block1.bl2, .block1.bl3, .bblock1, .bblock2, .block2 { min-height:auto}

.block2 { padding-bottom:25px}
}

@media only screen and (max-width: 600px) {
	
.block2.block2_2 {
    width: 98%;
    margin: 1%;
	min-height:inherit;
}

	
	th {
	    font-size: 12px;
	}
}


@media only screen and (max-width: 450px) {

	th {
	    font-size: 11px;
	}
}
/* CSS Document */




	

div#fleft {
    position: absolute;
    right: 20px;
    top: 15%;
}

div#fright {
    position: absolute;
    left: 20px;
    top: 15%;
}

#afleft path, #fright path {
    color: #000c5a;
    width: 65px;
    height: 100px;
    stroke-width: 2;
}