
/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 




#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(imagenes/fondomenu.png);
       background-image: url(imagenes/inicio01.png);
       background-image: url(imagenes/inicio02.png);
       background-image: url(imagenes/novedades01.png);
       background-image: url(imagenes/novedades02.png);
       background-image: url(imagenes/blog01.png);
       background-image: url(imagenes/blog02.png);
       background-image: url(imagenes/curriculum01.png);
       background-image: url(imagenes/curriculum02.png);
       background-image: url(imagenes/mail01.png);
       background-image: url(imagenes/mail02.png);
    background-image: url("imagenes/boton11.png");
    background-image: url("imagenes/boton02.png");
    background-image: url("imagenes/boton12.png");
    background-image: url("imagenes/boton03.png");
    background-image: url("imagenes/boton13.png");
    background-image: url("imagenes/boton04.png");
    background-image: url("imagenes/boton14.png");
    background-image: url("imagenes/boton05.png");
    background-image: url("imagenes/boton15.png");
    background-image: url("imagenes/boton06.png");
    background-image: url("imagenes/boton16.png");
    background-image: url("imagenes/boton07.png");
    background-image: url("imagenes/boton17.png");
    background-image: url(imagenes/cabecera.jpg);
    background-image: url(imagenes/fondo.png);
}

body {
    font-family: Arial,sans-serif;
    line-height: 1.166;
    margin: 0px;
    padding: 0px;
    font-size:12px;
  }


TABLE {
    border-color: #FF8833;
  }


TD {
    font-family: Arial, sans-serif;
    font-style: normal;
    color: #000000;
    text-decoration: none;
  }


H3 {
    font-family: Arial, sans-serif;
    font-size: 1.6em;
    font-style: normal;
    color: #000000;
    text-decoration: none;
  }


TH {
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    background-color: #fa9728;
  }


a {
    color: #502508;
    text-decoration: none;
    border-color: #000000;
  }


a:link, a:visited, a:hover {
    border-color: #000000;
    color : #502508;
    text-decoration : none;
  }


a:hover {
    text-decoration: underline;
    border-color: #000000;
  }

/* overrides decoration from previous rule for hovered links */



h1, h2, h3, h4, h5, h6 {
    font-family: Arial,sans-serif;
    margin: 0px;
    padding: 0px;
  }


h1 {
    font-family: Arial,sans-serif;
    font-size: 120%;
    color: #000000;
  }


h2 {
    font-size: 114%;
    color: #000000;
  }


h3 {
    font-size: 100%;
    color: #FFFFFF;
  }


h4 {
    font-size: 100%;
    font-weight: normal;
    color: #FFFFFF;
  }


h5 {
    font-size: 100%;
    color: #334d55;
  }


ul {
    list-style-type: square;
  }


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


ul ul ul {
    list-style-type: none;
  }


label {
    font: bold 100% Arial,sans-serif;
    color: #FFFFFF;
  }


HR {
    background-color: #FF9900;
    border-bottom-color: #FF9900;
    color: #FF9900;
    border-bottom-style: solid;
  }


.Estilo2 {
    color: #FF9900;
  }


.Estilo3 {
    color: #FF9900;
  }


.Estilo4 {
    font-size: xx-small;
    color: #FF9900;
  }


#menu1 {
    position: absolute;
    top: 140px;
    left: 0px;
    margin: 50px;
    padding-top: 60px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    voice-family:inherit;
    left: 0px;
    width: 200px;
    height:600px;
    padding-left: 20px;
    z-index: 0;
  }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


.inicio a {
    background-image: url("imagenes/inicio01.png");
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    width: 99px;
    height: 21px;
  }


.inicio a:hover {
    background-image: url("imagenes/inicio02.png");
    background-repeat: no-repeat;
    width: 99px;
    height: 30px;
  }


.novedades a {
    background-image: url("imagenes/novedades01.png");
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    width: 99px;
    height: 21px;
  }


.novedades a:hover {
    background-image: url("imagenes/novedades02.png");
    background-repeat: no-repeat;
    width: 99px;
    height: 30px;
  }


.blog a {
    background-image: url("imagenes/blog01.png");
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    width: 99px;
    height: 21px;
  }


.blog a:hover {
    background-image: url("imagenes/blog02.png");
    background-repeat: no-repeat;
    width: 99px;
    height: 30px;
  }


.curriculum a {
    background-image: url("imagenes/curriculum01.png");
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    width: 99px;
    height: 21px;
  }


.curriculum a:hover {
    background-image: url("imagenes/curriculum02.png");
    background-repeat: no-repeat;
    width: 99px;
    height: 30px;
  }


.mail a {
    background-image: url("imagenes/mail01.png");
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    width: 99px;
    height: 21px;
  }

.mail a:hover {
    background-image: url("imagenes/mail02.png");
    width: 99px;
    height: 30px;
  }
/****
// BOTONES !!!
***/



.boton1 a {
    background-image: url("imagenes/boton01.png");
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    width: 200px;
    height: 46px;
  }


.boton1 a:hover {
    background-image: url("imagenes/boton01.png");
    background-repeat: no-repeat;
	margin-left: 10px;
    width: 210px;
    height: 46px;
  }


.boton2 a {

    background-image: url("imagenes/boton02.png");
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    width: 200px;
    height: 46px;
  }


.boton2 a:hover {

    background-image: url("imagenes/boton02.png");
    background-repeat: no-repeat;
	margin-left: 10px;
    width: 210px;
    height: 46px;
  }


.boton3 a {

    background-image: url("imagenes/boton03.png");
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    width: 200px;
    height: 46px;
  }


.boton3 a:hover {

    background-image: url("imagenes/boton03.png");
    background-repeat: no-repeat;
	margin-left: 10px;
    width: 210px;
    height: 46px;
  }


.boton4 a {

    background-image: url("imagenes/boton04.png");
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    width: 200px;
    height: 46px;
  }


.boton4 a:hover {

    background-image: url("imagenes/boton04.png");
    background-repeat: no-repeat;
	margin-left: 10px;
    width: 210px;
    height: 46px;
  }


.boton5 a {

    background-image: url("imagenes/boton05.png");
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    width: 200px;
    height: 46px;
  }


.boton5 a:hover {

    background-image: url("imagenes/boton05.png");
    background-repeat: no-repeat;
	margin-left: 10px;
    width: 210px;
    height: 46px;
  }


.boton6 a {

    background-image: url("imagenes/boton06.png");
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    width: 200px;
    height: 46px;
  }


.boton6 a:hover {

    background-image: url("imagenes/boton06.png");
    background-repeat: no-repeat;
	margin-left: 10px;
    width: 210px;
    height: 46px;
  }


.boton7 a {

    background-image: url("imagenes/boton07.png");
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    width: 200px;
    height: 46px;
  }


.boton7 a:hover {

    background-image: url("imagenes/boton07.png");
    background-repeat: no-repeat;
	margin-left: 10px;
    width: 210px;
    height: 46px;
  }


.boton8 a {

    background-image: url("imagenes/boton08.png");
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    width: 200px;
    height: 46px;
  }


.boton8 a:hover {

    background-image: url("imagenes/boton08.png");
    background-repeat: no-repeat;
	margin-left: 10px;
    width: 210px;
    height: 46px;
  }

/*******************************/






#masthead {
    margin-top: 10px;
    padding: 0px 0px;
    width: 100%;
    color: #dd790b;
  }


#cabecera {
    background-repeat: repeat-x;

    background-image: url(imagenes/cabecera.jpg);
    background-position: center;
    width: 100%;
    height: 110px;
  }


#contenedor {
    margin: 2px 50px 0 50px;
    min-height: 700px;
  }


#navBar {
    position: absolute;
    top: 130px;
    left: 0px;
    margin: 50px;
    padding: 0px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    voice-family:inherit;
    width: 160px;
  }


html>body #navBar {
    width: 160px;
    /* ie5win fudge ends */;
  }


#content {
    top: 10px;
    margin: 0px 0px 0px 230px;
    padding: 10px;
    min-height: 600px;

    background-image: url(imagenes/fondo.png);
    background-position: right top;
    background-repeat: no-repeat;
  }


.TSeccion {
    position: relative;
    height: 45px;
    border: 0;
    background-image: url(imagenes/menu-top.png);
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 10px;
    z-index:1;
  }


.Seccion {
    position: relative;
    color: #502508;
    padding-left: 4px;
    background-image: url(imagenes/menu-center.png);
    background-repeat: repeat-y;
    border: 0;
    font-family: Arial, sans-serif;
  }


.Seccion TD {
    color: #502508;
    font-family: Arial;
    font-weight: bold;
  }


.Seccion_bottom {
    height: 30px;
    background-image: url(imagenes/menu-bottom.png);
    background-repeat: no-repeat;
    border: 0;
  }


#MenuID {
    position : relative;
    z-index : 4;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.8em;
  }

/***********************************************/
/*Component Divs                               */
/***********************************************/



#siteName {
    margin: 0px;
    padding: 0px 0px 2px 0px;
  }

/*************** #pageName styles **************/



#pageName {
    padding: 0px 0px 10px 10px;
  }

/************* #globalNav styles **************/



#globalNav {
    color: #FF9933;
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
    background-color: #FFFFFF;
    width: 100%;
  }

/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */



#globalNav img {
    display: block;
  }


#globalNav a {
    font-size: 90%;
    padding: 0px 10px 0px 0px;
  }

/************* #siteInfo styles ***************/



#siteInfo {
    clear: both;
    border: 1px solid #cccccc;
    font-size: 75%;
    color: #cccccc;
    padding: 10px 10px 10px 10px;
    margin-top: 0px;
    margin-left: 190px;
  }

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */



#siteInfo img {
    padding: 4px 4px 4px 0px;
    vertical-align: middle;
  }


.boxRegistro {
    background-color : #FFFFFF;
    border-color : #fa9728;
    border-style : solid;
    border-width : 1px;
  }


.boton {
    background-color: #fa9728;
    font-weight: bold;
    font-size: 10px;
    color: #FFFFFF;
    border-style : solid;
    border-color : #FFFFFF;
    border-width : 1px;
  }

/*********** #navBar link styles ***********/



#navBar ul a:link, #navBar ul a:visited {
    display: block;
  }


#navBar ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */


#navBar li {
    border-bottom: 1px solid #EEE;
  }

/* fix for browsers that don't need the hack */


html>body #navBar li {
    border-bottom: none;
  }



/* pagination */

.pages, .pages-margin {
padding: 10px 0 0 0;
margin: 20px 0 50px 0;
clear: left;
font-size: 90%;

}

.pages-margin {
margin-left: 250px;

}

.pages a, .pages span, .pages-margin a, .pages-margin span {
display: block;
float: left;
padding: 5px 7px 5px 7px;
margin-right: 3px;
border: 1px solid;
color: #fa9728;
border-color: #FFF;
background: #FFF;
}

.pages span.current, .pages-margin span.current {
border: 1px solid;
font-weight: bold;
background: #FAEC91;
color: #fa9728;
border-color: #fa9728;
}

.pages span.current a, .pages-margin span.current a {
padding: 0;
border: 0px;
background: #fa9728;
color: #fa9728;
}

.pages a, .pages-margin a {
border: 1px solid;
text-decoration: none;
border-color: #fa9728;
background: url(imagenes/tabsub-background.png) bottom left repeat-x;
}

.pages a.nextprev, .pages-margin a.nextprev {
font-weight: bold;
}

.pages span.nextprev, .pages-margin span.nextprev {
border: 1px solid;
color: #FFD000;
border-color: #FFD000;
}

.pages a:hover, .pages-margin a:hover {
border-color: #fa9728;
background: #FFE225;
color: #fa9728;
}

