@import url(http://fonts.googleapis.com/css?family=Roboto:200,300,400,600);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:200,400,700,300);
*{margin:0; padding:0;}
html{height:100%}
body { margin:0; font-family: 'Roboto', sans-serif; font-weight:400; color:#333; font-size:14px ;background:#f1f1f1; overflow-y:scroll;;-webkit-font-smoothing: antialiased;}
img{border:0;}
a{text-decoration:none;}
strong{font-weight:500}
p{line-height:18px}


/* animaciones por opacidad;*/
.a02{-webkit-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.a05{-webkit-transition:all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.a3{-webkit-transition:all 5s ease-in-out;transition: all 5s ease-in-out;}

.datadisplay{ background:#FFFF00; color:#F00; display:none }
.noview{display:none !important}
.nofloat{clear:both}

.cnt{width:1000px; margin:0 auto;}
.allcontent{min-height:400px;}

#top{height:45px; width:100%; top:0px; left: 0px;background:#e8e8e8}
#top .cnt{ padding-top:10px}

#contact-icons{margin-top:10px; float:right}
	#contact-icons a{font-size:12px; color:#222; margin-left:20px; font-weight:100 !important; opacity:0.8}
	#contact-icons a:hover{opacity:1}
	#contact-icons a:before{margin-right:2px; vertical-align:-5px;content:'';display:inline-block; width:20px; height:20px; border-radius:2px; background-image:url(../img/social-icons-20.png);-webkit-filter: brightness(1) ; opacity:0.9} 
	#contact-icons a.icon-te:before{background-position:-40px -20px;}
	#contact-icons a.icon-sk:before{background-position:-20px -20px;}
	#contact-icons a.icon-em:before{background-position:0px -20px;}
	#contact-icons a.icon-loc:before{background-position:-60px -20px;}


#header{}
#logo{width:100%;text-align:left; margin:20px;}
#logo img{width:150px; margin:0px 0 0 0}
#logo h1{display:none}

#menusup{width:1000px;margin:0;font-weight:400;display:table;table-layout: fixed;font-family: 'Roboto Condensed', sans-serif;}
#menusup ul{margin:0; padding:0;display:table-row;overflow:hidden !important; width_100%}
#menusup a {color:#fff; text-decoration:none; font-size:16px; width:100%; text-align:center; display:block; padding:10px 0px; text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);}
#menusup a:hover {color:#fff;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);}
#menusup ul li{list-style:none; display:table-cell; text-align:center;width:20%; border-right:1px solid #ccc; border-left:1px solid #888; box-sizing:border-box; background:#aaa;}
#menusup ul li:first-child{border-radius:3px 0 0 3px; overflow:hidden !important}
#menusup ul li:last-child{border-radius:0 3px 3px 0; overflow:hidden !important}

#menusup ul ul{position:absolute; display:none; z-index:1000}
#menusup ul ul li{
	list-style:none; display:block !important; width:200px !important; border-radius:0px !important;
	padding:0 !important; border:none !important}
#menusup ul ul li a{color:#fff; text-decoration:none; font-size:14px; width:100%; text-align:left; display:block; padding:10px 5px; max-width:190px; text-transform:none}
#menusup ul ul li:first-child{border-radius:0px; overflow:hidden !important}
#menusup ul ul li:last-child{border-radius:0px; overflow:hidden !important}

.drop:hover ul{display:block !important}

/*boton noticias*/
#menusup a.not { background-color:#f00}
#menusup a.not:hover { background-color:#f00}


#upper{ margin:10px 0; height:90px}
	#mesage{width:55%; background:#e20034 url(../img/background-question.png) no-repeat 50% 12%; height:90px; float:left;}
	#mesage:hover{background-position:bottom center;}
	#mesage h2 a{color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.8); font-size:30px; font-weight:400; line-height:70px; text-align:center; display:block}
	#search{width:44.5%; float:right; height:90px;background:#e20034; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.8)}
	#search #q{float:left;width:85%;padding:8px 1.5%; background:rgba(255,255,255,0.5); border: 1px solid rgba(255,255,255,0.8);border-radius:1px 0 0 1px; font-size:18px; color:rgba(255,255,255,0.8); border-right:none }
	#search #q:focus{width:85%;;background:rgba(255,255,255,0.9); border: 1px solid rgba(255,255,255,1); border-radius:1px;  color:#888}
	#search #qbutton{float:left;height:40px; width:38px; border: 1px solid rgba(255,255,255,0.8); border-radius:0 1px 1px 0; border-left:none; background:url(../img/lupa.png) rgba(255,255,255,0.5) no-repeat 50% 50%; cursor:pointer}
	#search #qbutton:focus{background-color:#000}


	#search #consola{width:375px; margin-top:23px; z-index:20; position:absolute; background:#fff}
	#search #consola >div{padding:10px; font-size:16px; color:#666; background:#fff; border:1px solid #888; border-top:none; text-shadow:none; cursor:pointer}
	#search #consola >div:hover{background:rgba(226, 0, 52,0.2);}


#upper >div > div{margin:10px}
#upper >div {border-bottom:2px solid #c10014;  box-sizing:border-box;}

#language{float:right; margin-top:-100px}
#language a{background: url(../img/flags-lang.png) no-repeat;margin-left:5px; display:inline-block; width:35px; height:22px; opacity:0.5;}
#language a span{ display:none; font-size:12px}
#language a.esp{background-position:0px 0px}
#language a.eng{background-position:-35px 0px}
#language a.fra{background-position:-70px 0px;}
#language a:hover, #language a.active{opacity:1}

#footer{height:160px; width:100%; background:#222; margin-top:25px}
#footer #address{float:left; color:#fff; font-size:13px; margin-top:40px}
#footer .right{float:right; margin:20px 0 0 20px;border:1px solid rgba(255,255,255,0.1); padding:10px; min-height:80px}
#footer .right h2{font-size:15px; color:#ddd; margin:0px; line-height:23px;border-bottom:1px solid #fff;  font-weight:400}

#footer .right a{font-size:13px; color:#ddd; -webkit-transition:color 0.2s ease-in-out;transition: color 0.2s ease-in-out;}
#footer .right a:hover{ color:#fff;}

.normativa{}
.normativa ul {margin-top:6px; margin-left:30px}
.normativa ul li{list-style:none; text-align:left; margin:1px 0px; padding:0; line-height:14px}




.socios{}
.socios ul {margin-top:6px;  margin-left:30px}
.socios ul li{list-style:none; text-align:left; margin:1px 0px; padding:0; line-height:14px}
.socios a{font-size:13px; color:#fff; -webkit-transition:color 0.2s ease-in-out;transition: color 0.2s ease-in-out;}
.socios a:hover{ color:#fff;}


#social ul {margin-top:6px}
#social ul li{list-style:none; float:left; margin:0 7px 0 0}
#social li:last-child{margin:0px !important}
#social a span{display:none}
#social a img{ ;opacity:0.8; -webkit-transition:color 0.2s ease-in-out;transition: color 0.2s ease-in-out;}
#social a img:hover{ opacity:1}

#social-icons{margin-bottom:30px}
#social-icons a{display:inline-block; width:20px; height:20px; margin-left:6px; border-radius:2px; background-image:url(../img/social-icons-20.png);-webkit-filter: brightness(0.5);}
#social-icons a:hover{-webkit-filter: brightness(2)}
#social-icons a.icon-bl{background-position:0px 0px;}
#social-icons a.icon-fb{background-position:-20px 0px;}
#social-icons a.icon-gp{background-position:-40px 0px;}
#social-icons a.icon-ln{background-position:-660px 0px;}
#social-icons a.icon-yt{background-position:-80px 0px;}
#social-icons a.icon-tw{background-position:-100px 0px;}
#social-icons a.icon-in{background-position:0px -40px;}
#social-icons a.icon-pt{background-position:-20px -40px;}



a.bigbutton{
	color:#fff; text-decoration:none; font-size:14px; text-align:center; padding:8px 12px; text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	background: -webkit-linear-gradient(top, rgba(209,22,70,1) 0%,rgba(158,16,58,1) 100%);
	border-radius:2px;;
}


a.bigbutton:hover{
	background: -webkit-linear-gradient(top, rgba(238,17,57,1) 0%,rgba(158,16,58,1) 100%);}
}


/*Por Contenidos*/

.cnt > div{ margin:20px 10px;}


/*Home*/

p.deny{font-size:10px; color:#888; margin: 0 10px}
h2.weekh2{font-size:24px; color:#666; font-weight:200; font-family:"Roboto Condensed", sans-serif;}
.week{width:55%; float:left;  box-sizing:border-box; border:1px solid #ddd; border-bottom-width:2px; background:#fff; padding-bottom:25px}
.week .empresa{
		width:100%; box-sizing:border-box; border-bottom:1px solid #ddd; height:300px;
		background-position:50% 50%; background-repeat: no-repeat; background-size:contain;
		overflow:hidden;
		}

.week .empresa:hover .datos{
		margin-left:300px;
		background-image:url(../img/arrow-close.png);
		}
.week .empresa .datos{
		width:220px;
		margin-left:520px; font-size:14px; color:#333;
		background-color:rgba(255,255,255,0.85); border-left:1px solid #ccc;
		height:300px;
		background-position:5px 50%;
		background-repeat:no-repeat;
		background-image:url(../img/arrow-open.png);
}

.week .datos .bigbutton{margin-left:100px}

.week .empresa .datos >div{padding:30px 0px 30px 28px}
.week .empresa .datos p{margin:5px 0}
.week .empresa .datos li{list-style:none; margin-left:20px}

.week .empresalist{margin-top:20px;}
.week .empresalist >div{
		width:100%; box-sizing:border-box; border:1px solid #ddd; height:120px; width:120px;
		background-position:50% 50%; background-repeat: no-repeat; background-size:contain;
		overflow:hidden;
		float:left; margin:0px 8px;
		cursor:pointer;
		 background-color:#fff
}
.week .empresalist >div.active, .week .empresalist >div:hover{border-top:2px solid #e10038;}


.news{width:44%; float:right;  background-color:#fff; box-sizing:border-box; border:1px solid #ddd; border-bottom-width:2px}
.news h3{font-size:18px; color:#767676; font-weight:200; font-family:"Roboto Condensed", sans-serif; padding:10px}
.news .inner{padding:8px; margin-top:10px;}
.news .imgnoticiahome{margin:0 0 10px 0;}
.news .imgnoticiahome img{width:100%;}
.news .edited, .news .edited a{font-size:13px; color:#888; text-align:right; margin-bottom:10px}

.news .edited a:hover{color:#000}
.news .edited img{height:40px; vertical-align:-15px}
.news .texto p{font-size:13px; text-align:justify; color:#888; }

.news .texto p{font-size:13px; text-align:justify; color:#888; }
.news .inner a.bigbutton{margin-top:10px; float:right}



.noticia{width:55%; float:left; box-sizing:border-box; border:1px solid #ddd; border-bottom-width:2px; background:#fff}
.noticia h3{font-size:18px; color:#767676; font-weight:200; font-family:"Roboto Condensed", sans-serif;}
.noticia .inner{padding:8px;}

.noticia .imgnoticiahome{margin:0 0 10px 0;}
.noticia .imgnoticiahome img{width:100%;}

.noticia .edited{text-align:center; margin:-50px auto 0px auto;;}
.noticia .edited, .news .edited a{font-size:13px; color:#888; }

.noticia .edited a:hover{color:#000}
.noticia .edited img{height:50px; background:#fff; border-radius:150px; overflow:hidden; padding:10px;}
.noticia .texto p{font-size:13px; text-align:justify; color:#888; }
.noticia .texto span p{color:#000}

.noticia .texto p{font-size:13px; text-align:justify; color:#888; }
.noticia .inner a.bigbutton{margin-top:10px; float:right}


/*listado de noticias*/

ul.listnews{margin:0px;padding:0}

ul.listnews li{margin:0px !important; padding:3px; border:1px solid #fff;cursor:pointer; list-style:none}
ul.listnews li:hover{border:1px solid #ddd; background:#fafafa}
ul.listnews li img{float:left; margin:0 15px 0 0 }
ul.listnews li h4{font-weight:300; color:#555; font-size:12px;}
ul.listnews li h4 span{display:block; font-size:11px; color:#000}


/*compartyeme*/

.sharer{ float:right; margin:-20px 0 10px 0;}
.sharer h3{display:none} 

.socialLinks{height:18px;margin:0;padding:0; float:right}


.socialLinks li{background:url(../img/social-media.png) no-repeat;height:18px;padding:0;text-align:center;width:18px; list-style:none; float:left;margin:0px; padding:0}

.socialLinks li:not(:last-child){margin-right:2px}


.socialLinks li.facebook{background-position:0 0} 
.socialLinks li.twitter{background-position:-18px 0}
.socialLinks li.google-plus{background-position:-36px 0}
.socialLinks li.mail{background-position:-54px 0}
.socialLinks li.linkedin{background-position:-72px 0}
.socialLinks li:hover.facebook{background-position:0 -18px}
.socialLinks li:hover.twitter{background-position:-18px -18px}
.socialLinks li:hover.google-plus{background-position:-36px -18px}
.socialLinks li:hover.mail{background-position:-54px -18px}
.socialLinks li:hover.linkedin{background-position:-72px -18px}
.socialLinks li a{color:inherit;display:inline-block;height:100%;width:100%}


/*widgets empresas*/

.righty{width:44%; float:right; background:#fff; box-sizing:border-box; border:1px solid #ddd; border-bottom-width:2px}

.wsoc{width:95%; margin:10px; background:#fff}
.wsoc >img {width:100%}
.wsoc.nolist img{filter: grayscale(100%) brightness(2);;-webkit-filter: grayscale(100%) brightness(2);}
.wsoc .logosoc{text-align:center; margin-top:-50px; margin-bottom:20px}
.wsoc .logosoc img{ background:#fff; border-radius:50px; width:100px}
.wsoc p{text-align:center;line-height:18px !important}
.wsoc p.nombre{font-size:16px; color:#222; margin-top:-20px; height:45px; margin-left:5px; margin-right:5px}


.wsoc p.sector{font-size:14px; color:#222; margin:5px 20px; text-transform: lowercase; height:40px}

.wsoc p.dir{font-size:14px; color:#777;overflow: hidden;text-align: center;text-overflow: ellipsis;margin: 4px 20px 0; height:40px}
.wsoc p.tel{font-size:14px; color:#777;overflow: hidden;text-align: center;text-overflow: ellipsis;margin: 4px auto ; background:url(../img/icon-phone.png) no-repeat;min-width:40%; width:40%}
.wsoc p.btn{    display: block; font-weight: bold; line-height: 70px; text-align: center; vertical-align: middle;}
.wsoc p.btn a{color:#fff; text-decoration:none}
.wsoc p.btn a:hover{color:#fff; text-decoration:none}


/*listaempresas*/

.listaempresas{background:#f1f1f1; padding:30px}


 h2.clist{color:#AAA; font-weight:400; font-size:18px; text-transform:lowercase; letter-spacing:3px}
 h2.clist strong{color:#444; font-weight:400}

.listaempresas .wsoc{width:31%; margin:1%; float:left;}
.listaempresas .wsoc:nth-child(3n+0) {margin-right:0 !important}
/*.listaempresas .wsoc:nth-child(1) {margin-left:0 !important}*/
.listaempresas .wsoc {border: 1px solid #d8d8d8;
    border-bottom-width: 2px;}



/*ficha empresas*/

.fichaempresa{}
.fichaempresa	.header{height:380px; overflow:hidden; background:#fff}
				.header >img{width:100%}
				.header .infobox{position:absolute; background:rgba(0,0,0,0.6); width:308px; height:380px; margin-top:-384px; text-align:center}
				.header .infobox .logosoc{text-align:center; margin:30px 0 15px 0}
				.header .infobox .logosoc img{background:#fff !important; border-radius:75px;; width:120px}
				.header .infobox p.nombre{font-size:18px; color:#fff;}
				.header .infobox p.sector{font-size:14px; color:#fff;; line-height:16px; margin:5px 0}
				.header .infobox p.dir{font-size:12px; color:#eee;overflow: hidden;text-align: center;text-overflow: ellipsis;margin: 4px 20px 0}
				.header .infobox p.tel{font-size:12px; color:#eee;overflow: hidden;text-align: center;text-overflow: ellipsis;margin: 4px auto ; background:url(../img/icon-phone.png) no-repeat;min-width:40%; width:40%}
				.header .infobox p.mail{font-size:12px; color:#eee;overflow: hidden;text-align: center;text-overflow: ellipsis;margin: 4px 20px 0}
				.header .infobox p.web{font-size:12px; color:#eee;overflow: hidden;text-align: center;text-overflow: ellipsis;margin: 4px 20px 0}

.fichaempresa	.menuzone{height:40px; overflow:hidden; background:#fff; border-bottom:2px solid #CCC}

.fichaempresa	.info>div:nth-child(1)>div{margin:20px 0 10px 0;}
.fichaempresa	.info>div:nth-child(2)>div{margin:20px auto 10px auto;}
.fichaempresa	.info>div:nth-child(3)>div{margin:20px 0 10px 4%;}

.fichaempresa	.blocks{width:33.3%; float:left;}
.fichaempresa	.blocks > div{width:87%; min-height:50px; background-color:#fff; padding:5%;border-bottom:2px solid #DDD; border-top:8px solid #e20034}


.fichaempresa	.blocks h3{font-size: 18px; color:#888; font-weight:200; font-family: 'Roboto Condensed', sans-serif; margin-bottom:10px}

.fichaempresa	.blocks p, .fichaempresa{font-size: 14px; color:#222; font-weight:400; margin: 5px 0}
.fichaempresa	.blocks p span{color:#888}
.fichaempresa	.blocks p em{padding:10px; display:block}
.fichaempresa	.blocks ul li{margin: 0px 15px; list-style:none}

.fichaempresa	.blocks .socialLinks{height:18px;margin:0;padding:0; float:left}
.fichaempresa	.blocks .socialLinks li{margin: 0px 5px;}

.morenews h3{font-size: 18px; color:#888; font-weight:200; font-family: 'Roboto Condensed', sans-serif; margin-bottom:10px}
.morenews{width:90%;padding:5%; margin:0%; background:#fff}



.contentfull h2{margin:30px 0 0px 0; font-weight:200;}
.contentfull h3{font-size: 18px;color: #888;font-weight: 200; margin:15px 0}

.contentfull p{margin:20px 40px; line-height:24px; font-size:16px; font-weight:200}
.contentfull p a{color:#000; text-decoration:underline}
.contentfull p a:hover{color:#e20034;; text-decoration:underline}

.nofind{margin:20px 0; font-size:30px !important; line-height: 35px !important; font-weight:100 !important; color:#bbb; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.2)}