@charset "UTF-8";

@media screen and ( max-height: 800px ) { /* Máximos de altura */
	.content .contentBoxMargin { padding: 0;}
	.boxSearch .content .contentBoxMargin { display: block; padding-bottom: 0; height: 4.2em;}
	.btnClose { top: 3em; left: auto; right: 2%;}
}
@media screen and (min-width: 2300px) { 
	body { font-size: 18px;}
	.header { padding-bottom: 233px;}
	.header, .footer, .info { width: 524px; margin: 0 104px 0 52px;} /* 1/5 de modulo */
	.content { width: 1572px; margin-right: 680px;}
	.news h1.module strong { font-size: 1.3em;}
}
@media screen and (min-width: 2000px) and (max-width: 2300px) { 
	body { font-size: 17px;}
	.header { padding-bottom: 203px;}
	.header, .footer, .info { width: 452px; margin: 0 90px 0 45px;}
	.content { width: 1370px; margin-right: 587px;}
	.news h1.module strong { font-size: 1.3em;}
}
@media screen and (min-width: 1850px) and (max-width: 2000px) { 
	body { font-size: 16px;}
	.header { padding-bottom: 189px;}
	.header, .footer, .info { width: 420px; margin: 0 84px 0 42px;}
	.content { width: 1280px; margin-right: 546px;}
	.news h1.module strong { font-size: 1.3em;}
}
@media screen and (min-width: 1700px) and (max-width: 1850px) { 
	body { font-size: 15px;}
	.header { padding-bottom: 172px;}
	.header, .footer, .info { width: 382px; margin: 0 76px 0 38px;}
	.content { width: 1160px; margin-right: 496px;}
	.news h1.module strong { font-size: 1.3em;}
}
@media screen and (min-width: 1600px) and (max-width: 1700px) { 
	body { font-size: 14px;}
	.header { padding-bottom: 162px;}
	.header, .footer, .info { width: 360px; margin: 0 36px 0 36px;}
	.content { width: 1090px; margin-right: 432px;}
	.news h1.module strong { font-size: 1.3em;}
}
@media screen and (min-width: 1500px) and (max-width: 1600px) { 
	body { font-size: 14px;}
	.header { padding-bottom: 153px;}
	.header, .footer, .info { width: 340px; margin: 0 34px 0 34px;}
	.content { width: 1030px; margin-right: 408px;}
	.news h1.module strong { font-size: 1.275em;}
}
@media screen and (min-width: 1380px) and (max-width: 1500px) { 
	body { font-size: 13.3px;}
	.header { padding-bottom: 146px;}
	.menu ul li { margin-right: 8%;}
	.header, .footer, .info { width: 292px; margin: 0 32px 0 32px;}
	.content { width: 980px; margin-right: 356px;}
	.news h1.module strong { font-size: 1.2em;}
}
@media screen and (min-width: 1260px) and (max-width: 1380px) { 
	body { font-size: 12.3px;}
	.header { padding-bottom: 146px;}
	.menu ul li { margin-right: 8%;}
	.header, .footer, .info { width: 267px; margin: 0 29px 0 29px;}
	.content { width: 910px; margin-right: 325px;}
	.news h1.module strong { font-size: 1.1em;}
}
@media screen and (max-width: 1260px) {
	body { font-size: 13.3px;}
	.mainBox.onSearch { -webkit-filter: none; -moz-filter: none; filter: none;}
	.mainBox { width: 980px; margin: auto;}
	.bgSearch { opacity: .95;}
	.boxSearch .content { float: none; width: 980px; position: relative; z-index: 1; margin: auto; overflow: hidden;}
	.boxSearch .content .contentBoxMargin { display: block; padding-bottom: 0; height: 4.2em;}
	.header { position: static; float: left; width: 100%; height: auto; margin: 0; padding: 2em 0 1em 0; background-color: #F2F2F2;}
		.contentHeader { position: relative; width: 980px; height: auto; margin: auto;}
		#logo { float: left; display: block; width: 100%; margin: 0 0 1.22em 0;}
		.menu ul li { margin-right: 4%;}
		.btnSearch { top: 1em; left: auto; right: 2%;}
		.btnClose { top: 3em; left: auto; right: 2%;}
	.footer, .info { float: left; position: static; width: 100%; height: auto; margin: 0;  background-color: #F2F2F2;}
	.info { margin-bottom: 1em;}
		.infoBox { padding: 0 14em 0 0;}
		.infoBox.infoBoxFicha { padding: 0 0 0 0; margin-top: 1.5em; width: 90%;}
			.infoBoxFicha .title { padding-right: 5%;}
			.infoBoxFicha .infoBoxTxt { float: left; width: 62%; margin-right: 4%;}
			.infoBoxFicha .infoBoxList { float: left; width: 33%;}
			.infoBoxFicha ul { margin-bottom: 0;}
		.boxFiltro { display: none;}
	.content { float: left; width: 100%; padding: 0 0 3em 0; margin: 0;}
	.content .contentBoxMargin { display: none;}
	.content .contentBox { margin-top: 0;}
	.boxRight, .col.fRight { float: left;}
	.boxRight { width: 100%; max-width: 100%;}
	.boxPictures { position: relative; display: table; vertical-align: middle; border-top: 5px solid #000; border-bottom: 5px solid #000; padding: 1em 0;}
	.boxPictures .boxCont { bottom: -3.8em; right: 3em;}
	.boxPicture { float: none; position: absolute; top: auto; left: 0; display: none; vertical-align: middle; width: 100%; text-align: center; margin: 0;}
	.boxPicture.on { display: table;}
	.boxPicture span { display: block; height: inherit; width: 100%; margin: 0; padding: 0; text-align: center; display: table-cell; vertical-align: middle;}
	.btnPictures { right: 0; left: auto; margin-top: 4em;}
		.btnPictures .btnL, .btnPictures .btnR { right: 0; left: auto;}
	.boxPictures.boxPictureNews { float: left; height: inherit !important; position: relative; display: block; vertical-align: none; border-top: 0; border-bottom: 0; padding: 0;}
	.boxPictures.boxPictureNews .boxPicture { float: left; position: static; top: auto; left: auto; display: block; vertical-align: none; width: auto; max-width: 100%; text-align: left; margin: 0;}
	.boxPictures.boxPictureNews .boxPicture span { display: block; height: auto; width: 100%; margin: 0; padding: 0; text-align: left; display: block; vertical-align: none;}
	.news h1.module strong { font-size: 1.1em;}
}
@media screen and (max-width: 1010px) {
	body { font-size: 17px;}
	.mainBox, .boxSearch .content, .contentHeader { width: 740px;}
	.infoBox, .infoBox.infoBoxFicha { padding: 0 2em 0 0;}
	.col50 { width: 99%;}
	.col33 .col50 { width: 49.6%;}
	.col33 { width: 66%;}
	.col16 { width: 33%;}
	.news h1.module strong { font-size: 1.4em;}
}
@media screen and (max-width: 760px) {
	/*body { font-size: 17px;}*/
	.mainBox, .boxSearch .content { width: 70%;}
	.contentHeader { width: 100%;}
	.col50 { width: 99%;}
	.col33 .col50 { width: 49.6%;}
	.col33 { width: 99%;}
	.col50 .col33 { width: 49.6%;}
	.col16 { width: 49.6%;}
	.col67 { width: 100%;}
	.col66 { width: 99%;}
	.module1x2 .txtContModule { top: 70%;}
	.moduleContact .col33 { width: 44.6%;}
	.moduleContact .pTxtCity { width: 90%;}
	.moduleContact .pTxtMail { width: 54.6%;}
	.moduleContact .pTxtCity .pTxt { padding-bottom: 0;}
	.moduleContact .pTxtCity .pTxt p { margin-bottom: .62em;}
	.moduleContact .txtMap .pTxt h2 { margin-bottom: 0em;}
	.moduleContact .module1x1 { padding: 0;}
	.moduleContact .module { padding: 0; height: auto;}
	.moduleContact .module1x1 .contModule { width: 97.8%; height: auto; position: static; top: auto; left: auto; margin-bottom: 2em; background: #FEFEFE; overflow: hidden;}
	.moduleContact .module1x1 .contModule.boxMap { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: #FEFEFE; overflow: hidden;}
	.moduleContact .module.moduleMap { height: 0; padding-bottom: 60%;}
	.moduleContact .txtMap	.pTxtMail .pTxt { padding-left: .6em;}
	.infoBoxFicha .infoBoxTxt { width: 100%; margin-right: 0%;}
	.infoBoxFicha .infoBoxList { width: 100%;}
}
@media screen and (max-width: 630px) {
	body { font-size: 15.5px;}
	.mainBox, .boxSearch .content { width: 80%;}
}
@media screen and (max-width: 460px) {
	body { font-size: 14px;}
	.mainBox, .boxSearch .content { width: 90%;}
}
@media screen and (max-width: 400px) {
	body { font-size: 12.3px;}
	.header { font-size: 14px;}
	.news h1.module strong { font-size: 1.2em;}
	.mainBox, .boxSearch .content { width: 92%;}
}
@media screen and (min-width: 1010px) { /* Hover -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	#logo a:hover { background-color: #000; color: #FFF;}
	.menu a:hover { border-bottom: 2px solid #000;}
	.module2x1 .contModule:hover .txtContModule, .module1x2 .contModule:hover .txtContModule, .module2x1 .contModule.on .txtContModule,  .module1x2 .contModule.on .txtContModule { left: 0; top: 0;}
	.contModule:hover span.pTxt, .contModule.on span.pTxt { opacity: 1; filter: alpha(opacity=100);}
	.news a:hover .txtContModule { background-color: #000; color: #FFF;}
	.news a:hover.contModule { transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; -ms-transition: 0.2s ease-in; background-color: #DDD;}
	.boxDownload a:hover { background-color: #FFF;}
	.btnSearch, .btnClose, .btnL, .btnR {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
	.btnSearch:hover, .btnClose:hover, .btnL:hover, .btnR:hover { -webkit-opacity: 0.25; -moz-opacity: 0.25; opacity: 0.25;}
	.infoBox ul li a:hover, .infoBox ul li a.on { background-color: #FFF466; color: #000;}
}