html, body, div, img, a, button, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, label, textarea, select, table, th, td, dl, dt, dd, iframe, p, blockquote, pre, address, code, site, tt, p {
    margin: 0;
    padding: 0;

    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: 300;
}
body { margin: 0; padding: 0; color: #ffffff; background-color: #60a098 ;
       background-size: 110%;

       /* IE10 Consumer Preview */ 
       background-image: -ms-linear-gradient(top, #174851 0%, #60a098  100%);

       /* Mozilla Firefox */ 
       background-image: -moz-linear-gradient(top, #174851 0%, #60a098  100%);

       /* Opera */ 
       background-image: -o-linear-gradient(top, #174851 0%, #60a098  100%);

       /* Webkit (Safari/Chrome 10) */ 
       background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #174851), color-stop(1, #60a098 ));

       /* Webkit (Chrome 11+) */ 
       background-image: -webkit-linear-gradient(top, #174851 0%, #60a098  100%);

       /* W3C Markup, IE10 Release Preview */ 
       background-image: linear-gradient(to bottom, #174851 0%, #60a098  100%);
}
#container { width:980px; margin:0 auto; }
#headder { width: 100%; height:auto; }
#headder img  { float: right; margin-top: 5px; }
#boddy { width: 100%; margin-top: 0; }
#boddy_container {width:100%; min-height: 400px; background-color: #fff; margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: 300; }
div {overflow: hidden;}
h1, h2, h3, h4, h5, h6 { color: white; }

.clear { *zoom: 1; clear: both; }

#boddy h2 {
    width: 60%;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 150%;
    font-weight: 600;
    padding-top: 15px;
}
#logo-app-lrg {
    position: relative;
    top: 2px;
    left: 0;
    width: 300px;
    height: 90px;
    background: transparent url(../img/logo_livetrack.png) top left no-repeat;
}

#ltform{
    position: absolute;
    top: 70px;
    right: 0px;
    width: 50%;
    padding-left: 5px;
}
#ltform label {
    width: auto;
    clear: right;
    padding: 0 0 6px;
    color: white;
}

fieldset label, .pseudoLabel, .pseudoLegend {
    float: left;
    width: 30%;
    margin-right: 2px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 80%;
    margin-bottom: 4px;
    font-weight: bold;
    text-align: right;

}

#ltform fieldset {
    float: left;
    clear: none;
    width: 180px;
    margin-top: 4px;
    margin-right: 15px;
    border: none;
}


fieldset input[type="text"], fieldset input#feed-date-choose-selector, fieldset input[type="password"] {
    border: 1px solid #A0BBCD;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 0 3px #d1e5f2;
    -webkit-box-shadow: 0 0 0 3px #D1E5F2;
    box-shadow: 0 0 0 3px #D1E5F2;
    border: none;
}



#ltform button {
    float: left;
    margin-top: 26px;
    border: none;
}



.enter {
    width: 70px;
    text-indent: 0;
    line-height: 27px;
    height: 28px;
    display: block;
    background: url(../img/btn.png) no-repeat 0 0;
    padding-left: 0;
}

.enter:hover, .enter:active {
    background-position: 0 -32px;
    color: white;
    font-weight: 600;
    text-decoration: none;
    font-family: Arial,Helvetica,Verdana,sans-serif;
}



.enter span {

    color: #00517A;
    font-size: 75%;
    font-weight: 600;
    position: relative;
    text-decoration: none;
    font-family: Arial,Helvetica,Verdana,sans-serif;
}

#forgotPwd-link
{
    clear: both;
    margin-left: 195px;
    padding-top: 5px;
}

#forgotPwd-link a {
    text-decoration: none;
    color: #61a099;
    position: relative;
    z-index: 2;
}

#offer-info {
    float: left;
    width: 46%;
    margin: 40px 0 0 40px;
}
#offer-info p {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 90%;
}
#offer-info h3 {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: 600;
    font-size: 120%;
}

#offer-firstMonthFree {
    float: left;
    width: 250px;
    height: 42px;
    margin-right: 10px;
    background: 
        transparent url(../img/freex1mes.png) 0 0 no-repeat;
}

.register {
    width: 153px;
    height: 46px;
    background-image: url(../img/btn_register.png);
}

button, .button, input.button {
    text-indent: -9000px;
    height: 29px;
    display: block;
    border: none;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    -moz-outline: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: 
        transparent;
}

.playVideo {
    position: absolute;
    right: 100px;
    top: 192px;
    z-index: 12;
    width: 90px;
    height: 62px;
    background-image: url(../img/btn_play_video.png);
}

#graphic-learn-more{
    position:relative;
}

#disclaimer-trial, #disclaimer-cost {
    position: relative;
    float: right;
    clear: right;
    margin: 10px 5px 0 0;
    font-size: 75%;
}




#features ul li {
    margin: 0 0 3px;
}

#features {
    width: 100%;
    height: 100px;
    padding-bottom: 15px;
    vertical-align: middle;
    margin: 30px 0 0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: -moz-linear-gradient(top,#174851, #60a098);
    background: -webkit-gradient(linear, left top, left bottom, from(#174851), to(#60a098 ) );
    background: -moz-linear-gradient(top, #174851, #60a098);
}

#features a {
    color: white;
    text-decoration: none;
}
.feature-graphic {
    float: left;
}

#features ul {
    text-indent: 2px;
    list-style-position: outsize;
    list-style-image: url(../img/bullet.png);
    list-style-type: square;
    padding-left: 185px;
    margin: 5px 5px 5px 10px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 75%;
    font-weight: 300;
}
#feature_b ul {
    padding-left: 170px;
}



.columns {
    width:25%;
    float: left;
    height: 100%;
}
.columns h3 {
    padding-right: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 90%;
    font-weight: 300;
}
#feature_a, #feature_b{ 
    width: 37%;
}
#feature_a h3 {
    padding-left: 180px;
}
#feature_b h3{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 165px;
}
#feature_c h3{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 60px;
}
#feature_c p {
    padding-right: 20px;
    font-size: 75%;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: 300;
}

#feature_a .feature-graphic {
    margin: 15px 0 0 35px;
    width: 123px;
    height: 83px;
    background: transparent url(../img/graphic_droid_phone.png) 0 0 no-repeat;
}
#feature_b .feature-graphic {
    margin: 12px 0 0 20px;
    width: 122px;
    height: 95px;
    background: transparent url(../img/graphic_buzz.png) 0 0 no-repeat;
}
#feature_c .feature-graphic {
    margin: 14px 0 0 30px;
    width: 79px;
    height: 90px;
    background: transparent url(../img/graphic_guide.png) 0 0 no-repeat;
    margin-right: 10px;
}

/*********FOOTER************/
#footer{
    float: left;
    height: auto;
    background: #00494e;
    width: 100%;
    padding-bottom: 8px;
}
.legal {
    width: 835px;
    float: left;
    padding: 21px 0 0 20px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #6C6D6D;
    font-weight: 400;
}

#footer .telefonica {
    background: url(../img/telefonica_pie.gif) no-repeat scroll 0 0 transparent;
    display: block;
    height: 26px;
    width: 94px;
    margin-top: 14px;
    margin-right: 18px;
    _margin-right: 9px;
    float: right;
}
.legal a {
    color: #5CD2ED;
    margin: 0 5px 0 0;
    text-decoration: none;
    font-weight: 400;
}

#footer  a:visited { color: #5B90AF;}

#footer  a:link {
    color: #5B90AF;
    text-decoration: none;
}

#copyright {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    float:right;
    clear:both;
}


/******* IDKC **************/
#btn_mapa { width: 58px; height: 20px;
            background-image: url(../img/btn_menu/btn_mapa.png);
            background-position: 0 5px;
            background-repeat: no-repeat;
}

#btn_mapa:hover { width: 58px; height: 20px;
                  background-image: url(../img/btn_menu/btn_mapa.png);
                  background-position: 0 -32px;
                  background-repeat: no-repeat;
}

#btn_historial { width: 83px; height: 20px;
                 background-image: url(../img/btn_menu/btn_historial.png);
                 background-position: 0 5px;
                 background-repeat: no-repeat;
}

#btn_historial:hover { width: 83px; height: 20px;
                       background-image: url(../img/btn_menu/btn_historial.png);
                       background-position: 0 -32px;
                       background-repeat: no-repeat;
}

#btn_alertas { width: 70px; height: 20px;
               background-image: url(../img/btn_menu/btn_alertas.png);
               background-position: 0 5px;
               background-repeat: no-repeat;
}

#btn_alertas:hover { width: 70px; height: 20px;
                     background-image: url(../img/btn_menu/btn_alertas.png);
                     background-position: 0 -32px;
                     background-repeat: no-repeat;
}

/*** BTN CONFIGURATION AND HELP *****/
#btn_configuracion{ width: 128px; height: 20px;
                    background-image: url(../img/btn_menu/btn_configuracion.png);
                    background-position: 0 5px;
                    background-repeat: no-repeat;
}

#btn_configuracion:hover { width: 128px; height: 20px;
                           background-image: url(../img/btn_menu/btn_configuracion.png);
                           background-position: 0 -32px;
                           background-repeat: no-repeat;
}

#btn_ayuda{ width: 65px; height: 20px;
            background-image: url(../img/btn_menu/btn_ayuda.png);
            background-position: 0 5px;
            background-repeat: no-repeat;
}

#btn_ayuda:hover { width: 65px; height: 20px;
                   background-image: url(../img/btn_menu/btn_ayuda.png);
                   background-position: 0 -32px;
                   background-repeat: no-repeat;
}

#btn_right{
    float: right;
}
#row-fluid { width: 375px; height: 460px; float:left;   }
#map {width:660px; float: right; padding: 30px;  min-height:400px;}

.resizable{display:block; width: 600px;
           height: 460px; border:1px solid gray;  position:relative; float: right;}
iframe{ width:100%; height:100%;
}
.block_element { 
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid rgb(207,218,232);
    /*
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    */

    /*
    background-image: linear-gradient(bottom, rgb(250,250,250) 33%, rgb(228,235,240) 100%);
    background-image: -o-linear-gradient(bottom, rgb(250,250,250) 33%, rgb(228,235,240) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(250,250,250) 33%, rgb(228,235,240) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(250,250,250) 33%, rgb(228,235,240) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(250,250,250) 33%, rgb(228,235,240) 100%);
    
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.33, rgb(250,250,250)),
            color-stop(1, rgb(228,235,240))
    );*/

    background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(239,242,247) 37%);
    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(239,242,247) 37%);
    background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(239,242,247) 37%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(239,242,247) 37%);
    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(239,242,247) 37%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(255,255,255)),
        color-stop(0.37, rgb(239,242,247))
        );

}
.perfil_detail { 
    margin-left: 100px;
    text-align: center;
    width: 240px;
}
.perfil_detail h3 { 
    text-align: left;
    color: #075487;
}
.perfil_detail input { 
    background-image: linear-gradient(bottom, rgb(245,228,245) 0%, rgb(0,94,134) 49%, rgb(65,160,191) 52%, rgb(0,94,134) 83%);
    background-image: -o-linear-gradient(bottom, rgb(245,228,245) 0%, rgb(0,94,134) 49%, rgb(65,160,191) 52%, rgb(0,94,134) 83%);
    background-image: -moz-linear-gradient(bottom, rgb(245,228,245) 0%, rgb(0,94,134) 49%, rgb(65,160,191) 52%, rgb(0,94,134) 83%);
    background-image: -webkit-linear-gradient(bottom, rgb(245,228,245) 0%, rgb(0,94,134) 49%, rgb(65,160,191) 52%, rgb(0,94,134) 83%);
    background-image: -ms-linear-gradient(bottom, rgb(245,228,245) 0%, rgb(0,94,134) 49%, rgb(65,160,191) 52%, rgb(0,94,134) 83%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(245,228,245)),
        color-stop(0.49, rgb(0,94,134)),
        color-stop(0.52, rgb(65,160,191)),
        color-stop(0.83, rgb(0,94,134))
        );
    background-repeat: repeat;
}
.perfil_detail hr { 
    margin: 0;
    margin-bottom: 10px;
    background-color:#asdsa;
    border: 0;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid rgb(207,218,232);
}
/*
.block_element input { 

margin-top: 20px;
margin-left: 20px;
}*/
.border_icon_perfil {
    float: left;
    background-color: white;
    padding: 5px;
    border-color: rgba(139, 139, 139, 0.78)12;
    border: 2px solid rgba(139, 139, 139, 0.78) !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.border_icon_perfil img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

}

.tab-pane{
    padding-left: 15px;
    padding-right:15px;
    height: 400px;
    overflow-y:auto !important;
}

#uno {color: #456;}
#dos {color: #456;}

#graphic-learn-more {
    float: right;
    margin-top: -45px;
    width: 480px;
    height: 334px;
    background: transparent url(../img/graphic_learn_more.png) 0 0 no-repeat;
    z-index: 10;
}