@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);

* {
	font-family: 'Lato', sans-serif;
	margin:0px;
	padding:0px;
	color:#666;
}

.strong {
	font-weight:bold;
}
table {
	vertical-align: top;
	border-spacing:0px;
}
a {
	outline: none;
	text-decoration:none !important;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a.hover {
	color:#ffffff;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-weight:normal;
}
p {
	margin: 0px;
	padding: 0px;
}
ul, ol {
	list-style: none;
	padding-left: 20px;
	/*clear: both;*/
}
img {
	border:none;
}
.titleBox {
	font-weight: bold;
}
.subtitleBox {
	font-family: "Lato";
	font-weight: 300;
}
.textBox {
	font-family: "Lato";
}
.description {
	padding: 0 3%;
	width: 94%;
	font-style: italic;
	font-size: 20px;
}
.description a {
	color:#92b53d !important;
	font-weight: bold;
	line-height: 1.5em;
}
.description a:hover {
	color:#502a78 !important;
	font-weight: bold;
}
.purple {
	color:#502a78;
}
.backgroundPurple {
	background-color:#502a78;
}
.greenB {
	color:#92b53d !important;
}
.backgroundGreenB {
	background-color:#92b53d;
}
.greenL {
	color:#adc76d;
}
.backgroundGreenL {
	background-color:#adc76d;
}

.white {
	color:#ffffff;
}
.backgroundWhite {
	background-color:#ffffff;
}
.black {
	color:#000000;
}
.backgroundBlack {
	background-color:#000000;
}
.gray {
	color:#666;
}
.backgroundGray {
	background-color:#666;
}
.separator {
	display:block;
	clear:both;
	width:100%;
	height: 0px;
}
.separator1 {
	display:block;
	clear:both;
	width:100%;
	height: 1px
}
.separator5 {
	display:block;
	clear:both;
	width:100%;
	height: 5px
}
.separator10 {
	display:block;
	clear:both;
	width:100%;
	height: 10px
}
.separator15 {
	display:block;
	clear:both;
	width:100%;
	height: 15px
}
.separator20 {
	display:block;
	clear:both;
	width:100%;
	height: 20px
}
.separator25 {
	display:block;
	clear:both;
	width:100%;
	height: 25px
}
.separator30 {
	display:block;
	clear:both;
	width:100%;
	height: 30px
}
.separator50 {
	display:block;
	clear:both;
	width:100%;
	height: 30px
}
html { 
	width: 100%;
	height:auto;
	margin:0px;
}
body {
	width: 100%;
	height:auto;
	background-color:#ffffff;
}
#wrapperFull {
	width: 100%;
	height:100% !important;
	margin:0 auto;	
	min-width:500px;
	max-width:1900px;
	min-width:700px;
	display:block;
}
	#wrapper_header {
		width:100%;
		padding-top:0.733%;
		/*height:3.66825%;	*/
		height:190px;
		display:block;
		clear:both;
		/*overflow:hidden;*/
		position:relative;
	}
		#box-logo {
			float:left;
			margin-left:1.83%;
			width:19.032%;
			height: 64%;
			/*padding-top: 2.45%;*/
		}
			#box-logo img {
				width:100%;
			}
			
		#box-menu {
			float:right;
			width:75%;
			height:90%;
			margin-top:1.4%;
			overflow:visible;
		}
			#link-private-area {
				display:block;
				width:16%;
				padding-right: 4%;
				height:30%;
				text-align:right;
				float:right;
			}
			#link-private-area a {
				padding-left:7%;
				background: transparent url(images/header/leyend1.gif) no-repeat center left;
				color:#666;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}
			#link-private-area a:hover {
				color:#adc76d;
			}
		.colorPalete {
			float:right;
			width:1.464%;
			height:100%;
		}
			.colorPalete ul {
				width:100%;
				height:100%;
			}
			.colorPalete ul li {
				width:100%;
				height:20%;
			}


	.wrapper-content-home {
		width:100%;
		display:block;
		clear:both;
		overflow:hidden;
	}
		#wrapper-actualidad {
			/*height:13.8479%;	*/
			height:730px;	
		}
		#wrapper-menu-colegiados {
			height:2.295%;
		}
			#menu-colegiados .item-img-mnu {
				display: inline;
				color: white;
			}
		#wrapper-menu-servicios {
			/*height:15.6283%;*/
			height:823px;
		}
		#wrapper-info-banner {
			height:235px;
			padding: 50px 0;
		}
			#box-banner-info {
				width:100%;
				height:100%;
				display:block;
			}
		#wrapper-news-fundaciones {
			/*height:5.2226%;*/
			/*height:275px;*/
		}
			#box-news-fundaciones {
				display:block;
				clear:both;
				overflow:hidden;
				width:93.705%;
				height:87.5%;
				padding: 0px 3.148%;
			}
				#news-fundaciones {
					width:100%;
					height:97.67%;
					display:block;
					clear:both;
					overflow:hidden;
				}
					#list-news-fundaciones {
						width:100%;
						height:100%;
						display:block;
					}
						#list-news-fundaciones li {
							width:48%;
							height:100%;
							display:block;
						}
						#list-news-fundaciones li.left {
							float:left;
						}
						#list-news-fundaciones li.right {
							float:right;
						}
						#list-news-fundaciones li .text-news-fundaciones {
							width:70%;
							height:100%;
							float:left;
							display:block;
						}
							#list-news-fundaciones li .header-news-fundaciones {
								font-size:2.2em;
								-webkit-transition: all 0.3s ease;
								-moz-transition: all 0.3s ease;
								-o-transition: all 0.3s ease;
								transition: all 0.3s ease;
								margin-bottom:5%;
							}
							#list-news-fundaciones li .title-news-fundaciones {
								font-size:2em;
								-webkit-transition: all 0.3s ease;
								-moz-transition: all 0.3s ease;
								-o-transition: all 0.3s ease;
								transition: all 0.3s ease;
							}
						#list-news-fundaciones li .img-news-fundaciones {
							width:29%;
							height:100%;
							float:right;
							display:block;
						}
						#list-news-fundaciones li .img-news-fundaciones img {
							width:95%;
						}
						
		#wrapper-menu-varios {
			/*height:10.01%;*/
			height:528px;
			margin-top: 50px; 
		}
			#box-menu-varios {
				display: block;
				clear: both;
				overflow: hidden;
				width: 93.705%;
				height: 86.957%;
				padding: 0px 3.148%;
			}
						
		#wrapper-twitter {
			height:158px;
			display:block;
		}
		#wrapper-info-banner2 {
			/*height:4.4513%;*/
			height:235px !important;
 		    margin-bottom: 3.71%;
			
		}
			#box-banner-info2 {
				width:100%;
				height:100%;
				display:block;
			}
		
		
		#wrapper-news-varios {
			/*height:9.4958%;*/
			height:500px;
 		    margin-bottom: 3.71%;
			clear:both;
		}
			#box-news-varios {
				width:93.705%;
				height:82.085%;
				margin:0 3.148%;
				padding:3.148% 0;
				overflow:hidden;
			}
				#box-news-varios .content-news-varios {
					display:block;
					float:left;
					width:32%;
					padding-left:1%;
					height:100%;
					border-left:1px solid #ffffff;
				}
					#box-news-varios .header-block-varios {
						width:100%;
						height:auto;
						margin-bottom:10%;
					}
					#box-news-varios .header-block-varios-download {
						width:100%;
						height:auto;
						margin-bottom:5%;
					}
					#box-news-varios .header-block-varios a, #box-news-varios .header-block-varios-download a {
						color:#ffffff;
						font-size:2em;
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
						-o-transition: all 0.3s ease;
						transition: all 0.3s ease;
					}
					#box-news-varios .header-block-varios a:hover, #box-news-varios .header-block-varios-download a:hover{
						color:#502a78;
					}
					#box-news-varios .content-new-varios {
						display:block;
						width:100%;
						height:30%;
						margin-bottom:5%;
						overflow:hidden;
					}
					#box-news-varios .content-new-download {
						display:block;
						width:100%;
						height:25%;
						margin-bottom:5%;
						overflow:hidden;
					}
					
						#box-news-varios .box-img-varios {
							width:24.215%;
							height:85%;
							float:left;
							display:block;
							overflow:hidden;
						}
							#box-news-varios .box-img-varios img{
								height:100%;
							}
						#box-news-varios .box-title-varios {
							width:67%;
							float:right;
							display:block;
							overflow:hidden;
							margin-right:3%;
							color:#ffffff;
							font-size:1.2em;
						
						}
						#box-news-varios .box-title-varios .box-title-varios-download{
							width:100%;
							
							display:block;
							
						}
						#box-news-varios a .box-title-varios-download  {
							color:#ffffff;
							font-size:1.2em;
							-webkit-transition: all 0.3s ease;
							-moz-transition: all 0.3s ease;
							-o-transition: all 0.3s ease;
							transition: all 0.3s ease;
						}
						#box-news-varios a:hover .box-title-varios-download  {
							color:#502a78;
						}
		
		#wrapper-footer {
			/*height:24.3325%;*/
			height:1281px;
			display:block;
			overflow:hidden;
		}
			#wrapper_contributors {
				width:100%;
				height:33.334%;
				display:block;
			}
				#header_contributors {
					width:97%;
					height:12.306%;
					padding-left:3%;
					padding-top:0.7%;
					display:block;
					margin-bottom:5%;
					color: #ffffff;
					font-size: 2em;
					
				}
					#header_contributors a:hover {
						color:#502a3d;
					}
			#body_contributors {
				width:100%;
				height:64.635%;
				display:block;
				overflow:hidden;
			}
				#left_contributors {
					width:19.766%;
					height:100%;
					display:block;
					float:left;
					margin-left:10%;
					overflow: hidden;
				}
				#right_contributors {
					width:45.389%;
					height:100%;
					display:block;
					float:right;
					margin-right:10%;
					overflow: hidden;
				}
		
		#header-content {
			display:block;
			width:100%;
			/*height:8.6055%;*/
			height:400px;
		}
		#header-content-section {
			display:block;
			width:100%;
			/*height:6.132%;*/
			height:322px;
		}
			#box-hilos  {
				display:table;
				width:100%;
				font-size:0.9em;
				color:#ffffff;
			}
			#header-content #box-hilos  {
				height:8.046%;			
			}
			#header-content-section #box-hilos  {
				height:11.2%;			
			}
				#box-hilos  #hilos {
					width:94%;
					height:100%;
					padding:0% 3%;
					display: table-cell;
					vertical-align: middle;
					color:#ffffff;
				}
					#box-hilos  a, #box-hilos  span {
						color:#ffffff;
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
						-o-transition: all 0.3s ease;
						transition: all 0.3s ease;
					}
					#box-hilos  a:hover {
						color:#502a78;
					}
			#title-section-content {
				width:100%;
				background-repeat:no-repeat;
				display: table;
				-webkit-background-size: 100% 100%;
				-moz-background-size: 100% 100%;
				-o-background-size: 100% 100%;
				background-size: 100% 100%;
			}
			#header-content #title-section-content {
				height:63.4%;
			}
			#header-content-section #title-section-content {
				height:89%;
			}
				#title-section-content #title-section {
					background: transparent url(images/body/trama.png) repeat;
					width:94%;
					height:100%;
					padding:0% 3%;
					display: table-cell;
					vertical-align: middle;
					color:#ffffff;
					font-size:2em;
					clear:both;
				}
				#title-section-content #title-section h1{
					font-size:inherit;
				}
			#title-content, .title-content-2 {
				display:block;
				width:94%;
				padding:0% 3%;
				margin-top:3%; 
			}
			#title-content h1.content_page_title {
				font-size:1.5em;
			}
			#page-content {
				width:94%;
				padding:0% 3%;
				clear:both;
			}
				#wrapper-services-iframe {
					width:100%;
					display:block;
					clear:both;
					overflow:hidden;
				}
					#services-iframe {
						margin-bottom:5%;
					}
	#wrapper-construct {
		width:98%;
		display:block;
		height:2%;
		padding:0.3% 0;
		margin-left:2%;
		
	}
	#wrapper-construct a {
		font-size: 0.75em;
		opacity: 0.7;
		filter: alpha(opacity=70);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#wrapper-construct a img {
		vertical-align:bottom;
	}
	#wrapper-construct a:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}
/*Paginación*/	
			
	#pagination {
		width:100%;
		display:block;
		margin-top:1%;
		margin-bottom:2%;
	}
		.list-pagination {
			width:100%;
			height:100%;
			list-style:none;
			display:block;
			
		}
		.list-pagination li {
			float:left;
			width:2%;
			height:100%;
			display:block;
			margin-right: 1%;
		}
			.list-pagination .page{
				font-size:1em;
				font-weight:bold;
				width:100%;
				height:100%;
				display:block;
				padding:8% 5% 10% 5%;
				text-align:center;
				background-color:#cccccc;
				
			}
				.list-pagination .page a { 
					color: #fff;
					font-family: "Lato", sans-serif;
					
				}
				.list-pagination .page:hover { 
					background-color:#6ead21;
				}
				.list-pagination .page-off {
					font-size:1em;
					width:100%;
					height:100%;
					display:block;
					padding:8% 5% 10% 5%;
					font-family: "Lato", sans-serif;
					color: #fff;
					background-color:#6ead21;
					text-align:center;
				}

		.list-pagination .page-element {
			float:left;
			font-size:1.1em;
			display:block;
			color:#92b53d;
			width:1.2%;
			height:100%;
			margin-right: 1%;
		}
				
/*Redes Sociales*/

		#box-social-networks {
			display: block;
			width: 94%;
			height:0.6%;
			padding: 0% 3%;
			margin-bottom: 1%;
			clear:both;
		}
		#box-social-networks #social-networks{
			display: block;
			width: 100%;
			height:100%;
		}
		#box-social-networks #social-networks li {
			float:left;
			height:100%;
			margin-right:1.5%;
			
		}
		#box-social-networks #social-networks li img {
			height:100%;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
			opacity: 0.8;
			filter: alpha(opacity=80);
			
		}
		#box-social-networks #social-networks li:hover img {
			opacity: 1;
			filter: alpha(opacity=100);
			
		}
			
			
.black-and-white {
	filter: url(filter.svg#gris);
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);				
}			

#menu-contacto{
	width:100%;
	text-align:center;
    padding-bottom: 50px;
}

	#menu-contacto li{
		display:inline-block;
		/*width:25%;*/
		margin: 0px 15px;
		vertical-align: middle;
	}
	
		#menu-contacto li div, #menu-contacto li a, #menu-contacto li span {
			display: table;
		}

			#menu-contacto li div img, #menu-contacto li a img, #menu-contacto li span img {
				/* float: left; */
				margin-right: 15px;
				display: table-cell;
				vertical-align: middle;
			}
			
			#menu-contacto li div .item-img-mnu, #menu-contacto li a .item-img-mnu, #menu-contacto li span .item-img-mnu {
				/* float: right; */
				display: table-cell;
				vertical-align: middle;
				color:#502a78;
			}	
		
		#menu-contacto li a .item-img-mnu:hover{
			color:#92b53d;
		}
		
		
@media (max-width:767px){
	#wrapper-footer{
		height:630px;
	}
	
	#wrapper_header{
		height:100px;
	}
	
	#header-content{
		height:222px;
	}
	
	#wrapper-news-varios{
		height:245px;
	}
	
	#menu-contacto li {
		float: left;
		clear: both;
		margin-bottom: 15px;
		text-align: left;
	}	
}

#box_last_update{
	position:absolute;
	bottom:0;
	left:1.83%;
	bottom:10px;
	font-size:0.8em;
}

.go-top {
    position: fixed;
    float: right;
    right: 1%;
    bottom: 50px;
    display: none;
    z-index: 9999;
}			

.go-top:hover {
	opacity:0.8;
	cursor:pointer;
}

#wrapper_header_movil{
	display:none;
}

#wrapper_header{
	display:block;
}

*{
	-webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    /* box-sizing: content-box; */
}

 .contact_button {
	width: 350px;
	padding: 10px 20px;
	background: #92b53d;
	color: white;
	display: inline-block;
	margin: 5px 25px;
	font-size: 1em;
 }