html,body,div{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;font:inherit;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;font:inherit;font-weight:bold;}
a,p,ul,ol,li,img,span,strong,em{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;font:inherit;}
table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;font:inherit;}
applet,object,iframe,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,font,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,caption,fieldset,form,label,legend{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;font:inherit;}
article,aside,figure,footer,header,hgroup,section{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;font:inherit;}
canvas,details,embed,figcaption,menu,nav,output,ruby,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;font:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
b,strong{font-weight:bold;}
em,i{font-style:italic;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

@font-face{font-family:'RobotoRegular';
           src:url(fonts/Roboto-Regular-webfont.eot);
           src:url(fonts/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'),
               url(fonts/Roboto-Regular-webfont.woff) format('woff'),
               url(fonts/Roboto-Regular-webfont.ttf) format('truetype'),
               url(fonts/Roboto-Regular-webfont.svg#RobotoRegular) format('svg');
           font-weight:normal;font-style:normal;}

@font-face{font-family:"RobotoCondensed";
           src:url(fonts/Roboto-Condensed-webfont.eot);
           src:url(fonts/Roboto-Condensed-webfont.eot?#iefix) format('embedded-opentype'),
               url(fonts/Roboto-Condensed-webfont.woff) format('woff'),
               url(fonts/Roboto-Condensed-webfont.ttf) format('truetype'),
               url(fonts/Roboto-Condensed-webfont.svg#RobotoCondensed) format('svg');
           font-weight:normal;font-style:normal;}

@font-face{font-family:'RobotoBoldCondensed';
           src:url(fonts/Roboto-BoldCondensed-webfont.eot);
           src:url(fonts/Roboto-BoldCondensed-webfont.eot?#iefix) format('embedded-opentype'),
               url(fonts/Roboto-BoldCondensed-webfont.woff) format('woff'),
               url(fonts/Roboto-BoldCondensed-webfont.ttf) format('truetype'),
               url(fonts/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed) format('svg');
           font-weight:normal;font-style:normal;}

@font-face{font-family:'RobotoLight';src:url(fonts/Roboto-Light-webfont.eot);
           src:url(fonts/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),
               url(fonts/Roboto-Light-webfont.woff) format('woff'),
               url(fonts/Roboto-Light-webfont.ttf) format('truetype'),
               url(fonts/Roboto-Light-webfont.svg#RobotoLight) format('svg');
           font-weight:normal;font-style:normal;}

@font-face{font-family:'DroidSansBold';
           src:url(fonts/DroidSans-Bold-webfont.eot);
           src:url(fonts/DroidSans-Bold-webfont.eot?#iefix) format('embedded-opentype'),
               url(fonts/DroidSans-Bold-webfont.woff) format('woff'),
               url(fonts/DroidSans-Bold-webfont.ttf) format('truetype'),
               url(fonts/DroidSans-Bold-webfont.svg#DroidSansBold) format('svg');
           font-weight:normal;font-style:normal;}

@font-face{font-family:'LektonRegular';
           src:url(fonts/Lekton-Regular-webfont.eot);
           src:url(fonts/Lekton-Regular-webfont.eot?#iefix) format('embedded-opentype'),
               url(fonts/Lekton-Regular-webfont.woff) format('woff'),
               url(fonts/Lekton-Regular-webfont.ttf) format('truetype'),
               url(fonts/Lekton-Regular-webfont.svg#LektonRegular) format('svg');
           font-weight:normal;font-style:normal;}

@font-face{font-family:'LektonItalic';
           src:url(fonts/Lekton-Italic-webfont.eot);
           src:url(fonts/Lekton-Italic-webfont.eot?#iefix) format('embedded-opentype'),
               url(fonts/Lekton-Italic-webfont.woff) format('woff'),
               url(fonts/Lekton-Italic-webfont.ttf) format('truetype'),
               url(fonts/Lekton-Italic-webfont.svg#LektonItalic) format('svg');
           font-weight:normal;font-style:normal;}

@font-face{font-family:'LektonBold';
           src:url(fonts/Lekton-Bold-webfont.eot);
           src:url(fonts/Lekton-Bold-webfont.eot?#iefix) format('embedded-opentype'),
               url(fonts/Lekton-Bold-webfont.woff) format('woff'),
               url(fonts/Lekton-Bold-webfont.ttf) format('truetype'),
               url(fonts/Lekton-Bold-webfont.svg#LektonBold) format('svg');
           font-weight:normal;font-style:normal;}

body{background:#e9e9e9;width:100%; margin:0; 
     font-family:'RobotoLight', Arial, sans-serif;font-size:0.8em;color:#000;}

a:link,a:visited{color:#696969;text-decoration:none;}
a:hover,a:focus,a:active{color:#1A4E88;background:none;text-decoration:underline;}
h1,h2,h3,h4,h5,h6{font-family:'RobotoBoldCondensed';color:#535353;}
h1{font-size:2em;line-height:1.1em;}
h2{font-size:1.6em;line-height:1.1em;}
h3{font-size:1.5em;}
h4{font-size:1.4em;}
h5{font-size:1.3em;}
h6{font-size:1.2em;}

header,
section,
footer {max-width: 1000px;margin:0 auto; border-left: 5px solid white;border-right: 5px solid white;}

section{background-color:#fbfbfb;padding-bottom:10px;}
footer {position: relative; height:150px;background-color:#001f3f;text-align: left;padding-bottom: 5px;margin-bottom: 0px;}

#debug,
#calc,
#reloj {
    padding:0px; 
    /*height:100%;*/
    display:inline-block;
    vertical-align: top;
    /*  border:1px solid red;*/
    /*font-size: 0.6em !important;*/
}
#reloj{ width:250px;/*height: 200px;*/float: right;}
#calc{ width:300px;/*height: 200px;*/}
#debug{ position: absolute;width:250px;top:0px;right: 0px;bottom:0px;overflow-x: auto;text-align: left;
        background-color:#ededed; font-size: 0.7em;}
/*
#7FDBFF
#39CCCC
#3D9970
#2ECC40
#01FF70
#FFDC00
#FF851B
#FF4136
#85144b
#F012BE
#B10DC9
#111111
#AAAAAA
#001f3f
*/

#menu      { list-style-type:none; background-color:#444; text-align:center; padding:0px; margin:0; }
#menu li   { list-style-type:none; background-color:#444; font-size: 16px; }     
#menu li a { display:block; line-height:2.1em; color:white; text-decoration:none; }
#menu li a:hover   { background-color:#888;   }
#menu .activo a  { color: yellow; }


@media screen and (min-width: 600px){
    #menu               { margin:0 auto;}
    #menu li            { display:inline-block; /*border-right:white solid thin;*/ }
  /*#menu li:last-child { border-right:none;  }*/
    #menu li a          { padding:0 10px;}
}

@media screen and (max-width: 600px){
    #menu                { width:100%;  }
    #menu li             { width:100%; border-top:white solid thin;  }
    #menu li:first-child { border-top:none; }
}

.scaffold .form form .row.row-buttons .btn.btn-primary{
 border:1px solid #15aeec; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; 
 padding: 8px 25px; text-decoration:none; font-size: 1.2em;
 display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #FFFFFF;
 background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
 background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3);
}

.scaffold .form form .row.row-buttons .btn.btn-primary:hover{
 border:1px solid #1090c3;
 background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
 background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
}