@charset "utf-8";
/* CSS Document */

/* 
	color Azul= #205e9b 
*/
body, pre{
	margin-left:20px;
	line-height :30px;
	font-family:Verdana;
	font-size:10pt;
	text-align:justify;
	}
	
h4{font-weight:bold;margin:20px 0px 5px 0px;}

input{
	margin-left:30px;
	}
	
.menu li, .menu li a{
	float:left;
	margin:0px 10px 0px 10px;
	border-radius:5px;
	color:#FFF ;
	background-color:#205e9b;
	font-weight:bold;
	cursor:pointer;
	padding: 2px 5px 2px 5px;
	list-style:none;
	text-align:center;
	}
	
.menu li{
	border:1px solid #205e9b;
	}	
	
.menu li:hover, .menu li:hover a{
	color:#205e9b;
	background-color:#FFF;
	text-decoration:none;
	}
	

.contenedor{
	padding:20px;
	}

	
input [type=button], input[type=submit], input[type=reset], .botones, .botones li, .botones li a{
	margin:0px 10px 10px 10px;
	color:#205e9b ;
	background-color:#FFF;
	border-radius:5px;
	font-weight:bold;
	cursor:pointer;
	padding: 2px 5px 2px 5px;
	list-style:none;
	text-align:center;
	max-width:200px;
	}
	
input [type=button], input[type=submit], input[type=reset], .botones li{
	border:1px solid #205e9b;	
	}	
	
input [type=button], input[type=submit], input[type=reset], .botones li:hover, .botones li:hover a{
	color:#FFF;
	background-color:#205e9b;
	text-decoration:none;
	}
	

.botonClick{
	margin:0px 10px 0px 10px;
	border:1px solid #205e9b;
	border-radius:5px;
	background-color:#FFF;
	font-weight:bold;
	cursor:pointer;
	padding: 5px;
	vertical-align:middle;
	}
	

.columna1, .columna2{
	float:left;
	width:45%
	}
	
/* ----------  VARIANTES POR TAMAÑO DE PANTALLA   --------------*/

			
		@media screen and (min-width : 100px) and (max-width : 970px)  { 
			.columna1, .columna2{clear:both;width:100%}			
			}
			 	
		@media screen and (min-width : 971px)  and (max-width :1200px)  {
			}
		@media screen and (min-width : 1201px)  and (max-width :1100px)  {
			}
			
/* -----------------------------------------------------------------*/