@charset "utf-8";
/* Basic reset
 * By Eric meyer and Paul Chaplin, http://meyerweb.com/eric/tools/css/reset/
*/
html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,ins,
kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,label,legend,i,b,
caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	/*vertical-align:baseline;*/
}

body {
	background:#CCD5DC;
	color: #eeeeee;
	position: relative;
	line-height:1.5em; /* for safari2 */
	font:75%/1.5em Helvetica, Arial, "Liberation sans", "Bitstream Vera Sans", sans-serif;
	background-image:url(images/bkgd.jpg);
	background-repeat:no-repeat;
	background-position: center;
	background-attachment: fixed;
	overflow:auto;
}
/* Baseline and common looks *****
 * Sets a vertical rhythm and styles the different elements.
*/
a {
	color:#EE4712;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dashed
}
a:hover,a:focus {
	text-decoration:none;
	color:#00335E;
	border-bottom-style:none;
}
abbr,
blockquote p {
	background:#eee;
	margin:0 1.5em 1.5em;
	padding:0.75em;
}
h1 {
	font-size:2em;
	font-weight:700;
	margin:0 0 0.75em;
}
h2 {
	font-size:1.4em;
	margin:0;
	color:#FFF;
}
h3 {
	font-size:1.1666em;
	margin:0 0 1.285em;
}
h4 {
	font-size:1em;
	margin:0;
	clear: both;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size:1.2em;
	color:#00335E;
}
h5 {
	font-size:0.8333em;
	margin:0 0 1.8em;
}
h6 {
	font-size:0.666em;
	margin:0 0 2.25em;
}
p {
	margin:0 0 1,8em 0;
}
li {
	padding-bottom: 4px;
}
pre {
	font:1em/1.5em "Courier New", Courier, monospace;
	margin:0 0 1.5em;
	padding:0 0 0 1.5em;
	font-size-adjust:0.46;
}
sub {
	font-size:0.85em;
	line-height:0.8em;
	vertical-align:baseline;
}
sup {
	font-size:0.85em;
	line-height:0.8em;
	vertical-align:super;
}




/* fin. */
#wrapper { 
 margin: 0 auto;
 width: 922px;

}
#header {
	color: #333;
	width: 100%;
	float: left;
	padding: 0px;
	height: 60px;
	margin: 10px 0px 5px 0px;
}
#leftcolumn { 
 float: left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding:10px;
 height: 350px;
 width: 301px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 background: #eee;
 margin: 0px 0px 5px 0px;
 min-height: 350px;
 width: 590px;
 overflow:visible;
 float: right;
}
#footer {
	width: 922px;
	height: 120px;
	clear: both;
	color: #333;
	margin: 0px 0px 10px 0px;
	display: block;
}
#loguitos {
width: 120px;
float: right;
margin: 5px 0px 0px 0px;
}
#titulos {
	width: 580px;
	padding: 5px;
	background-color: #00335E;
}
#contenidos {
	width: 570px;
	height: auto;
	padding: 10px;
}
#pie1 {
	width: 301px;
	height: 40px;
	padding: 60px 0px 20px 20px;
	background-color: #00335E;
	float:left;
}
#pie2 {
	width: 590px;
	height: 120px;
	float:right;
}
.textonaranja {
	font-size:1.2em;
	color:#EE4712;
}
.textonazul {
	font-size:1.2em;
	color:#00335E;
	padding-bottom: 10px;
}
.textochico {
	font-size:0.9em;
}

.textonaranja li, .textonaranja ul{
	list-style-type: none;
	line-height: 1.8em;
	list-style-image: url(images/flecha3.gif);
	padding-bottom: 14px;
	}
.textonazul li, .textonazul ul {
	list-style-type: none;
	list-style-image: url(images/flecha2.gif);
	padding-bottom: 14px;
	line-height: 1.8em;
	}
#menu {
	font-size:1.2em;
	font-weight:bold;
	color:#00335E;
	position:static;
}
#menu li {
	list-style-type: none;
	padding-top: 4px;
	border-bottom: 1px solid #00335E;
}
#menu li li.submenu {
	list-style-type: disc;
	font-size:1em;
	margin-left: -20px;
	padding-top: 0px;
	padding-left: 0;
	color:#00335E;
	font-weight:normal;
	border-bottom: none;

}
#menu a {
	color:#00335E;
	border-bottom-style:none;
}
.columna {
width: 47%; /* 46% navegadores modernos, 45% por IE debido a un bug de calculo de porcentajes, pruebalo de todas formas con 46% */
margin-right: 1%;
float: left;
}

.columna ul{
	margin-top:0px;
}
.columna li{
	list-style-type: disc;
	margin-left: -20px;
	padding-top: 0px;
	padding-left: 0;
}
.cuadrito {
	margin-right:2%;
	padding-left:15px;
	min-height:105px;
	width:47%;
	float:left;
	clear:right;
	background:url(images/flecha2.gif) no-repeat;
	background-position: 0px 5px;
	overflow:auto;
}
.columna a {
	border-bottom-style:none;
}
.sinlinea {
	border-bottom-style:none;
}
	
.directorio {
	width: 270px; /* 46% navegadores modernos, 45% por IE debido a un bug de calculo de porcentajes, pruebalo de todas formas con 46% */
	margin-right: 5px;
	padding: 5px 5px 10px 5px;
	background-color:#FFF;
	float: left;
	height: 100px;
	margin-bottom: 5px;
	}
	.directorio p{
	padding:0;
	margin:0;
	}
	.directorio img{
	padding:0;
	margin:0 10px 0 0;
	width:70px;
	height: 70px;
	border: 5px solid #333333;
	}

.directorioSpec{
	padding: 5px;
	float: left;
	margin-bottom: 5px;
	width: 555px;
	border-bottom: 1px dotted #ff6600;
	}
	.directorioSpec p{
	padding:0;
	margin:0;
	}
	.directorioSpec img{
	padding:0;
	margin:0 10px 0 0;
	width:70px;
	height: 70px;
	border: 5px solid #333333;
	}		

.fecha {
	font-style: italic;
	font-size: 11px;
	color:#666;
	margin:5px 0 5px 0;
	border-bottom: #333 dotted 1px;
	}

/* BEGIN MY TABLE */
/******************* TABLE *****************************/

table, tbody, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: top;
	text-align: left;
	}
 
caption {
	font-weight:bold;
	font-size: 12px;
	margin: 5px;
	text-align: left;
	}
  
td a {
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	color: #ff6600;
	text-decoration: none;
 	}	
	td a:hover {
	color: #ff6600;
 	}
	td a:link, td a:active {
	color: #ff6600;
	text-decoration: none;
 	}
	td a:visited {
	color: #ff6600;
	text-decoration: none;
	}
	
thead th.line {
	font-size: 12px;
	color: #00335E;
	border-bottom: #00335E solid 1px;
	border-top: #00335E solid 1px;
	padding: 5px 7px 5px 7px;
	background-color: #eeeeee;
	}
	
tbody td, thead td {
 	padding: 5px 7px 5px 7px;
 	border-bottom: 1px solid #CCD2D2;
	}
	tbody td.alt {
	font-size: 11px;
	line-height: 13px;
	color: #333;
	padding: 10px 5px 15px 5px;
	border-bottom: #CDCDCD solid 1px;
	background-color: #f6f6f6;
	}
	tbody td.spec {
	font-size: 11px;
	line-height: 13px;
	color: #333;
	padding: 10px 5px 15px 5px;
	border-bottom: #CDCDCD solid 1px;
	}
	tbody p {
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 10px;
	}
	
.borderRight {
	border-right: #CDCDCD solid 1px;
	}

/* END MY TABLE */

FORM label {
	float: left
	}