A  {
	text-transform : uppercase;
	font-size : 11px;
	text-decoration : none;
	font-family : Arial, Small Fonts, Helvetica;
}
a:link, a:visited {
	color : #78241a;
	text-decoration : none;
}
a:hover {
	color : #c92f2f;
	text-decoration : underline;
}
.Under {
	text-decoration : underline;
}


H1, H2, H3	{
	font-family: arial, trebuchet ms;
	margin: 0px;
}
h2 {
	font-family: 'Open Sans','Spinnaker', Arial, sans-serif;
	font-weight: bold;
	font-size: 46px;
	color: #B4B4B4;
	margin: 0;
	text-shadow: 1px 1px 1px #FFFFFF;
	filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
}

BODY  {
	background-color: #F4F4F4;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	font : 11px/16px verdana, geneva, arial, helvetica, sans-serif;
	/*
	background-image: url(img/inputbg.gif);
	background-repeat: repeat-x;
	background-position: top;
	*/
}




fieldset {
	border:1px solid #999999;
	padding:20px 5px 40px 40px;
	margin-bottom: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-image: url(img/bg_taula1.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
	}
legend {
	padding: 3px 20px 3px 20px;
	border:1px solid #c92f2f;
	color:#011320;
	text-align:right;
	font-family: Arial,Tahoma,Verdana;
	font-size: 10pt;
	font-weight: bold;
	background-color: #FFFFFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

  }

 .boto	{
 	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #CCCCC0;
	padding: 3px 12px 3px 12px;
	font-family: Arial,Tahoma,Verdana;
	font-size: 10pt;
	font-weight: bold;
 }

 a.boto:link,a.boto:visited {
 	color: #333333;
 }

 a.boto:hover	{
 	background-color: #c92f2f;
 	color: #FFFFFF;
 }

.input1 {font-family: Verdana;width:200px;font-size:8pt; background-color: #EEEEEE; border: 1px solid;border-color: #2DAB4E;}
.input2 {font-family: Verdana;font-size:8pt; background-color: #EEEEEE; border: 1px solid;border-color: #2DAB4E;}
.input3 {font-family: Verdana;font-size:8pt; background-color: #EEEEEE; border: 1px solid;border-color: #cccccc;}
.inputtexte {font-family: Verdana;font-size:8pt; background-color: #f4f4f4; border: 0px solid;border-color: #ff6600; text-align: right;}
.v8n    {font-family: Verdana; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; text-decoration: none}
.v8nn    {font-family: Verdana; font-size: 8pt; font-style: normal; font-weight: bold; color: #000000; text-decoration: none}
.v9n    {font-family: Verdana; font-size: 9pt; font-style: normal; font-weight: normal; color: #000000; text-decoration: none}
.petita {font-size:9px; text-decoration: none; font-weight: normal;font-family: Small Fonts, Helvetica;}
.petitan {font-size:9px; text-decoration: none; font-weight: normal;font-family: Small Fonts, Helvetica;color: #000000; text-decoration: none}


.error   {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #FFFFFF;text-decoration: none;background-color: #FF0000;}
.noerror {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;	color: #FFFFFF;	background-color: #009966;}



.contenidor {
	margin-top:1em;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-family: Tahoma,Verdana;
	font-size: 11px;
	padding: 0px;
	color: #363636;
}

.pagina {
	width:100%;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border-top-width: 0px;
	-webkit-box-shadow: 0px 0px 20px 1px #cccccc;
	-moz-box-shadow: 0px 0px 20px 1px #cccccc;
	box-shadow: 0px 0px 20px 1px #cccccc;
}

.pagina_titol {
	border-bottom: 1px solid #cccccc;
}

.cella_webs2	{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
/*
background: rgb(254,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(221,221,221,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(254,255,255,1) 0%,rgba(221,221,221,1) 100%); /* W3C */
*/
	background: rgb(221,221,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(254,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(100%,rgba(254,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(254,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(254,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(254,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(221,221,221,1) 0%,rgba(254,255,255,1) 100%); /* W3C */
}

.cella_webs	{
	/*
	background-image: url(img/bg_sq2.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	*/
	background-image: url(img/bg_sq4.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.projectes	{
	border: 1px solid #C4c4c4;
	margin-top: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
}



.web_titol	{
	font-family: 'Open Sans','Spinnaker', Arial, sans-serif;
	font-size: 13pt;
	font-style: normal;
	font-weight: bold;
	color: #c92f2f;
	text-decoration: none;
	border-bottom: 1px dotted #c92f2f;
	text-shadow: 1px 1px 1px #FFFFFF;

	}

.web_foto	{
	border: 1px solid #CCCCCC;
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
a.web_foto:hover {
	border: 1px solid #C00000;
	}

.web_desc	{
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	line-height:200%;
	text-align:justify;
}


.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
	background-color: #BDBDA8;
	text-transform: uppercase;
}
.submenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FF6600;
	background-color: #f4f4f4;
	right: 10px;
	text-indent: 5pt;
	text-transform: lowercase;
	vertical-align: text-bottom;
}

.capcelera {
	background-color: #2DAB4E;
	padding: 15px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(img/cadcorner.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 47px;

}
.capcelera_portfolio {
	padding: 15px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #f4f4f4;
	background-image: url(img/capcelera_portfolio.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 186px;

}

.text_guai {
	font-family: 'Open Sans','Spinnaker', Arial, sans-serif;
	font-size: 13pt;
	font-style: normal;
	font-weight: bold;
	color: #636363;
	text-decoration: none;
	text-shadow: 1px 1px 1px #FFFFFF;
}


.foto_editor {
	background-color: #ECA06b;
	border-top-color: #FFFFFF;
	border-right-color: #CCCCCC;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
	padding: 5px;
}


.peu {
	font-family:  Arial, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	color: #636363;
	text-decoration: none;
	text-shadow: 1px 1px 1px #FFFFFF;
}

 a.peu:link, a.peu:visited {
 	color: #333333;
 	text-decoration : none;
 	font-size: 11px;
 }

 a.menu_arroba:hover	{
 }


.separador  {BORDER-BOTTOM: #818179 2px dotted;	font-family: Verdana; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; text-decoration: none ;padding: 8px;}
.separador2 {BORDER-BOTTOM: #ffffff 2px dotted;	font-family: Verdana; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; text-decoration: none ;padding: 4px;}

.boto1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #AFB1B6;
	border-top-color: #eeeeee;
	border-right-color: #AFB1B6;
	border-bottom-color: #eeeeee;
	border-left-color: #AFB1B6;
	}

.boto2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #e4e4e4;
	border: 2px solid;border-color: #2DAB4E;
	padding: 2px;
	text-decoration:none;
	}


.botonet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	border-top-color: #eeeeee;
	border-right-color: #AFB1B6;
	border-bottom-color: #eeeeee;
	border-left-color: #AFB1B6;
	}


 // ---

.menu_arroba {
	font-family: 'Open Sans','Spinnaker', Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #B4B4B4;
	margin: 0;
	text-shadow: 1px 1px 1px #FFFFFF;
	text-align:center;
}

 a.menu_arroba:link,a.menu_arroba:visited {
 	color: #333333;
 	text-decoration : none;
 	font-size: 16px;
 }

 a.menu_arroba:hover	{
 	text-shadow: 3px 3px 3px #FFFFFF;
 }

 .menu_separador {
 	width:10px;
 }



.taula_pestanya {
    border-bottom:1px solid #000000;
    border-right:1px solid #000000;
    border-left:1px solid #000000;
	}

.pestanya_on {
	padding: 8px 40px 8px 40px;
	font-family: 'Open Sans','Spinnaker', Arial, sans-serif;

	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #C92F2F;
	margin: 0;
	text-shadow: 1px 1px 1px #FFFFFF;
	text-align:center;
	text-decoration: none;
    /*
    border-top:1px solid #000000;
    border-right:1px solid #000000;
    border-left:1px solid #000000;
    */
    background: #f4f4f4;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;

	-webkit-box-shadow: 0px 0px 10px 1px #cccccc;
	-moz-box-shadow: 0px 0px 10px 1px #cccccc;
	box-shadow: 0px 0px 10px 1px #cccccc;

}


.pestanya_off {
	padding: 6px 20px 6px 20px;
	font-family: 'Open Sans','Spinnaker', Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	background: #f4f4f4;
}

 a.pestanya_off:link, a.pestanya_off:visited {
 	text-transform : none;
 	color: #B4B4B4;
 	text-decoration : none;
 	font-size: 16px;
 }

 a.pestanya_off:hover	{
 	text-shadow: 3px 3px 3px #ffffff;
	-webkit-box-shadow: 0px 0px 5px 1px #cccccc;
	-moz-box-shadow: 0px 0px 5px 1px #cccccc;
	box-shadow: 0px 0px 5px 1px #cccccc;
 }

 .pestanya_off:hover	{
 	background: #ffffff;
 }




/* --------------------------------------------- */
/* ---- Formulari ------------------------------ */
/* --------------------------------------------- */

.formulari{
	padding: 15px 45px 20px;
	margin-top: 5px;

}
.formulari label{
	display: block;
	font-weight: bold;
	font-family: 'Open Sans','Spinnaker', Arial, sans-serif;
	color: #C36363;
	margin: 0;
	text-shadow: 1px 1px 1px #FFFFFF;
	filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
}
.formulari div{
	line-height: 125%;
}
.formulari input[type='text'], input[type='password'], select,  .formulari textarea{
	padding: 7px 6px;
	width: 500px;
	border: 1px solid #cccccc;
	/*resize: none;*/
	box-shadow:0 0 0 3px #EEF5F7;
	margin: 5px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	background-image: url(img/inputbg.gif);
	background-repeat: repeat-x;
	background-position: top  ;
	/*
	-webkit-box-shadow: inset 0px 0px 13px 1px #EDD;
	-moz-box-shadow: inset 0px 0px 13px 1px #EDD;
	box-shadow: inset 0px 0px 13px 1px #EDD;
	*/
}

.formulari input[type='text']:focus, .formulari textarea:focus{
	outline: none;
	box-shadow:0 0 0 3px #dde9ec;
}
.formulari input[type='submit']{
	cursor: pointer;
	font: 16px/20px 'Open Sans', "Helvetica Neue", Arial, sans-serif;
	padding: 6px 30px;
	color: #f4f4f4;
	/*text-shadow: #de6e00 1 1px 0;*/
	border: 1px solid #363636;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
	-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
	-o-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
	box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
	/*
	background: #ff920d;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc039), to(#ff920d));
	background: -moz-linear-gradient(top,  #ffc039,  #ff920d);
	background: -o-linear-gradient(top,  #ffc039,  #ff920d);
	background: linear-gradient(top,  #ffc039,  #ff920d);
	*/

	background: rgb(169,3,41); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */


}
.formulari input[type='submit']:hover{
	border-color: #de6e00;
	-webkit-box-shadow: #ffc039 0 0 5px;
	-moz-box-shadow: #ffc039 0 0 5px;
	-o-box-shadow: #ffc039 0 0 5px;
	box-shadow: #ffc039 0 0 5px;
}
.formulari input[type='submit']:active{
	background: #de6e00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff920d), to(#de6e00));
	background: -moz-linear-gradient(top,  #ff920d,  #de6e00);
	background: -o-linear-gradient(top,  #ff920d,  #de6e00);
	background: linear-gradient(top,  #ff920d,  #de6e00);
}

.XXXerror{
	background-color: #BC1010;
	padding: 6px 12px;
	border-radius: 4px;
	color: white;
	font-weight: bold;
	margin-left: 16px;
	margin-top: 6px;
	position: absolute;
}
.XXXerror:before{
	content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #BC1010;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 5px;
}



.error   {
	margin: 0px auto -1px auto;
	width:50%;
	position:relative;
	left:0%;
	border: 1px solid #FC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FF0000;
	text-decoration: none;
	padding: 25px;
	margin-top : 2px;
	margin-bottom : 2px;
	background-color: #fecccc;
	text-align:center;}

.noerror   {
	margin: 0px auto -1px auto;
	width:50%;
	position:relative;
	left:0%;
	border: 1px solid #009966;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #009966;
	text-decoration: none;
	padding: 25px;
	margin-top : 2px;
	margin-bottom : 2px;
	background-color: #dff6c6;
	text-align:center;
}

.input_error {
	background-color: #fecccc;
	color: black;
	padding: 7px 6px;
	width: 294px;
	border: 2px solid #BC1010;
	resize: none;
	box-shadow:0 0 0 3px #CC0000;
	margin: 5px 0;
}