/* CSS */

body {
	text-align: center;
	/* For Safari */
	background: -webkit-linear-gradient(bottom,#749134,white) no-repeat;
	/* For Opera 11.1 to 12.0 */
	background: -o-linear-gradient(bottom,#749134,white) no-repeat;
	/* For Fx 3.6 to 15 */
	background: -moz-linear-gradient(bottom,#749134,white) no-repeat;
	/* Standard syntax */
	background: linear-gradient(to bottom,#749134,white) no-repeat;
}

.wrap {
	background: white;
	padding-top: 20px;
	border-radius: 8px;
	margin: 0 auto 0 auto;
	width: 1024px;
	clear: both;
	height: 100%;
	/*	min-height: 1050px;*/
}

.search {
	float: right;
	margin-top: 15px;
	margin-right: 20px;
	max-width: 250px;
}

.search input {
	float: right;
	border-radius: 5px;
}

.titulo {
	float: left;
	margin-top: 45px;
	margin-left: 30px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 25px;
	color: #000099;
}

.titulo span{
	font-size:8px;
}

.language {
	float: right;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	margin-right: 25px;
	padding: 15px;
}

.translate_bar input {
	text-decoration: none;
	background: white;
	border: none;
	padding-left: 10px;
	padding-right: 15px;
	color: black;
}

.menu_superior {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
}

.menu_superior #active {
	color: green;
}

.header {
	margin: 135px auto 0 auto;
	width: 1024px;
	height: 300px;
	color: white;
	background: white;
}

.header img{
	margin-right:10px;
	margin-left:10px;
}

.logo {
	float: left;
	margin-left: 20px;
}

.page {
	width: 1024px;
	height: 100%;
	background: white;
	float: right;
}

/* ------------------------------------------ */
/*                  MENÚS   	     	      */
/* ------------------------------------------ */

.menu {
	width: 1004px;
	height: 43px;
	background: #D9D9D9;
	border: none;
	border: 0px;
	padding-right: 20px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #8e8e8e;
	font-size: 14px;
}

.menu ul {
	height: 43px;
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

.menu ul li {
	float: left;
	padding: 0px 0px 0px 0px;
	width: auto;
	color: white;
}

.menu li a {
	color: #000;
	display: block;
	font-weight: bold;
	line-height: 43px;
	padding: 0px 15px;
	text-align: center;
	text-decoration: none;
}


.menu li:active ul {
	z-index: 10;
}

.menu li:hover ul {
	display: block;
}

.menu p {
	clear: left;
}

.menu .active > a:hover {
	color: #ffffff;
}

.menu a:hover {
	color: green;
}

.menu #active {
	color: white;
	background: #749134;
}

/*************** Menú lateral ********************/

.menulateral {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	width: 200px;
	float: left;
	border-radius: 10px;
	margin: 10px;
	text-align: left;
	background: #D9D9D9;
	font-size: 12px;
	padding-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #749134;
}

.menulateral #active {
	color: green;
}

.menulateral .title {
	/* For Safari */
	background: -webkit-linear-gradient(right,#749134,#aabc83);
	/* For Opera 11.1 to 12.0 */
	background: -o-linear-gradient(right,#749134,#aabc83);
	/* For Fx 3.6 to 15 */
	background: -moz-linear-gradient(right,#749134,#aabc83);
	/* Standard syntax */
	background: linear-gradient(to right,#749134,#aabc83);
	color: white;
	font-size: 16px;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
}

.menulateral ul {

	list-style-image: url('images/li.gif');
}

.menulateral ul a {
	text-decoration: none;
	color: #000000;
}

.menulateral ul li ul {
	/*opacity: 0; /* no son visibles */
	position: absolute;
}

.menulateral ul li:hover > ul {
	opacity: 1;
}

.menulateral ul li ul li:active {
	opacity: 1;
}

#acdnmenu {
	background: #D9D9D9;
	width: 160px;
	margin: 0px;
	padding: 10px;
}

#acdnmenu ul.acdnTop {
	display: block;
	padding-left: 0;
}
#acdnmenu div.acdnHeading, #acdnmenu a.acdnLink {¡
	color: #000000;
	font: 12px Verdana;
	outline: medium none;
	padding: 8px 8px 8px 20px;
	text-align: left;
	text-decoration: none;
}

#acdnmenu div.acdnCurrent, #acdnmenu div:hover, #acdnmenu a.acdnLink:hover, #acdnmenu div.acdnCurrent a.acdnLink {
	background-position: 0 -64px;
	font-weight: normal;
	text-decoration: none;
}

#acdnmenu div.acdnArrowImage {
	background-position: 0 0;
	height: 12px;
	left: 4px;
	top: 9px;
	width: 12px;
}
#acdnmenu div.acdnCurrent div.acdnArrowImage {
	background-position: 0 -12px;
}
#acdnmenu li.acdnSeparator {
	border-bottom: 1px solid #D8E2F3;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 0px;
}
#acdnmenu ul.acdnSub {
	padding-left: 50px;
}
#acdnmenu ul.acdnSub div.acdnHeading {
	background: none repeat scroll 0 0 transparent;
	color: #000000;
	font: 12px Arial;
	text-align: left;
}
#acdnmenu ul.acdnSub div.acdnHeading a {
	color: #000000;
}
#acdnmenu ul.acdnSub div.acdnCurrent {
	background: none repeat scroll 0 0 transparent;
	color: #000000;
}
#acdnmenu ul.acdnSub a.acdnLink {
	background: none repeat scroll 0 0 transparent;
	color: #000000;
	font: 11px Arial;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
}
#acdnmenu ul.acdnSub a.acdnLink:hover, #acdnmenu ul.acdnSub a.acdnCurrent, #acdnmenu ul.acdnSub div.acdnHeading a:hover, #acdnmenu ul.acdnSub div.acdnHeading a.acdnCurrent {
	background: none repeat scroll 0 0 transparent;
	color: #000000;
	text-decoration: underline;
	color: green;
}

#acdnmenu #active{
	color: green;
	font-weight:bold;
}

#acdnmenu ul.acdnSub div.acdnArrowImage {
	background-position: 0 -24px;
	height: 12px;
	left: 4px;
	top: 6px;
	width: 12px;
}
#acdnmenu ul.acdnSub div.acdnCurrent div.acdnArrowImage {
	background-position: 0 -36px;
}
#acdnmenu, #acdnmenu ul{

	font-size: 0;
	line-height: 0;
}
#acdnmenu li {
	font-size: 12px;
	line-height: 16px;
}
#acdnmenu:after {
	clear: both;
	content: ".";
	
	height: 0;
	visibility: hidden;
}
#acdnmenu ul {
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	position: relative;
	top: 0px;
	display: none;
}
#acdnmenu li {
	margin: 0px;
	padding: 0px;
}
#acdnmenu div.acdnHeading, #acdnmenu div.acdnCurrent {
	cursor: pointer;
	position: relative;
	display: block;
}
#acdnmenu div.acdnArrowImage {
	overflow: hidden;
	position: absolute;
}


/* ------------------------------------------ */
/*                WIDGET PORTADA	   	      */
/* ------------------------------------------ */

.lateralizquierdo {
	float: left;
	width: 220px;
	background: white;
}

.lateralderecho {
	float: right;
	width: 220px;
	background: white;
}

.haztesocio {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	width: 200px;
	float: left;
	border-radius: 10px;
	margin: 10px;
	text-align: left;
	background: #D9D9D9;
	font-size: 12px;
	border-style: solid;
	border-width: 1px;
	border-color: #749134;
}

.haztesocio .title {
	/* For Safari */
	background: -webkit-linear-gradient(right,#749134,#aabc83);
	/* For Opera 11.1 to 12.0 */
	background: -o-linear-gradient(right,#749134,#aabc83);
	/* For Fx 3.6 to 15 */
	background: -moz-linear-gradient(right,#749134,#aabc83);
	/* Standard syntax */
	background: linear-gradient(to right,#749134,#aabc83);
	color: white;
	font-size: 16px;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
}

.haztesocio img {
	width: 160px;
	height: 120px;
	padding: 20px;
}

.galeriaportada {
	width: 450px;
	height: 500px;
	float: left;
	position: relative;
	margin: 20px;
	background: white;
}
#gallery {
	display: none;
}
#jgal {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 500px;
	margin-top: 20px;
}

#jgal li {
	opacity: .5;
	filter: alpha(opacity=50);
	float: right;
	display: block;
	width: 80px;
	height: 60px;
	background-position: 50% 50%;
	cursor: pointer;
	border: 3px solid #fff;
	outline: 1px solid #ddd;
	margin-right: 30px;
	margin-bottom: 10px;
}
#jgal li img {
	position: absolute;
	top: 190px;
	left: 10px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #888888;
	display: none;
	width: 450px;
}
#jgal li.active img {
	display: block;
	width: 450px;
}
#jgal li.active, #jgal li:hover {
	outline-color: #bbb;
	opacity: .99;
	filter: alpha(opacity=99);
}

.noticiasportada {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	width: 250px;
	float: right;
	border-radius: 10px;
	margin: 10px;
	text-align: left;
	background: #D9D9D9;
	font-size: 12px;
	border-style: solid;
	border-width: 1px;
	border-color: #749134;
}

.noticiasportada ul {
	padding: 10px 10px 10px 30px;
	list-style-image: url('images/li.gif');
}

.noticiasportada ul li {
	margin: 10px;
}

.noticiasportada ul a {
	text-decoration: none;
	color: #000000;
}

.noticiasportada ul a:hover {
	text-decoration: none;
	color: #008000;
}

.noticiasportada .title {
	/* For Safari */
	background: -webkit-linear-gradient(right,#749134,#aabc83);
	/* For Opera 11.1 to 12.0 */
	background: -o-linear-gradient(right,#749134,#aabc83);
	/* For Fx 3.6 to 15 */
	background: -moz-linear-gradient(right,#749134,#aabc83);
	/* Standard syntax */
	background: linear-gradient(to right,#749134,#aabc83);
	color: white;
	font-size: 16px;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
}

.eventosportada {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	width: 250px;
	float: right;
	border-radius: 10px;
	margin: 10px;
	text-align: left;
	background: #D9D9D9;
	font-size: 12px;
	border-style: solid;
	border-width: 1px;
	border-color: #749134;
}

.eventosportada ul {
	padding: 10px 10px 10px 30px;
	list-style-image: url('images/li.gif');
}

.eventosportada ul li {
	margin: 10px;
}

.eventosportada ul a {
	text-decoration: none;
	color: #000000;
}

.eventosportada ul a:hover {
	text-decoration: none;
	color: #008000;
}

.eventosportada .title {
	/* For Safari */
	background: -webkit-linear-gradient(right,#749134,#aabc83);
	/* For Opera 11.1 to 12.0 */
	background: -o-linear-gradient(right,#749134,#aabc83);
	/* For Fx 3.6 to 15 */
	background: -moz-linear-gradient(right,#749134,#aabc83);
	/* Standard syntax */
	background: linear-gradient(to right,#749134,#aabc83);
	color: white;
	font-size: 16px;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
}

.editaefaportada {
	float: right;
	padding: 10px;
}

.editaefaportada img {
	width: 200px;
}

/* ------------------------------------------ */
/*                 FORMULARIO   				*/
/* ------------------------------------------ */

.contact_form h2, .contact_form label {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}

.form_hint, .required_notification {
	font-size: 12px;
	padding-left: 20px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}

/* === List Styles === */
.contact_form{
	width: 700px;
	list-style-type: none;
	list-style-position: outside;
	float: left;
	padding: 12px;
	position: relative;
	margin-bottom: 40px;
}

/* === Form Header === */
.contact_form h2 {
	margin: 10px;;
	display: inline;
	color: green;
	float: left;
	margin-right:370px;
	margin-bottom: 30px;
}

.contact_form span{
	float:left;
	padding: 10px;
	margin-left: 170px;
}

.required_notification {
	color: #d45252;
	margin: 5px 0 0 0;
	display: inline;
	float: left;
	margin-left: 156px;
}

/* === Form Elements === */
.contact_form label {
	width: 150px;
	margin-top: 3px;
	display: inline-block;
	float: left;
	padding: 3px;
	float: left;
	font-size: 14px;
	margin-bottom: 35px;
}
.contact_form input {
	height: 20px;
	width: 500px;
	padding: 10px 10px;
	float: right;
	margin-bottom: 20px;
}

.contact_form textarea {
	width: 500px;
	float: right;
	padding: 10px 10px;
	margin-bottom: 20px;
}
.contact_form button {
	margin-left: 156px;
	float: right;
	margin 10px;
}


/* form element visual styles */
.contact_form input, .contact_form textarea {
	border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius: 2px;
}

/* === HTML5 validation styles === */
.contact_form input:required, .contact_form textarea:required {
	background: #fff url(./images/red_asterisk.png) no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
	background: #fff url(./images/valid.png) no-repeat 98% center;
	box-shadow: 0 0 5px green;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	background: #fff url(./images/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Form hints === */
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left: 8px;
	padding: 1px 6px;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color: #d45252;
	position: absolute;
	top: 1px;
	left: -6px;
}
.contact_form input:focus + .form_hint {
	display: inline;
}
.contact_form input:required:valid + .form_hint {
	background: #28921f;
}
.contact_form input:required:valid + .form_hint::before {
	color: #28921f;
}

/* === Button Style === */
button.submit {
	background-color: green;
	border: 1px solid green;
	border-bottom: 1px solid green;
	border-radius: 3px;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 green;
	margin-top:10px;
}
button.submit:hover {
	opacity: .85;
	cursor: pointer;
}
button.submit:active {
	border: 1px solid green;
	box-shadow: 0 0 10px 5px green inset;
}

.content {
	width: 700px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	float:left;
	padding: 20px;
	text-align: left;
}

.content p{
	text-align: justify;
}

.content h1{
	color:green;	
	font-size:25px;
	padding: 10px:
}

.content h3{
	font-size: 12px;
}

.content h2{
	color:#749134;	
	font-size:15px;
}

.content p{
	font-size: 12px;
}

.content  img{
	padding: 10px;
}

.content li{
	padding: 10px;	
	list-style-image: url('images/li.gif');	
}

.content li a{
	text-decoration:none;
	color:#000000;
}

.content li a:hover{
	color:#749134;
}

#web{
 	color: green;
 	font-weight: bold;
 	font-size: 15px;
 	padding: 5px;
}

/******************** Mapa web *********************/

.mapaweb {
	width: 700px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	float:left;
	padding: 10px;
	text-align: left;
}


.mapaweb h1{
	color:green;	
	font-size:25px;
	padding: 10px:
}

.mapaweb ul{
	color:#000000;
	font-size: 14px;
}
.mapaweb ul li a{
	text-decoration:none;
	color:#717171;z}

.mapaweb ul a{
	text-decoration:none;
	color:#000000;
}

.mapaweb li{
	color: #2F343C;
	font-size: 12px;
	padding: 5px;	
	margin-left: 60px;
	list-style-image: url('images/li.gif');	
}


/******************** Gallery ***********************/

#portadaGallery{
	width: 200px;
	height: 210px;
	border-radius: 3px;
	box-shadow: 5px 5px 5px #888;
	padding-bottom: 10px;
	text-align: center;
	background: #769337;
	color: white;
	float:left;
	margin: 10px;
	font-size: 14px;
}

#portadaGallery img{
	width: 200px;	
	padding: 0px;
	min-height:150px;
	padding-bottom: 10px;
	
}

#portadaGallery span{
	text-decoration:none;
}

.galeria img{
	width: 200px;
	height: 130px;
}

.galeria img:active{
	z-index:2;
	background: black;
	padding: 100px;
	width: 600px;;
	height: auto;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
}

/*********** REVISTAS SEG ****************/

.revista_descripcion{
	margin-left: 30px;
	text-align:justify;
	font-style:italic;
	font-size:12px;
	margin-bottom: 80px;
}

.revista_img{
	width: 100px;
	float: left;
}

/*********** SEPARATOTECA *****************/

.articulos{
	text-align:justify;
}

.articulo{
	color:#000000;
	text-decoration:none;
	font-size:12px;
}

.column{
	width: 320px;
	float: left;
	margin-right: 20px; 
	text-align: left;
}

/************ BIBLIOTECA ***************/

.libros{
	visibility: hidden;
	height: 0px;
}


/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:670px;
	padding:14px;
}

#miniform{
	float:left;
}

/* ----------- stylized ----------- */
#stylized{
	border:solid 2px #95bc40;
	background:#e6f7be;
}

#stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}

#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:90px;
	float:left;
}

#stylized .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:90px;
}

#stylized input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	margin:2px 0 20px 10px;
}

#inputanio{
	width: 60px;
}

#inputapellidos{
	width: 294px;
}

#stylized button{
	clear:both;
	margin-left:520px;
	width:125px;
	height:30px;
	background:#008000 url(img/button.png) no-repeat;
	text-align:center;	
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	margin-right: 0px;
	padding: 5px
}

.small{
	color:#666666;
	display:block;
	font-size:12px;
	font-weight:normal;
}

/************* ENLACES ****************/

.enlaces{
	text-align: justify;
}

.enlaces a{
	text-decoration:none;
	font-size:12px;
	color: #000000;	
}

.footer {
	width: 1024px;
	height: 40px;
	text-align: center;
	background: #749134;
	float: right;
	color: white;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;
	border-radius: 0px 0px 10px 10px;
}

.footer a {
	color: #D9D9D9;
}