﻿/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
	text-align: left;
}
body{background-color: #6E86A3; font-family: Helvetica, Arial, sans-serif; font-size:12px; 
color:#4D4D4D; background-image:url(Images/top_bg.jpg); background-repeat: repeat-x;}
/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
.container h1, h1 {font-size: 20px; font-weight:normal; color: #fff; background:#f97d2c; padding:3px; margin:0;}
.container h2, h2 {font-weight:bold; font-size: 16px; color: #3080e3;
	width: 181px;
    height: 21px;
}
/*#6699FF*/
.TextBox-style
{
    color: #6699FF;
    font-family: Arial;
    font-size: 12px;
}

.Label-style
{
    /*font-weight:bold;*/
    color:Black;
    font-family: Arial;
    /*background-color:Red;*/
    font-size: 12px;
}
.logo{ width:900px; height:100px; background:url(Images/logo.gif) no-repeat; }
h3 {margin:0.5em 0; font-size:1.2em; font-weight:normal;}
h4 {margin:0.5em 0; font-size:1.1em; font-weight:bold;}
h5 {margin:0.5em 0; font-size:1.0em; font-weight:bold;}
h6 {margin:0.5em 0; font-size:0.8em; font-weight:bold;}
p  {margin:1em 0;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
.whiteSpace{ height:10px; font-size:10px;}
.whiteSpace1{ height:15px; font-size:15px;}
.whiteSpace2{ height:20px; font-size:20px;}
.whiteSpace3{ height:5px; font-size:5px;}
.clear{ clear:both; }
#header{width:900px; height:100px; margin:0 auto;}
#mainnav {width:900px; height:69px; margin:0 auto; background-image:url(Images/imgMenu.jpg); 
background-repeat:repeat-x;}
#mainnav .item {padding:0px 26px; border-right:1px solid #002d64; color:#fff; line-height:69px;
font-size:16px; font-weight:bold;}
#mainnav .selected {background:url(Images/imgMenuSel.jpg) repeat-x; color:#FFFFFF;}
#mainnav a.selected, #mainnav a.hover {background:none;}
#mainnav .hover {color:#ffffff; background:url(Images/imgMenuOver.jpg) repeat-x;}
#wrapper{width:900px; margin:0 auto; border:1px solid #4e4e4e; background-color:#fff;}
#wrapper:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#ruta{padding:10px;}
.error{ color:#3080e3;}
#breadcrumbs{font-size:12px;
    height: 29px;
}
#breadcrumbs a {color:#000000; text-decoration:underline;}
#breadcrumbs a:hover {text-decoration:none;}
#copy a {color:#002d64;}
#copy .container {margin:0px; padding:0 20px 15px 20px;
    width: 425px;
}
#leftcolumn{width:190px; float:left; margin-left:10px;}
#centercolumn{float:left; width:500px;}
#rightcolumn{float:right; width:190px; margin-right:10px; margin-bottom:10px;}
#footer{clear:both; margin:0 auto; width:880px; padding:10px 10px 20px 10px; color:#fff;
font-size:12px;}
.ladoDer{margin-bottom:2px; padding:5px; background: url("Images/fndDer.jpg") repeat-x bottom left #d0d0d0;}
.ladoDer h4{color:#424243; font-size:13px; padding:0 0 0 16px; margin:0; background: url("Images/flecha.gif") no-repeat center left;}
.ladoDer p{color:#444; padding:0 0 0 16px; font-size:11px; margin:0;}
.ladoIzq{padding:5px 10px; background-color:#EFEFEF;}
.ladoIzq p, .radio{ font-size:11px;}
.cajaLog{ border:1px solid #dddddd; padding:8px; background:#eeeeee; }
.cajaLog h4{ margin:0; padding:0; font-size:13px; color:#000; }
.cajaLog label, .label{color:#2b73da; font-size:11px;}
.cajaLog input.txtBox, .txtBox{ border:1px solid #ababab; background: url("Images/fndInput.jpg") repeat-x; width:160px;
    color: #3080e3;
}
.cajaLog input.button, .button{ border-style: none;
    border-color: inherit;
    border-width: medium;
    padding: 2px;
    background: url('Images/fndBoton.jpg') repeat-x;
    color:#fff;     width: 61px;
    margin-left: 0px;
}
.txtBox2{ border:1px solid #ababab; background: url("Images/fndInput.jpg") repeat-x #fff; }
.trOsc{ background:#f4f4f4; font-size:11px; padding:2px; }
.trCla{ background:#ffffff; font-size:11px; padding:2px; }

.trOscGrid
{
    background: #B0D8FF;
    font-size: 11px;
    padding: 2px;
    border-color: Navy;
}
.pagina{ background:#ffffff; font-size:10px; text-align:center; color:#3080e3; }
.pagina a{ color:#3080e3; text-decoration:underline; }
.tablaTit{ color: #fff; background:#3080e3; padding:3px; font-size:13px;}
.tablaTit a{ color: #fff; font-size:13px;}
#subnav .item {padding:2px 7px; background:#E4E4E4; color:#333333; border-bottom:1px solid #c7c7c7;}
* html #subnav .item {padding:0 20px;}
#subnav .selected {background-color:#3080e3; color:#FFFFFF;}
#subnav .hover {color:#3080e3; background:#E4E4E4;}
#copy fieldset {margin:1em 0; padding:1em; border:1px solid #CCCCCC;}
#copy legend {color:#666666; font-weight:bold;}
* html #copy legend {padding:0.5em;}
.login{ color:#1c47bb; font-size:13pt; 
margin:4px;
}

.caledar 
{
    color:#1c47bb; 
    font-size:8pt; 
    margin:4px;
    border-collapse:inherit; 
    border:2px;
    border-spacing: 1px;
}                    



#copy .teaser{
margin-top:0;
color:#777777; 
font-size:0.9em; 
font-weight:normal;
}
#copy td, #copy th {padding: 0.2em 0.5em;
	text-align: left;
}
div.readmore {
text-align:right;
font-size:0.9em;
}
h4 img {margin-bottom:-0.5em;}
.sidebarcontainer a {color:#FF284E;}
.sidebarcontainer li {list-style-type:none;}
.imgfloatright {
float:right;
display:inline;
margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
float:left;
display:inline;
margin: 0.25em 1em 0.25em 0;
}
@media print {	
body{
font-size:11pt;
line-height:13pt;
background:#FFFFFF !important;
}	

       .popUpStyle
        {
            font: normal 11px auto "Trebuchet MS", Verdana;    
            background-color: #ffffff;
            color: #4f6b72; 
            padding:6px;      
            filter: alpha(opacity=80);
            opacity: 0.8;
        }

#mainnav{
padding:0;
text-align:center;
}
#copy fieldset {border:none;}



/* Default attributes of table container for entire calendar */
/* Default attributes of table container for entire calendar */
/* Default attributes of table container for entire calendar */
.table-style {
	font-family: arial;
	border-width: 1; 
	border-style: solid; 
	border-color: #a0a0a0; 
	background-color: #ffffff;
	font-family: arial; 
	font-size: 11px;
}

.table-style td {
	border-style: none;
	border-width: 0px;
	padding: 1px;
}

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.div-style {
	z-index: 999;
	position: absolute;
	visibility: hidden;
}

/* Default attributes used in calendar title (month and year columns).*/
.title-style {
	padding: 2px;
	font-family: arial; 
	font-size: 11px;
	color: #ffffff;
}

/* Default attributes used in calendar title background.*/
.title-background-style {
	background-color: #b5b5b5;
}

/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.title-control-normal-style {
	border-style: none;
	cursor: pointer;
}

/* Moused-over (selected) appearance of controls in calendar title. */
.title-control-select-style {
	cursor: pointer;
}

.dropdown-style td {
	padding: 1px;
}

/* Default attributes of drop down lists (month and year). */
.dropdown-style {
	font-family: arial; 
	font-size: 11px; 
	border-width: 1; 
	border-style: solid; 
	background-color: #b5b5b5;
	border-color: #cccccc;
	color: White;
	cursor: default;
}

/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.dropdown-style tr:hover {
	background-color: #828282;
	cursor: hand;
}

/* Default attributes of calendar body (weekday titles and numbers). */
.body-style {
	padding: 5px;
	background-color: white;
	font-family: verdana; 
	font-size: 10px;
}

.body-style td {
	font-family: verdana; 
	font-size: 10px;
}

/* Attributes of current day in calendar body. */
.current-day-style {
	color: red;
	font-weight: bold;
	text-decoration: none;
}

/* Attributes of end-of-week days (Sundays) in calendar body. */
.end-of-weekday-style {
	color: #909090;
	text-decoration: none;
}

/* Attributes of all other days in calendar body. */
.normal-day-style {
	color: black;
	text-decoration: none;
}

/* Attributes of border around selected day in calendar body. */
.selected-day-style {
	border-style: solid;
	border-width: 1px; 
	border-color: #a0a0a0;
	color: #0066cc;
	font-weight: bold;
}

/* Default attributes of designated holidays. */
.holiday-style {
	background-color: #FFDDDD;
}

/* Attributes of today display at bottom on calendar */
.today-style {
	padding: 0px;
	color: white;
	background-color: #b5b5b5;
	text-align: center;
	text-decoration: none;
}

.today-style td {
	text-align: center;
}

/* Attributes of week number division (divider.gif) */
.weeknumber-div-style {
	background-color: #d0d0d0; 
	padding: 0px;
}
