html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
html { height:100%; }
#header       { width:100%; height:75px; background-color:#333; }
#logo         { float:left; width:210px; margin:0 30px; }
#ceibal_iso   { display:none; width:50px; heigh:75px; }
#nav          { float:right; height:75px; margin-right:30px; }
#menu         { font-family:'Roboto', sans-serif; font-weight:300; }
#menu li      { float:left; display:block; margin-left:20px; line-height:75px; }
#menu a       { color:#FFF; text-decoration:none; }
#menu a:hover { color:#CCC; }

/* MEDIA QUERIES */
@media (max-width:850px) and (min-width:701px) {
	#logo       { width:50px; }
	#ceibal     { display:none; }
	#ceibal_iso { display:block; }
	#menu li    { margin-left:20px;  }
}

@media (max-width:700px) and (min-width:401px) {
	#logo       { position:absolute; width:50px;  margin-left:10px; }
	#ceibal     { display:none; }
	#ceibal_iso { display:block; }
	#nav        { width:calc(100% - 80px); margin-right:10px; padding-top:5px; }
	#menu li    { width:33%; margin:0; line-height:30px; text-align:center; }
}

@media (max-width:400px) {
	#logo    { display:none; }
	#nav     { float:none; width:90%; margin:0 auto; padding-top:5px; }
	#menu li { width:33%; margin:0; line-height:30px; text-align:center; }
}