/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME:		CoolWater
   TEMPLATE CODE: 	S-0019
   VERSION:          1.0     
	DATE:					November-07-2007     	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { margin: 0; padding: 0; outline: 0; }

body {	background: #fff;	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;	color: #777;	text-align: center;	margin: 0px 0;	padding: 0px 0;}

/* links */

a, a:visited {	text-decoration: none;	background: inherit;	color: #3673CE; }

a:hover {	text-decoration: none;	background: inherit;	color: #93C600;}

/* headers */

h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif;  }
h1 {	font-size: 180%;		font-weight: normal;		color: #555;}
h2 {	font-size: 160%;	color: #88ac0b;	font-weight: normal;}
h3 {	font-size: 135%;	 	color: #666666;}

/* images */

img {	background: #fff;   border: 1px solid #E5E5E5;	padding: 5px;}
img.float-right { margin: 5px 0px 10px 10px;  }
img.float-left { margin: 5px 10px 10px 0px; }

h2, h3, p {	margin: 10px 15px;	padding: 0;}

h1{padding: 0;}

ul, ol {	margin: 5px 15px;	padding: 0 25px;}

.separador {clear:both;}

code {  margin: 5px 0;  padding: 15px;  text-align: left;  display: block;  overflow: auto;    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ; border: 1px solid #E5F0FB;    background: #F4F8FD;}
acronym {  cursor: help;  border-bottom: 1px dotted #777;}
blockquote {  margin: 10px 15px;  padding: 0 0 0 25px;    font: bold 1.3em/1.5em "Trebuchet MS", Tahoma, arial, Sans-serif;   color: #2361BA;  border: 1px solid #E5F0FB;     background: #F4F8FD url(quote.jpg) no-repeat 8px 6px;}

/* start - table */
table {	border-collapse: collapse;	margin: 10px 15px;	}
th strong {	color: #fff;}

tr {	height: 32px;	background: #fff;	}
td {	padding-left: 12px;	padding-right: 12px;}

form {	margin:0px;	padding: 0px 0;}
fieldset {	margin: 0;	padding: 0;	border: none;}
legend {	display: none;}
label {	display:block;	font-weight:bold;	margin: 7px 0;}
input {	padding:3px;	border: 1px solid #E5F0FB; 	font: normal 1em Verdana, sans-serif;	color:#777;	}
textarea {	width:400px;	padding:3px;	font: normal 1em Verdana, sans-serif;	border: 1px solid #E5F0FB; 	height:100px;	display:block;color:#777;}


/*Botons*/

input.button {background:#306BC1 url(fons-button2.jpg) repeat-x scroll 0 0;border:2px solid #3F84D1;color:#FFFFFF;font-size:12px;font-weight:bold;width:120px;}
input.button:hover {background:#306BC1 url(fons-button2-hover.jpg) repeat-x scroll 0 0;border:2px solid #3F84D1;color:#FFFFFF;font-size:12px;font-weight:bold;width:120px;}
#ctl00_Main_SearchJobForm1_btnSearch {margin:25px 0 15px 15px; width:150px;}
#ctl00_Main_btnInscribeToJobVacancy {bottom:37px;margin-right:14px;border:2px solid #3F84D1;height:40px;width:220px;background:#306BC1 url(fons-button.jpg) repeat-x scroll 0 0;font-size:13px;font-weight:bold;color:#FFF;}
#ctl00_Main_btnInscribeToJobVacancy:hover {bottom:37px;margin-right:14px;border:2px solid #3F84D1;height:40px;width:220px;background:#306BC1 url(fons-button-hover.jpg) repeat-x scroll 0 0;font-size:13px;font-weight:bold;color:#FFF;}
#ctl00_Main_btnConfirm {width:auto;}


/* search form */
.searchform {	background-color: transparent;	border: none;		margin: 0; 	padding: 5px 0 5px 0;		width: 180px;	}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 	width: 110px;	color: #777; 	height: 20px;	padding: 2px;		border: 1px solid #D2E8F7; 	vertical-align: top;}
.searchform input.button { 	width: 55px;	height: 26px;	padding: 2px 5px;	vertical-align: top;}


/********************************************
   LAYOUT
********************************************/ 

#wrap {	width: 100%;background-color: #fff;		text-align: left;
}
#content-wrap {	display: block;	width: 999px;		margin: 5px 0px;	padding-top: 20px; 	}
#header {	position: relative;	height: 153px;	background: #306bc1 url(header-bg.jpg) repeat-x 0 0;	padding: 0;		color: #fff;	}
#header h1#logo-text a {	position: absolute;	margin: 0; padding: 0;	font: bolder 55px 'Trebuchet MS', Arial, Sans-serif;	letter-spacing: -3px;	color: #fff;	text-transform: none;	text-decoration: none;	background: transparent;		/* change the values of top and left to adjust the position of the logo*/	top: 18px; left: 35px;	}
#header p#slogan {	position: absolute;	margin: 0; padding: 0;	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;	text-transform: none;	color: #FFF;		/* change the values of top and left to adjust the position of the slogan*/	top: 80px; left: 50px;		}
#header #logo{position:absolute;top:10px;left:30px}
#header #logo img{border:none;}

/* header links */
#header #header-links {	position: absolute;	color: #C6DDEE;	font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif;	top: 20px; right: 20px;	}
#header #header-links a {		color: #3B5E0B;	text-decoration: none;	}
#header #header-links a img{		position:relative;	top:7px;	}
#header #header-links a:hover {	color: #2666C3;	}

/* navigation */

#menu {	padding: 0;	/*background: #81C524 url(menu.jpg) no-repeat;*/		font: bold 14px/32px "trebuchet MS", Arial, Tahoma, Sans-serif;	height: 40px;	width: 999px;	line-height:27px;		}
#menu ul {	float: right;	list-style: none;	margin:0; padding: 0 0 0 20px;}
#menu ul li {	display: inline;	}
#menu ul li a {	font-size:12px;	display: block;	float: left;	padding: 0 12px;	color: #fff;		text-decoration: none;	border-left:1px solid #FFF;	/*background: url(sep.jpg) no-repeat 100% 9% ;*/}
#menu ul li a:hover {	color: #F8B529;	}
#menu ul li#current a {		color: #3b5e0b;}

/* Main Column */
#main {	float:left;	width: 60%;	margin: 0px 20px 0px 20px; 	padding: 10px; 	/*display:block;*/	/*background: url(box.jpg) no-repeat; 	*/}

#menu #infolinks {width:100%;float:right;display:inline;background: #81C524 url(menu-bg.jpg) repeat-x 0 0;height: 27px;}
#flash {width:785px;height:125px;position:relative;top:0px;}
#flash img {border:none;padding:0px;}
#menu #navegacion {border-bottom:1px solid #429239;margin:0 auto;width:95%;}
#menu #navegacion #breadcrumb {width:60%;float:left;font-family:"trebuchet MS",Arial,Tahoma,Sans-serif;font-size:13px;line-height:27px;}
#menu #navegacion #panelSession {width:40%;float:right;height:30px;text-align:right;}
#menu #navegacion #panelSession #ctl00_lblLoginInfoText1 {font-family:"trebuchet MS",Arial,Tahoma,Sans-serif;font-size:12px;line-height:27px;}
#menu #navegacion #panelSession #ctl00_lblLoginInfoApplicantText1 {font-family:"trebuchet MS",Arial,Tahoma,Sans-serif;font-size:12px;line-height:27px;}
#menu #navegacion #panelSession #ctl00_lblLoginInfoUserName {font-family:Arial,Tahoma,Sans-serif;font-size:14px;line-height:27px;color:#3673CE;margin-left:5px;}


#main table {margin:30px auto 0;border-top:1px solid #AFD7FF;border-bottom:1px solid #AFD7FF;width:95%; clear:both;margin-top:20px;padding:0px;}
#main table tr {height:20px;}
#main table tr td {height:20px;padding:8px;}
#main table tr td.buttons{padding:10px 0px 10px 0px;}
#main table tr td.valor {background:#E5F0FB;width:75%;}
#main table tr td.valor input {float:left;}
#main table tr td.valor span.ckeckbox {float:left;}
#main table tr td.input {background:#E5F0FB;width:75%;}
#main table tr td.label{background:#EFF7FF;width:25%;padding-top:12px;}
#main table tr td b {position:relative;bottom:22px;}
#main table tr td.label b {position:relative;bottom:7px;}
#main table tr td table {border-bottom:none;border-top:none;margin:5px auto;}

#main table #ctl00_Main_checkRememberMe{float:left;width:auto;margin-left:25px;}
#main table #ctl00_Main_btnLogin{border:2px solid #3F84D1;width:auto;height:23px;margin-left:25px;background:#306BC1 url(fons-button2.jpg) repeat-x scroll 0 0;}
*:first-child+html #main table #ctl00_Main_btnLogin{border:2px solid #3F84D1;width:auto;height:23px;margin-left:0px;background:#306BC1 url(fons-button2.jpg) repeat-x scroll 0 0;}
* html #main table #ctl00_Main_btnLogin{border:2px solid #3F84D1;width:auto;height:23px;margin-left:0px;background:#306BC1 url(fons-button2.jpg) repeat-x scroll 0 0;}

#main table #ctl00_Main_btnLogin:hover{border:2px solid #3F84D1;width:auto;height:23px;margin-left:25px;background:#306BC1 url(fons-button2-hover.jpg) repeat-x scroll 0 0;}
#main table label{float:left;margin:0px;margin-left:7px;width:auto;font-weight:normal;}



select {width:50%;}
#main #ctl00_Main_Wizard1 table.dialogtable textarea {width:95%;}
#main #ctl00_Main_Wizard1 table.dialogtable td.label{background:#EFF7FF;}
#main #ctl00_Main_Wizard1 table.dialogtable td.input{background:#E5F0FB;}
#main table.dialogtable td.input span{position:relative;top:0px;width:95%;}

#main table td.input span.CheckBox input {width:13px;position:relative;top:4px;margin:0px;}
*:first-child+html #main table td.input span.CheckBox input {width:18px;border:none;position:relative;bottom:12px;}
* html #main table td.input span.CheckBox input {width:18px;border:none;position:relative;bottom:12px;}

#main table td.input span.CheckBox input {width:18px;border:none;position:relative;bottom:12px;}
#main table td.input input{float:none;width:95%;border:1px solid #AFD7FF;}
#main table td.valor input{float:none;width:95%;border:1px solid #AFD7FF;}
#main table td.input input.textbox{position:relative;top:5px;}
#main table td.valor input#ctl00_Main_chkRememberMe{display:inline;width:auto}


#main table input.dropdownlist{float:left;width:auto;border:1px solid #AFD7FF;}

#main table.dialogtable td span.Radio input {width:13px;position:relative;top:2px;margin:0px;}
* html #main #ctl00_Main_Wizard1 table.dialogtable td span.Radio input {width:13px;position:relative;top:0px;margin:0px;border:none;}
*:first-child+html #main #ctl00_Main_Wizard1 table.dialogtable td span.Radio input {width:13px;position:relative;top:0px;margin:0px;border:none;}

#main table.dialogtable td.input #llistatdades {width:90%;margin:30px 0 20px 30px;}
* html #main #ctl00_Main_Wizard1 table.dialogtable td.input #llistatdades {width:90%;margin:30px 0 20px 30px;}

#main table.dialogtable td.input #llistatdades span.CheckBox input {width:13px;position:relative;top:2px;margin:0px;float:left;}
* html #main #ctl00_Main_Wizard1 table.dialogtable td.input #llistatdades span.CheckBox input {width:13px;position:relative;top:0px;margin:0px;border:none;}
*:first-child+html #main #ctl00_Main_Wizard1 table.dialogtable td.input #llistatdades span.CheckBox input {width:13px;position:relative;top:0px;margin:0px;border:none;}

#main table.dialogtable td.input #llistatdades span.CheckBox label{width:70%;}
* html #main #ctl00_Main_Wizard1 table.dialogtable td.input #llistatdades span.CheckBox label{width:70%;position:relative;left:5px;}

#benvinguda p {font-size:120%;font-weight:bold;margin-left:0;margin-right:0;}
#benvinguda span {font-size:100%;font-weight:normal;margin-left:0;margin-right:0;}

/*Cercador*/

#main table.grid td {background:#EFF7FF;}
#main table.grid td img {background:none;border:none;}
#main table.grid tr {height:20px;}
#main table.grid th {background:#8FC7FF;border:1px solid #FFF;height:20px;color:#FFF;text-align:center;}
#main table.grid th img {background:none;border:none;}

/*Peu*/

#logos {border-top:1px solid #429239;clear:both;height:50px;padding:10px;position:relative;width:979px;margin-top:40px;}




#main h2 {
	font: normal 180% 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	padding: 0; 	
	margin-bottom: 0;		
	color: #2666c3;
}
#main h2 a {
	color: #2666c3;
	text-decoration: none;	
}

#main p, #main h1, #main h2, #main h3, #main ol, #main ul,
#main blockquote, #main form {
	margin-left: 0px;
	margin-right: 0px;
}
#main ul li {
	list-style-image: url(bullet.gif); 
}

/* LeftSidebar */	
#leftsidebar{
	float: left;
	width: 17%;
	padding: 0; margin: 0px 0 0 10px;	
	color: #777;

	/*display:block;*/
}	
#leftsidebar h2 {
	margin: 15px 5px 10px 5px;
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #555;	
}
#leftsidebar p {
	margin-left: 5px;
}

#leftsidebar #banner {width:100%;height:100px;}

#leftsidebar #banner img {width:150px;height:auto;border: none;}

#leftsidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 0; padding: 0;
	text-decoration: none;	
	border-top: 1px solid #A9D4EF;	
}
#leftsidebar ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 5px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #D2E8F7; 
}
* html body #leftsidebar ul.sidemenu li {
	height: 1%;
}
#leftsidebar ul.sidemenu li a {
	text-decoration: none;	
	color: #1773BC;				
}
#leftsidebar ul.sidemenu li a:hover {	
	color: #333;
}
#leftsidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#leftsidebar ul.sidemenu ul li { border: none; }



/* RightSidebar */	
#rightsidebar
{
	float:left;
	width: 14%;
	padding: 0; 
	margin: 0px 10 0 0;	
	color: #777;

	/*display:block;*/
}	
#rightsidebar h2 {
	margin: 15px 5px 10px 5px;
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #555;	
}
#rightsidebar p {
	margin-left: 5px;
}

#rightsidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 0; padding: 0;
	text-decoration: none;	
	border-top: 1px solid #A9D4EF;	
}
#rightsidebar ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 5px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #D2E8F7; 
}
* html body #rightsidebar ul.sidemenu li {
	height: 1%;
}
#rightsidebar ul.sidemenu li a {
	text-decoration: none;	
	color: #1773BC;				
}
#rightsidebar ul.sidemenu li a:hover {	
	color: #333;
}
#rightsidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#rightsidebar ul.sidemenu ul li { border: none; }

/* Footer */	
#footer {
	color: #568539;
	background: #fff url(footer.jpg) repeat-x;
	clear: left;
	width: 100%;
	text-align: center;	
	font-size: 90%;
	border-top:1px solid #7daa63;

}
#footer p { 
	padding: 60px 0 10px 0;
	margin: 0;
}
#footer a { 
	color: #568539;
	text-decoration: none; 
}
#footer a:hover { 
	color: #568539;
	text-decoration: underline; 
}

/* post footer */
.post-footer {
	background: #F4F8FD;
	padding: 5px; margin: 20px 25px 0 25px;
	border: 1px solid #E5F0FB; 
	font-size: 95%;	
}
.post-footer .date {	padding-left: 0px; margin: 0 5px; }
.post-footer .comments { padding-left: 0px; margin: 0 5px; }
.post-footer .readmore { padding-left: 0px; margin: 0 5px; }

.post-by { font-size: .95em;	margin-top: 0;	}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


/* Nuevos Bicat **************************/

.form
{

	margin: 5px 10px;
	padding:5px 5px 30px;
	text-align: left;
	display: block;
	overflow: hidden;  
	/* white-space: pre; */
	border-top: 1px solid #E5F0FB;  
	border-bottom: 1px solid #E5F0FB;  

	width:95%;
}


.form select {width:98%;}
.form table
{
	background-color:#F4F8FD;
	width:100%;
}
.form table td
{
	background-color:#F4F8FD;
	border: 0px;
}

/* Cuadros de diálogo ************************/
/* TABLA DIÁLOGO CON EL USUARIO: Tabla para recogida de parámetros, Alta/Edición de elementos, etc */

.toolbar {
  margin: 10px 15px;
  padding: 8px 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  border: 1px solid #E5F0FB;  
  background: #F4F8FD;
}

table.grid
{
	width:100%;
}
/*ble.grid th{
	background: #306bc1 url(button-bg.jpg) repeat-x 0 0; 
	height: 16px;
	padding:2px 4px;
	color: #fff;
	text-align: left;
	border: 1px solid #306bc1;
	border-bottom-width: 2px;
}*/


table.dialogtable 
{
	width:90%;
	margin: 10px 10px 10px 10px;
	padding: 0px;
	border: none !important;
}

td.label
{
	width:40%;
	vertical-align:top;
	border:none;
	border-bottom: 1px solid #F2F2F2;
	border-top: 1px solid #F2F2F2;
	padding: 5px;
}

td.input
{
	width:60%;
	border:none;
	border-bottom: 1px solid #F2F2F2;
	border-top: 1px solid #F2F2F2;
	padding: 5px;
	background-color: #FaFaFa; 
}

td.title
{	
	width:100%;
	border:none;
	/*border-bottom: 1px solid #F2F2F2;
	border-top: 1px solid #F2F2F2;*/
	padding:10px 5px 10px 5px;
	font-weight:bold ;
	background-color: #FFFFFF; 
}

td.buttons
{
	width:100%;
	border:none;
	padding: 10px 5px 10px 5px;
	text-align:left;
	background-color: #FFFFFF; 
}

.buttons input
{
	margin: 0px 0px 0px 5px;
	width:120px;
	height:25px;
}

.validator
{
	display: block;
	margin-left:10px;
}

/*Cabecera*/


#logo-text {font-family: 'Trebuchet MS',Tahoma,Sans-serif;font-size:180%;font-weight:normal;color: #555;}


/* Navegación */

.PageNavigator
{
	width:100%;
	height:20px;
	display:inline;
	margin:20 0 0 0;
}

.PageNavigatorLeft
{
	width:35%;
	text-align:left;
	float:left;
}

.PageNavigatorRight
{
	width:35%;
	text-align:right;
	float:right;
}