/*GENERAL */

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');

#principal {
	width:100%;
	margin: 0 auto;
	max-width:1100px;
}

#principal2 {
	width:100%;
	float:left;
	
}

body {
	margin:0px;
	background-image:url(/fons.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

body,td,div, span, li,p {
	font-size:14px; 
	font-family:"Open sans", Arial; 
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

input {
	font-size:14px;
	padding:5px;
}

#login {
	border:1px dotted #CCC;
	margin-left:220px;
		border-radius: 10px; /*css3 round corners*/
	-moz-border-radius: 10px; /*css3 round corners*/
	-webkit-border-radius: 10px; /*css3 round corners*/
	padding:15px;
	float:left;
		-moz-box-shadow:2px 2px 5px #666;
	-webkit-box-shadow:2px 2px 5px #666;
	box-shadow:2px 2px 5px #666;
}

.boto_enviar {
	width:200px;
	border:1px solid #666;
	padding:5px;
	font-size:14px;
	margin:5px;
	background-color:#36C;;
	color:#FFF;
}



#login5 {
	border:1px dotted #CCC;
	margin-left:25%;
	background-color:rgba(255,255,255,.8);
		border-radius: 10px; /*css3 round corners*/
	-moz-border-radius: 10px; /*css3 round corners*/
	-webkit-border-radius: 10px; /*css3 round corners*/
	padding:15px;
	float:left;
	-moz-box-shadow:2px 2px 5px #666;
	-webkit-box-shadow:2px 2px 5px #666;
	box-shadow:2px 2px 5px #666;
	width:50%;
	margin-top:40px;
	margin-bottom: 60px;
}

#login5 .input_usuari {
	font-size:18px;
	width:95%;
	padding:5px;
	
}

#login5 label {
	font-size:14px;
}

#login5 .recordar_codigos {
	margin-top:20px;
}


#login5 .logo {
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}



.titol21 {
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
		border:1px dotted #CCC;
		border-radius: 10px; /*css3 round corners*/
	-moz-border-radius: 10px; /*css3 round corners*/
	-webkit-border-radius: 10px; /*css3 round corners*/
	padding:5px;
		-moz-box-shadow:2px 2px 5px #666;
	-webkit-box-shadow:2px 2px 5px #666;
	box-shadow:2px 2px 5px #666;
	margin-bottom:15px;
}

.titol22 {
	font-size:12px;
	font-weight:bold;
	color:#333;
	margin-top:15PX;
}

em {
	font-size:14px;
	font-weight:bold;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}
	


#sombra {
	padding-left:16px;
	padding-right:16px;
	background-image:url(http://www.auranet.org/auraweb/auraweb063/img/fons_sombra.png);
	float:left;
	background-repeat:repeat-y;
}

#ombra_peu {
	float:left;
	background-image:url(http://www.auranet.org/auraweb/auraweb063/img/ombra_peu.png);
	width:1033px;
	height:21px;
}

.inclos{ float:left; }

.opcio_usuari {
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	float:left;
	margin-left:10px;
}	

label {
	font-size:10px;
	color:#333333;
}

#dades_usuari {
	float:right;
}

.be {
	color:#090;
	font-weight:bold;
}

.alerta {
	color:#F00;
	font-weight:bold;
}



/*CAP*/

#cap {
	float:left;
	width:100%;

	margin:0px;
	padding-bottom:25px;

}

#logo {
	float:left;
	margin-left:2%;
	margin-top:20px;
	width:96%;
	z-index:1000;
} 

/* CERCADOR */

#cercador {

	float:right;
	color:#fff;
	font-size:9px;
	width:auto;
	background-color:#ccc;
	
	border-radius:5px; 

	-moz-box-shadow:2px 2px 5px #666;
	-webkit-box-shadow:2px 2px 5px #666;
	box-shadow:2px 2px 5px #666;
	
	margin-top:15px;

	height:30px;
	padding-top:5px;
	
	
	z-index:23000;
	padding-left:20px;

}

#txt_cercador {
	margin-top:3px;
	float:left;
	color:#848582;
	font-size:10px;
	margin-right:10px;
	letter-spacing:0px;
}

.caixa_cercador {
	width:100px;

	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	height:15px;
	
	border:none;
}


.cerca1 {
	float:left;
}

.cerca2 {
	float:left;
	margin-left:5px;
	margin-top:2px;
}



/*MENU*/


#botonera {
	float:right;
	width:600px;
	margin-right:15px;
	margin-top:0px;
}

#menu {
	float:left;
	margin-top:15px;
	margin-right:145px;
}

#idiomes {
	float:right;
}

#menu_cercador {
	float:right;
	width:100%;
}

#llista_menu { 
	margin:0px;
	margin-left:-40px;
}

#llista_menu li {
	float:left;
	display:inline;
	margin-right:15px;
	padding:10px;
	border-radius:10px;
	background-image:url(http://www.auranet.org/auraweb/auraweb080/img/transparent.png);
}

a.txt_menu {
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

a:hover.txt_menu {
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

a:hover.txt_menu1 {
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}


.li_seleccionat {
	color:#413f3f;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

a.txt_menu1 {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}



#llista_subfamilies {
	margin:0px;
	margin-left:-30px;
	margin-top:10px;
}

#llista_subfamilies li {
	float:left;
	display:inline;
	margin-right:20px;
}


a.txt_menu2 {

	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	color:#333;

	
}

a.txt_menu21 {
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	color:#333;
}


/* COS */

#imatge_gran {
	float:left;
	width:1000px;
}

#cos {
	float:left;
	width:96%;
	padding:2%;
	background-color:#FFF;
	background-repeat:no-repeat;
}



#noticies_destacades {
	float:left;
	width:725px;
	margin-top:0px;
	padding:0px;
}

.linia_destacats1 {
	width:322px;
	margin-right:15px;
	margin-bottom:15px;
	padding:15px;
	float:left;
	height:143px;
	overflow:hidden;
	border-radius:10px;
	background-repeat:no-repeat;
	background-color:#f3f3f3;
	
	
}

.linia_destacats1 h1 {
	font-size:15px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:15px;
	color:#333;
	margin-bottom:5px;
}

.imatge_destacat_inici {
	float:right;
	margin-left:15px;
	width:143px;
	height:143px;
	border-radius:10px;
	overflow:hidden;
	text-align:center;
}

.imatge_destacat_inici2 {
	float:right;
	width:322px;
	height:143px;
	border-radius:10px;
	overflow:hidden;
	background-color:#FFF;
	text-align:center;
}

#xarxes_socials {
	float:right;
	margin-right:18px;
	width:400px;
	text-align:right;
	margin-top:-40px;
}

.boto_mes_info {
	float:left;
	
	
	border-radius: 10px; /*css3 round corners*/
	-moz-border-radius: 10px; /*css3 round corners*/
	-webkit-border-radius: 10px; /*css3 round corners*/
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	
	color:#FFF;
	font-size:11px;
	text-align:center;
	
}

.boto_mes_info a {
	text-decoration:none;
	color:#FFF;
}





#noticies_destacades2 {
	float:left;
	width:204px;
	margin-top:15px;
	margin-left:0px;
	padding:10px;
	overflow:hidden;
	height:140px;
	border:1px #999 solid;
	border-radius:10px;
}

.linia_destacats2 {
	width:204px;
	border-bottom:1px #CCC dotted;
	margin-bottom:15px;
	padding-bottom:15px;
	margin-left:0px;
	float:left;
	font-size:10px;
	
}

#noticies_destacades2 h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	margin-bottom:5px;
}

#noticies_destacades2 a {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	margin-bottom:5px;
}





#noticies_destacades3 {
	float:left;
	width:200px;
	padding:0px;
	overflow:hidden;
	height:175px;
	overflow:hidden;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px #ccc solid;
	color:#333;
}



.linia_destacats3 {
	width:250px;
	margin-top:0px;
	float:left;
	padding-bottom:15px;
	
}


h1 {
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:24px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	margin-bottom:30px;
}


h1 a {
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
}

.imatge_inici {
	float:left;
	width:200px;
	text-align:center;
	margin-right:7px;
	margin-bottom:7px;
	overflow:hidden;
	border-radius:10px;	
}


.imatge_inici2 {
	float:right;
	width:100px;
	text-align:center;
	overflow:hidden;
	margin-left:5px;
}


.imatge_inici3 {
	float:left;
	width:200px;
	text-align:center;
	overflow:hidden;
	border-radius:10px;
	margin-left:25px;
}

h2 {
	color:#666;
	font-weight:bold;
	font-size:18px;
	margin:0px;
	padding:0px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	
}

h2 a {
	color:#666;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
}


.capa_h2 {
	width:236px;
	padding:7px;
	background-image:url(http://www.auranet.org/auraweb/auraweb076/img/degradat_titols.png);
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:15px;
	float:left;
}

#formulari_contacte {
	padding:2%;
	width:96%;
	float:left;
}


/*PEU*/


#peu {
	width:96%;
	padding:2%;
	color:#333333;
	font-size:14px;	
	float:left;
	z-index:10;
	float:left;
	 
}

#quadre_catalogo {
	float:left;
	width:78%;
}

#peu div,a {color:#333333;}

a {color:#333333;}

#prepeu {
	background-image:url(http://www.auranet.org/auraweb/auraweb076/img/prepeu.png);
	background-color:#666;
	float:left;
}


#peu2 {
	float:left;
	width:1000px;
	height:134px;
	background-image:url(http://www.auranet.org/auraweb/auraweb076/img/peu.png);
	margin-top:0px;
	z-index:1;
}


.titol_anys {
	font-size:24px;
	margin-bottom:30px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px dotted #CCC;
	float:left;
	width:728px;
	padding:5px;
	
}
	

/*SUBFAMILIES*/


.td_subfamilies {
	padding:1%;
	margin-left:1%;	
	vertical-align:top;
	width:21%;
	overflow:hidden;
	float:left;
	text-align:left;
	margin-bottom:30px;
	border:1px solid #ededed;
	height:240px;
	
	
}





.capa_data {
	position:absolute;
	margin-left:5px;
	margin-top:5px;
	background-color:#666;
	width:auto;
	height:20px;
	filter: alpha(opacity=50);
	opacity: .5;
	-moz-opacity:0.5;
	color:#FFF;
	padding:2px;
}

h3 a {
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	color:#036;
}

h3 {
	margin:0px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	font-family:"Roboto", Arial, Helvetica, sans-serif;	
	color:#036;
} 

h4 a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	font-family:"Arial", Gadget, sans-serif;
	color:#333;
}

h4 {
	margin:0px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	font-family:"Arial", Gadget, sans-serif;	
	color:#333;	
} 

#documents_destacats2 {
	float:left;
	width:200px;
	margin-top:15px;
}

#documents_destacats {
	float:left;
	width:200px;
	margin-bottom:15px;
}

.imatge_document_destacat2 {
	float:left;
	width:200px;
	border:1px solid #CCC;
	border-radius: 10px;  
	-moz-border-radius:10px;  
	-webkit-border-radius:10px;
	overflow:hidden;

}


.imatge_subfamilies {
	width:100%;
	text-align:center;
	height:150px;
	overflow:hidden;
	margin-bottom:10px;
	float:left;
	background-color:#ccc;
}

.imatge_subfamilies img {
	width:auto;
	max-width:100%;
	height:auto;
	max-height:150px;
}

.no_imatge {
	width:212px;
	text-align:center;
	height:150px;
	overflow:hidden;
	margin-bottom:7px;
	float:left;
	margin-top:0px;
	background-color:#CCC;
	/*background-image:url(http://www.auranet.org/auraweb/auraweb076/img/no_imatge.png)*/
}


.redondo {  
	border.radius: 10px;  
	-moz-border-radius:10px;  
	-webkit-border-radius:10px;
}  


/*FITXA DOCUMENT*/


#capa_enllacos {
	float:left;
	margin-top:30px;
	text-align:left;
	width:100%;
}

#quadre_contingut {
	float:left;
	width:76%;
}

#quadre_fitxa {
	float:left;
	width:78%;
}



#columna_fotos {
	width:646px;
	float:left;
}

.txt_petit {
	margin-bottom:15px;
	font-size:9px;
	float:left;
}

.linia_arxiu i {
	font-size:36px;
}

#descripcio_fitxa_producte, #objecte_fitxa_producte, #caracteristiques_fitxa_producte, #arxius_fitxa_producte {
	margin-top:30px;
	margin-bottom:30px;
	float:left;
	width:646px;
}

#enrera {
	text-align:center;
	float:left;
	width:100%;
	margin-top:7px;
}

#enrera i {
	font-size:36px;
}


#capa_arxiu {
	float:left;
	margin-right:30px;
}


#capa_botons_fitxa_producte {
	border-bottom:1px dotted #CCC;
	border-top:1px dotted #CCC;
	float:left;
	width:580px;
	padding-bottom:10px;
	padding-top:10px;
}

.botons_fitxa_producte {
	float:right;
	margin-left:10px;
}


.capa_arxius {
	float:left;
	text-align:center;
	border:none;
	padding:10px;
	
} 

#imatge_fitxa_documents {
	float:right;
	max-width:50%;
	width:auto;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:00px;
	padding-right:10px;
	border:#CCC 1px solid;
	margin-left:10px;
	margin-bottom:10px;
}

#imatge_fitxa_documents img {
	max-width:100%;
}

.capa_print , .capa_atras {
	float:left;
	margin-right:20px;
}

.capa_print i , .capa_atras i {
	font-size:36px;
}


#imatge_fitxa_documentsf {
	float:right;
	width:100px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:00px;
	padding-right:10px;
	border:#CCC 1px solid;
	margin-left:10px;
	margin-bottom:10px;
}

#imatge_fitxa2 { 
	float:right;
	margin-bottom:20px;
	margin-right:20px;
	max-width:50%;
	width:auto;
}

#imatge_fitxa2 img {
	max-width:100%;
	width:auto;
}

.quadre_petit_imatge {
	float:left;
	width:150px;
	height:150px;
	overflow:hidden;
	background-color:#CCC;
	text-align:center;
	margin-bottom:5px;
	border-radius:10px;
}

.quadre_petit_imatgef {
	float:left;
	width:100px;
	height:100px;
	overflow:hidden;
	background-color:#CCC;
	text-align:center;
	margin-bottom:10px;
	border-radius:10px;
}


.quadre_imatge0 {
	float:left;
	width:150px;
	height:170px;
	overflow:hidden;
	margin-bottom:10px;
	text-align:center;
	margin-right:15px;
	margin-bottom:15px;
}



textarea {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}

.quadro_imatge2_fitxa_producte {
	margin-top:10px;
	margin-right:10px;
	float:left;
}

.quadro_imatge2_fitxa_producte_ultima {
	margin-top:10px;
	float:left;
}


/* XARXES SOCIALS */

.auranet_xarxes_socials {
	float:left;
	width:580px;
	border:#CCC dotted 1px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
	margin-top:15px;
}


.auranet_xarxes_socials_facebook {
	float:left;
	overflow:hidden;
	margin-right:10px;
}

.auranet_xarxes_socials_twitter {
	float:left;
	overflow:hidden;
	margin-right:10px;
}

.auranet_xarxes_socials_google {
	float:left;
	overflow:hidden;
	margin-right:10px;
}
	

.separador {
	border:none;
	border-bottom:1px dotted #ccc;
}

.paginacio {
	font-size:11px;
	margin-bottom:30px;
}
	


.separador_menu3 {
	float:left;
	height:25px;
	width:300px;
}

.canto1 {
	border-bottom-right-radius:10px;
	overflow:hidden;
	width:15px;
	height:30px;
	float:left;
	margin-right:5px;
	margin-top:-5px;	
}
.canto2 {
	border-bottom-left-radius:10px;
	overflow:hidden;
	width:15px;
	height:30px;
	float:right;
	margin-left:5px;
	margin-top:-5px;
}


/* #SAG scroller demo #2 */

div#mysagscroller2{
width: 200px; /*width of scroller*/
height:175px;
border-radius:10px;
overflow:hidden;
background-color:#ededed;

}

div#mysagscroller2 ul li img{
border-width:0;
display:block; /*this causes each image to be flush against each other*/
border-radius:10px;
}


div#mysagscroller1{
width: 224px; /*width of scroller*/
height:175px;
border-radius:10px;
overflow:hidden;

}

div#mysagscroller1 ul li img{
border-width:0;
display:block; /*this causes each image to be flush against each other*/
border-radius:10px;
}

.imatge_galeria3{
	border-radius:10px;
	overflow:hidden;
	text-align:center;
	width:224px;
	height:175px;
}


/*default CSS for SAG scroller*/

.sagscroller{
width: 224px;  /*default width of scroller*/
height:1px;
background-color:#333;
overflow:hidden;
position:relative;
border-radius: 10px; /*css3 round corners*/
-moz-border-radius: 10px; /*css3 round corners*/
-webkit-border-radius: 10px; /*css3 round corners*/

}

.sagscroller_notis{
width: 223px;  /*default width of scroller*/
height:1px;
background-color:#fff;
overflow:hidden;
position:relative;

border-radius: 10px; /*css3 round corners*/
-moz-border-radius: 10px; /*css3 round corners*/
-webkit-border-radius: 10px; /*css3 round corners*/

}

.sagscroller_notis a{
font-weight:bold;
}

.sagscroller_notis ul{
position:absolute;
margin:0;
padding:0;
list-style:none;
width: 100%;
}

.sagscroller_notis ul li{
display:block;
}

.sagscroller_notis ul li .rsscontent{ /*div containing body of each RSS entry*/
font-size:90%;
}

.sagscroller_notis ul li .rsslabel{ /*div containing label of each RSS entry*/
margin-top:10px;
background: #eee;
font-size:10px;
clear: both;
}





.sagscroller a{
font-weight:bold;
}

.sagscroller ul{
position:absolute;
margin:0;
padding:0;
list-style:none;
width: 100%;
}

.sagscroller ul li{
display:block;
}

.sagscroller ul li .rsscontent{ /*div containing body of each RSS entry*/
font-size:90%;
}

.sagscroller ul li .rsslabel{ /*div containing label of each RSS entry*/
margin-top:5px;
background: #eee;
font-size:12px;
clear: both;
}

#capa_galeria {
	text-align:center;
	float:left;
	width:870px;
	margin-bottom:30px;
	margin-left:130px;
}

#credits {
clear:left;
}

#capa_imatge_inici {
	position:absolute;
	z-index:0;
	width:998px;
	height:455px;
	overflow:hidden;
	margin-left:2px;
	margin-top:120px;
}


#newsletter {
	float:right;
	margin-top:15px;
}


/*COLUMNA DRETA*/

#columna_dreta_absolute {
	float:left;
	width:20%;
	margin-left:0px;
	margin-top:30px;

}


#columna_dreta {
    float: left;
    width: 23%;
	margin-right:1%;
}

#menu2 {
	float:left;
	
	width:100%;
	margin-bottom:30px;
	min-height:343px;
	background-color:#6a6a6a;
}


#llista_menu2 {
	margin-left:0px;
	padding-inline-start: 0px;
}

#llista_menu2 li {
	list-style:none;
	border-bottom:1px solid #FFF;
	padding:2%;
	width:96%;
	padding-top: 10px;
    padding-bottom: 10px;
	

}


#llista_menu2 li:hover {
	background-color:#ccc;
	color:#FFF;
	

}




#llista_subfamilies_menu2 {
	margin-left:-40px;
}

#llista_subfamilies_menu2 li {
	list-style:none;
	border-bottom:1px solid #FFF;
	padding:7px;
	padding-left:20px;
	padding-right:5px;
	width:175px;
	font-weight:normal;
	color:#000;
	background-color:#ccc;
	

}


#llista_subfamilies_menu2 a {
	color:#000;
	

}


#llista_subfamilies_menu2 li:hover {
	color:#ffffff;
	font-weight:normal;
	background-color:#999;
	display:block;
	padding:7px;
	padding-left:20px;
	padding-right:5px;
	width:175px;	

}

.text_destacat {
	float:left;
	height:125px;
	overflow:hidden;
	width:160px;
	margin-bottom:5px;
}

.capa_boto_mes_info {
	float:left;
	overflow:hidden;
	width:160px;
}

.linia_arxiu {
	float:left;
	width:120px;
	margin:20px;
}


#principal2 {
	
}

#cap, #peu {
	background-color:rgba(255,255,255,.9);
}




.elsubmit {
	font-size:16px;
	padding:10px;
	background-color:#039;
	color:#FFF;
}

.capa_arxius .arxiu_capa_arxius {
	margin-bottom:40px;
}