/* CSS - MasterCard - Black */
/* Boris Fernandois - 2007  */

/* GENERAL */
html, body{
padding:0; 
margin:0; 
}
body{
margin:0px;
color:#CCC;
background:#000;
font-family:"Trebuchet MS", Verdana, Arial;
}
h1, h2, h3, h4{
color:#999;
margin:0px;
}
h4{
margin-bottom:20px;
}
a{
text-decoration:underline;
color:#FBFBFB;
}
.bg{
width:990px;
margin:0px auto;
background:#000 url(../images/bg_black.jpg) no-repeat center top;
}
.black{
width:990px;
margin:0px;
}
.black hr{
border:0pt none;
clear:both;
color:black;
height:1px;
margin:0pt;
width:980px;
}
/* HEADER */

.header {
background:url(../images/t_interiorheader.jpg) no-repeat center 3px;
height:100px;
clear:both;
padding-top:70px;
}
* html .header {
background:url(../images/t_interiorheader.jpg) no-repeat center 3px;
height:115px;
clear:both;
padding-top:55px;
}
body#temhome .header{
background:transparent;
height:100px;
clear:both;
padding-top:70px;
}
#logoblack {
width:179px;
margin:0px auto;
}
#logoblackin {
width:179px;
margin:0px 0px 0px 100px;
}
#tblackhead {
width:245px;
margin:-70px 0px 0px 300px;
}
/* CENTRO */

.center div{
float:left;
}
   /* COL1 */
.col1{
width:290px;
margin-top:25px;
}
.col1 img{
margin-left:10px;
}
.col1 p{
width:250px;
font-size:12px;
color: #FBFBFB;
margin: 0 0 0 15px;
padding-left:10px;
border-left:5px solid #1a1a1a;
}
   /* COL2 */
.col2{
width:450px;
margin-top:25px;
}
.col2 img{
margin-left:15px;
}
.col2 p{
width:410px;
font-size:12px;
color: #FBFBFB;
margin: 0 0 0 5px;
padding-left:10px;
border-left:5px solid #1a1a1a;
}
.col2 div span{
color: #FBFBFB;
font-size:12px;
font-weight:bold;
margin: 0 0 0 5px;
padding-left:25px;
}
.col2 div p{
width:380px;
color: #FBFBFB;
font-size:12px;
margin: 0 0 0 5px;
background:url(../images/bull.gif) no-repeat 25px 6px;
padding-left:40px;
border-left:0px solid #1a1a1a;
}
.col2 .infoblock{
width:300px;
font-size:12px;
color: #FBFBFB;
margin: 10px 0 15px 30px;
padding:15px;
border:1px solid #CCCCCC;
text-align:center;
background:#333333;
}
* html .col2 .infoblock{
width:300px;
font-size:12px;
color: #FBFBFB;
margin: 10px 0 15px 15px;
padding:15px;
border:1px solid #CCCCCC;
text-align:center;
background:#333333;
}
.col2 .txtlegal{
clear:both;
font-size:12px;
color: #CCCCCC;
margin: 0 0 0 5px;
padding-left:10px;
border-left:0px;
font-style:italic; 
}
   /* COL4 */
.col4{
width:700px;
margin-top:25px;
padding-left:40px;
}
.col4 p{
width:640px;
font-size:12px;
color: #FBFBFB;
margin: 0 0 0 5px;
padding-left:10px;
border-left:5px solid #1a1a1a;
}
.col4 div span{
color: #FBFBFB;
font-size:12px;
font-weight:bold;
margin: 0 0 0 5px;
padding-left:35px;
}
.col4 div dl{
width:650px;
color: #FBFBFB;
font-size:12px;
margin:0px;
}
.col4 div dl dt{
margin: 0 0 0 5px;
padding-left:35px;
}
.col4 div dl p{
width:520px;
color: #FBFBFB;
font-size:12px;
margin: 0 0 0 5px;
background:url(../images/bull.gif) no-repeat 35px 6px;
padding-left:50px;
border-left:0px solid #1a1a1a;
}
.col4 div p{
width:550px;
color: #FBFBFB;
font-size:12px;
margin: 0 0 0 5px;
background:url(../images/bull.gif) no-repeat 35px 6px;
padding-left:50px;
border-left:0px solid #1a1a1a;
}
.col4 .infoblock{
width:350px;
font-size:12px;
color: #FBFBFB;
margin: 10px 0 20px 100px;
padding:15px;
border:1px solid #CCCCCC;
text-align:center;
background:#333333;
}
* html .col4 .infoblock{
width:350px;
font-size:12px;
color: #FBFBFB;
margin: 10px 0 20px 50px;
padding:15px;
border:1px solid #CCCCCC;
text-align:center;
background:#333333;
}
.col4 .txtlegal{
clear:both;
width:640px;
font-size:12px;
color: #CCCCCC;
margin: 0 0 0 5px;
padding-left:10px;
border-left:0px;
font-style:italic; 
}
   /* MENU */
.col3{
width:250px;
}
.menu{
float:right;
width:250px;
margin:0px 0px 15px;
font-size:13px;
font-weight:bold;
color:#999;
}
.menu ul{
margin:0 10px;
padding:0;
list-style-type:none;
display:block;
line-height:165%;
width:210px;
float:right;
text-align:right;
border-right:5px solid #1a1a1a;
background:url(../images/dotted.gif) repeat-y left;
}
* html .menu ul{
margin:0 10px;
padding:0;
list-style-type:none;
display:block;
line-height:165%;
width:200px;
float:right;
text-align:right;
border-right:5px solid #1a1a1a;
background:url(../images/dotted.gif) repeat-y left;
}
.menu ul li{
margin:0;
padding:0;
background:url(../images/linemenu.jpg) no-repeat right bottom;
}
.menu ul li a{
display:block;
text-decoration:none;
color:#999;
padding:0 0 0 20px;
width:200px;
padding:0 10px 0 0;
}
.menu ul li a:hover{
background:#1a1a1a url(../images/bg_hover_menu.jpg) repeat-y right;
}
/*.menu ul li a.current,.menu ul li a.current:hover{
background:url(../images/arrow.gif) no-repeat right center;
color:#fff;
}*/
body#tem1 .menu ul li a.select1, body#tem2 .menu ul li a.select2, body#tem3 .menu ul li a.select3, body#tem4 .menu ul li a.select4, body#tem5 .menu ul li a.select5, body#tem6 .menu ul li a.select6, body#tem7 .menu ul li a.select7, body#tem8 .menu ul li a.select8, body#tem9 .menu ul li a.select9, body#tem10 .menu ul li a.select10, body#tem11 .menu ul li a.select11, body#tem12 .menu ul li a.select12, body#tem13 .menu ul li a.select13, body#tem14 .menu ul li a.select14{
background:url(../images/arrow.gif) no-repeat right center;
color:#fff;
}
.espdf{
margin: 15px 0px 0px 80px;
width: 160px;
}
* html .espdf{
margin: 15px 0px 0px 35px;
width: 160px;
}
#archpdf{
background: url(../images/btn_pdf.jpg) no-repeat 0 0;
display: block;
width: 160px;
height : 60px;
text-indent: -1000em;
}
#archpdf:hover{
background:url(../images/btn_pdf.jpg) no-repeat 0 -60px;
}

/* FOOTER */

.footer {
background:url(../images/bg_footer.jpg) no-repeat center top;
height:220px;
}
.footer .logos {
height:120px;
margin:0px;
clear:both;
}
.footer .logos #banco {
background:url(../images/logo_bch.gif) no-repeat 0 0;
display: block;
width: 169px;
height : 32px;
text-indent: -1000em;
margin: 70px 60px 0px;
float:left;
}
.footer .logos #master {
background:url(../images/logo_master.gif) no-repeat 0 0;
display: block;
width: 63px;
height : 39px;
text-indent: -1000em;
margin: 65px 60px 0px;
float:right;
}
* html #banco {
margin: 70px 30px 0px;
}
* html #master {
margin: 65px 30px 0px;
}
.footer .legal {
height:80px;
margin:0px;
clear:both;
}
.footer .legal div p{
font-size:10px;
color:#999;
margin:0px auto;
text-align:center;
width:600px;
padding-top:60px
}
.footer .valid {
height:45px;
margin:0px;
padding:5px;
}
.footer .valid .derechos {
width:300px;
margin:0px auto;
}
.footer .valid .derechos p {
text-align:center;
font-size:11px;
width:112px;
color:#999;
border-bottom:5px solid #1a1a1a;
margin:0px auto;
}
.footer .valid .validok {
width:300px;
margin:-22px 0px 0px 650px;
float:right;
position:absolute;
text-align:right;
color:#666;
}
.footer .valid .validok a {
color:#666;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.footer .valid .validok a:hover {
color:#999;
text-decoration:underline;
}
#det_1{
display:none;
color: #FBFBFB;
font-size:12px;
font-weight:normal;
padding:0px;
margin:0px;
}
#det_2{
display:none;
color: #FBFBFB;
font-size:12px;
font-weight:normal;
padding:0px;
margin:0px;
height:500px;
}
#det_3{
display:none;
color: #FBFBFB;
font-size:12px;
font-weight:normal;
padding:0px;
margin:0px;
width:370px;
}
#det_4{
display:none;
color: #FBFBFB;
font-size:12px;
font-weight:normal;
padding:0px;
margin:0px;
height:80px;
}
#det_5{
display:none;
color: #FBFBFB;
font-size:12px;
font-weight:normal;
padding:0px;
margin:0px;
height:700px;
}
#det_6{
display:none;
color: #FBFBFB;
font-size:12px;
font-weight:normal;
padding:0px;
margin:0px;
height:800px;
}
#det_7{
display:none;
color: #FBFBFB;
font-size:12px;
font-weight:normal;
padding:0px;
margin:0px;
height:150px;
}
#det_8{
display:none;
color: #FBFBFB;
font-size:12px;
font-weight:normal;
padding:0px;
margin:0px;
height:200px;
}
#cob1{
display:none;
}
#cob2{
display:none;
}
#cob3{
display:none;
}
#cob4{
display:none;
}
#cob5{
display:none;
}
#cob6{
display:none;
}


