﻿* {
    font-family: Trebuchet MS;
    /*font-size:12px;*/
}

a{text-decoration:none;}

body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-family: Trebuchet MS;
    /*font-size:12px;*/
}

.grid {
    border-width: 0px;
    /*font-size:11px;*/
}

    .grid caption {
        background: #f9f9f9 url(../images/GridView1/captionbckg.gif) repeat-x;
        color: #15428B;
        text-align: left;
        line-height: 22px;
        font-size: 11px;
        font-weight: bold;
        padding-top: 2px;
        padding-left: 2px;
        font-family: Trebuchet MS;
    }

    .grid table {
        border: solid 1px #99BBE8;
        height: 30px;
    }

    .grid th {
        background: transparent url(../images/GridView1/thbackground.gif) repeat;
        height: 19px;
        border: solid 1px #99BBE8;
        font-weight: normal;
    }

/*  .grid td
        {
	        border:1px solid #99BBE8;
            color:Black;
           height:25px;
        }*/

.pagerstyle {
    font-size: x-small;
    text-align: right;
    background-position: bottom left;
    background: #D0DEF0 url(../images/GridView1/toolbarbck.gif) repeat-x scroll left top;
}

.gopag {
    font-size: x-small;
    width: 20px;
}

.pagprev {
    background: transparent url(../images/GridView1/previous.png) no-repeat scroll center;
    height: 1.3em;
    width: 16px;
    cursor: pointer;
    border: 0px;
}

.pagnext {
    background: transparent url(../images/GridView1/next.png) no-repeat scroll center;
    height: 1.3em;
    width: 16px;
    cursor: pointer;
    border: 0px;
}

.pagfirst {
    background: transparent url(../images/GridView1/first.png) no-repeat scroll center;
    height: 1.3em;
    width: 16px;
    cursor: pointer;
    border: 0px;
}

.paglast {
    background: transparent url(../images/GridView1/last.png) no-repeat scroll center;
    height: 1.3em;
    width: 16px;
    cursor: pointer;
    border: 0px;
}

/*Texto.css*/
.textogrl 
{
	
	font-size:11px;
	font-style:normal;
}

.legend {
    color: Black;
    font-size: XX-Small;
}

.textogrlMed 
{
	
	font-size:11px;
	font-style:normal;
}
.textogrlMedNeg
{
	
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	color: #FFFFFF;
}
.textogrlNeg
{
	
	font-size:11px;
	font-style:normal;
	font-weight:bold;
}
.textoRed {
	
	font-size:11px;
	color: #FF0000;
	font-style:normal;
	text-align:left;
}
.textoBlue {
	
	font-size:11px;
	color: #1E4DAC;
	font-style:normal;
	text-align:left;
}

.redBig 
{
	
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	white-space: normal;
}
.centerblue {

	font-size: 11px;
	font-style: normal;
	color: #036;
	text-align: center;
	line-height: 15px;
}	
.centerbluebold {
	
	font-size: 11px;
	font-style: normal;
	color: #036;
	text-align: center;
	line-height: 15px;
	font-weight: bold;
}
.redMed
{

	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
	white-space: normal;
}
.leftbluebold {
	
	font-size: 11px;
	font-style: normal;
	color: #036;
	text-align: left;
	line-height: 15px;
	font-weight: bold;
}

.width100
{
	 width:100%;
	  	
}


/*Estilos de Carvajal*/
.TextoSize10 {
    font-size: 10px;
    font-style: normal;
}

.TextoSize11 {
    font-size: 10.5px;
    font-style: normal;
}

.TextoSize12 {
    font-size: 12px;
    font-style: normal;
}

.TextoSize13 {
    font-size: 13px;
    font-style: normal;
}

.TextoSize14 {
    font-size: 14px;
    font-style: normal;
}


img {
    border: 0px;
}


#left {
    background-image: url('images/bgL.png');
    background-repeat: repeat-y;
    width: 100px;
    height: 100%;
    position: absolute;
    left: 0px;
}

#right {
    background-image: url('images/bgR.png');
    background-repeat: repeat-y;
    width: 100px;
    height: 100%;
    position: absolute;
    right: 0px;
}

#contenedor {
    margin: auto;
    width: 980px;
    height: 800px;
    text-align: center;
    background-image: url('images/bg.png');
    background-repeat: no-repeat;
    position: relative;
}

#contenedor1 {
    margin: auto;
    width: 980px;
    height: 90px;
    background-image: url('images/bg.png');
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
}

#contenido {
    margin-top: 40px;
    margin-left: 19px;
    height: 498px;
    background-image: url("images/datosPersonales.png");
    background-repeat: no-repeat;
    position: relative;
}

#confirma {
    margin-top: 40px;
    margin-left: 19px;
    height: 498px;
    background-image: url("images/bgBlank.png");
    background-repeat: no-repeat;
    position: relative;
}

#finaliza {
    margin-top: 40px;
    margin-left: 19px;
    height: 498px;
    background-image: url("images/final_prueba.png");
    background-repeat: no-repeat;
    position: relative;
}


/*Css para Menú Horizontal*/

ul#topnav {
    margin: 0;
    padding: 0;
    float: left;
    width: 980px; /*Ancho del menu*/
    margin-left: 2px;
    list-style: none;
    position: relative; /*font-weight:bold;*/
    font-size: .9em; /*1.2em*/
    background: url('../Images/topnav_active.png') repeat-x;
}

    ul#topnav li {
        text-align: center;
        width: 119px; /*191px X 4 = 764 */
        height: 30px; /*33px;*/
        float: left;
        margin: 0;
        padding: 0;
        border-right: 1px solid #006F9A; /*Divisora azul*/
    }

        ul#topnav li a {
            padding: 10px 15px;
            display: block;
            color: #fff;
            /*color:#AC0000;*/
            left: 0px;
            top: -2px;
            text-decoration: none;
        }

        ul#topnav li:hover {
            background: #101010 url('../Images/active.png');
        }

        ul#topnav li span {
            text-align: left;
            font-size: 1em;
            float: left;
            padding: 10px 0px;
            position: absolute;
            left: 0px;
            top: 30px;
            display: none;
            width: 960px;
            background: #5d5d5d; /*#5d5d5d*/ /*Sombra Gris*/
            /*color: #fff;*/
            color: #AC0000;
            -moz-border-radius-bottomright: 5px;
            -khtml-border-radius-bottomright: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            -khtml-border-radius-bottomleft: 5px;
            -webkit-border-bottom-left-radius: 5px;
            /*top:-2px;*/
        }

        ul#topnav li:hover span {
            display: block;
        }

        ul#topnav li span a {
            display: inline;
        }

            ul#topnav li span a:hover {
                text-decoration: underline;
            }

/*otra lista*/

#tut_div {
    /*margin-top:50px;
	margin-left:37px;
	float:left;
	/*border:dotted;*/
    width: 246px;
    height: 396px;
}

#inicio_div {
    /*margin-top:84px;
	margin-left:367px;
	margin-top:50px;
	/*border:dotted;*/
    width: 246px;
    height: 396px;
}

#stuff_div {
    /*background-image:url('../images/bg1001.png');
	background-repeat:no-repeat;
	/*margin-top:-378px;
	margin-left:697px;
	/*border:dotted;*/
    width: 246px;
    height: 396px;
}

.botones {
    margin: 0px;
    padding: 0px;
}

    .botones li {
        list-style-type: none;
    }

        .botones li a {
            background-image: url('../images/bg1000.png');
            background-repeat: no-repeat;
            text-decoration: none;
            color: #666666;
            font-size: 15px;
            font-weight: bold;
            display: block;
            width: 246px;
            height: 95px;
        }

            .botones li a.item1 {
                background-position: 0px 0px;
                text-align: center;
                line-height: 100px;
            }

            .botones li a:hover.item1 {
                background-position: -246px 0px;
                color: #fff;
            }

            .botones li a.item2 {
                background-position: 0px -103px;
                text-align: center;
                line-height: 90px;
            }

            .botones li a:hover.item2 {
                background-position: -246px -103px;
                color: #fff;
            }

            .botones li a.item3 {
                background-position: 0px -199px;
                text-align: center;
                line-height: 90px;
            }

            .botones li a:hover.item3 {
                background-position: -246px -199px;
                color: #fff;
            }

            .botones li a.item4 {
                background-position: 0px -298px;
                text-align: center;
                line-height: 90px;
            }

            .botones li a:hover.item4 {
                background-position: -246px -298px;
                color: #fff;
            }

            .botones li a:focus {
                outline: 0px;
            }

#tutoriales {
    font-weight: bold;
    color: #444;
    text-align: center;
    font-size: 15px;
}

#inicio_rapido {
    font-weight: bold;
    color: #444;
    text-align: center;
    font-size: 15px;
}

#extra {
    font-weight: bold;
    color: #444;
    text-align: center;
    font-size: 15px;
}

a:focus {
    outline: 0px;
}


/*Funciones Extras*/

.nav > li {
    float: left;
    margin-left: 0px;
    width: 80px;
}

.nav li a {
    /*background:#0c9ba0;*/
    background: url('images/topnav_active.png') repeat-x;
    color: #FFF;
    /*border-right: 1px solid #006F9A; */
    display: block;
    border: 0px solid;
    padding: 10px 12px;
}

.nav li .flecha {
    font-size: 9px;
    padding-left: 6px;
    display: none;
}

.nav li a:not(:last-child) .flecha {
    display: inline;
}
/**/
.nav li a:hover {
    background: #ebcccc; /*0fbfc6;*/ /*Cambia de color cuando se pasa el mouse encima del menu, Color azul cielo claro*/
}

.nav li {
    position: relative;
}
    /*Oculta todas las opciones del la lista de opciones*/
    .nav li ul {
        display: none;
        position: absolute;
        min-width: 140px;
    }
    /*Cuando pasa el mouse encima muestra las opciones del menu principal*/
    .nav li:hover > ul {
        display: block;
    }

    .nav li ul li ul {
        right: -140px;
        top: 0;
    }


/*Estilos de Carvajal*/


.style0 {
    height: auto;
    width: 50px;
}

.style1 {
    height: auto;
    width: 130px;
}

.style2 {
    width: 105px;
}

