/* -------------------
	Global Resets 
--------------------*/

body{  background: #3b2360; font-size: 16px; line-height: 200%; font-family: "Times New Roman", Times, serif; box-sizing: border-box; }

html, body{
   margin:0; margin-top: 0.5em; 
   padding:0;
}
.center { text-align: center; }
.clear { clear: both; } /*fixes container height*/

p, input, select, button, form, label, textarea, .estandar  { 
   font-family: "Times New Roman", Times, serif; 
   font-size: 16px;
   }

[type="text"],  [type="button"], [type="select"], [type="textarea"]
{   border-radius: 5px; border: solid 2px;  border-color: #bbbbbb;}

/* RADIO STUFF */
.radiotext { }
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  
  margin  : 0;
  padding : 0;
  opacity : 0;
}
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block; margin-left: 2em; 
  padding-left: 0.5em; padding-right: 0.5em; margin-bottom: 0.3em; min-width: 2em;  text-align: center; 
  background: #eeeeee; border: solid 2px; border-color: #dddddd; border-radius: 5px; 
}

input[type=radio]:not(old):checked + label{
  background: #aaeeaa; border: solid 2px; border-color: #555555; font-weight: bold; 
}
   
.lineHeight0 { line-height: 100%;}

/* input, select { font-size: 100%; } */

/* -------------------
	Global Personal settings 
--------------------*/
#myestilo { font-weight: bold; margin:auto; text-align: center;  }

#container {
   position: relative;
   width: 1400px; margin: auto;
   height: auto; 
   padding: 0.5em; 
   background: #ffffff;
   }
   @media screen and (max-width:1400px){
    	#container { margin: auto; width:90%;  }
		p, input, select, button, form, label, textarea, 
		input[type="text"], input[type="radio"], .estandar 
		{   } 
    	
    } 
   @media screen and (max-width:700px){
    	p, input, select, button, form, label, textarea, 
    	input[type="text"], input[type="radio"], .estandar 
    	{  } 
   }
#navegador{width: 97%; float: left; margin-top: 1em; }
#cuerpo{   width: 97%; float: right; }
@media screen and (max-width:1000px){
    	#navegador { width:98%; margin: auto;  padding: 0px; }
    	#cuerpo { width:98%;  margin: auto; padding: 0px; }
    	#container { width:98%;  margin: auto; padding: 0px; }
    }