body {
	background-color:#FFE166;
	background-image: url(imagens-web/fons.gif);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
}

.logo {
	position:absolute;
	left:0px;
	top:0px;
	valign:top;
	
}


.log {
	position:absolute;
	left:850px;
	top:500px;
	width:100px;
}


.menu {
	position:absolute;
	left:265px;
	top:45px;
	width:120px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	letter-spacing:1px;
	line-height:95%;
	font-size: 9px;	
	
}


.colabora {
	position:absolute;
	left:788px;
	top:37px;
	width:203px;
	color:#ffffff;
}

.idiomes{
	position:absolute;
	left:20px;
	top:145px;
	width:250px;
	font-size:12px;
	
}

.principal {
	position:absolute;
	left:398px;
	top:48px;
	width:381px;
	
	/*padding:3px;*/
	padding-left:13px;	
	padding-right:12px;

	background-color:#FFFFFF;
	text-align: JUSTIFY;
}


.submenu {
	left:53px;
	top:256px;
	width:330px;
	position:absolute;
	background-image: url(imagens-web/men-ajax.gif);
	background-repeat:repeat-x;
	background-position:top;

}


.capçalera {
	position:absolute;
	left:11px;
	top:425px;
	width:373px;
	height:148px;
	color:#ead700;
}

/*****H's******/
h1 {
   	font-family: Verdana, Geneva, Arial,SunSans-Regular, sans-serif;
	color: #7e2401;
	text-decoration:none;
	font-size:8px;

}

.explica{
	font-family: Verdana, Geneva, Arial,SunSans-Regular, sans-serif;
	color: #666;
	text-transform:uppercase;
	text-decoration:none;
	font-size:8px;
}

.submenu h1{
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	letter-spacing:1px;
	font-size: 9px;	
}

.submenu h2{
	margin-top: 6px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:right;
	color:#ffffff;
	font-size: 12px;
	margin-bottom:-5px;
}

.submenu hr {
height: 1px;
color: #699123;	
border: 0;

}



/*DIV's de capçalera******************/

.dfons {

   width: 373px; 
   height: 45px;
   background-color: #000000;
   filter:alpha(opacity=70);
   moz-opacity:0.7;
   opacity: 0.7;
   padding:10px;
}

 
.dtext {
   	width: 365px; height: 100px;
   	background-color: transparent;
	font-weight:bold;
	position: absolute;
	color:#ffffff;
	z-index: 2;
	padding:10px;   
	FONT-SIZE: 19px;
	letter-spacing:3px;
}
/*********************************/


/*DIV's de colabora******************/

.dfons2 {
   width: 203px; height: 30px;
   background-color: #000000;
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
   padding:10px;
}

 
.dtext2 {

   	width: 203px; height: 50px;
   	background-color: transparent;
	font-weight:bold;
	position: absolute;
	color:#ffffff;
	z-index: 2;
	padding:10px;   
	FONT-SIZE: 20px;
	letter-spacing:3px;
}

.colabora table {
	voice-family: inherit;
	/*text-align:center;*/
	/*letter-spacing:1px;*/
	font-size: 9px;	
	width:97%;
	background-color:#FFE166;
	border-width: 3px 3px 3px 3px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: white white white white;
	border-collapse: separate;
	padding:5px;
/*	border:solid;*/
}

.capsa{
	/*text-align:center;*/
	/*letter-spacing:1px;*/
	font-size: 10px;
	text-align:center;	
	width:100%;
	background-color:#fac900;
	color:#FFFFFF;
	border-width: 3px 3px 3px 3px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: #fac900 #fac900 #fac900 #fac900;
/*	border:solid;*/
}


/*********************************/


/********COSES DE IDIOMES***************/
.idiomes a

{	font-family: Verdana, Geneva, Arial,
        SunSans-Regular, sans-serif;
	color: #7e2401;
	text-decoration:none;
}

.idiomes a:hover
{	text-decoration:underline;}



/************COSES DE MENU*******************/


.menu hr {
background: #82b628 top no-repeat;
height: 1px;
color: #699123;
width:120px;	
border: 0;

}

.menu a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

.menu a:hover {
	color:#7e2401;
	font-weight:bold;
	text-decoration:none;
}


/***********COSES DE PRINCIPAL*************/
.principal div.img-galCEN {
	float:none;
	margin: 2px 2px 2px 2px;
	position: relative;
}

.principal table{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	text-align:justify;
}

.principal div.img-galCEN2 {
	float:none;
	margin: 2px 2px 2px 2px;
	position: relative;
	background-color:#DDDDDD;
	border-color:#000000;
	border:1px;
	border-style:groove;
	border-width:thin;
}
.principal div.img-galCEN img {
	background-color: #000000;
	border: 1px solid #000000;
	vertical-align:bottom;
	margin: 2px 2px 2px 2px;
}

.principal div.img-galCEN2 img {
	background-color: #000000;
	border: 1px solid #000000;
	vertical-align:bottom;
	margin: 3px 3px 3px 3px;
}


.principal div.img-galDRE {
	float:right;
	margin: 2px 2px 2px 2px;
	position: relative;
	voice-family: inherit;
	padding: 1px;
}


.principal div.img-galDRE img {
	background-color: #000000;
	border: 1px solid #000000;
	vertical-align:bottom;
	margin: 2px 2px 2px 2px;
}


.titular{
	font-family:Verdana;
	FONT-SIZE: 10px;
	color: #7e2401;
	LINE-HEIGHT: 11px;
	margin-bottom:5px;
}

.principal a{
	font-family:Verdana;
	FONT-SIZE: 11px;
	COLOR: #5b1401;
	LINE-HEIGHT: 12px;
	font-weight: bold;
	text-decoration:none;
}

.principal a:hover{
	font-family:Verdana;
	FONT-SIZE: 11px;
	COLOR: #5b1401;
	LINE-HEIGHT: 12px;
	font-weight: bold;
	text-decoration:underline;
}
.principal h1 {
   	font-family: Verdana, Geneva, Arial,SunSans-Regular, sans-serif;
	color: #7e2401;
	text-decoration:none;
	font-size:10px;
	margin-bottom:20px;
}

.principal h3 {
   	font-family: Verdana, Geneva, Arial,SunSans-Regular, sans-serif;
	color: #7e2401;
	text-decoration:none;
	font-size:10px;
	margin-bottom:5px;
}

.principal h2 {
   	font-family: Verdana, Geneva, Arial,SunSans-Regular, sans-serif;
	color: #000000;
	text-decoration:none;
	font-size:12px;
	font-weight: bold;
}

.principal hr {
	background: #fff top right no-repeat;
	color: #000;
	border: 0;
	height: 1px;
	margin: -10px 2px 0px 2px;
}

.principal SELECT{ font-family: verdana; font-size: 10px; color: white; background-color:#698e28;}

.statable {
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   color: #777;
   padding:7px;
   }

.tdvideos{
	font-size:9px;
	text-align:center;
	vertical-align:top;
}


.tdvideosdins{
}
/****************SUB-MENU AJAX**************/
.submenu table.menu-AJAX {
	voice-family: inherit;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
	font-size: 9px;	
	width:100%;
}

.menajax{
		background-image:url(imagens-web/men-ajax2.gif);
}

.menajax2{
		background-image:url(imagens-web/men-ajax.gif);
}
.submenu table.menu-AJAX  a{
	color:#ffffff;
	text-decoration:none;
}
.submenu table.menu-AJAX  a:hover{
	text-decoration:none;

}


.submenu a{
	color:#659909;
	text-decoration:none;
}
.submenu a:hover{
	text-decoration:underline;
	color:#659909;
}



.submenu table.form{
	font-family: Verdana, Arial, Sans-Serif;
	text-decoration:none;
	font-size: 11px;
	color:#659909;
	font-weight: bold;
}

.submenu table.forum{
	font-family: Verdana, Arial, Sans-Serif;
	text-decoration:none;
	font-size: 11px;
	color:#659909;
	font-weight: bold;
	line-height:115%;
	padding:4px;
}

.invisible { display : none; }

.fonssub{
	padding-top:-100px;	
	background-image:url(imagens-web/web-icons/fons.png);
	background-repeat:no-repeat;
	background-position:bottom-left;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	line-height:60%;
	font-size: 15px;
    width:200px;
	vertical-align:middle;

}

.fonssub a{
	color:#FFF;
	font-size: 10px;
}
.fonssub a:hover{
	text-decoration:underline;
	color:#FFF;

}

#contenido{
        margin-top:3px;
        padding:5px;
        width:330px;
        height:134px;
        overflow:auto; 
        float:left;
}


#boxcalendario .tabla {
border-collapse:separate;
/*border-spacing:1px;*/
background:#a3dc3f;
vertical-align:top;
margin:0px auto 0px;
border:1px solid #659909;
font-size:9px;
}

#boxcalendario .encabezado {
color:#659909;
font-weight:bold;
font-size:7px;
text-align:center;
padding:1px;
}

#boxcalendario .celdaDiaSemana {

/*padding:3px;*/
color:#659909;
font-size:7px;
text-align:center;
}

#boxcalendario .diacita {
font-weight:bold;
color:#a3dc3f;
}

#boxcalendario .hoy {
background:#eee;
color:#659909;
/*padding:1px;*/
text-align:center;
border:1px solid #ccc;
}

#boxcalendario .celda {
background:#fff;
/*padding:2px;*/
text-align:center;
border:1px solid #ccc;
}
#boxcalendario .celda a{
color:#000;
text-decoration:none;
}

#boxcalendario .celdacita {
background:#fff;
/*padding:2px;*/
text-align:center;
border:1px solid #a3dc3f;
}

/*****************************/

/**********FORMS*********/
.Jinput{
	border-width: 1px; 
	border-style: solid; 
	/*font-size:8pt; */
	border-color:#ccc;
	color: #000;
}

.Jtextarea{
	border-width: 1px; 
	border-style: solid;
	/*font-size:8pt; */
	border-color:#ccc;
}

.Jbutton{
        font-size:11px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:#FFFFFF;
		background-color:#659909;
		height:inherit;
       /* background:#cec;*/
        border: 0px solid #deeadd;
      /*  width:95px;*/
      /*  height:19px;*/
	  
}



/************************/


/*******IE i FIREFOX COMPATIBLE**************/


*{-moz-box-sizing: border-box;box-sizing: border-box}

p{margin-top:0px;margin-bottom:1em}

form{margin:0px}

input{padding:1px}

::selection {
background: #ccc;
}

/* Para Firefox */
::-moz-selection {
background: #ccc;
}


/*FORM*/
.panel {
	clear: both;
	display: none;
	border: 1px solid #698e28;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #9bd23b;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

/**********END FORM***************************/