@charset "UTF-8";
/* CSS Document */


/* STANDARD */
/* ----------------------------------------------------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a {
  text-decoration: none;
  color:#666;
  font-weight:bold;
}
a:hover{
	color:#a6916B;
}

.clear { clear:both;}


.text-content-more{
display:none;
}

.less_info{
	background-image:url(../international-architecture/icon-less.gif);
}

.more_info{
	background-image: url(../international-architecture/icon-plus.gif);
}

.button_more {
	text-align:right;
	height:31px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: right center;
}

p{ /*text-align:justify;*/}


/* GENERAL */
/* ----------------------------------------------------------------------------------- */

body {
  margin: 0;
  padding: 0;
  font: normal 100% Helvetica, Arial, sans-serif;
  line-height:1.125em; /* 16×1.125=18 */
  color:#333333;
  background-color:#FFF;
}

.container{
	width:980px;
	margin:0 auto;
	padding:0;
}

.container_fixed{ position:absolute; top:0; left:0; width:100%; background-color:#FFFFFF;}


/* CAPÇALERA */
/* ----------------------------------------------------------------------------------- */

header.logo{ 
	/*background: -webkit-linear-gradient(315deg, white 40%, #999 40%, #999 50%, white 50%, white 90%, #999 90%, #999 100%);
	background-size:10px 10px;*/
	background:url(../img_cesc/mosaic_linies_mes.png) repeat 0 0;
	text-align:right;
}

header.logo h1{ margin:20px 10px; display:inline-block}



/* MENU */
/* ----------------------------------------------------------------------------------- */

.menu_fix.stuck {
	position:fixed;
	top:0;
	background:url(../img_cesc/mosaic_linies_mes.png) repeat 0 0 #FFF;
	width:980px;
	padding-top:5px;
}



.menu_centrat {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	white-space: nowrap;
	background-color:#FFF;
}
.menu_centrat li {
	display:inline;
	margin: 0 -2px;
}

.menu_centrat li a {
	display:inline-block;
	padding:20px 41px;
	color:#666;
	font-weight:normal;
}

.menu_centrat li:first-child a {
	display:inline-block;
	padding:20px 41px 20px 0;
	color:#666;
}

.menu_centrat li:last-child a {
	display:inline-block;
	padding:20px 0 20px 41px;
	color:#666;
}

.menu_centrat li a:hover {
	/*color:#a6916B;*/
	color:#CCC;
}

.menu_centrat li.selected a{
	/*color:#a6916B;*/
	color:#CCC;
}



/* ARTICLES CURRENT + PRESS */
/* ----------------------------------------------------------------------------------- */

article{ margin-bottom:60px;}
/*article header{ padding:10px; background:url(../img_cesc/mosaic_linies.gif) repeat 0 0; text-align:right;}*/
article header{ padding:10px; background:url(../img_cesc/mosaic_linies_mes.png) repeat 0 0 #FFF /*#666*/; text-align:right;}
article h2{font-size:18px; font-weight:normal; text-transform:uppercase; color:#666; /*color:#FFFFFF;*/ line-height:20px; margin:0; padding:0;}
article h3{font-size:18px; font-weight:normal; color:#666; /*color:#FFFFFF;*/ line-height:20px; margin:0; padding:0;}
article p{font-size:14px; font-weight:normal; color:#666; line-height:16px; margin:0; padding:0;}
article p.archivo{ margin:10px 0; }
article p.archivo a{color:#666666; font-weight:bold; }
article p.archivo a:hover{ color:#a6916B;}
article img.img_article{ width:100%; margin:0 0 10px;}


/*article header.destecat{  background:url(../img_cesc/mosaic_linies2.gif) repeat 0 0 #666666;}*/
article header.destecat{  background:url(../img_cesc/mosaic_linies_dest_mes.png) repeat 0 0 /*#a6916B*/#666;}
article header.destecat h2, article header.destecat h3{ color:#FFFFFF;}

/*.barra{ width:100%; height:10px; background:url(../img_cesc/mosaic_linies.gif) repeat 0 0; display:inline-block;}*/
.barra{ width:100%; height:5px; background-color:#666; display:inline-block;}

/* ARTICLES PAST + NEWS */
/* ----------------------------------------------------------------------------------- */

.encabezado{ width:100%; display:table; margin-bottom:10px;}
.encabezado .img_article_sup_esquerra{ width:30%; padding-right:10px; display:table-cell; vertical-align:top;}
.encabezado .img_article_sup_esquerra2{ width:20%;display:table-cell; vertical-align:top;}
.encabezado header{ width:40%; text-align:left; padding:10px 0 3px 20px; display:table-cell; vertical-align:bottom; background:none; }
.encabezado header p{ margin-top:10px;}
#news .encabezado .img_article_sup_esquerra{ width:30%; max-width:30%; padding-right:10px; display:table-cell; vertical-align:top;}
#news .encabezado .img_article_sup_esquerra img{ width:100%;}
#news .encabezado header{ width:70%; min-width:70%; text-align:left; padding:0; display:table-cell; vertical-align:top; }

#past .encabezado .img_article_sup_esquerra{ width:29.5%; max-width:29.5%; padding-right:10px; display:table-cell; vertical-align:top;}
#past .encabezado .img_article_sup_esquerra2{ width:20.5%; max-width:20.5%; padding-right:10px; display:table-cell; vertical-align:top;}
#past .encabezado .img_article_sup_esquerra img, #past .encabezado .img_article_sup_esquerra2 img{ width:100%;}
#past .encabezado header{ width:50%; min-width:50%; text-align:left; padding:0; display:table-cell; vertical-align:top;}


#news article h2, #news article h3, #past article h2, #past article h3{color:#666;}


footer.news p{font-size:12px; margin-top:20px;}
.logo_news{ margin-bottom:30px; text-align:left; width:100%;}
.logo_news_2{ margin-bottom:15px; padding:15px 0; text-align:right; width:100%; background:url(../img_cesc/mosaic_linies_mes.png) repeat 0 0 #FFF;}
.logo_news_2 > img{ padding-right:10px;}


/* ARTICLES PAST + NEWS */
/* ----------------------------------------------------------------------------------- */
.studio p{ margin-top:10px;}



.premios{ list-style:none; padding: 0; margin: 10px 0 0; font-size:14px; font-weight:normal; color:#666; line-height:16px;}
.premios li{ margin-left:0; margin-bottom:5px;}
.premios .año{ font-weight:bold; margin-right:10px;}




/* FOOTER */
/* ----------------------------------------------------------------------------------- */

footer{ margin:20px 0;}
.copyright{ font-size:12px; float:left;}
.credits{ font-size:12px; float:right;}
footer a{color:#666666; font-weight:bold; }
footer a:hover{ color:#a6916B;}













/* FORMULARIOS */
/* ----------------------------------------------------------------------------------- */


form {
  margin: 0;
  padding:0;
  width:50%;
  margin-top:20px;
}
fieldset {
  padding: 0;
  margin: 0;
  border:0;
}
legend{ 
	color:#666; 
	font-size:18px; 
	padding:0 0 5px;
	margin:0 0 10px 0;
	width:100%;
	border-bottom:2px solid #666;
	display:none;
}


.clearfix {
	padding-bottom:7px;
  	margin-top: 7px;
 	zoom: 1;
}
.control-group{
	margin:10px 0;
}
label{ 
	font-size:13px;
	font-weight:bold;
	color:#666; 
	margin:0 ; 
	padding:0; 
	display:block;
}
label > b { color:#eD0972; font-size:15px;}

.input{ margin:0; padding:0;}
.input-append input{ float:left;}

input, textarea,
select{
  display:block;
  padding:6px;
  margin:0;
  font-size: 11px;
  line-height: 16px;
  color: #555555;
  border: 1px solid #D0D0D0;
  background-color:#F6F6F6;
  width:97.142857142857%;
}

.help-block{ color:#999999; font-size:11px; font-weight:normal; margin:0; padding:0;}
.required-fields{ color:#eD0972; font-size:11px; margin-top:20px; font-weight:normal;}

.form-actions{ background-color:#ccc; padding:16px; margin-top:20px; border-top:1px solid #c0c0c0; text-align:right;}
.checkbox {
  float:left;
  margin-top:10px;
  position:relative;
}
.checkbox input[type="checkbox"] {
  float: left;
  margin:0 5px;
}
input[type="checkbox"]:focus,{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox a{ font-size:11px; font-weight:normal; text-decoration:underline; color:#333333; position:absolute; display:inline; top:-2px; width:200px;}
.checkbox a:hover{ font-size:11px; font-weight:normal; text-decoration:underline; color:#666666;}


.msgsended{ margin:20px 0; color:#99FF00; font-size:14px; font-weight:normal; color:#a6916B; line-height:16px;}




.btn_sistema{
	cursor: pointer;
	display: inline-block;
	position:relative;
	/*COLOR*/
	background: #efeeec; /* Old browsers */
	background: -moz-linear-gradient(top,  #efeeec 0%, #e0e0de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efeeec), color-stop(100%,#e0e0de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efeeec 0%,#e0e0de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efeeec 0%,#e0e0de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efeeec 0%,#e0e0de 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efeeec 0%,#e0e0de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeeec', endColorstr='#e0e0de',GradientType=0 ); /* IE6-9 */
	/*PADDING INTERIOR*/
	padding: 8px 15px;
	/*TEXT*/
	color: #38312B;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight:700;
	line-height: normal;
	text-decoration:none;
	border:1px solid #CCC;
	text-transform:uppercase;
}


.btn_sistema:hover{
	/*COLOR*/
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #c9c9c9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#c9c9c9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#c9c9c9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#c9c9c9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
	border:1px solid #b3b3b3;
}



/* BOTO SCROLL */


.scrollup{
    width:40px;
    height:40px;
    /*opacity:0.3;*/
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
	background:url(../img_cesc/icon_top.png) no-repeat;
}