html, body {
        height: 100%;
        margin: 0px;
        padding: 0px;
        background: #CCC;
}

*{
        margin:0px;
        padding:0px;
        font-family: "Arial";
}

button, select, label, input[type="button"],input[type="submit"], input[type="reset"],input[type="radio"], .btn{
        cursor:pointer;
}

#wrap {
        min-height: 100%;
}

.icon{
  margin-right:5px !important;
}

#main {
        overflow:auto;
        padding-bottom: 100px;
}

#footer{
        position: relative;
        margin-top: -100px;
        height: 100px;
        clear:both;
        background:url("../imagenes/bg.jpg");
        border-top:2px solid #333333;
} 

#content{
        background: #CCC;
}

#header{
        background:url("../imagenes/bg.jpg");
        width:100%;
        padding:10px 0px;
        border-bottom:2px solid #333333;
        text-align:center;
}
#header img{
        margin-top:10px;
}
#btn-izq{
        width:230px;
        list-style: none;
}

#btn-izq li{
        border-bottom:1px solid #99CCFF;
        background: #303030;
}

#btn-izq li:hover{
        cursor:pointer;
        background: #006699;
}

#btn-izq a{
        display:block;
        padding:10px;
        color:#99CCFF;
        text-decoration: none;
}
.button
{        
    display: inline-block;
    cursor:pointer;
    white-space: nowrap;
    background-color: #ccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 0 1.5em;
    margin: 0.5em;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover
{
    background-color: #ddd;        
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
    background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
    background-image: -moz-linear-gradient(top, #fafafa, #ddd);
    background-image: -ms-linear-gradient(top, #fafafa, #ddd);
    background-image: -o-linear-gradient(top, #fafafa, #ddd);
    background-image: linear-gradient(top, #fafafa, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.button:active
{
    -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}

.button:focus
{
    outline: 0;
    background: #fafafa;
}    

.button:before
{
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;        
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    -moz-border-radius: .15em 0 0 .15em;
    -webkit-border-radius: .15em 0 0 .15em;
    border-radius: .15em 0 0 .15em;
        pointer-events: none;        
}

/* Hexadecimal entities for the icons */

.add:before
{
    content: "\271A";
}

.edit:before
{
    content: "\270E";        
}

.look:before{
    content: url('../imagenes/look.png');
    left:0px;
}

.back:before{
    content: "\21E0";
}

.delete:before
{
    content: "\2718";        
}

.save:before
{
    content: "\2714";        
}

.email:before
{
    content: "\2709";        
}

.like:before
{
    content: "\2764";        
}

.next:before
{
    content: "\279C";
}
.shopping:before
{
    content: url('../imagenes/multiple.png');
    left:0px;
    top:2px;
}
.star:before
{
    content: "\2605";
}

.spark:before
{
    content: "\2737";
}

.play:before
{
    content: "\25B6";
}

#left{
        position:absolute;
        width:230px;
        background:#666666;
}

.clear{
        clear:both;
        width:100%;
        height:1px;
}
#contenido{
        padding:20px;
}
input[type="text"], input[type="password"], input[type="number"], textarea{
        background: #ffffff;
        font-size:15px;
        padding:5px;
        color:#666666;
        border:1px solid #999999;
}

input[type="text"]:focus , input[type="password"]:focus, textarea:focus{
        background: #FFFFCC;
        color:#444444;
}
.forma{
        letter-spacing: .03cm;
        text-align: left;
        background: #E0E0E0 ;
        border-radius: 6px;
        margin:0px auto;
        border:1px solid #666666;
        padding:10px;
}
.encabezado{
        color:#555555; 
        font-size:20px; 
        letter-spacing:1px;
}
.error select, .error input{
        background: #E4666E;
}
.error span{
    color:#A80000;
}
.correcto{
        color:#009933;
        font-size:14px;
}
hr{
        margin-bottom:10px;
        margin-top:10px;
}
#mensaje,#mensajePublicidad, #mensajeInversion, #mensajeHorario{
        color:#B00000;
        font-size:16px;
}
#mapa a{
        color:#CCC;
        text-decoration: underline;
}
fieldset{
        padding:10px;
        margin-top:20px;
}
legend{
        padding:10px;
        background: #0066CC;
        color:#CCC;
        margin:10px;
}
.pregunta{
        display:inline-block;
        margin:15px;
}
.field{
        letter-spacing:0px;
        color:#333333;
        margin-right:5px;
}
select{
        background:#99CCFF;
        color:#222222;
        font-size:17px;
        height: 28px;
}

#fondo{
 position:fixed; z-index:10; width:100%; height:100%; top:0px; left:0px; background:#000000; opacity:0.7;
}

#cuadro{
    position:absolute;
    background: #CCC;
    width:280px;
    padding:10px;
    z-index:1003;
    top:50%;
    left:50%;
    margin-top:-170px;
    margin-left:-170px;
    -moz-box-shadow: 0px 0px 10px 5px #999999;
    -webkit-box-shadow: 0px 0px 10px 5px #999999;
    box-shadow: 0px 0px 10px 5px #999999;
}

.cerrar{
    color:#888888; position:absolute; font-size:32px; font-weight:bold; cursor:pointer;
}

#msj{
    width:200px; display:none; color:#999999; border-radius:10px; height:auto; text-align:center; border:2px solid #999999; padding:10px 0px; background-image: linear-gradient(rgb(65, 65, 65), rgb(50, 50, 50)); bottom:5px; left:100%; margin-left:-210px; position:fixed;
}

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    font-family:Arial, sans-serif;
    font-size:14px;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../imagenes/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(../imagenes/check_radio_sheet.png) -19px top no-repeat;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    font-family:Arial, sans-serif;
    font-size:14px;
}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../imagenes/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(../imagenes/check_radio_sheet.png) -57px top no-repeat;
}

.k-link input[type="checkbox"]{
    display:inline !important;
}