@charset "utf-8";

body {  
    padding: 5px;
}
#capcalera {
    overflow: visible;
    padding-top: 12px;
    font-size: 70%;
}
#capcalera #capcalera-logo {
    clear: both;
    width: 100%;
}
#capcalera #capcalera-dreta {
    clear: both;
    width: 100%;
}
#capcalera #capcalera-dreta #Temps {
    width: 70%;
    margin-top: 0.5em;
    display: none;
}
#capcalera #capcalera-dreta #botons-capcalera {
	float: left;
	font-size: 1.05em;
	margin-top: 5px;
}
#capcalera #capcalera-dreta ul#idiomes {
    width: 22%;
}
#capcalera #capcalera-dreta #capcalera-mida-lletra {
    display: none;
}
#capcalera #capcalera-dreta #capacalera-estils {
    display: none;
}
#capcalera #capcalera-dreta ul#capcalera-links {
    clear: both;
    margin-left: 0.5em;
    margin-top: 0.8em;
    float: left;
}
#capcalera #capcalera-dreta #capcalera-cerca {
    clear: both;
    float: left;
    width: 100%;
    margin-left: 0.5em;
    margin-top: 0.3em;
}
#capcalera #capcalera-menu {
    width: 100%;
    margin: 10px 0 0 0;
}


#mega-menu-1 .sub-container {
    display: none !important;
}
#mega-menu-1 .sub-container ul {
    display: none !important;
}
#menu-fletxa {
    display: none;
}

.menu-opcional {
    display: block !important;
}


.width_100, .width_99, width_94, .width_89, .width_84, .width_79, .width_74, .width_69, .width_64, .width_59, .width_54, .width_49, .width_44, .width_39, .width_34, 
.width_29, .width_24, .width_19, .width_14, .width_09 {
    width: 100% !important;
}

/* Mosaic */
.mosaic-esquerra {
    clear: both;
}
.mosaic-dreta {
   clear: both;
   float: left;
}

.columna-contingut-i-columna-esquerra { /* amb banners o elements adicionals */
    width: 100%;
    padding: 13px 0 25px 0;
    float: none;
    clear: both;
}
.columna-contingut { /* amb menú i sense columna esquerra */
    width: 100%;
    padding: 13px 0 25px 0;
    float: none;
    clear: both;
}


/* Barra d'elements a l'esquerra */
#columna-esquerra {
    float: none;
    clear: both;
    width: 100%;
    margin: 25px 0 0 0;
}

#peu-menu {
    display: none;
}

#columna-esquerra #columna-elements-adicionals ul.llista-videos li {
    
}
ul.llista-requadres {
    width: 100%;
}
ul.llista-requadres li {
    margin: 0 0 1.2em 0;
    width: 100%;
}
ul.llista-requadres li img {
    max-width: 100%;
}


/* Galeria d'imatges */
ul.Galeria {
    list-style: none;
    margin: 1.2em 0 1em 0 !important;
    padding: 0 !important;
}
ul.Galeria li {
    display: block;
    float: none;
    clear: both;
    padding: 0;
    margin: 0px 0px 10px 0px !important;
    width: 100%;
    height: auto;
    background: none !important;
}
ul.Galeria li img {
    max-width: 100%;   
}

.columna-galeria-videos-imatges {
    width: 100%;
}
.columna-galeria-videos-video {
    width: 100%;  
}


.comentaris .barra-comentaris h2 {
    width: 100%;
    float: none;
}
.comentaris .barra-comentaris .links-comentaris {
    float: none;
    width: 96%;
    overflow: hidden;
    margin: 1em auto 0.6em auto;
}

.comentaris .barra-comentaris .links-comentaris .Tbutton {
    max-width: 100%;
} 


ul.formulari {
    margin: 0 1% 0 1%;
    padding: 0;
    width: 98%;
}
ul.formulari li {
    width: 100%;
    padding: 0 0 0.2em 0;
    overflow: hidden;
    float: none;
}
ul.formulari li.botons, ul.formulari li.linia-botons {
    padding-left: 5%;
}

ul.formulari li.botons {
    padding-left: 0;  
}
ul.formulari li p.Etiqueta {
   width: 100%;   
   font-size: 0.95em;
}
.camp-titol-reserves {
	font-size: 0.95em;
}

ul.formulari li label {
     width: 100% !important;
}
.formulari li .Camp {
    width: 100% !important;
    float: none;
}
ul.formulari li label.Curt {
    width: 100% !important;  
}
ul.formulari li p.Camp2 {
    padding: 5px 0 0 0;
    margin: 15px 0 0 0;
    display: block;
}
ul.formulari li p.Camp2 label {
    float: none;
    display: inline;
    padding: 5px 0 0 0;
    width: 100% !important;
}
.formobj {
    width: 98%;
    margin-bottom: 0.5em;
}
.formobj-sel {
    width: 98%;
    margin-bottom: 0.5em;
}
.formTxtArea {
    width: 98%;
}

/* Temes */
.col-tema-esquerra {
	width: 100%; 
	float: none;
	clear: both;
}
.col-tema-dreta {
	width: 100%; 
	float: none;
	clear: both;
}

#temes-elements ul.llista-imatges li {
	width: 100% !important;
	clear: both !important;
	float: none !important;
	height: auto !important;
}
#temes-elements ul.llista-imatges li img {
	width: 100%;	
}

#menu-superior-mob {
	display: block;
	background: #2b2726 url('../img/menu-mob-dre.gif') right center no-repeat;
	color: #ffffff;
	font-size: 22px;
	font-family: Tahoma, sans-serif;
	padding: 8px;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
}
#menu-superior-mob img {
	float: left;
}
#menu-superior-mob span {
	padding-top: 1px;
	padding-left: 15px;
	display: inline-block;
	float: left;
}
.menu {
	display: none;
}

.warea_100, .warea_99, .warea_98, .warea_97, .warea_96, .warea_95, .warea_94, .warea_93, .warea_92, .warea_91, .warea_90, .warea_89, .warea_88, 
	.warea_87, .warea_86, .warea_85, .warea_84, .warea_83, .warea_82, .warea_81, .warea_80, .warea_79, .warea_78, .warea_77, .warea_76, .warea_75, 
	.warea_74, .warea_73, .warea_72, .warea_71, .warea_70, .warea_69, .warea_68, .warea_67, .warea_66, .warea_65, .warea_64, .warea_63, .warea_62, 
	.warea_61, .warea_60, .warea_59, .warea_58, .warea_57, .warea_56, .warea_55, .warea_54, .warea_53, .warea_52, .warea_51, .warea_50, .warea_49, 
	.warea_48, .warea_47, .warea_46, .warea_45, .warea_44, .warea_43, .warea_42, .warea_41, .warea_40, .warea_39, .warea_38, .warea_37, .warea_36, 
	.warea_35, .warea_34, .warea_33, .warea_32, .warea_31, .warea_30, .warea_29, .warea_28, .warea_27, .warea_26, .warea_25, .warea_24, .warea_23, 
	.warea_22, .warea_21, .warea_20, .warea_19, .warea_18, .warea_17, .warea_16, .warea_15, .warea_14, .warea_13, .warea_12, .warea_11, .warea_10, 
	.warea_9, .warea_8, .warea_7, .warea_6, .warea_5, .warea_4, .warea_3, .warea_2, .warea_1 {
	width: 100% !important;
}

.divEmergent {
	position: fixed;
	z-index: 1005;
	color: #000000;
	top:5%;
	left:5%;
	display: none;
	padding: 0;
	width: 90%;	
	border: 2px solid #e59800;
	background-color: #fdfdfd;
    text-align: left;    
}
