*{	margin: 0;
   padding: 0;
   border: 0;
   font-family: Verdana, sans-serif, Arial;  
}

body {background-color:#dfdfdf;}

img {border:none;}

a {color:#666666; text-decoration:none;}
a:visited {color:#666666;}
a:hover {color:#298A08; text-decoration:underline;}


/*#dvmensaje {border:gray 1px solid; background-color:#f1f1f1; width:320px; padding:30px 20px 30px 20px; margin: 50px auto 7px auto; font-weight:bold; font-family: Verdana, sans-serif, Arial; font-size: 13px; text-align:center;}*/
#dvmensaje {border:#298A08 1px dotted; background-color:#E6F8E0; color:#333; width:420px; padding:40px 20px 40px 20px; margin: 10px auto 7px auto; font-weight:normal; font-family: Verdana, sans-serif, Arial; font-size: 16px; text-align:center;}

/***Nuevo Estilo de Encabezado SISCOLEGIO*******/
#divtop {width:auto; height:15px; /*background-color:#274a60;*/ background-image:url(../imagenes/img3.jpg);}
#divlogo {width:auto; height:115px; /*background-color:#298A08;*/ background-image: url(../imagenes/img.jpg); color:#fff;}
#divdatosuser {width:auto; height:auto; /*background-color:#f6f6f6;*/ background-image: url(../imagenes/img2.jpg); border-bottom:#dedbd1 1px solid;}
#contlogo {margin:auto; width:900px; height:auto;}

#divtab {margin:auto; width:850px;}/*Nuevo*/

/*------Estilo para el Encabezado------*/
#dvencabezado {margin:auto; /*margin-top:20px;*/ height:auto; width:900px; background-color:#ffffff;}
#dvlogo {margin:auto; /*margin-top:20px;*/ height:90px; width:auto; background:#fff; color:#fff;} 
#dvbarra {margin:auto; height:20px;width:auto; padding-top:3px; padding-left: 5px; background:#298A08; margin-bottom:5px; color:#fff; }
#dvdatos {margin:auto;  padding-top:2px; padding-bottom:2px; height:auto; width:900px; font-size:11px;} 

#dvinfocurso {width:875px; border:#dedbd1 1px solid; /*border-bottom:#dedbd1 1px solid;*/ color:#666666; margin:auto; 
              font-weight:normal; font-size:12px; /*margin-top:15px;*/
              -webkit-border-radius: 8px;
              -moz-border-radius: 8px;
} 


/*------Estilo para el Div principal, el menú y contenido de la página en sí------*/
#dv1 {margin:auto; width:900px; margin-top:15px; margin-bottom:20px;
      height:auto; background-color:#fff;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border:gray 1px solid;
      padding-bottom:7px;
}

/*#dv2 {margin-top:5px; margin-bottom:10px; height:auto; padding-left:5px; width:190px; float:left;}*/
#dv3 {width:auto; 
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
}

#dv4 {margin:auto; width:800px; padding-left:5px; padding-right:5px; height:auto; background-color:#ffffff; border:red 1px solid;} 
#dv5 {margin-top:5px; margin-bottom:10px; height:auto; padding-left:5px; width:390px; border:1px solid #dedbd1;}
#dv6 {margin-top:5px; margin-bottom:10px; padding:1px; width:390px; border:1px solid #dedbd1;}


/*#dvpie {margin-top:15px;}*/

#dvbotones {width:760px; margin-top:5px; margin:auto; margin-bottom:10px;text-align:center;}
#dvbotones2 {margin-top:10px; text-align:center;}

/*#floatMenu {
                position:relative;
                top:5px;
                left:1%;
                margin-left:1px;		
                width:180px;
                }
                
#menu{		-moz-border-radius:5px;
                        -webkit-border-radius:5px;
                         border-radius:5px;
                        -webkit-box-shadow:1px 1px 3px #888;
                        -moz-box-shadow:1px 1px 3px #888;
                }
                #menu li{border-bottom:1px solid #FFF;}
                #menu ul li, #menu li:last-child{border:none}	
                
                #floatMenuY a{  
                        display:block;			
                        color:#FFFFFF;;
                        text-decoration:none;
                        font: 12px Verdana, Arial, Helvetica, sans-serif;
                        height: 24px;			
                        padding:3px 15px;			
                        text-shadow:1px 1px 1px #325179;			
                        font-weight:bold;
                }
                #menu a:hover{		    
                        background-color:#8bc612;
                        font-weight:bold;
                        color:white;			
                }
                
                #menu ul a{background-color:red;}
                #menu ul a:hover{						
                        text-shadow:none;
                        -webkit-transition: color, background-color 0.2s linear;
                }
                #floatMenuY ul{
                        display:block;
                        background-color:#197b30;			
                        margin:0;
                        padding:0;
                        width:180px;
                        list-style:none;
                }
                #menu ul{background-color:#6594D1;}
                #menu li ul {display:none;}*/



.desseleccionado{
    background-repeat: no-repeat;
    background-position: 5px;
    overflow: visible;
    padding: 0px 10px 0px 25px;
    background-image: url(../imagenes/uncheck.png);
}

.seleccionado{
    background-repeat: no-repeat;
    background-position: 5px;
    overflow: visible;
    padding: 0px 10px 0px 25px;
    background-image: url(../imagenes/check.png);
}

/*------Estilo para Tabla Número 1------*/		
.estilo1 {margin:auto; margin-top:10px; margin-bottom:40px; font-family: Verdana, sans-serif, Arial; font-size:13px;}

.estilo1 table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    text-align: left;
    color: #333;
    line-height: 19px;
}

.estilo1 caption {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left;
    /*text-transform: uppercase;*/
}

.estilo1		td {
    margin: 0;			
    /*padding: 4px 5px;*/
    padding: 2px 2px;
    border: 1px dotted #f5f5f5;
}


.estilo1		th {
    font-weight: normal;
    /*text-transform: uppercase;*/
}

.estilo1		thead tr th {
    background-color: #575757;
    /*background-color: #9db7e1;*/
    /*background-color: #f2f2f2;*/
    padding:  4px 4px;			
    color:#fff;
    font-weight: normal;
    border-right: 2px solid #333;
    /*text-transform: uppercase;*/
    text-align:center;
    border:0;
}

.estilo1		tfoot tr th, tfoot tr td {
    background-color: transparent;
    padding:  10px 5px;
    color: #ccc;
    border-top: 1px solid #ccc;
}

.estilo1		tbody tr th {
    padding: 10px 5px;			
    border-bottom: 1px dotted #fafafa;
}

.estilo1		tr { 
    background-color: #fff;
    /*background-color: #FBFDF6;*/
}
.estilo1		tr.odd {
    background-color: #e7e9ec;
    /*background-color: #EDF7DC;9db7e1 e7e9ec*/
}

.estilo1		tr:hover {
}

.estilo1		tr:hover td, tr:hover td a, tr:hover th a {
    color: #a10000;

}

.estilo3		tr:hover td, tr:hover td a, tr:hover th a {
    color: #a10000;

}		


.estilo1		td:hover {
}

.estilo1		tr:hover th a:hover {
    background-color: #F7FBEF;
    border-bottom: 2px solid #86C200;
}

.estilo1		table a {
    color: #608117;
    background-image: none;
    text-decoration: none;
    border-bottom: 1px dotted #8A8F95;
    padding: 2px;
    padding-right: 12px; /*background: transparent url(../imagenes/link.gif) no-repeat 100% 50%;*/
}

.estilo1		table a:hover {
    color: #BBC4CD;			
    background-image: none;
    text-decoration: none;
    border-bottom: 3px solid #333;
    padding: 2px;
    padding-right: 12px; color: #A2A2A2; /*background: transparent url(../imagenes/link.gif) no-repeat 100% 50%;*/
}

.estilo1		table a:visited {
    text-decoration: none;
    border-bottom: 1px dotted #333;
    text-decoration: none;
    padding-right: 12px; color: #A2A2A2; /*background: transparent url(../imagenes/visitedLink.gif) no-repeat 100% 50%;*/
}

.estilo1		table a:visited:hover {
    background-image: none;
    text-decoration: none;
    border-bottom: 3px solid #333;
    padding: 2px;
    padding-right: 12px; color: #A2A2A2; /*background: transparent url(../imagenes/visitedLink.gif) no-repeat 100% 50%;*/
}

/*-------Estilo para Div que forma una Tabla para Introducir Datos---------*/

body{
    font-family:”Lucida Grande”, “Lucida Sans Unicode”, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
/*.estilo2 p, h1, form,button {border:0; margin:0; padding:0;}*/
.spacer{clear:both; height:1px;}

.estilo2{
    margin:auto;
    width:500px;
    padding:10px 14px 10px 14px;
}

#stylized{ /*Borde y Fondo principal*/
    /*border:#dedbd1 1px solid;*/
    border:#deebed 1px solid;
    background-color:#f9f9f9;
    color:#444;
    /*background:#f8f8ec;*/ 
    /*background:#fafafa;*/
}

#stylized h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}

#stylized p{
    font-size:11px;
    color:#666666;
    margin-bottom:10px;
    border-bottom:solid 1px #c4df9b;
}

#stylized label{
    display:block;
    text-align:right;
    width:120px;
}

#stylized .small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:140px;
}

#stylized textarea{
    font-size:12px;
    border:solid 1px #deebed;
    width:305px;
    height:50px;
    margin:2px 0 0px 10px;
    resize:none;
}

#stylized input.textbox{
    font-size:12px;
    padding:2px 2px;
    border:solid 1px #deebed;
    width:300px;
    margin:2px 0 0px 10px;
}

#stylized input.archivo{
    font-size:12px;
    padding:2px 2px;
    border:solid 1px #c4df9b;
    width:300px;
    margin:2px 0 0px 10px;
}

#stylized input.checkbox{
    padding:2px 2px;
    border:solid 1px #c4df9b;
    margin:2px 0 0px 10px;
}

#stylized select{
    font-size:12px;
    padding:3px 3px;
    border:solid 1px #deebed;
    width:305px;
    margin:2px 0 0px 10px;
    background-color:#fff;
}

#stylized buttonAnalizar{
    clear:both;
    /*margin-left:200px;*/
    margin-top:10px;
    margin-left:5px;
    width:100px;
    height:31px;
    background:#197b30;
    text-align:center;
    line-height:31px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}


#dvtitulo1 {margin:auto; width:500px; font-weight:normal; font-size:14px; color:black; text-align:center;}



/***********MENU 2*******************/
.ddmarkermenu{
    list-style-type: none;
    margin: 0;
    width:190px;
    margin-bottom: 8px;
    padding: 0;
}

.ddmarkermenu li{
    padding-bottom: 2px;
    font-size:12px;
}

.ddmarkermenu li a{
    /*color: #aa2716;*/
    color: #666666;
    /*background: url(../imagenes/arrowbullet.gif) no-repeat center left;*/
    display: block;
    padding: 3px 0;
    padding-left: 10px;
    text-decoration: none;
    font-weight: bold;
    /*border-bottom: 1px solid #dadada;*/
    font-size: 90%;
}

.ddmarkermenu img {
    padding-right:10px;
}

.ddmarkermenu li a:visited{
    /*color: #aa2716;*/
    /*color:#666666;*/
}

.ddmarkermenu a:hover{
    background-color: #F3F3F3;
    color: #aa2716;
}

/*****************Estilo Tabla No3***********************/
.estilo3 {margin:auto; margin-top:10px; margin-bottom:30px; font-family: Verdana, sans-serif, Arial; font-size:13px;/* border:2px solid red;*/}
/*.estilo3 {margin:auto; margin-top:10px; margin-bottom:60px; font-family: Verdana, sans-serif, Arial; font-size:13px;}*/

.estilo3 table {
    margin: 0;
    padding: 0;
    /*border-collapse: collapse;*/
    text-align: left;
    color: #333;
    line-height: 19px;
}

.estilo3 caption {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left;
}

.estilo3 td {
    margin: 0;
    padding: 2px 2px;
    /*border: 1px dotted #f5f5f5;*/
    border: 1px solid #dedbd1;
}

.estilo3 thead tr th {
    background-color: #575757;			

    padding:  5px 5px;			
    color:#fff;
    font-weight: bold;
    border-right: 2px solid #333;		
    text-align:center;
    border:0;
}

.estilo3 textarea{font-family: Verdana, sans-serif, Arial; font-size:12px; width:500px;}

/**/

.mapasitio{
    font-size:11px;
    margin:auto;
    margin-top:15px;
    margin-left:10px;
}

.attention-box { 
    position: absolute; 
    overflow: hidden; 
    line-height: 30px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, sans-serif, Helvetica, Arial, tahoma;
    font-size: 14px;
    background: url(../img/bg.png); 
    width: 500px;
    padding-bottom: 8px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow: 0 0 20px #222;
    -webkit-box-shadow: 0 0 20px #222;
    box-shadow: 0 0 20px #222; 
}

.attention-box .message, .attention-box .buttons
{
    color: #FFF;
    display: block;
    overflow: hidden;
    padding: 12px 5px 12px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    padding-left: 70px;
}

.attention-box-ie6
{
    background: #000;
}

.attention-box .bubble
{
    background: url(../img/bubble.png) no-repeat 10px 10px;
}

.attention-box .bubbleie6
{
    background: url(../img/bubbleie6.gif) no-repeat 10px 10px;
}

.attention-box .message
{
    padding: 20px 15px 20px 70px;
    line-height: normal;
}

.attention-box .input-container
{
    padding: 10px 0px;
    text-indent: 0px;
    background: #F3F3F3;
}

.attention-box .input-container label
{
    display: block;
    text-transform: capitalize;
    margin-left: 70px;
    font-size: 12px;
    line-height: normal;
    padding: 4px 0px;
}

.attention-box .input-container label .error
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #F70000; 
    margin-left: 4px;
    margin-right: 15px;
    float: right;
}

.attention-box .input-container div
{
    padding: 0px;
    margin: 0px;
    line-height: normal;
}

.attention-box .input-container input
{
    margin-left: 70px;
    margin-bottom: 5px;
    width: 410px; 
    height: 18px;
    font: inherit;
    padding: 3px;
    border-color:#7C7C7C #C3C3C3 #DDDDDD;
    border-style:solid;
    border-width:1px;
}

.attention-box .buttons
{
    padding-left: 0px;
    text-indent: 0px;
    padding: 8px 10px 0px 10px;
    background: none;
    overflow: hidden;
}

.attention-box .buttons button 
{
    float: right;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #318DF2;
    background-image: url("../img/overlay-button.png");
    background-repeat: repeat-x;
    border-radius: 3px; 
    border:medium none;
    color:#FFFFFF;
    cursor:pointer;
    margin: 0px 2px 0px 4px;
    font-size: 12px;
    padding: 4px 14px;
    line-height: normal; 
}

.attention-box .buttons button:hover 
{
    background: #2F71E1;
    background-image: url("../img/overlay-button.png");
    background-repeat: repeat-x;
}

.attention-box .buttons button.important
{
    background: #FF3000;
    background-image: url("../img/overlay-button.png");
    background-repeat: repeat-x;
}

.attention-box .buttons button.important:hover
{
    background: #F00000;
}

.attention-box-modal
{
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    background: #222;
} 

.ie6IsCrap
{
    background-image: none !important;
}

.miboton {background-color:transparent; /*border:#dedbd1 1px solid;*/ border:none;}
.miboton:hover {color:#FF8000;}

.dvcentrarboton {text-align:center;}

/*.botonhorario {width:70px; height:60px; font-size:10px; background-color:#f9f9f9; border:none; color:#298A08; font-weight:normal;}
.botonhorario:hover {border:#FF8C00 2px solid;}

.botonhorarioSel {width:70px; height:60px; font-size:10px; background-color:#9ACD32; border:none; color:#fff; font-weight:normal;}

.botonhorarioGuardado {width:70px; height:60px; font-size:10px; background-color:#CD5C5C; border:none; color:#fff; font-weight:normal;}

.botonhorarioLectura {width:70px; height:60px; font-size:10px; background-color:#B8860B; border:none; color:#fff; font-weight:normal;}
*/

.botonhorario {width:70px; height:60px; font-size:10px; background-color:#f9f9f9; border:none; color:#298A08; font-weight:normal;}
.botonhorarioSB {width:70px; height:60px; font-size:10px; background-color:#f9f9f9;/*#eeeeee;*/ border:none; color:#298A08;/*#004276;*/ font-weight:normal;}
.botonhorario:hover {border:#FF8C00 2px solid;}

.botonhorarioSel {width:70px; height:60px; font-size:10px; background-color:#B0C4DE; border:none; color:#fff; font-weight:normal;}

.botonhorarioGuardado {width:70px; height:60px; font-size:10px; background-color:#8FBC8F; border:none; color:#fff; font-weight:normal;}

.botonhorarioLectura {width:70px; height:60px; font-size:10px; background-color:#B22222; border:none; color:#fff; font-weight:normal;}

.botonrecreo {width:70px; height:60px; font-size:10px; background-color:#CD853F; border:none; color:#fff;}

#div1 {margin:auto; width:700px; border: 1px solid #dedbd1;}
#div2 {margin:auto; padding-top:5px; width:700px; height:20px; background-color:#183376; color:#fff; border: 1px solid #dedbd1;}

#div3     {padding-top:5px; width:150px; float:left;}
#div4     {padding-top:5px; padding-left:5px; width:540px; float:right; border-left:1px dotted #dedbd1;}
#div5     {padding-top:20px; margin:auto; width:525px; /*border:1px solid #dedbd1;*/ text-align:right;}
#divfecha {float:left;}
#divitem  {float:rigth; padding-right:20px; text-align:right;}

.estilo1 textarea{font-family: Verdana, sans-serif, Arial; height:100px; font-size:12px; 
                  width:400px; border:1px solid #dedbd1; resize:none;}

.botonimg {border:none; background-color:transparent;}
.botonimg:hover{color:#498af4; text-decoration:underline; font-weight:normal; cursor:  pointer}

.botoncolorA {border:none; background-color:#183376; color:#fff; font-weight:normal; font-size:14px;}

/*.boton {
                border: 1px solid #dedbd1;
                border: 1px solid #deebed;		
                padding: 3px;
                color: #333;
                background-color:#f1f1f1;
                background-color:transparent;
                font-size: 12px;
                line-height: 12px;
                text-decoration: none;
                
                border-radius: 8px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
}
.boton:hover {color: #fff; background-color:#298A08; }*/

.boton {
    background: #298A08;
    background-image: -webkit-linear-gradient(top, #298A08, #3f7299);
    background-image: -moz-linear-gradient(top, #298A08, #3f7299);
    background-image: -ms-linear-gradient(top, #298A08, #3f7299);
    background-image: -o-linear-gradient(top, #298A08, #3f7299);
    background-image: linear-gradient(to bottom, #298A08, #3f7299);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 8px 15px 8px 15px;
    text-decoration: none;
    cursor: pointer;
}

.boton:hover {
    background: #298A08;
    background-image: -webkit-linear-gradient(top, #298A08, #4f95cf);
    background-image: -moz-linear-gradient(top, #298A08, #4f95cf);
    background-image: -ms-linear-gradient(top, #298A08, #4f95cf);
    background-image: -o-linear-gradient(top, #298A08, #4f95cf);
    background-image: linear-gradient(to bottom, #298A08, #4f95cf);
    text-decoration: none;
}
.boton:disabled {
    background: #b4d5f0;
    background-image: -webkit-linear-gradient(top, #b4d5f0, #9bb8cf);
    background-image: -moz-linear-gradient(top, #b4d5f0, #9bb8cf);
    background-image: -ms-linear-gradient(top, #b4d5f0, #9bb8cf);
    background-image: -o-linear-gradient(top, #b4d5f0, #9bb8cf);
    background-image: linear-gradient(to bottom, #b4d5f0, #9bb8cf);
    cursor: default;
}
.btnDelete {
    background: #bd000d;
    background-image: -webkit-linear-gradient(top, #bd000d, #750000);
    background-image: -moz-linear-gradient(top, #bd000d, #750000);
    background-image: -ms-linear-gradient(top, #bd000d, #750000);
    background-image: -o-linear-gradient(top, #bd000d, #750000);
    background-image: linear-gradient(to bottom, #bd000d, #750000);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 8px 15px 8px 15px;
    text-decoration: none;
}

.btnDelete:hover {
    background: #bd000d;
    background-image: -webkit-linear-gradient(top, #bd000d, #bd000d);
    background-image: -moz-linear-gradient(top, #bd000d, #bd000d);
    background-image: -ms-linear-gradient(top, #bd000d, #bd000d);
    background-image: -o-linear-gradient(top, #bd000d, #bd000d);
    background-image: linear-gradient(to bottom, #bd000d, #bd000d);
    text-decoration: none;
}


#tablaForo {border:#dedbd1 1px solid; margin:auto; width:500px;}
#tablaForo input{border:#dedbd1 1px solid; width:350px; height:22px;}
#tablaForo textarea{border:#dedbd1 1px solid; width:400px; resize:none; height:100px; font-size:12px;}
#tablaForo td{/*padding:5px;*/}
#tablaForo td#alinearderecha {text-align:right;}

.Titulo1 {font-size:20px; font-weight:bold; text-align:center; color:#298A08;}

.tbingresodatos {margin:auto; width:450px; font-size:12px; color:#333; border:#dedbd1 1px solid;}
.tbingresodatos th {height:25px; background-color:#298A08;}
.tbingresodatos td {padding:5px;}
.tbingresodatos select {height:20px; width:275px; border:#dedbd1 1px solid; }

#tablaHorario {margin:auto; font-size:12px; color:#333; }
#tablaHorario input {border:#dedbd1 1px solid; height:22px; color:#666; background-color:#f9f9f9; width:200px;}
#tablaHorario select {height:20px; width:200px;height:22px; border:#dedbd1 1px solid; background-color:#f9f9f9;}

/*------*/
.estiloBlue {margin:auto; margin-top:10px; margin-bottom:10px; font-family: Verdana, sans-serif, Arial; font-size:12px; color:#333;}

.estiloBlue th {background-color:#298A08; color:#fff; height:25px; font-weight:normal; padding-left:3px; padding-right:3px;}

table.estiloBlue tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

table.estiloBlue td {
    border:#dedbd1 1px solid;
    padding:5px;
}

table.estiloBlue tr.odd {
    background-color: #f9f9f9;
}

.botonmsg {
    /*border: 1px solid #dedbd1;*/
    border:none;
    padding: 3px;
    /*color: #333;*/
    color:333;
    background-color:#f6f6f6;
    /*background-color:transparent;*/
    font-size: 10px;
    line-height: 12px;
    text-decoration: none;

    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

/*------------TOOLTIP-----------------*/

div#pop-up {
    display: none;
    position: absolute;
    width: 180px;
    padding: 5px;
    background: #333;
    color: #ffffff;
    border: 1px solid #dedbd1;
    font-size:11px;
}

.spantitulo {color:#298A08;}

.cabecerablue {margin:auto;  background-color:#298A08; border:#298A08 1px solid; height:15px; padding-top:5px; padding-bottom:5px;color:#fff;}

.cmbpagos {height:20px; width:230px; border:#deebed 1px solid; background-color:#fff;}

.mytextarea {border:#deebed 1px solid; width:250px; resize:none; height:60px; font-size:11px;}

.botonsb {
    /*border: 1px solid #dedbd1;*/
    border:none;
    padding: 3px;
    color: #333;		
    background-color:transparent;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;

    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    cursor: pointer
}

.botonsb:hover {color: #fff; background-color:#298A08; }


.showdata {margin:auto; font-family: Verdana, sans-serif, Arial; font-size:11px; color:#333; border:#deebed 1px solid; background-color:#E6F8E0;}

table.showdata td {padding:5px;}
.showdata input[type='text'], input[type='password'] {border:#deebed 1px solid; height:20px; background-color:#fff;}
.showdata select {border:#deebed 1px solid; height:20px; width:150px;}
.showdata textarea {border:#deebed 1px solid; resize:none;}
.showdata input[type=submit] {padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}


#uea {color:#666;}

#dvpie a{
    color:white;			
}

#dvpie a:hover{

    text-decoration:none;
    color:orange;			
}

#title {
    text-align: center;
    position: relative;
    color:#333;
}

#title h1 {
    font: normal 35px/45px "Myriad Pro", "Myriad", "Gill Sans", "Frutiger Linotype", "Helvetica Neue", sans-serif;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px;
    color: #298A08;
    position: relative;
    width: 800px;
    height: 45px;
    margin: 0 auto;
    overflow: hidden;
}

#title h1 span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: url("i/quicksand-logo.png") no-repeat;*/
}

#title p {
    margin-top: 3px;
    margin-right: 0;
}

#title h2 {
    font: normal 27px "Myriad Pro", "Myriad", "Gill Sans", "Frutiger Linotype", "Helvetica Neue", sans-serif;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px;
    color: #298A08;
    position: relative;
    /*width: 800px;*/ /*Verificar esto....!!!!*/
    height: 45px;
    margin: 0 auto;
    overflow: hidden;
}

/* PROGRAMADOR 3 */

.curved {
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior:url(border-radius.htc);*/

    -moz-border-radius: 4px; /* Firefox*/ 
    -ms-border-radius: 4px; /* IE 8.*/ 
    -webkit-border-radius: 4px; /* Safari,Chrome.*/
    border-radius: 4px; /* El estándar.*/

    background-color: #F2F2F2; border: #ABABAB solid 1px; clear: both; 
}

.divLoading{
    width: 60px;
    height: 30px;    
    background-image: url('../imagenes/cargar.gif');
    background-repeat: no-repeat;
    background-size: 30px, 30px;
    background-position: center;
    margin: auto;
    text-align: center;
}

.divChat{
    background: #FDFDFD;
    padding: 20px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.divInputMessage{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    border-top: 1px solid #dde0e3;
    padding: 10px;
}

.inputMessage{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dde0e3;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.03), inset 0 2px 3px rgba(9,9,9,0.05);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.03), inset 0 2px 3px rgba(9,9,9,0.05);
    -o-box-shadow: 0 2px 3px rgba(0,0,0,0.03), inset 0 2px 3px rgba(9,9,9,0.05);
    box-shadow: 0 2px 3px rgba(0,0,0,0.03), inset 0 2px 3px rgba(9,9,9,0.05);
    font-size: 12px;
    font-weight: bold;
    color: #393939;
    width: 100%; height: 60px; 
    padding: 10px;
    box-sizing: border-box;
}

.friendList li{
    display:block;
    padding:5px 0;
    overflow: auto;
    cursor:pointer;
    border-bottom: 1px solid #D3D3D3;
}
.friendList li:hover{
    opacity: 0.75;
    -moz-opacity: 0.75;
    filter:alpha(opacity=75);
}
.friendList li.current-chat{
    background: #FFF;
    width: 201px;
    padding-left: 12px;
    position: relative;
    /*left: -14px;*/
    border-top:1px solid #dde0e3;
    border-bottom:1px solid #dde0e3;
}

.friendList .nameTag{
    width:150px;
    float:left;
}
.friendList .nameTag span{
    display:block;
    text-shadow:1px 1px 0 #fff;
    line-height: 1.4em;
}
.friendList .nameTag .name{
    font-size:12px;
    color:#393939;
    font-weight:bold;
}
.friendList .nameTag .pro{
    font-size:11px;
    color:#7f8c91;
}
.friendList .nameTag .name.online:after, .friendList .nameTag .name.idle:after, .friendList .nameTag .name.busy:after, .friendList .nameTag .name.offline:after{
    content: " ";
    width: 8px;
    height: 7px;
    display: inline-block;
    margin-left: 5px;
}
.friendList .nameTag .name.online:after{
    background: url(../imagenes/sprite.png) -10px -161px;
}
.friendList .nameTag .name.idle:after{
    background: url(../imagenes/sprite.png) -10px -170px;
}
.friendList .nameTag .name.busy:after{
    background: url(../imagenes/sprite.png) -10px -179px;
}
.friendList .nameTag .name.offline:after{
    background: url(../imagenes/sprite.png) -10px -188px;
}

.friendList img, .chatting img{
    width:30px;
    height:30px;
    float:left;
    margin-right:9px;
    border: 1px solid #DDE0E3;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
}

.chatting{
    margin-bottom: 10px;
    overflow: auto;
    padding: 5px 0;
}

.new {
    background: #CEE4F7;
}

.chatting.me img{
    float:right
}

.chatBubble{
    padding: 13px 7px 55px 15px;
    float:left;
    position: relative;
}
.chatBubble h2{
    color:#b0b7b9;
    font-size:12px;
    font-weight:bold;
    margin-bottom:10px;
}
.chatBubble h2 a{
    color:#b0b7b9;
    text-decoration:none;
}
.chatBubble h2 a:hover{
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=7);
}
.chatBubble h2:after{
    content:" ";
    background:url(../imagenes/up.png);
    width:6px;
    height:6px;
    display:inline-block;
    margin-left:5px;
}
.chatting .bubble{
    width: 80%; /*580px;*/
    padding:6px 9px;
    float:left;
    font-size:12px;
    border:1px solid #dde0e3;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    margin-left:5px;
    position: relative;
    -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.03), inset 0 -4px 9px rgba(9,9,9,0.05);
    -moz-box-shadow:0 2px 3px rgba(0,0,0,0.03), inset 0 -4px 9px rgba(9,9,9,0.05);
    -o-box-shadow:0 2px 3px rgba(0,0,0,0.03), inset 0 -4px 9px rgba(9,9,9,0.05);
    box-shadow:0 2px 3px rgba(0,0,0,0.03), inset 0 -4px 9px rgba(9,9,9,0.05);
    background: #FFF;
}
.chatting.me .bubble{
    background:#f6f8f9;
    margin-left:0;
    margin-right:15px;
    float: right;
}
.chatting .bubble:before{
    content:" ";
    background:url(../imagenes/arrow-1.png);
    width:10px;
    height:10px;
    display:block;
    position: absolute;
    left:-10px;
    top:10px;
}
.chatting.me .bubble:after{
    content:" ";
    background:url(../imagenes/arrow-2.png);
    width:10px;
    height:10px;
    display:block;
    position: absolute;
    right:-10px;
    top:10px;
}
.chatting.me .bubble:before{
    content:" ";
    background:none;
}
.chatting .bubble .time{
    color:#949494;
    line-height:1.3em;
    display: block;
}
.chatting  .bubble p{
    color:#393939;
    line-height:1.4em;
}


            
            .tableCalendar{
                width: 300px;
                height: 300px;
            } 
            .tableCalendar td { 
                padding: 4px; 
                border: 1px #DFDFDF solid; 
                text-align: right;
                min-width: 40px;
                max-width: 40px;
                height: 40px;
                cursor: pointer;
                vertical-align: top;
                color: #737373;
            }
            .tableCalendar td:hover { 
                background-color: #FFFFD6;
            }
            .tableCalendar th { 
                width: 113px;
                border: 1px #DFDFDF solid; 
                font-weight: bold;
                text-align: center;
                padding: 10px;
                color: #535353;
            }
            .trHeader td{
                text-align: center;
                font-size: 9px;
                color: #FFF;
                background: #298A08;
                height: 12px;
                pointer-events: none;
            }
            .today{
                background-color: #e6f5fe;
            }
            .event{
                border-radius: 5px;
                width: 108px;
                height: 15px;
                background-color: #3A87AD;
                border: 1px solid #3A87AD;
                color: #FFF;
                text-align: left;
                vertical-align: middle;
                padding-top: 2px;
                margin-bottom: 2px;
                font-size: 9px;
            }
            .error{
                background-color: #FEF6F3;
                border: 1px solid #CD0A0A;
                color: #CD0A0A;
                text-align: left;
                margin: 10px auto 10px auto;
                padding: 10px;
                display: none;
            }
            .hover{
                background-color: #A4D3EB;
                border: 1px solid #58ACD6;
                color: #323232;
            }
            .weekend{
                background-color: #E6F8E0;
            }
            .more{
                background-color: #cbcbcb;
                border: 1px solid #7f7f7f;
                color: #5d5d5d;
            }
            .more a:hover{
                color: #454545;
                cursor: pointer;
            }
            
            .boxButton{
                background: #ffffff; /* Old browsers */
                background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
                background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
            }
            .boxButton:hover{
                background: #f6f6f6; /* Old browsers */
                background: -moz-linear-gradient(top, #f6f6f6 0%, #e1e1e1 50%, #ffffff 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(50%,#e1e1e1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #f6f6f6 0%,#e1e1e1 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #f6f6f6 0%,#e1e1e1 50%,#ffffff 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #f6f6f6 0%,#e1e1e1 50%,#ffffff 100%); /* IE10+ */
                background: linear-gradient(to bottom, #f6f6f6 0%,#e1e1e1 50%,#ffffff 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */                
            }