@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	}
table {
	border-collapse: separate;
	}
body  {
	text-align:left;
	font:12px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	color:#626262;
	background: url(../img/background.png) repeat-x;
	}
p	{  }
h1 {
	font-size:20px;
	color: #333;
	font-weight:lighter;
	letter-spacing:0px;
	padding:0 0 16px;
	}
h2 {
	font-size:14px;
	color:#005992;
	font-weight:lighter;
	letter-spacing:0px;
	padding:0 0 16px;
	}
h3 {
	font-size:14px;
	color:#000;
	font-weight:lighter;
	letter-spacing:0px;
	
	}
h4 {
	font-size:14px;
	color:#FFF;
	font-weight:lighter;
	letter-spacing:0px;
	
	}
strong{
	font-weight:bold;
	}
a {color: #333; font-family:Arial, Helvetica, sans-serif;}

a:link, a:visited, a:active {text-decoration: none; color:#333; font-weight:bold;}

a:hover {
	text-decoration: underline;
	color: #000;
	}
td,th{
	padding:4px;
	border-bottom:#CCC solid 1px;
	 }
form {
	margin:0px;
	border:0px;
	background-color:transparent;
}

img{ margin:0px; border:0px; padding:0px;}

.conte_sitio {  position:relative; width:880px; margin:0 auto;}
.cabezote {
	height:67px;
	clear:both;
	margin-bottom:21px;
	padding:9px 0 0 0}
	
	/* Root = Horizontal, Secondary = Vertical */
li {
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	}
ul {
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	}
ul.nav {
  width: 880px; /*For KHTML*/
  list-style: none;
  height: 32px;

}
ul.nav:hover {
  width: 880px; /*For KHTML*/
  list-style: none;
  height: 32px;

}
ul.nav li {
  width: 146px;
  float: left; /*For Gecko*/

  list-style: none;
  position: relative;
  height: 32px;
}

ul.nav ul {
  width: 880px;
  list-style: none;
  display: none;
  position: absolute;
  top: 32px;
  left: 0%;
}

ul.nav ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul.nav ul li {
  width: auto;
  background:url(../img/ss.gif) center right no-repeat ;
  padding:0 15px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul.nav a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  height:27px;
  padding-top:5px;
  color: #666;
  font: bold 12px/22px Arial, Helvetica, sans-serif;
  text-decoration: none;
    text-align:center;
  background:url(../img/m1.png) no-repeat;
}

/* Root Menu Hover Persistence */
ul.nav a:hover,
ul.nav li:hover a,
ul.nav li.iehover a {
  background:url(../img/m1a.png) no-repeat;
  color: #000;
}

/* 2nd Menu */
ul.nav li:hover li a,
ul.nav li.iehover li a {
  float: none;
  background: none;
  color: #333;
}

/* 2nd Menu Hover Persistence */
ul.nav li:hover li a:hover,
ul.nav li:hover li:hover a,
ul.nav li.iehover li a:hover,
ul.nav li.iehover li.iehover a {
  background: none;
  color: #000;
}

/* 3rd Menu */
ul.nav li:hover li:hover li a,
ul.nav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul.nav li:hover li:hover li a:hover,
ul.nav li:hover li:hover li:hover a,
ul.nav li.iehover li.iehover li a:hover,
ul.nav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul.nav li:hover li:hover li:hover li a,
ul.nav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul.nav li:hover li:hover li:hover li a:hover,
ul.nav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul.nav ul ul,
ul.nav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.nav li:hover ul ul,
ul.nav li:hover ul ul ul,
ul.nav li.iehover ul ul,
ul.nav li.iehover ul ul ul {
  display: none;
}

ul.nav li:hover ul,
ul.nav ul li:hover ul,
ul.nav ul ul li:hover ul,
ul.nav li.iehover ul,
ul.nav ul li.iehover ul,
ul.nav ul ul li.iehover ul {
  display: block;
}
.menurex {
	height:29px;
	clear:both;
	}
.logo { float:left; width:260px;}
.cero{ float: right; width:500px; }
.unox{ clear:both; height:35px;}
.linka { width:300px; padding:0px 0 0 0; float:left;}
.linka a:link, .linka a:visited, .linka a:active {
	font-size:12px;
	font-weight:lighter;
	color: #999;
	text-decoration:none;
	}
.linka a:hover {
	color: #FFF;
	text-decoration:underline;
	}
	
.ca { 
float:right;
width:200px;
padding:0px 0 0 0;}
.ca a:link, .ca a:visited, .ca a:active {
	font-size:11px;
	font-weight:lighter;
	color: #CCC;
	text-decoration:none;
	}
.ca a:hover {
	color: #FFF;
	text-decoration:underline;
	}
.carl { 
	float:right; 
	width:auto;
	padding-top:10px;
	height:22px;
	padding:0px 0 0 12px;
	}
.carlimp {
	background:url(../img/inbusca.gif) no-repeat;
	height:20px;
	width:139px;
	padding:0 3px;
	float:left;
	}
.sear {

	float:left;
	height:18px;
	width:20px;
	background-image: url(../img/search.gif);
	}
.sear span {
	display:none;
	}
.sear li, .sear a{
	display:block;
	height:18px;
	}
.sear li {
	display:inline;
	list-style:none;
	float:left;
	}
.sear1 {width:145px;}
.sear1 a:hover { 
	background-image:url(../img/search.gif);
	background-position: 0px -18px;
	background-repeat:no-repeat;
	
	}
.lt {
	height:20px;
	}
.lt3x {
	float:right;
	width:420px;
	}
.icob {
	float: right;
	}
.icob li, .icob ul {
	list-style:none;
	}
.icob li {
	float: left;
	padding-left:6px;
	}
.btn2 {
	height:22px;
	color: #666;
	font-size:11px;
	border:0;
	margin:0;
	cursor:pointer;
	padding:2px 3px 0 0 ;
	background: url(../img/btn_gen.gif) no-repeat;
	width:148px;
	}
	.btn {
	height:18px;
	color: #666;
	font-size:11px;
	border:0;
	margin:0;
	padding:2px 3px 0 0 ;
	background-color:transparent;
	width:145px;
	}
.banner { clear:both; height:317px;}

.contenido {
	height:auto;
	padding:23px 0;
	}
	.flt {
		float:left;
		width:660px;
	}
.conhome {
	background-color:#c8c8c8;
	height:auto;
	padding:5px;
	}
.conhome1 {
	border:#FFF solid 1px;
	width:auto;
	}
.conhome1 {
	border:#FFF solid 1px;
	width:auto;
	}
.conhome4x {
	height:452px;
	width:100%;
	}
.conhome5x {
	height:284px;
	width:100%;
	clear:both;
	}
.banana {
	height:auto;
	margin-bottom:16px;
	clear:both;
	background:url(../img/bc_ban.png) no-repeat;
	width:686px;
	height:156px;
	padding:5px;
	}
.sela {
	height:auto;
	margin-bottom:16px;
	}
.sela a:link, .sela a:active .sela a:visited  {
	color:#005992;
	font-weight:bold;
	font-size:12px;
	}
.sela a:hover  {
	color:#000;
	font-weight:bold;
	text-decoration:none;
	}

.sela2 {
	float:left;
	margin:0 2px 6px 2px;
	}
.sela3{
	background:url(../img/DS.png) no-repeat;
	width:154px;
	height:205px;
	padding:7px;
	clear:both;
	}
	
.zitem {
	width:154px;
	height:205px;
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	clear:both;
}

.zitem .caption {
	width:154px;
	margin:0;
	height:auto;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=50);    /* ie  */
	-moz-opacity:0.5;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.5;    /* for really really old safari */  
	opacity: 0.5;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}


.sela4{
	width:154px;
	margin:0 3px 5px 5px ;
	clear:both;
	}
.consec {
	background-color:#c8c8c8;
	height:auto;
	padding:5px;
	margin-bottom:16px;
	}
.consex {
	height:auto;
	float:left;
	width: 690px;
	}
.puta {
	float:left;
	border:#CCC solid 1px;
	padding:2px;
	margin-right:2px;
	}
.puta2 {
	float:left;
	border:#CCC solid 1px;
	padding:2px;
	}
	
.fem {
	float:left;
	width:380px;
	}
.fem2 {
	float:left;
	background: #dfdfdf url(../img/img/sub_feme.jpg) no-repeat;
	width:268px;
	min-height:284px;
	padding:170px 15px 15px 15px;
	}
.str {
	border-top: solid #CCC 1px;
	margin:16px 0;
	padding:16px 0;
	}
.tabb {
	background:#ededed;
	}
.tabb img {
	padding:0 5px;
	}
.fem3 {
	clear:both;
	margin:0px 0 6px 0;
	}
.fem3x1 {
	background:url(../img/linea_fajas/img/lf1.jpg) no-repeat;
	color:#096bb7;
	margin:0 0 9px 0;
	}
.fem3x2 {
	background:url(../img/linea_fajas/img/lf2.jpg) no-repeat;
	width:200px;
	height:86px;
	padding:34px 5px 5px 110px;
	color:#096bb7;
	margin:0 0 9px 0;
	}
.fem3x3 {
	background:url(../img/linea_fajas/img/lf3.jpg) no-repeat;
	width:200px;
	height:86px;
	padding:34px 5px 5px 110px;
	color:#096bb7;
	margin:0 0 9px 0;
	}
.fem3x4 {
	background:url(../img/linea_fajas/img/lf4.jpg) no-repeat;
	width:200px;
	height:86px;
	padding:34px 5px 5px 110px;
	color:#096bb7;
	margin:0 0 9px 0;
	}
.fem2 p{
	color: #333;
	font-size:12px;
	}
.fem2 h1{
	color:#FFF;
	font-size:12px;
	padding:0px;
	}
.fem2 a:link, .fem2 a:visited, .fem2 a:active {
	color:#000;
	font-size:18px;
	padding:0px;
	font-weight:normal;
	text-decoration:none;
	}
.fem2 a:hover {
	color:#000;
	padding:0px;
	text-decoration:underline;
	}
.pr1 {

	float:left;
	}
.pr2 {
	float:left;
	}
.pr3 {
	float:left;
	}
.pr4 {
	float:left;
	}
.go1 {
	background-color:#a5a5a5;
	height:auto;
	padding:5px;
	}
.go2 {
	border:#FFF solid 1px;
	float:left;
	}
.go3 {
	border-right:#FFF solid 1px;
	border-top: #FFF solid 1px;
	border-bottom:#FFF solid 1px;
	float:left;
	}
	.comp {widthauto;float:left; height:100%; padding:24px;}
.izq {width:578px;float:left; height:100%; padding:14px;}
.cl { clear:both;}

.subra {
	padding:3px;
	border:#063 solid 1px;
	}
.footer {
	margin-top:15px;
	padding:30px 0 0 0;
	clear:both;
	background:url(../img/back_pie.png) repeat-x #000;
	height:100%;
}
.fooconte{
	position:relative;
	width:930px; 
	margin:0 auto; 
	clear:both;}
.foot{
	width:170px;
	padding:0 5px 0 4px;
	float:left;
	margin: 0 5px;
	background:url(../img/sepa.gif) no-repeat;
	background-position:99% 50%;
	min-height:118px;
	}
.foot ul {
	list-style: none;
	padding: 0px;
	margin:0px;
}
.reser{
	float:right;
	text-align:right;
	color: #CCC;
}
.reser a, .reser a:link, .reser a:active, .reser a:visited {
	font: 11px Arial, Helvetica, sans-serif;
	color: #CCC;
	text-decoration: none;
	}
.reser li a:hover {
	color: #FFF;
	text-decoration:underline;
}
.foot li{
	list-style: none;
	display:block;
	text-decoration: none;
}
.foot li a, .foot li a:link, .foot li a:active, .foot li a:visited {
	font: 11px Arial, Helvetica, sans-serif;
	background: url(../img/sig.png) no-repeat;
	background-position: 0% 50%;
	border-bottom: #535252 1px dotted;
	padding: 2px 2px 2px 15px;
	color: #CCC;
 	display: block;
	text-decoration: none;
	}
.foot li a:hover {
	background: url(../img/sig2.png) no-repeat;
	background-position: 0% 50%;
	border-bottom:  #999 1px dotted;
	color: #FFF;
	text-decoration:none;
}
.buttom {
	background: url(../img/btn.png)#454545;
	border: #CCC solid 1px;
	color:#e8e8e8;
	cursor:pointer;}
.buttom:hover {
	background: #000;
	border: #CCC solid 1px;
	color:#FFF;}
#sigue {
	clear:both;
	height:30px;
	padding:15px 0 0 160px;
	}
#back {
	float:left;
	margin-right:4px;
	}
#next {
	float:left;
	}
#nume a:link {
	text-decoration:none;
	float:left;
	border:#d3edff 1px solid;
	background:#000;
	padding:2px 3px 0 5px;
	color: #CCC;
	width:10px;
	margin:0 4px 0 0;
	}
#nume{
	float:left;
	}
#nume a:hover {
	float:left;
	border:#d3edff 1px solid;
	background:#FFF;
	padding:2px 3px 0 5px;
	color:#036;
	width:10px;
	margin:0 4px 0 0;
	}
small{font-size: 10px; text-transform:capitalize; font-style:italic;}	
#lrt { float:left; margin:10px 5px 0 5px; width:410px;}
#lrt2 { float:left; margin:10px 5px 0 5px; width:240px;}
.cssform p{
width: 280px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px solid #f3f3f3;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 160px;
}
.csmail{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}
.cssform textarea{
width: 250px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.sepax2 {
	padding:16px 0 8px 0;
	margin-bottom:18px;
	border-bottom:#CCC dotted 1px;
}
.sepa {
	padding:4px 0 8px 0;
	margin-bottom:18px;
	clear:both;
	border-bottom:#CCC dotted 1px;
}
.sepax {
	padding:0 0 12px 0;
	margin-bottom:18px;
	clear:both;
}
.sepax2x {
	padding:6px 0;
	margin-bottom:18px;
	clear:both;
}
.ledores{
	padding:6px 12px 6px 12px;
	margin-bottom:18px;
	background-color:#CCC;
	clear:both;
	}
.sepizq{
	padding:0 12px 18px 12px;
	margin-bottom:18px;
	clear:both;
	}
.sepizq3{
	padding:0 12px 18px 12px;
	margin-bottom:18px;
	clear:both;
	background-color:#d7d7d7;
	}
.fora {
	width:31%;
	padding: 0 6px;
	float:left;
}
.molagal {
	width:48%;
	padding: 0 5px;
	float:left;
	height:85px;
}
.mola {
	width:48%;
	padding: 0 5px;
	float:left;
}
.mola2 {
	width:auto;
	padding:10px 0px;
	margin:10px 0;
	background:url(../img/bcnot.gif)  repeat-x bottom;
	}
.mola3x {
	width:auto;}
.joga {
	background:url(../img/bc_jogo.png) no-repeat;
	height:119px;
	padding:5px;
}
#footer {
	width:100%;
	height:177px;
	padding:0px;
	text-align:left;
	border:0px solid;
	background: url(../img/bcfoot.gif) top repeat-x;
	
}
#footpie {
	position:relative;
	width:880px;
	height:auto;
	margin:0 auto;
	padding:0px;
	text-align:left;
	border:0px solid;
	}

.lisad { clear:both; text-align:center; color: #333; padding:3px;}
.lisad a:link, .lisad a:visited, .lisad a:active { padding:2px 6px; color:#333}
.lisad a:hover { color:#FFF; background-color: #03C; text-decoration:none;}	
.tople {
		width:100%;
		text-align:right;
}
.rrr {
	background-color:#6f6f6f;
	padding:6px 0;
	margin:6px 0; 
}
.rrr6 {
	padding:2px;
	margin:8px 5px;
	background:#fff;
	border:#c9c9c9 solid 1px;
}
.prat {
	padding:2px;
	margin:8px 5px 30px 5px;
}
.prat li {
	list-style:none;
	display:block;
	border-bottom:#666 dotted 1px;
}

.prat li a, .prat li a:link, .prat li a:active, .prat li a:visited   {
	background: #999 url(../img/more.png) no-repeat center left;
	color:#FFF;
	display:block;
	padding:4px 5px 4px 18px;
	font-size:12px;
}
.prat li a:hover {
	color:#fff;
	text-decoration:none;
	background: #868686 url(../img/more.png) no-repeat center left;
}
.rety {
	padding:2px;
	margin:8px 5px 30px 5px;
}
.rety p {
	padding-left:20px;
}
.rety li {
	list-style:none;
	display:block;
	border-bottom:#666 dotted 1px;
	margin-bottom:10px;
}
.rety li:hover {
	display:block;
	background: #d5d5d5;
}
.rety li a, .rety li a:link, .rety li a:active, .rety li a:visited   {
	background: url(../img/more.png) no-repeat center left;
	color: #666;
	display:block;
	padding:4px 5px 4px 18px;
	font-size:13px;
	font-weight:bold;
}
.rety li a:hover {
	color:#fff;
	text-decoration:none;
	background: #868686 url(../img/more.png) no-repeat center left;
}


.lat {
	padding:0 0 40px 0;
}
.lat li {
	list-style:none;
	display:block;
	border-bottom:#666 dotted 1px;
}
.lat li a, .lat li a:link, .lat li a:active, .lat li a:visited   {
	color:#FFF;
	display:block;
	padding:4px 5px 4px 12px;
	font-size:12px;
	background:#8a8989;
}
.lat li a:hover {
	color:#000;
	text-decoration:none;
	background:#d2f3ff;
	font-size:12px;
}
.latsel {
	color:#000;
	text-decoration:none;
	background:#d2f3ff;
	font-size:12px;
}
.latitu{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:8px 0 0 10px;
	background: url(../img/bc_menu.gif) repeat-x;
	height:25px;
	font-size:12px;
	border-bottom:#CCC solid 1px;
	border-top:#CCC solid 1px;
}
.foores {
	float:left;
	color:#a6a6a6;
	margin: 0 15px;
	padding:20px 0 0 14px;
}
.foores2 {
	width:auto;
	text-align:center;
	padding:24px 0 0 0;
	color: #a6a6a6;
}
.foores2 p{
	text-align:center;
	color: #a6a6a6;	
}
.rita {
	padding-bottom:2px;
	margin-bottom:10px;
	border-bottom:#CCC solid 1px;
	font-size:10px;
}
.rita a {
	color: #626262;
	text-decoration:underline;
	font-size:10px;
}
.rita a:hover {
	text-decoration:none;
	color:#333;
}
.foores2 a:link, .foores2 a:active, .foores2 a:visited{
	color:#a6a6a6;
	font-weight:lighter;
	}
.foores2 a:hover{
	color: #333;
	text-decoration:underline;}
#dere { 
	padding:5px;
	float:right;
	}
	.rapu {
	clear:both;
	margin:0 0 16px;
	border:#CCC dotted 1px;
	padding: 8px;
	}
	.comen{
	float: right;
	padding-bottom:10px;
	background:#e7e7e7;
	width:233px;
	}
.genxx{
	float:left;
	width:177px;
	margin-right:13px;
	padding-bottom:40px;
	background:#8a8989;
	}
.ds1{
	float:left;
	width:376px;
	margin-right:16px;
	}

.ds1main{
	margin-left:392px;
	}
.ds2{
	float:left;
	background:#FFF;
	border:#CCC solid 1px;
	padding:4px;
	}
	.sep {
	width:auto;
	padding:0 0 15px 0;
	margin:6px 0;
	}
	.tres {
	width:auto;
	padding:20px 0 15px 0;
	margin:10px 0;
	border-top: #CCC solid 1px;
	}
.lat2x {
	float:left;
	width:628px;
	margin-right:10px;
	}
.lat2x img{
	float:left; padding:4px; background:#FFF; border:#CCC solid 1px;
	margin:0 16px 10px 0;
	}
.repa img{
	 padding:3px; background:#FFF; border:#CCC solid 1px;
	vertical-align:top;
	}
.siga{
	margin:15px;
	border:#CCC solid 1px;
	width:40%;
	float:left;
	height: 260px;
	}
	.ds_component{
		border-top:1px solid #CCC;
		padding:14px 0;
		margin-top:14px;}
.siga td,th{
	padding:4px;
	border:none;
	 }
.ds2a{
	float:left;
	background:#FFF;
	border:#CCC solid 1px;
	padding:4px;
	margin:3px;
	}
#creditos {
	color:#FFF;
	float:right;
	text-align:right;
	}
.tita { 
	clear:both;
	border-bottom:#CCC solid 1px;
	margin-bottom:10px;
	padding:0 0 10px 0;
}	
.rela{
	float:left;
	width:224px;
	margin:0 6px 15px 0;
	}
.rela1{
	float:left;
	padding:3px;
	border:1px solid #CCC;
	}
.rela2{
	float: right;
	width:151px
	}
.lx1{
	clear:both;
	padding:8px;
	border:1px solid #CCC;
	}
.lx2{float:left;}
#creditos {
	color:#FFF;
	float:right;
	text-align:right;
	}
