﻿
/* ------------------
 styling for the tables 
   ------------------   */

/*
body
{
	line-height: 1.6em;
}*/

#hor-minimalist-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 500px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-a th
{
	font-size: 14px;                            
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td
{
	color: #669;
	padding: 9px 8px 0px 8px;
}
#hor-minimalist-a tbody tr:hover td
{
	color: #009;
}


#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	background: #fff;
	margin: 15px;
	width: 250px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 12px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}

.tituloMsj
{
text-align:center;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-weight:bold;
font-size: 10px;
color: #039;
margin-bottom:5px;
}

#ver-minimalist
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left: 20px;
	margin-right: 20px;
	width: 250px;
	text-align: left;
	border-collapse: collapse;
}

#ver-minimalist th
{
	padding: 8px 2px;
	font-weight: normal;
	font-size: 12px;
	border-bottom: 2px solid #6678b1;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #039;
}

#ver-minimalist td
{
	padding: 5px 2px 0px 2px;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #669;
}

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}


#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}


#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}


#ver-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#ver-zebra td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #669;
}
.vzebra-odd
{
	background: #eff2ff;
}
.vzebra-even
{
	background: #e8edff;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}


#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #039;
}
#one-column-emphasis td
{
	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
}
.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
#one-column-emphasis tr:hover td
{
	color: #339;
	background: #eff2ff;
}


#newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-a th
{
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
	border-bottom: 1px dashed #69c;
}
#newspaper-a td
{
	padding: 7px 17px 7px 17px;
	color: #669;
}
#newspaper-a tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 15px;
	width: 250px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-b th
{
	padding: 8px 10px 8px 10px;
	font-weight: normal;
	font-size: 12px;
	color: #039;
}
#newspaper-b tbody
{
	background: #e8edff;
}
#newspaper-b td
{
	padding: 5px 10px 5px 10px;
	color: #669;
	border-top: 1px dashed #fff;
}
#newspaper-b tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}

/*-----------------------copia---------------------------------*/

#newspaper-b1
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	/*margin: 8px;*/
	margin-left:8px;
	width: 240px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
	overflow-x: hidden;
    background:#69c;
}
#newspaper-b1 th
{
	padding: 8px;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
    text-align: center;
}
#newspaper-b1 tbody
{
	background: #fff;
}
#newspaper-b1 td
{
	padding: 5px;
	color: #669;
	border-top: 1px dashed #fff;
}
#newspaper-b1 tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}

/*--------------------fin de copia--------------------------*/
#newspaper-c
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #6cf;
}
#newspaper-c th
{
	padding: 20px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	text-transform: uppercase;
	border-right: 1px solid #0865c2;
	border-top: 1px solid #0865c2;
	border-left: 1px solid #0865c2;
	border-bottom: 1px solid #fff;
}
#newspaper-c td
{
	padding: 10px 20px;
	color: #669;
	border-right: 1px dashed #6cf;
}


#rounded-corner
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:45px;
	width: 480px;
}
/*#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 5px;
	font-weight: normal;
	font-size: 10px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 5px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}
*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------------------------------------------------------------------*/
.izq
{
margin-left:45px;
font-family: Arial;
font-size: 12px;	
color: #000;
}

.subTitulo
{
margin-left:2%;
font-family: Arial;
font-size: 10px;	
color: #7c878e;
}

.textoRegistro
{
	/*margin-left:35px;
	margin-top:5px;
	margin-bottom:5px;*/
	font-family: Arial;
	font-size: 12px;	
	color:#000;
	text-align:right;
	/*float:left;*/
	width:250px;
}

.lineaDIV
{
margin-left:35px;
width:800px;
line-height:20px;
}

.lineaIzq
{
float:left;	
padding-left:10px;
	
}

.text
{
    width:200px;
    padding: 2px 3px;
    color: #7c878e;	
}


.cerrarbtn
{
	cursor:pointer; position:absolute; top:-10px; right:-10px;
}

.btnFoot{
	/*cursor:pointer;position:absolute; bottom:20px; right:20px;*/
	float: right;
    margin: 20px !important;
}

#rounded-corner-2
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:45px;
	width: 780px;
}
/*#rounded-corner-2 thead th.rounded-company
{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat;
}
#rounded-corner-2 thead th.rounded-q4
{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
#rounded-corner-2 th
{
	padding: 5px;
	font-weight: normal;
	font-size: 10px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner-2 td
{
	padding: 5px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner-2 tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner-2 tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner-2 tbody tr:hover td
{
	background: #d0dafd;
}
*/
/*-----------------------------------------------------------------------------------------*/
/*
#rounded-corner-3
{
	margin-top:10px;
	margin-left:45px;
	width: 750px;
}
#rounded-corner-3 thead th.rounded-company
{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat;
}
#rounded-corner-3 thead th.rounded-q4
{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
#rounded-corner-3 th
{
	padding: 5px;
	font-weight: normal;
	font-size: 10px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner-3 td
{
	padding: 5px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner-3 tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner-3 tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner-3 tbody tr:hover td
{
	background: #d0dafd;
}
*/
/*-----------------------------------------------------------------------------------------*/
#background-image
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/blurry.jpg') 330px 59px no-repeat;
}
#background-image th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
#background-image td
{
	padding: 9px 12px;
	color: #669;
	border-top: 1px solid #fff;
}
#background-image tfoot td
{
	font-size: 11px;
}
#background-image tbody td
{
	background: url('table-images/back.png');
}
* html #background-image tbody td
{
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='table-images/back.png',sizingMethod='crop');
	background: none;
}	
#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}

/*<tablas*/
#gradient-style, #gradient-style-2, #rounded-corner, #rounded-corner-2, #rounded-corner-3
{
	font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	margin: 10px auto;
	width: 720px;
	text-align: left;
	border-collapse: collapse;
	border:1px solid #7c878e;
        background-color:#FFF !important;
}
#gradient-style th,#gradient-style-2 th, #rounded-corner th, #rounded-corner-2 th, #rounded-corner-3 th
{
	font-size: 12px;
	font-weight: normal;
	padding: 3px 5px;
	color: #FFF;
	border-bottom: 1px solid #fff;
    color: #FFF;
    border: 1px solid #7c878e;
    background-color:#71A9D2 !important;
}
#gradient-style td,#gradient-style-2 td, #rounded-corner td, #rounded-corner-2 td, #rounded-corner-3 td
{
	padding: 3px 5px; 
	border: 1px solid #7c878e;
}
#gradient-style tfoot tr td,#gradient-style-2 tfoot tr td, #rounded-corner tfoot tr td, #rounded-corner-2 tfoot tr td, #rounded-corner-3 tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td,#gradient-style-2 tbody tr:hover td, #rounded-corner tr:hover td,
#rounded-corner-2 tr:hover td, #rounded-corner-3 tr:hover td
{
	background-color:#DCE3E8;
}
/*tablas>*/
/*************************************************************************************************************************************/

#gradient-style-2
{
	width: 200px;
}
/*#gradient-style-2 th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('table-images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style-2 td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('table-images/gradback.png') repeat-x;
}
#gradient-style-2 tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style-2 tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}
*/

/*************************************************************************************************************************************/
/*************************************************************************************************************************************/

#pattern-style-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/pattern.png');
}
#pattern-style-a thead tr
{
	background: url('table-images/pattern-head.png');
}
#pattern-style-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-a td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-a tbody tr:hover td
{
	color: #339;
	background: #fff;
}


#pattern-style-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/patternb.png');
}
#pattern-style-b thead tr
{
	background: url('table-images/patternb-head.png');
}
#pattern-style-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-b td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-b tbody tr:hover td
{
	color: #339;
	background: #cdcdee;
}

/*<aestrada*/
.lineaIzq select {
  width: 208px;
  color: #7c878e;
}

@media (max-width:760px)
{
    
    #rounded-corner, #rounded-corner-2, #rounded-corner-3{
        width:96%;
    }
    
    /* Force table to not be like tables anymore */
	#rounded-corner table, 
	#rounded-corner thead, 
	#rounded-corner tbody, 
	#rounded-corner th, 
	#rounded-corner td, 
	#rounded-corner tr, 
	#rounded-corner-3 table, 
	#rounded-corner-3 thead, 
	#rounded-corner-3 tbody, 
	#rounded-corner-3 th, 
	#rounded-corner-3 td, 
	#rounded-corner-3 tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#rounded-corner thead tr, #rounded-corner-3 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#rounded-corner tr, #rounded-corner-3 tr{ border: 1px solid #ccc; }
 
	#rounded-corner td, #rounded-corner-3 td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#rounded-corner td:before, #rounded-corner-3 td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#rounded-corner td:before, #rounded-corner-3 td:before { content: attr(data-title); }
}

@media (max-width:880px)
{
    .divCentrar {
      width: 96%;
      margin-left: -48%;
    }
    
    .lineaDIV{
        margin-left:0px;
        width:100%;
    }
}
/*aestrada>*/