﻿.borde, .tabla_borde, .table,.tableSupIzq, .tableSupIzqDer, .tableSupIzqInf, .tableSupDerInf, 
.tableIzq, .tableSup, .tableInfDer, .tableSupDer, .TblMenuCenter, .ThrMenu /*.TrMenu*/
{
	border-width:1px;
	border-style:solid;
	border-right: #1266ab 1px solid;
	border-top: #1266ab 1px solid;
	border-left: #1266ab 1px solid;
	border-bottom: #1266ab 1px solid;
}

.tabla_borde, .table,.tableSupIzq, .tableSupIzqDer, .tableSupIzqInf, .tableSupDerInf, 
.tableIzq, .tableSup, .tableInfDer, .tableSupDer, .tblDinamica
{
	font: 1em Verdana, Geneva, Tahoma, sans-serif; 
	text-decoration: none;	
	padding: 4px 4px 4px 4px;
	height:14px;
}

.tableSupIzq {border-right-style: none;border-bottom-style: none;}
.tableSupIzqDer{border-bottom-style: none;}
.tableSupIzqInf{border-right-style: none;}
.tableSupDerInf{border-left-style: none;}
.tableIzq {	border-top-style: none;border-right-style: none;border-bottom-style: none;}
.tableSup {	border-right-style: none;border-bottom-style: none;border-left-style: none;}
.tableInfDer {border-top-style: none;border-left-style: none;}
.tableSupDer {border-bottom-style: none;border-left-style: none;}

.tblFitro
{	
	border-right: #1266ab 0px solid;	border-top: #1266ab 0px solid;
	border-left: #1266ab 0px solid;		border-bottom: #1266ab 0px solid;
	padding:2px 2px 2px 2px;
	width:100%;	
}
.tblDinamica
{
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	width:100%;
	text-align:justify;
	/*border: solid 1px #1266ab;*/
	
}
.tdDinamica
{	
	padding-bottom:8px;
	vertical-align:text-top;
	text-align:justify;
	
}

/* menu tramites */
.TblMenuCenter
{		
	background-color:#f7f7f7;		
	padding: 20px 20px 20px 20px;
	margin-left:20px;
	margin-bottom:10px;
	width:100%;    
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	/*font-weight: bold;   		*/
}
.ThrMenu
{	
	
	color: #1266AB; /*#333; /*#1266AB;*/
	padding:5px 5px 5px 5px;		
	background-image: url(../../images/bg-menu-main3.jpg);
	background-color:#DBDEE8; /*#DEF;/*celeste*/
	font-weight:bold;
	/*font-size: 12px; 	*/
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-align:left;	
	text-transform: uppercase;
}

.TrMenu, .TdMenu
{	
	/*border:solid 1px #1266ab;*/
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #1266AB;
	padding:5px 5px 5px 5px;	
	text-align:left;		
}

.TablaText
{
	font-size: 12px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	width:100%;
	background-color:#ffffff;
	border-width:1px;
	border-style:groove;
	border-right: #D4D4D4 1px solid;
	border-top: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	border-bottom: #D4D4D4 1px solid;	
}

.tblDeclara
{	
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;	
	width:100%;	
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-transform: uppercase;	
	/*font-weight:bold;*/
	padding-right: 3px; padding-left: 3px; 
	padding-top: 5px; 	padding-bottom: 5px; 
	font-size: 0,8em; 	
	color:#1266ab; 	
	/*background-color:#D3DEEF;*/
	margin-top:10px;
	margin-bottom:10px;

}
/*AÑADIDO POR PIS-PAS */

div.tbl{clear: none;overflow: auto; margin-top:2px;margin-bottom:2px;border: 0px solid red}
div.colum_head
{
	float: left;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 1px;	
	border-style: solid;
	border-right-width: 0px;border-left-width: 0px;border-top-width: 0px;border-bottom-width: 0px;	
	color: #505050; 
	font: 11px Verdana, Geneva, Tahoma, sans-serif; 
	text-decoration: none; 
	width:100%;
	border: 0px solid green;
	/*margin-bottom:4px; /*ESTO ES PARA PONER MAS ESPACIO ENTRE TABLAS*/
}
div.colum
{
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 5px;
	border-color: #000000;
	border-style: solid;	
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;	
}

/* DIV EN FORMA DE TABLA*/
div.tablaCsv{clear: none;overflow:auto; margin-top:5px;margin-bottom:5px; }
div.tabla{clear: none;overflow: auto; margin-top:5px;margin-bottom:5px;border: 0px solid red}
div.fila {clear: both;}
div.filasola {clear: both; margin-left:5px;padding-bottom: 2px; font-weight:normal;}
div.col_head
{
	float: left;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 1px;	
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	/*font-weight:bold;*/	
	color: #505050; 
	font: 11px Verdana, Geneva, Tahoma, sans-serif; 
	text-decoration: none; 
	width:100%;
	/*border: 1px solid green;*/
	/*margin-bottom:4px; /*ESTO ES PARA PONER MAS ESPACIO ENTRE TABLAS*/
}
div.col_head_borde
{
	float: left;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 1px;	
	border-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-color:#1266AB;
	/*font-weight:bold;*/	
	color: #505050; 
	font: 11px Verdana, Geneva, Tahoma, sans-serif; 
	text-decoration: none; 
	width:100%;
	/*border: 1px solid green;*/
	/*margin-bottom:4px; /*ESTO ES PARA PONER MAS ESPACIO ENTRE TABLAS*/
}

div.col_head2
{
	float: left;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 1px;	
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	color: #505050; 
	font: 11px Verdana, Geneva, Tahoma, sans-serif; 
	text-decoration: none; 
	width:100%;	
}

div.col
{
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 5px;
	border-color: #000000;
	border-style: solid;	
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;	
}

/* DIV TABLA FORM DE TABLA CON BORDES */
div.tablaB{clear: none;overflow: auto; margin-top:5px;margin-bottom:5px}
div.filaB{clear: both;}
div.filasolaB {clear: both; margin-left:5px;padding-bottom: 2px; font-weight:bold;}
div.filaSolaBold {clear: both; margin-left:5px;padding-bottom: 2px; font-size: 11px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-weight:bold}
/* Columna con titulo*/
div.col_headB
{
	float: left;
	/*padding: 5px;*/
	padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 1px;
	border-style: solid;
	border-right-width: 0px;border-left-width: 0px;border-top-width: 0px;border-bottom-width: 0px;
	color: #505050;
	font: 11px Verdana, Geneva, Tahoma, sans-serif;
	text-decoration: none;
	width:100%;
	/*background-color:#EDEDED;*/
	font-weight:bold;
	/*margin-bottom:4px; /*ESTO ES PARA PONER MAS ESPACIO ENTRE TABLAS*/
}
/* Columna con titulo y borde padding top 13*/
div.col_headB2
{
	float: left;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 13px;
	padding-bottom: 1px;	
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	color: #505050; 
	font: 11px Verdana, Geneva, Tahoma, sans-serif; 
	text-decoration: none; 
	width:100%;
	background-color:#EDEDED;
	font-weight:bold;
}

div.col_headB2Der
{
	float: left;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 13px;
	padding-bottom: 1px;	
	border-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	color: #505050; 
	font: 11px Verdana, Geneva, Tahoma, sans-serif; 
	text-decoration: none; 
	width:100%;
	background-color:#EDEDED;
	font-weight:bold;
}


div.colB
{
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 5px;
	/*border-color: #DEF;*/
	border-style: solid;
	border-right-width:0px;
	border-left-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	
}


div.tbl1{clear: none;overflow: auto; margin-top:0px;margin-bottom:0px;border: 1px solid red}
div.fila1 {clear: both;}
div.filasola1 {clear: both; margin-left:5px;padding-bottom: 2px; font-weight:normal;}
div.colum_head1
{
	float: left;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 1px;	
	border-style: solid;
	border-right-width: 0px;border-left-width: 0px;border-top-width: 0px;border-bottom-width: 0px;	
	color: #505050; 
	font: 11px Verdana, Geneva, Tahoma, sans-serif; 
	text-decoration: none; 
	width:100%;
	border: 1px solid green;
	/*margin-bottom:4px; /*ESTO ES PARA PONER MAS ESPACIO ENTRE TABLAS*/
}
div.colum1
{
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 5px;
	border-color: #000000;
	border-style: solid;	
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;	
	border: 1px solid red;
}

/* DIV TABLA*/
/*Tabla*/
div.table ,div.table_borde {display:table; margin-top:5px;margin-bottom:5px; border:0px solid #808080; table-layout:fixed; color: #505050; font: 11px Verdana, Geneva, Tahoma, sans-serif; 	text-decoration: none; width:100%;}
div.table_borde{border:1px solid #808080}
/*Fila*/
div.row {display:table-row;}
/*Celdas*/
div.cell , div.cell_borde_Left, div.cell_borde_Right, div.cell_borde_Top, div.cell_borde_TopLeft, div.cell_borde_TopRight{border:0px solid #808080; display:table-cell;padding:5px}

div.cell_borde_Right{border-right-width: 1px;} 
div.cell_borde_Left{border-left-width: 1px;} 
div.cell_borde_Top{border-top-width: 1px;} 
div.cell_borde_TopLeft{border-top-width: 1px; border-left-width: 1px;}
div.cell_borde_TopRight{border-top-width: 1px; border-right-width: 1px;}

/*
 <div class="table_borde" >
            <!--<div style="display:table-caption;border:1px solid black; ">CAPTION</div>-->
            <div class="row">
               <div class="cell" >TH 1</div>
               <div class="cell_borde_Left" >TD 1</div>
               <div class="cell_borde_Left">TD 2</div>
            </div>

            <div class="row">
               <div class="cell_borde_Top">TH 2</div>
               <div class="cell_borde_TopLeft">TD 3</div>
               <div class="cell_borde_TopLeft">TD 4</div>
           </div>
          
           <div class="row">
               <div class="cell_borde_Top">TH 2</div>
               <div class="cell_borde_TopLeft">TD 3</div>
               <div class="cell_borde_TopLeft">TD 4</div>
           </div>

        </div>

*/