/********************  body  ***********************/


body{
	height:100%;
	width:100%;
	margin:0px;
	text-align:center;
	font-family: Arial;
	font-size: 12px;
	background-color:#D2E3E7;
	background-image: url(../images/bg-web.jpg);
	background-repeat:repeat-x;
	background-position: left top;
}


/****************  div  ********************/

#cabecera {
	width:990px;
	height:111px;
	position:relative;
	float:center;
	text-align:center;
}

#logo {
	width:227px;
	height:100px;
	float:left;
	text-align:left;
}

#logo-dist {
	width:100px;
	height:85px;
	float:left;
	text-align:center;
	vertical-align:center;
	background-image:url(../images/distribuido-por.gif);
	background-repeat:no-repeat;
	padding-top: 15px;
}

#cab-menu {
	width:400px;
	padding-top:40px;
	padding-right:17px;
	position:relative;
	float:right;
	text-align:right;
	height: 111;
}

#idiomes {
	width:150px;
	height:40px;
	position:relative;
	float:right;
	text-align:right;
	font-size: 10px;
}

#menu {
	 width:400px;
	 height:25px;
	 position:relative;
	 float:right;
	 text-align:right;	 
}

#cos {
	 width:990px;
	 height:400px;
	 position:relative;
	 float:center;
	 text-align:center;	 
}

#pestanyes {
	 width:100%;
	 height:32px;
	 position:relative;
	 float:center;
	 text-align:center;	 
}

#corner {
	width:17px;
	height:21px;
	position:relative;
	float:left;
	text-align: center;
}

#reflex {
	width:100%;
	height:21px;
	position:relative;
	float:center;
	text-align: center;
	background-image: url(../images/reflex-bg.jpg);
	background-repeat:repeat-x;
	background-position: left top;
}

#contingut {
	width:940px;
	height:500px;
	position:relative;
	float:left;
	text-align: center;
	padding-left:25px;
	padding-right:25px;
	margin-bottom:30px;
	background-image: url(../images/bg-contingut.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	background-color:#EEF3F6;
}

#peu {
	width:938px;
	position:relative;
	float:left;
	text-align: center;
}

#peu-menu {
	 width:400px;
	 padding-top:1px;
	 position:relative;
	 float:left;
	 text-align:left;
	 font-size: 11px;
	 color:#67AEBB;
}

#distribuidores {
	width:25px;
	position:relative;
	float:left;
	text-align: left;
}

#copy {
	 width:450px;
	 padding-top:1px;
	 position:relative;
	 float:right;
	 text-align:right;
	 font-size: 11px;
	 color:#67AEBB;
}

#menu-lateral {
	 width:258px;
	 position:relative;
	 float:left;
	 text-align:center;
	 margin-bottom:34px;
}

#menu-lateral-title {
	 width:258px;
	 height:29px;
	 position:relative;
	 float:center;
	 text-align:center;
}

#menu-lateral-border-left {
	 width:6px;
	 height:29px;
	 position:relative;
	 float:left;
	 text-align:center;
	 background-image: url(../images/t-01-2.gif);
	 background-repeat:no-repeat;
	 background-position: left top;
}

#menu-lateral-border-right {
	 width:6px;
	 height:29px;
	 position:relative;
	 float:left;
	 text-align:center;
	 background-image: url(../images/t-02-2.gif);
	 background-repeat:no-repeat;
	 background-position: right top;
}

#menu-lateral-title-container {
	 width:241px;
	 height:24px;
	 position:relative;
	 float:left;
	 text-align:left;
	 background-image: url(../images/t-bg-2.gif);
	 background-repeat:repeat-x;
	 background-position: left top;
	 padding-left:5px;
	 padding-top:5px;
}

#menu-lateral-container {  
	 width:256px;
	 height:400px;
	 position:relative;
	 float:left;
	 text-align:left;
	 background-color:#EBF8FB;
	 border:1px solid #FFFFFF;
}

#contingut-interior {
	width:659px;
	position:relative;
	float:right;
	text-align: center;
	margin-bottom:30px;
}

#contingut-interior-big {
	width:940px;
	position:relative;
	float:left;
	text-align: center;
	margin-bottom:30px;
}

#contingut-interior-title {
	width:659px;
	height:29px;
	position:relative;
	float:left;
	text-align: left;
}

#contingut-interior-title-big {
	width:940px;
	height:29px;
	position:relative;
	float:left;
	text-align: left;
}


#contingut-interior-mapa {
	 width:940px;
	 height:400px;
	 position:relative;
	 float:left;
	 text-align:center;
	 background-repeat:no-repeat;
	 background-position: right bottom;
	 background-color:#EBF8FB;
	 border:1px solid #FFFFFF;
}


#contingut-interior-border-left {
	 width:6px;
	 height:29px;
	 position:relative;
	 float:left;
	 text-align:center;
	 background-image: url(../images/t-01-2.gif);
	 background-repeat:no-repeat;
	 background-position: left top;
}

#contingut-interior-border-right {
	 width:6px;
	 height:29px;
	 position:relative;
	 float:left;
	 text-align:center;
	 background-image: url(../images/t-02-2.gif);
	 background-repeat:no-repeat;
	 background-position: right top;
}

#contingut-interior-title-container {
	 width:637px;
	 height:22px;
	 position:relative;
	 float:left;
	 text-align:left;
	 background-image: url(../images/t-bg-2.gif);
	 background-repeat:repeat-x;
	 background-position: left top;
	 font-size: 12px;
	 padding-left:10px;
	 padding-top:7px;
	 color: #33494E;
}

#contingut-interior-title-container-big {
	 width:918px;
	 height:22px;
	 position:relative;
	 float:left;
	 text-align:left;
	 background-image: url(../images/t-bg-2.gif);
	 background-repeat:repeat-x;
	 background-position: left top;
	 font-size: 12px;
	 padding-left:10px;
	 padding-top:7px;
	 color: #33494E;
}

#contingut-interior-container {
	 width:657px;
	 height:400px;
	 position:relative;
	 float:left;
	 text-align:left;
	 background-repeat:no-repeat;
	 background-position: right bottom;
	 background-color:#EBF8FB;
	 border:1px solid #FFFFFF;
}

#contingut-interior-container-big {
	 width:938px;
	 height:400px;
	 position:relative;
	 float:left;
	 text-align:left;
	 background-repeat:no-repeat;
	 background-position: right bottom;
	 background-color:#EBF8FB;
	 border:1px solid #FFFFFF;
}

#txt {
	width:360px;
	height:340px;
	position:relative;
	float:left;
	text-align: justify;
	margin-left:25px;
	margin-top:35px;
	padding-right:20px;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color:#33494E;
}


#txt2 {
	width:300px;
	height:340px;
	position:relative;
	float:left;
	text-align: justify;
	margin-left:25px;
	margin-top:35px;
	padding-right:20px;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color:#33494E;
}

#txt-dist {
	width:500px;
	height:370px;
	position:relative;
	float:left;
	text-align: justify;
	margin-left:25px;
	margin-top:25px;
	padding-right:20px;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color:#33494E;
}

#txt-big {
	width:820px;
	height:340px;
	position:relative;
	float:left;
	text-align: left;
	padding-right:20px;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	color:#33494E;
}

#descripcio {
	 width:230px;
	 height:320px;
	 position: relative;
	 text-align:justify;
	 float:left;
	 padding-right:30px;
}

#img {
	 width:220px;
	 position:relative;
	 text-align:left;
	 float:right;
	 margin-top:35px;
	 margin-right:20px;
}

#login {
	 width:290px;
	 position:relative;
	 text-align:center;
	 vertical-align:middle;
	 margin: 0 auto;
}

#center {
     margin-top:200px;
}

#estatus {
	width:400px;
	padding-top:60px;
	padding-right:17px;
	position:relative;
	float:right;
	text-align:right;
	height: 111;
	color:#FFF;
}

/*******************  Textes  ***********************/

.big {
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	color: #AACCCE;
}

.small {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
}

.txt {
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	color:#33494E;
}

.form-txt {
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	color:#33494E;
}

.titol {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	color: #CAC8C9;
	text-transform: uppercase;
}

.blau {
	color: #0000cc;
	text-decoration: underline;
}

.titol02 {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	color: #5F7E83;
	text-transform: uppercase;
}

.pestanya {
	height:32px;
	position:relative;
	float:left;
	text-align: center;
	padding-right:3px;
}

.item {
	width:290px;
	position:relative;
	float:left;
	text-align: center;
	margin-right:34px;
	margin-bottom:34px;
}

.item-title {
	width:290px;
	height:29px;
	position:relative;
	float:center;
	text-align: center;
}

.item-container { 
	width:288px;
	height:220px;
	position:relative;
	float:left;
	text-align: left;
	border:1px solid #FFFFFF;
	background-color:#F6FCFC;
}

.item-container-small { 
	width:288px;
	height:110px;
	position:relative;
	float:left;
	text-align: left;
	border:1px solid #FFFFFF;
	background-color:#F6FCFC;
}

.taula { 
	text-align: left;
	border:1px solid #FFFFFF;
	background-color:#F6FCFC;
	padding-left:5px;
	padding-right:5px;
	padding-top:15px;
	padding-bottom:15px;
}

.img {
	border: 1px solid #CEE6EA;
	background-color:#FFFFFF;
	padding:5px;
}

/****************  backgrounds  ********************/

.loader {
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.bg-reflex {
	height:21px;
	position:relative;
	float:left;
	margin-right:3px;
	text-align:center;
	background-image: url(../images/reflex.jpg);
	background-repeat:repeat-x;
	background-position: left top;
}

.bg-reflex-distribuidores {
	width:956px;
	height:21px;
	position:relative;
	float:left;
	text-align:center;
}

/*******************  links  ***********************/


a.idioma {
	color: #AACCCE;
	text-decoration: none;
}

a:visited.idioma {
	color: #AACCCE;
	text-decoration: none;
}

a:active.idioma {
	color: #AACCCE;
	text-decoration: none;
}

a:hover.idioma {
	color: #FFFFFF;
	text-decoration: none;
}

a.menu {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited.menu {
	color: #FFFFFF;
	text-decoration: none;
}

a:active.menu {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover.menu {
	color: #324A4E;
	text-decoration: none;
}


a.peu {
	color: #3F808B;
	text-decoration: none;
}

a:visited.peu {
	color: #3F808B;
	text-decoration: none;
}

a:active.peu {
	color: #3F808B;
	text-decoration: none;
}

a:hover.peu {
	color: #324A4E;
	text-decoration: none;
}

a.cd {
	color: #000000;
	text-decoration: none;
}

a:visited.cd {
	color: #000000;
	text-decoration: none;
}

a:active.cd {
	color: #000000;
	text-decoration: none;
}

a:hover.cd {
	color: #FF6E00;
	text-decoration: none;
}

a.dvd {
	color: #000000;
	text-decoration: none;
}

a:visited.dvd {
	color: #000000;
	text-decoration: none;
}

a:active.dvd {
	color: #000000;
	text-decoration: none;
}

a:hover.dvd {
	color: #15B2CB;
	text-decoration: none;
}

a.caratulas {
	color: #000000;
	text-decoration: none;
}

a:visited.caratulas {
	color: #000000;
	text-decoration: none;
}

a:active.caratulas {
	color: #000000;
	text-decoration: none;
}

a:hover.caratulas {
	color: #FF0093;
	text-decoration: none;
}

a.plantillas {
	color: #000000;
	text-decoration: none;
}

a:visited.plantillas {
	color: #000000;
	text-decoration: none;
}

a:active.plantillas {
	color: #000000;
	text-decoration: none;
}

a:hover.plantillas {
	color: #3A8A4A;
	text-decoration: none;
}

a.download {
	color: #3F808B;
	text-decoration: underline;
}

a:visited.download {
	color: #3F808B;
	text-decoration: underline;
}

a:active.download {
	color: #3F808B;
	text-decoration: underline;
}

a:hover.download {
	color: #324A4E;
	text-decoration: underline;
}


/****************Transparència*******************/

.trans 
{
    FILTER: alpha(opacity=85);
    -moz-opacity: 0.85;
}



/*********************  Formulari  *********************/

TEXTAREA
{
   	border:1px solid #4E7D85; 
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #33494E;
	text-decoration: none;
   	background-color: #FFFFFF;
	padding:2px 5px 2px 5px;
	width:288px;
}

INPUT
{
   	border:1px solid #4E7D85; 
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #33494E;
	text-decoration: none;
   	background-color: #FFFFFF;
	padding:2px 5px 2px 5px;
}

.invalid{
	border-color:#ff7d85;
}

.msg_invalid{
	color:#ff7d85;
}

Select
{
   	border:1px solid #4E7D85; 
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
   	background-color: #FFFFFF;
   	color: #33494E;
	padding:2px 5px 2px 5px;
	width:300px;
}

Textarea.large
{
   	border:1px solid #4E7D85; 
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #33494E;
	text-decoration: none;
   	background-color: #FFFFFF;
	padding:2px 5px 2px 5px;
	width:354px;
}

Input.large
{
   	border:1px solid #4E7D85; 
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #33494E;
	text-decoration: none;
   	background-color: #FFFFFF;
	padding:2px 5px 2px 5px;
}

Select.large
{
   	border:1px solid #4E7D85; 
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
   	background-color: #FFFFFF;
   	color: #33494E;
	padding:2px 5px 2px 5px;
	width:366px;
}

Textarea.dist
{
   	border:1px solid #4E7D85; 
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #33494E;
	text-decoration: none;
   	background-color: #FFFFFF;
	padding:2px 5px 2px 5px;
	width:184px;
}

Input.dist
{
   	border:1px solid #4E7D85; 
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #33494E;
	text-decoration: none;
   	background-color: #FFFFFF;
	padding:2px 5px 2px 5px;
}

Select.dist
{
   	border:1px solid #4E7D85; 
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
   	background-color: #FFFFFF;
   	color: #33494E;
	padding:2px 5px 2px 5px;
	width:196px;
}

form
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
	


/*******************  scroll  **********************/

body {
scrollbar-base-color: #EBF8FB; scrollbar-face-color: #AACCCE; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #EBF8FB; scrollbar-shadow-color: #EBF8FB; scrollbar-darkshadow-color: #EBF8FB; scrollbar-highlight-color: #EBF8FB; scrollbar-3d light-color: #EBF8FB;
} 
	
		
/*********************  Altres Parides  *********************/

.dit{
	cursor:pointer;
	cursor:hand;
}


.marc	{
	border: 1px solid #686868;
}



/*******************divs visbles o no */
.visible
{
position:static;
visibility:visible;	
}

.invisible
{
position:absolute;
visibility:hidden;
}

/*********************  Galeria  *********************/

.paddingDiv
{
	float: left;
	margin-bottom:20px;
	margin-right:15px;
}


/**********************  forms / inputs  **********************/

.bold
{
	padding:4px;
	font-weight: bold;
}

/**********************  dani  **********************/
.error_login
{
	position:relative;
	margin:0 auto;
	padding:12px;
	border:2px solid #990000;
	background-color:#ff7777;
	color:#990000;
	width:290px;
	margin-bottom:12px;
}

.logout{
	cursor:pointer;
	cursor:hand;
}