/************Author:Eduard Giménez Porredon*****/
/************Contact:info@eduardgimenez.com*****/
/************URL:http://www.eduradgimenez.com***/
* {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/generals/fonsBody.jpg);
	background-repeat: repeat-x;
}
acronym {
	cursor: help;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/generals/fonsWrapper.jpg);
	background-repeat: no-repeat;
	position: relative;
}
/*CAPÇALERA*************************************************************************************************************************/
#header {
	height: 390px;
}
#logo {
	float: left;
}
#logo img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*Navegació secundaria*/
#nav01 {
	height: 19px;
	padding-bottom: 15px;
}
#nav01 ul {
	list-style-type: none;
	float: right;
	padding-left: 35px;
	height: 17px;
	padding-top: 2px;
	padding-right: 3px;
}
#nav01 li {
	float: left;
}
#nav01 li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	color: #fff;
}
#nav01 a:hover {
	color: #FF9900;
}
#nav01 .idioma01, #nav01 .formacion, #nav01 .contactar, #nav01 .acceso {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	padding-right: 3px;
	padding-left: 3px;
}
#nav01 .idioma02 {
	padding-left: 3px;
}
#contactar #nav01 a.contactar, #formacion #nav01 a.formacion {
	color: #f90;
	cursor: default;
}
/*Navegació principal*/
#nav02 {
}

#nav02 ul {
	list-style-type: none;
	float: right;
}
#nav02 li {
	float: left;
}
#nav02 li a {
	display: block;
	height: 80px;
	background-repeat: no-repeat;
	background-position: left top;
}
#nav02 a:hover {
	background-position: right top;
}
#nav02 span {
	display: none;
}
#inicio #nav02 a.inicio, #invinet #nav02 a.invinet, #soluciones #nav02 a.soluciones, #peppol #nav02 a.peppol, #partners #nav02 a.partners, #faq #nav02 a.faq {
	background-position: right top;
	cursor: default;
}
#nav02 .inicio {
	background-image: url(../images/menu/inicio-castella.jpg);
	width: 66px;
}
#nav02 .invinet {
	background-image: url(../images/menu/invinet-castella.jpg);
	width: 86px;
}
#nav02 .soluciones {
	background-image: url(../images/menu/soluciones-castella.jpg);
	width: 133px;
}

#nav02 .peppol {
	background-image: url(../images/menu/peppol-castella.jpg);
	width: 89px;
}

#nav02 .partners {
	background-image: url(../images/menu/partners-castella.jpg);
	width: 112px;
}
#nav02 .faq {
	background-image: url(../images/menu/faq-castella.jpg);
	width: 40px;
}
/*Titular*/
#titular {
	clear: both;
	height: 272px;
	background-repeat: no-repeat;
}
#titular h1 {
	text-indent: -1000em;
	height: 140px;
	background-repeat: no-repeat;
}
#titular p {
	font-size: 12px;
	margin-right: 320px;
	padding-top: 10px;
	line-height: 17px;
	letter-spacing: 0px;
	text-align: justify;
	word-spacing: 0px;
}

#inicio #titular {
	background-image: url(../images/titulars/home.jpg);
}
#invinet #titular {
	background-image: url(../images/titulars/invinet.jpg);
}
#soluciones #titular {
	background-image: url(../images/titulars/soluciones.jpg);
}
#partners #titular {
	background-image: url(../images/titulars/partners.jpg);
}
#faq #titular {
	background-image: url(../images/titulars/faq.jpg);
}
#contactar #titular {
	background-image: url(../images/titulars/contactar.jpg);
}
#formacion #titular {
	background-image: url(../images/titulars/formacion.jpg);
}
#router #titular {
	background-image: url(../images/titulars/router.jpg);
}
#mapa-web #titular {
	background-image:url(../images/titulars/mapa-web.jpg);
}
#inicio h1 {
	background-image: url(../images/titulars/castella/home.jpg);
}
#router h1 {
	background-image: url(../images/titulars/castella/router.jpg);
}
#invinet h1 {
	background-image: url(../images/titulars/castella/invinet.jpg);
}
#soluciones h1 {
	background-image: url(../images/titulars/castella/soluciones.jpg);
}
#partners h1 {
	background-image: url(../images/titulars/castella/partners.jpg);
}
#faq h1 {
	background-image: url(../images/titulars/castella/faq.jpg);
}
#contactar h1 {
	background-image: url(../images/titulars/castella/contactar.jpg);
}
#formacion h1 {
	background-image:url(../images/titulars/castella/formacion.jpg);
}
#mapa-web h1 {
	background-image:url(../images/titulars/castella/mapa-web.jpg);
}
#blog {
	position: absolute;
	left: 1px;
	top: 335px;
	height: 84px;
	width: 84px;
}
#pdf {
	position: absolute;
	right: 1px;
	top: 348px;
	height: 70px;
	width: 114px;
}
#portal {
	position: absolute;
	height: 70px;
	width: 116px;
	left: 89px;
	top: 348px;
}
#blog a {
	background-image: url(../images/generals/blogCastella.jpg);
	display: block;
	height: 84px;
	width: 84px;
	background-repeat: no-repeat;
}
#pdf a {
	background: url(../images/generals/pdfCastella.jpg);
	display: block;
	height: 70px;
	width: 114px;
	}
#portal a {
	display: block;
	height: 70px;
	width: 116px;
	background-image: url(../images/generals/portal.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#blog a:hover, #pdf a:hover, #portal a:hover {
	background-position: left bottom;
}
#blog  span, #pdf  span, #portal span {
	display: none;
}

/*CONTINGUTS************************************************************************************************************************/
#content {
	padding-top: 40px;
}
#content h2 {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -1px;
	background-image: url(../images/generals/fonsH2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 12px;
	margin-bottom: 20px;
}
#content h2 span {
	font-size: 26px;
	display: block;
	float: left;
	margin-top: -4px;
	padding-right: 3px;
	color: #EE7D21;
}
#content h3 {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	padding-bottom: 12px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #E6E6E6;
	padding-top: 5px;
}
#content h3 span {
	font-size: 26px;
	display: block;
	float: left;
	margin-top: -6px;
	padding-right: 3px;
	color: #EE7D21;
}
#content p {
	font-size: 12px;
	color: #333;
	line-height: 17px;
	margin-bottom: 10px;
	letter-spacing: 0px;
	text-align: justify;
	word-spacing: 0px;
}
#content #col01 ul, #content #col02 ul {
	list-style-type: none;
	margin-bottom: 10px;
}
#content #col01 li, #content #col02 li {
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 0px;
	text-align: justify;
	word-spacing: 0px;
	margin-bottom: 10px;
	background-image: url(../images/generals/boliche.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 18px;
}
#content strong a, #titular strong a {
	text-decoration: none;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
}
#content strong a:hover, #titular strong a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

#col01 {
	width: 380px;
	padding-right: 19px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e6e6e6;
	float: left;
	margin-bottom: 20px;
}
#col02 {
	margin-left: 420px;
}
/*Continguts Invinet*/
.fitxa01 {
	margin-bottom: 10px;
}
.fitxa01 img {
	float: right;
	margin-bottom: 10px;
}
.fitxa01 h3 {
	letter-spacing: -1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e6e6e6;
	padding-top: 10px;
}
.fitxa01 p {
	margin-right: 160px;
}
#marc {
	border: 2px solid #f1f1f1;
}

/*Continguts SOLUCIONES*/
/*flow*/
#mySlides{
	height: 200px;
	width: 800px;
	position: relative;
	z-index: 10;
}
#myController {
	position: absolute;
	left: 750px;
	top: 603px;
	z-index: 100;
}
#myController span {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	display: block;
	float: left;
	margin-right: 2px;
	border: 1px solid #ccc;
	padding: 2px;
	cursor: pointer;
}

#myController span.jFlowSelected {
	background:#EE7D21;
	color: #fff;
}
.jFlowPrev, .jFlowNext {
	font-size: 36px;
	position: absolute;
	z-index: 200;
	left: 0px;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	padding-right: 3px;
	padding-left: 3px;
	border: 2px solid #fff;
	color: #EE7D21;
	padding-bottom: 6px;
	cursor: pointer;
	background-color: #fff;
}
.jFlowPrev:hover, .jFlowNext:hover {
	color: #fff;
	background-color: #EE7D21;
	border: 2px solid #fff;
}

.jFlowPrev {
	top: 510px;
	left: -2px;
}
.jFlowNext {
	top: 510px;
	left: 771px;
}
#diapo01, #diapo02, #diapo03 {
	height: 200px;
	background-image: url(../images/solucions/fons.jpg);
	background-repeat: repeat-x;
}
#diapo01 img, #diapo02 img, #diapo03 img {
	float: left;
}

#diapo01 h4, #diapo02 h4, #diapo03 h4 {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0px;
	word-spacing: 0px;
	margin-left: 400px;
	text-align: justify;
	padding-top: 30px;
	margin-right: 50px;
}

/*Continguts FAQ*/

.inactiu {
	cursor:pointer;
	cursor: hand;
	padding-left: 3px;
}
.inactiu:hover {
	background-color:#F4F4F4;
	}
.actiu {
	cursor:default;
	padding-left: 3px;
	}
	
/*Continguts formulari*/
#contactar h5{
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 38px;
	letter-spacing: 0px;
	word-spacing: 0px;
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 20px;
	padding-bottom: 50px;
	line-height: 40px;
	text-align: center;
	color: #f90;
}
#contactar h5 span {
	display: block;
	font-size: 50px;
	line-height: 50px;
	text-align: center;
	color: #333;
	padding-top: 20px;
}
#contactar fieldset {
	border: 1px solid #fff;
}
#contactar legend {
	display: none;
}

#contactar label {
	display: block;
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#nom, #cognoms, #companyia, #email, #telf, #assumpte {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	border: 3px solid #ccc;
	padding: 2px;
	background-image: url(../images/generals/fonsInput.jpg);
	background-repeat: repeat-x;
	background-color: #f3f3f3;
}

#comentari {
	margin-bottom: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100px;
	border: 3px solid #CCCCCC;
	padding: 2px;
	background-image: url(../images/generals/fonsTextArea.jpg);
	background-repeat: repeat-x;
	background-color: #f3f3f3;
}
#enviar {
	display: block;
	background-image: url(../images/generals/enviar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 104px;
}
#enviar span {
	display: none;
}

#enviar:hover {
	background-position: left bottom;
}

#contactar iframe {
	margin-top: 17px;
	float: left;
}
/*Footer****************************************************************************************************************************/
#footer {
	background-image: url(../images/generals/fonsFooter.jpg);
	background-repeat: repeat-x;
	height: 270px;
	clear: both;
}
#footCont {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/generals/fonsFootCont.gif);
	background-repeat: no-repeat;
	height: 270px;
}
#footCont ul {
	list-style-type: none;
	padding-top: 21px;
	float: right;
	margin-bottom: 16px;
}
#footCont li {
	float: left;
}
#footCont li a {
	font-size: 11px;
	color: #999;
	text-decoration: none;
	display: block;
}
#footCont li a:hover {
	color: #ee7d21;
}
#footer .inicio, #footer .invinet, #footer .soluciones, #footer .partners, #footer .faq, #footer .formacion, #footer .contactar, #footer .blog {
	padding-right: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-left: 3px;
}
#footer .mapa-web {
	padding-left: 3px;
}
#inicio #footer a.inicio, #invinet #footer a.invinet, #soluciones #footer a.soluciones, #partners #footer a.partners, #faq #footer a.faq, #formacion #footer a.formacion, #contactar #footer a.contactar, #mapa-web #footer a.mapa-web {
	color: #333;
	cursor: default;
}
#footCont p {
	clear: both;
	text-align: right;
	color: #999;
	font-size: 10px;
	line-height: 12px;
}
#footCont img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 4px;
	margin-bottom: 10px;
}
/*CLASSES VARIES************************************************************/
.contact {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}.contact:hover {
	color: #f90;
}
.mapa-web{
	list-style: none;
}
.mapaweb{
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	list-style-type: square;
	color: #EE7D21;
	margin-bottom: 10px;
	margin-left: 30px;
}
.mapaweb a {
	text-decoration: none;
	color: #333333;
}
.mapaweb a:hover {
	text-decoration: underline;
}
#share {
	padding-top: 20px;
	float: right;
}
#share .addthis_button_compact {
	color: #999;
	font-size: 12px;
}