@import url(grid.css);
.mainBox { padding:10px; background-color:#DBDBDB; margin-bottom:5px;}
.colCont { clear:left;}
/*/////////TITULOS///////*/
.titChBlanco { font-size:16px; padding:10px; color:#000; max-width:930px; margin:0 auto  }
.titMeBlanco { font-size:20px; padding:10px; color:#000; max-width:930px; margin:0 auto  }
.titGrBlanco { font-size:37px; padding:10px 0; color:#000; max-width:930px; margin:0 auto  }
.titChAmarillo { font-size:16px; padding:10px; color:#999; max-width:930px; margin:0 auto  }
.titMeAmarillo { font-size:20px; padding:10px; color:#999; max-width:930px; margin:0 auto  }
.titGrAmarillo { font-size:37px; padding:10px 0; color:#999; max-width:930px; margin:0 auto  }
.titChRojo { font-size:16px; padding:10px; color:#fff; max-width:930px; margin:0 auto  }
.titMeRojo { font-size:20px; padding:10px; color:#fff; max-width:930px; margin:0 auto  }
.titGrRojo { font-size:37px; padding:10px 0; color:#fff; max-width:930px; margin:0 auto  }

.titBgChBlanco   { font-size:16px; padding:10px 10px 10px 17px; max-width:923px; margin:0 auto; background-color:#fff }
.titBgMeBlanco   { font-size:20px; padding:6px 10px 6px 17px;   max-width:923px; margin:0 auto; background-color:#fff}
.titBgGrBlanco   { font-size:26px; padding:10px 10px 10px 17px; max-width:923px; margin:0 auto; background-color:#fff }
.titBgChAmarillo { font-size:16px; padding:10px 10px 10px 17px; max-width:923px; margin:0 auto; background-color:#E4E4E4; color:#FFF }
.titBgMeAmarillo { font-size:20px; padding:6px 10px 6px 17px;   max-width:923px; margin:0 auto; background-color:#E4E4E4; color:#FFF }
.titBgGrAmarillo { font-size:26px; padding:10px 10px 10px 17px; max-width:923px; margin:0 auto; background-color:#E4E4E4; color:#FFF }
.titBgChCyan     { font-size:16px; padding:10px 10px 10px 17px; max-width:923px; margin:0 auto; background-color:#999; color:#FFF }
.titBgMeCyan     { font-size:20px; padding:6px 10px 6px 17px;   max-width:923px; margin:0 auto; background-color:#999; color:#FFF }
.titBgGrCyan     { font-size:26px; padding:10px 10px 10px 17px; max-width:923px; margin:0 auto; background-color:#999; color:#FFF }
.titBgChRojo 	 { font-size:16px; padding:10px 10px 10px 17px; max-width:923px; margin:0 auto; background-color:#de0000; color:#FFF }
.titBgMeRojo 	 { font-size:20px; padding:6px 10px 6px 17px;   max-width:923px; margin:0 auto; background-color:#de0000; color:#FFF }
.titBgGrRojo 	 { font-size:26px; padding:10px 10px 10px 17px; max-width:923px; margin:0 auto; background-color:#de0000; color:#FFF }


/*CUADROS TEXTO*/
.textBoxA { padding:8px 8px; font-size:13px; margin:0 auto 5px; max-width:931px; color:#000}
.textBoxA a{ color:#FF9}

.textBoxBgAmarillo { padding:8px 8px; font-size:13px; margin:0 auto 5px; max-width:931px; background-color:#E4E4E4; color:#000}
.textBoxBgCyan    { padding:8px 8px; font-size:13px; margin:0 auto 5px; max-width:931px; background-color:#999; color:#fff}
.textBoxBgVerde   { padding:8px 8px; font-size:13px; margin:0 auto 5px; max-width:931px; background-color:#359a00; color:#fff}
.textBoxBgRojo     { padding:8px 8px; font-size:13px; margin:0 auto 5px; max-width:931px; background-color:#000; color:#fff}
.textBoxBgBlanco   { padding:8px 8px; font-size:13px; margin:0 auto 5px; max-width:931px; background-color:#ffffff; color:#000}

.textBoxA p, .textBoxBgAmarillo p, .textBoxBgCyan p, .textBoxBgRojo p, .textBoxBgBlanco p, .textBoxBgVerde p  { padding:5px 10px; }
.textBoxA ul, .textBoxB ul, .textBoxBgAmarillo ul, .textBoxBgCyan ul, .textBoxBgRojo ul, .textBoxBgBlanco ul, .textBoxBgVerde ul{ padding:5px 10px; }
.textBoxA li, .textBoxB li, .textBoxBgAmarillo li, .textBoxBgCyan li, .textBoxBgRojo li, .textBoxBgBlanco li, .textBoxBgVerde li{ list-style:inside square; padding:2px 0 1px 10px; margin-bottom:2px; }

/* TEXTO  E IMAGEN */

.boxContImgTxt {
	padding:3px;
	margin-bottom:6px;
}
.boxContImgTxtImg {
	float:left;
}
.boxContImgTxtImg img{
	margin-right:8px;
}
.boxContImgTxtText p{
	padding:6px 10px 12px 10px;
}
.boxContTxtFoto {
	margin-top:4px;
	padding:3px;
	margin-bottom:12px;
}
.boxContImgTxtIzq .boxContImgTxtImg img{
	float:left;
	margin:6px 6px 4px 0;
}
.boxContImgTxtDer .boxContImgTxtImg img{
	float:right;
	margin:6px 0 4px 6px;
}
.boxContImgTxtIzq .boxContImgTxtImg  {
	float:left;
	margin:0 6px 4px 0;
}
.boxContImgTxtDer .boxContImgTxtImg {
	float:right;
	margin:0 0 4px 6px;
}
.boxContFotoTxtText p{
	padding:5px 10px
}
/*IMAGENES*/
.boxContImg { text-align:center; display:block; clear:left}

/*CODE*/

.code {
	margin:auto;
	max-width:950px
}


/*SOLAPAS*/
.solapaC{  min-height:50px;  }
.solapaTit{ margin-top:4px; height:29px; padding-left:5px; background-color:#fff;}
.solapaCont{ background-color:#DBDBDB; padding:10px 3px; border:#d3d3d3 solid 1px; min-height:50px; display:none; }
.solapaTitOff{ 
	padding-right:10px; 
	float:left;
	margin:-5px 0 0 0;
	background:url(../img/temas/bgSolapaTitOff.gif) no-repeat bottom right; 
}
.solapaTitOff span{ 
	float:left;  height:20px;
	padding:11px 0 0 10px;
	font-size:13px; text-transform:uppercase;
	font-weight:bold;
	background:url(../img/temas/bgSolapaTitOff.gif) no-repeat bottom left; 
	color:#a0a0a0; 
	cursor:pointer
}
.solapaTitOn { 
	margin:0 0 0 4px;
	padding-right:15px; 
	float:left;
	position:relative;
	background:url(../img/temas/bgSolapaTitOn.gif)  no-repeat top right; 
	cursor:default
}
.solapaTitOn span{ 
	float:left; height:20px;
	padding:10px 0 0 15px;
	font-size:13px; text-transform:uppercase;
	font-weight:bold;
	background:url(../img/temas/bgSolapaTitOn.gif)  no-repeat top left; 
	color:#000; 
}
.solapaTitOn:hover, .solapaTitOff:hover{ 
	text-decoration:none !important;
}
.solapaTitOff:hover{ 
	background:url(../img/temas/bgSolapaTitOver.gif)  no-repeat bottom right;
}
.solapaTitOff:hover span{ 
	background:url(../img/temas/bgSolapaTitOver.gif)  no-repeat bottom left;
	color:#000; 
}

/*GRILLAS*/
.Grilla { border-collapse:collapse; table-layout:fixed; margin:10px auto; font-size:11px;  }
.Grilla th, .Grilla td { padding:4px;}

.GrillaTrTit th{ background-color: #000 !important; border:1px solid #fff !important; padding:6px 2px; color:#fff !important;}

.GrillaTrCol th { border:#fff solid 1px !important; font-weight:bold; padding:5px; background-color:#999; text-align:center}

.GrillaTrRow td { border:#fff solid 1px; padding:5px; background-color:#fff;}
.GrillaTrRowImp td { border:#fff solid 1px; padding:5px; background-color:#F2F2F2;}

.GrillaTdRowDes { padding:2px; border:#fff solid 1px !important; font-weight:bold; background-color:#E9E9E9 !important; }
.GrillaTrRowImp .GrillaTdRowDes { background-color:#DADADA !important;}


.GrillaSpanCom, .GrillaDivCom span { color: #FF0000; font-size:8px; vertical-align:top; }
.GrillaDivCom{ font-size:11px; margin:2px 7px; }