@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;}

.noview{display:none !important}
.nofloat{clear:both}

.cnt{width:100%; margin:0 auto;}
.allcontent{min-height:580px;}

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

#contact-icons{margin:10px;}
	#contact-icons a{font-size:18px; color:#222; margin-left:0px; font-weight:100; display:block; line-height:12px}
	#contact-icons a.icon-loc{display:none}
	#contact-icons a.icon-em{display:none}


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

#menusup{width:100%;margin:0;font-weight:400;font-family: 'Roboto Condensed', sans-serif;}
#menusup ul{margin:0; padding:0;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.1) 120%);}

#menusup ul li{list-style:none;text-align:center;width:100%; background:#aaa;}

#menusup ul ul{display:none;}
#menusup ul ul li{list-style:none; display:block !important; background:#888; width:100% !important}
#menusup ul ul li a{color:#fff; text-decoration:none; font-size:14px; width:100%; text-align:left; display:block; padding:10px 5px;}

.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; display:none}
	#mesage{width:100%; background:#e20034; height:80px;}
	#mesage h2{color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.8); font-size:24px; font-weight:400;}
	#search{width:100%; height:106px;background:#e20034; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.8)}

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

#language{float:right; margin-top:-125px; margin-right:10px}
#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:400px; width:100%; background:#222; margin-top:25px; padding-top:10px}
#footer #address{ color:#fff; font-size:13px; margin-top:40px; text-align:center}
#footer .right{ margin:20px 0 0 ;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; height:30px; line-height:30px; display:block}
#footer .right a:hover{ color:#fff;}

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


#social-icons{margin-bottom:10px}
#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(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*/
h2.weekh2{font-size:24px; color:#666; font-weight:200; font-family:"Roboto Condensed", sans-serif;}
.week{width:98%;  box-sizing:border-box; border:1px solid #ddd; border-bottom-width:2px; background:#fff; padding-bottom:25px; margin:20px 2%}
.week .empresa{
		width:98%; 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 .datos{
	margin-left:40%;
		width:60%;
		font-size:12px; color:#333;
		background-color:rgba(255,255,255,0.85); border-left:1px solid #ccc;
		height:300px;
}


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

.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; height:80px}
.week .empresalist >div{
		box-sizing:border-box; border:1px solid #ddd; height:70px; width:70px;
		background-position:50% 50%; background-repeat: no-repeat; background-size:contain;
		overflow:hidden;
		float:left; margin:0px 3px 0 3px;
		cursor:pointer;
		 background-color:#fff
}
.week .empresalist >div.active, .week .empresalist >div:hover{border-top:2px solid #e10038;}


.news{width:96%;  background-color:#fff; box-sizing:border-box; border:1px solid #ddd; border-bottom-width:2px; margin:20px 2%}
.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:98%; margin:5px 2%; 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}
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:98%; margin:5px 2% background:#fff; box-sizing:border-box; border:1px solid #ddd; border-bottom-width:2px}

.wsoc{width:95%; margin:10px; background:#fff}
.wsoc.nolist img{filter: grayscale(100%) brightness(2);;-webkit-filter: grayscale(100%) brightness(2);}

.wsoc >img{width:100%}
.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;    white-space: nowrap;}
.wsoc p.nombre{font-size:16px; color:#222; margin-top:-20px}
.wsoc p.sector{font-size:14px; color:#222; margin:5px 0; text-transform: lowercase}

.wsoc p.dir{font-size:14px; color:#777;overflow: hidden;text-align: center;text-overflow: ellipsis;margin: 4px 20px 0}
.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:5%}

.listaempresas .wsoc{width:100%; margin:1%; float:left;}
.listaempresas .wsoc {border: 1px solid #d8d8d8;
    border-bottom-width: 2px;}

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



/*ficha empresas*/

.fichaempresa{width:98%; margin:10px 2%}
.fichaempresa	.header{background:#fff;}
				.header >img{width:100%}
				.header .infobox{background:rgba(0,0,0,0.6); width:100%; margin-top:0px; text-align:center; padding:10px 0}
				.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:0px; overflow:hidden; background:#fff; border-bottom:2px solid #CCC}



.fichaempresa	.blocks{width:100%; margin:10px 0}
.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}

.datadisplay{display:none}