@charset "utf-8";
:root{ /* Variables */
	--azul: #333399;
	--naranja: #ff9933;
	--naranjaAlpha: rgba(255,153,51,0.3);
	--verde: rgba(80,240,60,.3);	
}
body{
	background-color: var(--azul);
	color: #000;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif;
}
table a{
	color:var(--azul);
	text-decoration:none;
}
table a:hover{
	text-decoration: underline;
	background-color: var(--naranjaAlpha);
	font-weight: bold;
	font-size:14px;
}
/**** POP UP ****/
#popup {
   visibility:hidden;
   opacity: 0;
   margin-top: -300px;
   background-color: rgba(0,0,0,0.0);
   position:fixed;
   top:0;
   bottom:0;
   left:0;
   right:0;
   z-index: 0;
   transition:all 1s;
}
#popup:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(0,0,0,0.8);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin:0;
   z-index: 999;
   transition:all 1s;
}
.popup-contenedor {
   position: relative;
   margin:7% auto;
   padding:30px 50px;
   background-color: #fafafa;
   color:#333;
   border-radius: 3px;
   width:50%;
}
a.popup-cerrar {
   position: absolute;
   top:3px;
   right:3px;
   background-color: #333;
   padding:7px 10px;
   font-size: 20px;
   text-decoration: none;
   line-height: 1;
   color:#fff;
}
a.popup-cerrar:hover {
	background-color: var(--azul);
}
/*** popup fin ***/
nav, footer{
	position:relative;
	display:block;
	background-color: var(--azul);
	height:50px;
	margin-left:0px;
	margin-right:0px;
	color: #FFF;
}
#menu a{
	float:left;
	padding: 10px;
	display: block;
	font-size:12px;
	color: #FFF;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	transition:1.5s box-shadow ease;
}
#menu a:hover{
	color: var(--naranja);
	box-shadow: 0px 3px 0px var(--naranja);
	transition: all .8s;
}
#menuActivo{
	box-shadow: 0px 6px 0px var(--naranja);
}
nav #logotipo{
	margin:0px;
	padding:5px;
	height:40px;
	width:100px;
	background-color:#fff;
	vertical-align:top;
	padding:10;
	background-image:url(imagenes/logo_rotary.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	text-indent:500px;
	overflow:hidden;
	margin-right:20px;
	z-index:1;
}
nav #menu form input[type=text]{
	background-color:#CCC;
	padding: 6px 0px 6px 40px;;
	margin:3px;
	width:5px;
	height:20px;
	margin-top:5px;
	background-image:url(imagenes/buscar.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:7px 0px;
    font-size: 14px;
	border-radius: 3px;
	transition: 1s all;
	border: 2px solid #999;
	
}
nav #menu form input[type=text]:focus{
	background-color:#FFF;
	width:222px;
	background-image:url(imagenes/logo_rotary.png);
	background-size:contain;
	background-repeat:no-repeat;
	border: 2px solid var(--naranja);
	border-radius:5px;
	background-position:0px 0px;
}
nav #menu form input[type=text]:hover{
	border: 2px solid var(--naranja);
	transition: 1s all;
}
nav #menu form input[type=radio]{
	width:15px;
	height:15px;
	border: solid white;
}
section{
	position:relative;
	display:block;
	padding:5px;
}
section div{
	background-color:#FFF;
	padding: 8px;
}
table{
	margin:auto;
	white-space-collapse:5px;
	/*order: 2px solid var(--azul);*/
    border-collapse:collapse;
}
td{
	padding:3px;
	/*border: 1px solid var(--naranja);*/
}
.trMarca{
	background-color:var(--naranjaAlpha);
}
.trResalta{
	background-color:var(--verde);
	color: var(--azul);
}
.error{
	display:block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #F60;
	padding:20px;	
}
/* Formularios */
input[type=text], input[type=email], [type=password], input[type=number], input[type=date], textarea{
	padding:4px;
}
input[type=text]:hover, input[type=email]:hover, [type=password]:hover, input[type=number]:hover, input[type=date]:hover, textarea:hover{
	border: 2px solid var(--azul);
}
input[type=text]:focus, input[type=email]:focus,[type=password]:focus, input[type=number]:focus, input[type=date]:focus, textarea:focus{
	border: 2px solid var(--azul);
	background-color: var(--verde);
	color:var(--azul);
}
input[type=submit]{
	padding:8px;
	background-color:var(--azul);
	font-size:14px;
	color:#FFF;
}
input[type=submit]:hover{
	color:var(--azul);
	background-color:var(--naranjaAlpha);
}
input[type=submit]:active{
	color:#FFF;
	background-color:var(--naranja);
}

/* Formularios Fin */