/* --------------------------------------------------- */
/* Simuladores Capítulo 4                              */
/* Editorial Alfaomega - 2009                          */
/* --------------------------------------------------- */
/*                                                     */
/* Archivo: jcs.css                                    */
/*                                                     */
/* Descripción: Hoja de Estilos                        */
/*                                                     */
/* Autor(es): Ariel Calzada                            */
/*            acalzada@alfaomega.com.co                */
/*                                                     */
/* --------------------------------------------------- */

body
{
    background-color: #FFFFFF;
    margin:           0;
    padding:          0;
    font:             10px Verdana, Arial, Helvetica, sans-serif;
    color:            #333333;
}

select
{
    border: 1px solid #d0cb70;
}

input
{
    border: 1px solid #d0cb70;
}

legend
{
    font-weight: bold;
    color:       #445D02;
}

fieldset
{
    border:        1px solid #D1CA58;
    margin-bottom: 9px;
}

/* --------------------------------------------------- */

#container
{
    background: transparent url(../img/app_bg.jpg) no-repeat;
    width:      800px;
    height:     600px;
    margin:     0 auto;
}

#container_intro
{
    background: transparent url(../img/intro_bg.jpg) no-repeat;
    width:      800px;
    height:     600px;
    margin:     0 auto;
}

/* --------------------------------------------------- */

#chapter_intro
{
	color:      #445D02;
	position:   relative;
	left:       365px;
	top:        35px;
	width:      350px;
	font-size:  22px;
}

/* --------------------------------------------------- */

#simulator_title_intro
{
	color:      #000000;
	position:   relative;
	left:       55px;
	top:        280px;
	width:      350px;
	font-size:  14px;
	font-family: Arial;
}

/* --------------------------------------------------- */

#simulator_description_intro
{
	color:      #000000;
	position:   relative;
	left:       40px;
	top:        280px;
	width:      300px;
	font-size:  13px;
	font-family: Arial;
}

/* --------------------------------------------------- */

.button_intro
{
	background-color: #597B02;
	border:           2px solid #A0BD02;
	color:            #FFFF00;
	padding:          2px;
	padding-left:     8px;
	padding-right:    8px;
	font-weight:      bold;
	width:            80px;
	position:         relative;
	left:             200px;
	top:              290px;
	text-align:       center;
	cursor:           pointer;
	font-size:        150%;
}

.button_intro_hover
{
    background-color: #A0BD02;
    border:           2px solid #597B02;
    color:            #597B02;
    padding:          2px;
    padding-left:     8px;
    padding-right:    8px;
    font-weight:      bold;
    width:            80px;
    position:         relative;
    left:             200px;
    top:              290px;
    text-align:       center;
    cursor:           pointer;
    font-size:        150%;
}

/* --------------------------------------------------- */

.chapter_title
{
    color:       #445D02;
    position:    relative;
    left:        0;
    top:         60px;
    width:       400px;
    font-size:   210%;
    text-align:  center;
    font-weight: bold;
}

/* --------------------------------------------------- */

#menu
{
    position:     relative;
    left:         20px;
    top:          100px;
    width:        150px;
    height:       450px;
    float:        left;
    overflow:     auto;
    font-size:    120%;
    padding-left: 5px;
}

/* --------------------------------------------------- */

#content
{
    position:    relative;
    left:        38px;
    top:         108px;
    width:       530px;
    height:      400px;
    float:       left;
    overflow:    auto;
    border:      1px solid #D1CA58;
    padding:     15px;
    padding-top: 10px;
    font-size:   98%;
}

/* --------------------------------------------------- */

#menu_operacion
{
    padding: 5px;
}

/* --------------------------------------------------- */

#menu_vector1
{
    padding: 5px;
}

/* --------------------------------------------------- */

#menu_vector2
{
    padding: 5px;
}

/* --------------------------------------------------- */

.boton_menu
{
    background-color: #597B02;
    border:           2px solid #A0BD02;
    color:            #FFFF00;
    cursor:           pointer;
    font-size:        85%;
    margin-top:       7px;
    margin-bottom:    9px;
}

.boton_rojo_menu
{
    border:           1px solid #CCCCCC;
    background-color: #C10B24;
    cursor:           pointer;
    color:            #FFFFFF;
    font-size:        80%;
    margin-top:       7px;
    margin-bottom:    9px;
}

/* --------------------------------------------------- */

#menu_vector3
{
    padding: 5px;
}

/* --------------------------------------------------- */

.line_number
{
    background-color: #CCCCCC;
    color:            #FFFFFF;
    float:            left;
    padding-left:     5px;
    padding-right:    5px;
    margin-right:     8px;
}

.codeline
{
}

.codeline_highlight
{
    background-color: #FDFB71;
    font-weight:      bold;
}

/* --------------------------------------------------- */