/* css */


/* Definir el Color de Fondo y Tamano de letra de la Pagina */
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url(../graficas/background-fade.jpg);
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    font-size: small;
}

/* GLOBAL SETTING OF FONT SIZES */

h1
{
    font-size: 1.7em;
    padding: 0em;
}

h2
{
    font-size: 1.4em;
    padding: 0em;
}

h3, legend
{
    font-size: 1.1em;
    padding: 0em;
}

h4, h5, h6
{
    font-size: 1em;
    padding: 0em;
}

pre
{
    font-family: "Courier New", Courier, monospace;
    font-size: 1.1em;
}

/* REGULAR PARAGRAPHS */

p
{
    margin: 0.25em 0 0 0;
    padding-bottom: 0.25em;
    line-height: 1.25em;
}

pre
{
    margin: 0.25em 0 0.5em 0;
}

/* LINKS */

a
{
    color: #0000a0;
    text-decoration: underline;
}

a:hover
{
    color: #0000c0;
    text-decoration: underline;
}

a img
{
    border: none;
}

/* TABLES */

table
{
    /* font-size: 1em; */ 
}

th
{
    font-weight: bold;
    text-align: left;
}

td
{
    font-weight: normal;
}

tr.bglight
{
    background-color: #f8f9fB;
}

tr.bgdark
{
    background-color: #eef2f7;
}

/* ORDERED AND UNORDERED LISTS */

ul, ol
{
    padding: 0;
    margin: 0.75em 0 1em 1.5em;
}

ol
{
    margin-left: 2.5em;
}

ul, ul ul
{
    list-style-type: disc;
}

li
{
    padding: 0em;
    margin-bottom: 0.3em;
    line-height: 1.25em;
}

/* DEFINITION LISTS */

dl
{
    padding: 0em;
    margin: 0.25em 0 0.25em 0;
}

dt, dd
{
    font-style: italic;
    margin: 0 0 0.25em 0;
}

dt
{
    font-weight: bold;
}

dd
{
    margin: 0 1em 0 1em;
}

/* FORMS */

form
{
    padding: 0em;
    margin: 0em;
}

input.box, textarea.box
{
    width: 100%;
}

fieldset
{
    margin: 0.5em 0 0.5em 0;
    border: 1px solid #000000;
}

legend
{
    font-weight: bold;
}

label
{
    font-weight: bold;
    padding-right: 0.5em;
    display: block;
    white-space: nowrap;
}

input.button
{
    font-weight: normal;
    margin-right: 1em;
}

input.defaultbutton
{
    font-weight: bold;
    margin-right: 1em;
}

optgroup
{
    font-weight: bold;
    font-style: normal;
}


div.break
{
    clear: left;
}

div.breakall
{
    clear: both;
}

div.error, div.warning, div.feedback, div.highlight
{
    margin: 0.5em 0 0.5em 0;
    padding: 0.25em 1em 0.25em 0.5em;
    border-width: 2px;
    border-style: solid;
    background-color: #f8f8f8;
}

div.error
{
    border-color: #c00000;
}

div.warning
{
    border-color: #f0f000;
}

div.feedback
{
    border-color: #00a000;
}

div.highlight
{
    border-color: #000000;
}

div.error h2, div.warning h2, div.feedback h2, div.highlight h2
{
    margin-top: 0.25em;
}

/* OTHER OBJECTS */

hr
{
    height: 1px;
    padding: 0;
    margin: 1.5em 0 0.5em 0;
    color: #c0c0c0;
}

.invisible
{
    display: none;
}

/* Definir Clases genericas para cualquier tag: se definene con <p class=nav> */
.enfasis  {
	font-weight: bold;
        font-size: 1em;
 	font-family: verdana, arial, helvetica, sans-serif; 
 	color: black
}
.centrar  { text-align: center }

.nodisponible {color: #555555} 

.fondogris { background-color: #DDDDDD } 
.fondonegro { background-color: #000000 } 


.letraroja { color: #C54646 } 
.letrablanca { color: #FFFFFF } 

/* Definir clase para Tag SELECT Menus smalltextform */ 
.textoforma1 {
	font-family: arial,helvetica, sans-serif; 
        font-size: 1em;
}
/* selectlistsmall */ 
.textoforma2 {
	font-family: verdana, arial, helvetica, sans-serif;
        font-size: 1em;
}


/* DEFINICION TABLAS MENU SUPERIOR  */
table#outside
{
    width: 784px;
    padding: 0;
    margin: 0 auto 0 auto;
}

table#outside td#outsidecell
{
    background-color: #ffffff;
    padding: 2px;
    text-align: left;
}
div#maincontainer
{
    background-color: #ffffff;
    width: 100%;
    text-align: left;
    position: relative;
}

div#toparea
{
    background-image: url(../graficas/background-fade_vertical.jpg);
    background-repeat: repeat;
    background-position: top left;
    height: 75px;
    width: 100%;
    position: relative;
}


div#toplogo
{
    background-image: url(../graficas/logo.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 50px;
    position: relative;
    top: 10px;
    left: 10px;
    text-align: left;
}

div#toplogo h1 a
{
    display: block;
    height: 40px;
    width: 220px;
    margin: 0;
    text-decoration: none;
} 

div#toplogo h1 a span.text
{
    visibility: hidden;
    border: 0;
} 

div#toplogo h1
{
    margin: 0;
    padding: 0;
}

div#toparea ul
{
    padding: 0;
    margin: 0;
    text-align: right;
    position: relative;
    bottom: 2px;
    right: 0;
}

div#toparea li
{
    display: inline;
}

div#toparea li.first
{
    border-left: none;
}

div#toparea li.disabled
{
  font-style: italic; 
  color: #b4b4b4;
  padding: 0 8px 0 8px;
  border-left: 1px solid #ffffff;    
}


div#toparea li a
{
    color: #ffffff;
    text-decoration: none;
    padding: 0 8px 0 8px;
    border-left: 1px solid #ffffff;
}

div#toparea li.first a
{
    border-left: none;
}

div#toparea li a:hover
{
    text-decoration: underline;
}

div#toparea li a.highlight
{
  font-weight: bold;
}


div#topmenu
{
    border-bottom: 1px solid #80a7d8;
}
div#topmenu ul
{
    padding: 0;
    margin: 0;
}

div#topmenu li
{
    background-image: url(../images/tab-regular-left.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #dfdfdf;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    border-left: 1px solid #3c78c1;
}

div#topmenu li.selected
{
    background-image: url(../images/tab-selected-left.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #80a7d8;
}

div#topmenu li.first
{
    background-image: none;
    border-left: none;
}

div#topmenu li div.spacing
{
    background-image: url(../images/tab-regular-right.gif);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 4px 18px 4px 18px;
}

div#topmenu li a
{
    color: #3c78c1;
    font-weight: normal;
    text-decoration: none;
}

div#topmenu li.selected div.spacing
{
    background-image: url(../images/tab-selected-right.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

div#topmenu li.last div.spacing
{
    background-image: none;
}

div#topmenu li.selected a
{
    color: #ffffff;
    font-weight: bold;
}

div#topmenu li a:hover
{
    text-decoration: underline;
}


#searchbox
{ 
  position: absolute;
  right: 10px;
  top: 0px;
  margin: 0;
  text-align: right;
  font-size: x-small;
  font-weight: bold;
  width:270px;
  height:50px;
  border: 1px;
}

div#searchbox p
{
   font-size: x-small;
    margin: 0;
}

div#searchbox p
{
    color: #80a7d8;
    text-decoration: none;
   
}

div#searchbox img
{
   border:none;
   padding-right:35px;
}


div#searchbox p 
{
    text-decoration: underline;
}

input#searchtext
{
    width: 100px;
}

input#searchbutton
{
    color: #ffffff;
    background-color: #80a7d8;
    font-weight: bold;
}


div.breakfix
{
    height: 1%; /* Set to 1% to fix breaking and other bugs in IE */
}

div#floatfix
{
    width: 100%;
    float: left;
}

div.regular-section
{
    background-color: #dfdfdf;
}

/* Cabecera */

.tabsBorder { border-left: 1px solid #55559b; font-size: 0; }

#menuCejasCabecera { background-color: #55559b; position: relative; z-index: 101; }
#footNewsTabs { background-color: #FFF; }

.cejasMenu { border-left: 80px solid #55559b; height: 27px; }

.cejasMenu ul {
padding: 0;
margin: 0;
list-style: none;
z-index: 101;
}
.cejasMenu li {
display: block;
float: left;
margin-top: 5px;
}

.cejasMenu a {
display: block;
height: 0;
padding: 22px 0 0;
overflow: hidden;
background: #333 0 0 no-repeat;
}

#footNewsTabs .cejasMenu a {
background-position: 0 -22px;
}

.cejasMenu a:hover, #footNewsTabs .cejasMenu a:hover {
background-color: #DCDCDC;
}

.cejasMenu .here a, #footNewsTabs .cejasMenu .here a {
background-position: 0 -44px;
background-color: transparent !important;
}

#menuCejasCabecera .cejasMenu li.here:hover a, #menuCejasCabecera .cejasMenu li.here.over a {
background-position: 0 0;
background-color: #DCDCDC !important;
}

.cejasMenu li.principal { width: 110px; }
.cejasMenu li.principal a { background-image: url(../graficas/ceja_principal.gif); }

.cejasMenu li.guiasrapidas { width: 110px; }
.cejasMenu li.guiasrapidas a { background-image: url(../graficas/ceja_guias.gif); }

.cejasMenu li.areasconceptuales { width: 110px; }
.cejasMenu li.areasconceptuales a { background-image: url(../graficas/ceja_areas.gif); }

.cejasMenu li.cursos { width: 110px; }
.cejasMenu li.cursos a { background-image: url(../graficas/ceja_cursos.gif); }

.cejasMenu li.servicios { width: 110px; }
.cejasMenu li.servicios a { background-image: url(../graficas/ceja_servicios.gif); }

* html .cejasMenu ul ul {
width: 727px;
height: 52px
}

.cejasMenu ul ul {
position: absolute;
display: none;
top: 27px;
left: 4px;
padding: 5px;
width: 732px;
height: 50px;
font-size: xx-small;
font-weight: bold;
line-height: 200%;
background-color: #DCDCDC;
text-align: center;
}

.cejasMenu ul ul li {
display: inline;
margin: 0;
float: none;
font-size: xx-small;
font-weight: bold;
}


.cejasMenu ul ul li a {
display: inline;
padding: 0 .5em;
border-right: 1px solid #FFF;
margin: 0;
height: auto;
color: #55559b;
background: none !important;
font-size: xx-small;
font-weight: bold;
}
.cejasMenu ul ul li a:hover, .cejasMenu ul ul li a:visited {
color: #55559b;
}
.cejasMenu ul ul li.last a {
border: 0;
}

.cejasMenu ul li:hover ul, li.over ul {
display: block;
}


#menuCejasCabecera .cejasMenu ul li:hover a, li.over a {
background-color: #DCDCDC;
}

#path
{
   position: relative;
    padding: 0.5em 15px 0.5em 15px;
    border-left: 5px solid #55559b;
    border-right: 5px solid #55559b;
    border-bottom: 10px solid #55559b;
    height: 48px;
    right: 0;
    top: 0;
    text-align: left;
}

#rutadepagina
{
    width:440px;
    height: 48px;
    top: 0;
    left: 0;
}


.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
font-size: xx-small;
z-index: 100;
background-color: #E9FECB;
width: 205px;
}

.anylinkcss ul {
padding: 0;
margin: 0;
list-style: none;
z-index: 101;
}

.anylinkcss li {
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
border-bottom: 1px solid black;
}

.anylinkcss a{
text-decoration: none;
font-weight: bold;
font-size: xx-small;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: black;
color: white;
}


#piedepagina {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: center;
	color: #666666;
	margin-top: 50px;
	margin-bottom: 25px;
}


/* LINKS Osmosis */
#linksosmosis {
position: absolute;
top: 0;
right: 10px;
font-family: verdana, geneva, sans-serif;
font-size: x-small;
color: #999;
}

#linksosmosis ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

#linksosmosis ul li {
display: inline;
padding: 1px 3px;
border-left: 1px solid #999;
}

#linksosmosis ul li.first {
border-left-style: none;
margin-left: 0;
}

#linksosmosis a:link, #linksosmosis a:visited {
color: #777;
text-decoration: none;
}

#linksosmosis a:hover {
text-decoration: underline;
}

/* Links Osmosis2 */

#linksosmosis2 {
position: absolute;
top: 20px;
right: 0;
bottom: 15px;
margin: 0 0 15px 0;
font-size: x-small;
text-align: right;
padding-right: 2.5em;
font-family: verdana, geneva, sans-serif;
color: #999;
}

#linksosmosis2 strong {
color: #C00;
}


#linksosmosis2 a  {
color: #00F;
text-decoration: underline;
font-weight: bold;
}

#linksosmosis2 a:link, #linksosmosis2 a:visited {
color: #777;
text-decoration: none;
}

#linksosmosis2 a:hover {
text-decoration: underline;
}


#left {
	float: left;
	width: 175px;
	background-color: #FFFFFF;
	overflow: hidden;
	}

#right {
	float: left;
	width: 180px;
	background-color: #FFFFFF;
	overflow: hidden;
	}

.sidebar {
	padding: 15px;
	}

.sidebar img {
	border: 5px solid #EEEEEE;
	}

#center {
        float: left;
	width: 565px;	
        margin-left: 5px;
        margin-right: 0px;
	overflow: auto;
	}

#centersincolumnas {
        float: left;
	width: 754px;	
        margin-left: 0px;
        margin-right: 0px;
	overflow: auto;
	}

.content {
	padding: 10px 10px 5px 10px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
  }
.content p {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}


#bannerlateralcds { 
     background-color:#FFFFFF;
     border:1px solid #000000;
     margin-bottom:5px;
     margin-top:5px;
     margin-left:10px;
     text-align:center;
     font-size: small;
     padding:5px;
     color: #000000;
     text-decoration: none;
}

#bannerlateralcds a  {
text-decoration: none;
}

#bannerlateralcds a:link, #bannerlateralcds a:visited {
color: #777;
text-decoration: none;
}
#dropin { 
  visibility:hidden;
  position:absolute;
  left:150px;
  top:310px;
  width:500px;
  height:400px;
  border-style:solid; 
  background-color: #FFFFFF;
  z-index:110;
}