@import url("reset.css"); /* Reset elements */


body {
   background-attachment: fixed;
   background-color: rgb(231, 231, 231);
   background-image: url("http://www.palomodeonis.net/Escudo_Familia_de-ONIS.gif");
   background-position: 50% 50%;
   background-repeat: no-repeat;
   color: rgb(51, 51, 51);
   line-height: 18.2px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   font-family: "Roboto,sans-serif";
   font-size: 13px;
   /*
   font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
   font-size: 0.7em;
   */
   line-height: 1.3em;
}

ul {
   list-style: none outside none;
}

#contenedor {
   position: absolute;
   min-height: 100%;
   min-width: 100%;
   height: auto !important;
}

#cabecera {
   background-color: rgba(255, 255, 0, 0.698);
   height: 96px;
   position: fixed;
   float: left;
   top: 5px;
   left: 7px;
   right:7px;
   z-index: 5;
   border-radius: 5px 5px 5px 5px;
   border-top: thin solid rgb(151, 12, 21);
   border-bottom: thin solid rgb(151, 12, 21);
   border-left: thin solid rgb(151, 12, 21);
   border-right: thin solid rgb(151, 12, 21);
	box-shadow: 0px 1px 4px #000000;
   -webkit-box-shadow: 0px 1px 4px #000000;
	/*-moz-box-shadow: 0px 1px 4px #000000;*/
}

#logo {
   float: left;
   width: 13%;
   border-radius: 3px 3px 3px 3px;
   border-top: thin solid rgb(151, 12, 21);
   border-bottom: thin solid rgb(151, 12, 21);
   border-left: thin solid rgb(151, 12, 21);
   border-right: thin solid rgb(151, 12, 21);
	box-shadow: 0px 1px 4px #000000;
   -webkit-box-shadow: 0px 1px 3px #000000;
	/*-moz-box-shadow: 0px 1px 3px #000000;*/
}

.logo_img {
   text-align: center;
   /*
   width: 90px;
   height: 90px;
   */
}

#cab_frontal {
   float: left;
   width: 69%;
   height: 94px;
   border-radius: 3px 3px 3px 3px;
   border-top: thin solid rgb(151, 12, 21);
   border-bottom: thin solid rgb(151, 12, 21);
   border-left: thin solid rgb(151, 12, 21);
   border-right: thin solid rgb(151, 12, 21);
	box-shadow: 0px 1px 4px #000000;
   -webkit-box-shadow: 0px 1px 3px #000000;
	/*-moz-box-shadow: 0px 1px 3px #000000;*/
}

#cab_avisos {
   float: right;
   width: 15%;
   height: 44px;
   border-radius: 2px 2px 2px 2px;
   border-top: thin solid rgb(151, 12, 21);
   border-bottom: thin solid rgb(151, 12, 21);
   border-left: thin solid rgb(151, 12, 21);
   border-right: thin solid rgb(151, 12, 21);
	box-shadow: 0px 1px 2px #000000;
   -webkit-box-shadow: 0px 1px 2px #000000;
	/*-moz-box-shadow: 0px 1px 2px #000000;*/
}

#menu {
   position: fixed;
   font-size: 19px;
   top: 105px;
   left: 7px;
   right: 10px;
   z-index: 5;
   border-radius: 2px 2px 2px 2px;
   border-top: thin solid rgb(151, 12, 21);
   border-bottom: thin solid rgb(151, 12, 21);
   border-left: thin solid rgb(151, 12, 21);
   border-right: thin solid rgb(151, 12, 21);
	box-shadow: 0px 1px 4px #000000;
   -webkit-box-shadow: 0px 1px 4px #000000;
	/*-moz-box-shadow: 0px 1px 4px #000000;*/
}

#menu nav {
   right: 10px;
   border-left:1px #666 solid;
	border-right:1px #666 solid;
	background-color: rgba(255, 127, 0, 0.698);
   background: #FF7700; /* old browsers */
	background: -moz-linear-gradient(top, #3F3700 0%, #FF7700 100%); /* firefox */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3F3700), color-stop(100%,#FF7700));*/ /* webkit */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3F3700', endColorstr='#FF7700',GradientType=0 );*/ /* ie */
	overflow:hidden;
}

#menu nav ul {
	/*
   border-top:1px #666 solid;
   border-top: 1px solid rgb(102, 255, 102);
   */
}

#menu nav ul li {
	padding-left: 29px;
}

#menu nav ul li a {
	width: 15%;
	float:left;
	display:block;
	margin: 0px;
	padding: 7px;
	background-color: rgba(255, 127, 0, 0.698);
   background: #FF7700; /* old browsers */
	background: -moz-linear-gradient(top, #3F3700 0%, #FF7700 100%); /* firefox */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3F3700), color-stop(100%,#FF7700));*/ /* webkit */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3F3700', endColorstr='#FF7700',GradientType=0 );*/ /* ie */
	border-right:1px solid #666;
	border-left:1px solid #666;
	color: rgb(153, 253, 153);
	text-decoration: none;
}

#menu nav ul li a:hover {
	background-color: rgba(255, 127, 0, 0.698);
   background: #FF7700; /* old browsers */
	background: -moz-linear-gradient(bottom, #3F3700 0%, #FF7700 100%); /* firefox */
	/*background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#3F3700), color-stop(100%,#FF7700));*/ /* webkit */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3F3700', endColorstr='#FF7700',GradientType=1 );*/ /* ie */
	text-decoration: none;
}

#contenido {
   background-color: rgba(250, 250, 250, 0.798);
   position: relative;
   float: left;
   top: 141px;
   left: 7px;
   right: 7px;
   width: 99%;
   height: 1000px;
   /*
   min-height: 100%;
   min-width: 99%;
   height: auto !important;
   */
   border-radius: 15px 15px 15px 15px;
   border-top: thin solid rgb(151, 12, 21);
   border-bottom: thin solid rgb(151, 12, 21);
   border-left: thin solid rgb(151, 12, 21);
   border-right: thin solid rgb(151, 12, 21);
	box-shadow: 0px 1px 4px #000000;
   -webkit-box-shadow: 0px 1px 4px #000000;
	/*-moz-box-shadow: 0px 1px 4px #000000;*/
}





.cont_sup_izq {
   margin: 5px;
   float: left;
   width: 300px;
   height: 350px;
   border-top: thin solid rgb(151, 12, 21);
   border-bottom: thin solid rgb(151, 12, 21);
   border-left: thin solid rgb(151, 12, 21);
   border-right: thin solid rgb(151, 12, 21);
   box-shadow: 0px 1px 4px #000000;
}




#pie {
   background-color: rgba(255, 255, 0, 0.698);
   height: 69px;
   width: 99%;
   position: fixed;
   float: left;
   bottom: 5px;
   left: 7px;
   right: 7px;
   z-index: 5;
   border-radius: 5px 5px 5px 5px;
   border-top: thin solid rgb(151, 12, 21);
   border-bottom: thin solid rgb(151, 12, 21);
   border-left: thin solid rgb(151, 12, 21);
   border-right: thin solid rgb(151, 12, 21);
	box-shadow: 0px 1px 4px #000000;
   -webkit-box-shadow: 0px 1px 4px #000000;
	/*-moz-box-shadow: 0px 1px 4px #000000;*/
}


#cookieLayer {
    bottom: 0px;
    -moz-box-sizing: border-box;
    color: rgb(255, 255, 255);
    font-size: 0.86em;
    left: 0px;
    line-height: 1.2em;
    position: fixed;
    width: 100%;
    z-index: 99999999;
}
#cookieLayer {
    background-color: rgb(85, 85, 85);
    background-image: linear-gradient(rgb(108, 108, 108), rgb(153, 153, 153));
}

cookieLayer div {
   position: relative;
   margin: 10px auto;
   max-width: 1100px;
   -moz-box-sizing: border-box;
   color: rgb(255, 255, 255);
   font-size: 0.86em;
   line-height: 1.2em;
}

.padded {
    padding: 0.5em;
}

.grid-11 {
   clear: none;
   float: left;
   width: 91.6667%;
   color: rgb(255, 255, 255);
   font-size: 0.86em;
   line-height: 1.2em;
}

#cookieLayer a {
   color: rgb(204, 204, 204);
   text-decoration: underline;
   outline: medium none !important;
   /*font-size: 0.86em;
   line-height: 1.2em;*/
}

.right {
    text-align: right;
}

.grid-1 {
   clear: none;
   float: left;
   width: 8.33333%;
}

#cookieLayer .close {
    background-color: rgb(58, 54, 58);
    border: 0px none;
    border-radius: 6px 6px 6px 6px;
    color: rgb(255, 255, 255);
    display: inline-block;
    padding: 4px 10px;
    text-decoration: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

button {
   text-transform: none;
   line-height: normal;
   font-size: 100%;
   margin: 0px;
   vertical-align: baseline;
}

.btn {
    background-color: rgb(51, 139, 53);
    border-color: rgb(51, 139, 53);
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    -moz-box-sizing: border-box;
    color: rgb(51, 51, 51);
    display: inline-block;
    font-family: Roboto,sans-serif;
    padding: 0.3em 0.75em;
}

.btn:hover {
    background-color: rgb(51, 139, 53);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
    text-decoration: none;
}