img, div { behavior: url(../../iepngfix.htc) }
body
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    background-color: #E7F0F7;
    background-image: url(../../Images/background.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    font-size: 11px;
    color: #333333;
}

/*----------------------------------------- all pages ---------------------------------------*/
/*a{color:#3C55B9;}
a:hover{color: #3366FF;}*/
.dxgvControl_Office2003_Blue a, .dxgvControl_Office2003_Blue a:hover {color:#3C55B9 !important;}
.dxsmControl a:visited {color:#3C55B9 !important;}
a, a:hover, a:visited{
    text-decoration: none;
}

p {
	color:#666666;
	font-size:11px;
	text-align:justify;
	line-height:18px;
}
.pBlue {color:#3074B1;}

.tdBlue p 
{
    color:#6AA4D7;
    font-size:11px;
}

.tdBlue a:link
{
    text-decoration:none;
    font-size:11px;
}

h1 {
	color:#C0C0C2;
	font-size:15px;
	text-align:justify;
}

h2 {
	color:#585858;
	font-size:13px;
	padding-top:1px;
}

h3 {
	color:#666666;
	font-size:12px;
}
hr {
	height: 1px;
	border-width: 1px 0 0 0;
	border-top: #000000;
	border-style: solid none none none;
}

.hrBlue{
	height: 1px;
	border-width: 1px 0 0 0;
	border-top: #EEEEEE;
	border-style: solid none none none;
	margin:10px 0px 0px 20px;
}

.titleHR
{
		padding-left:15px;
		font-family:Arial;
		background-image: url(../../Images/_title_line.png);
		background-repeat: no-repeat;
		width:490px;
		height:35px;
		font-style: italic;
		font-size: 15px;
		color:#FFFFFF;
}

.title {
    background-color:#61A2DC;
	font-style: italic;
	font-size: 15px;
	color:#FFFFFF;
	padding:5px;
	width:60%;
	text-align:left;
}
.simpleTitle
{
    font-style: italic;
    font-size: 24px;
    color: #999999;
    padding: 5px;
    width: 60%;
    text-align: left;
    border-bottom: solid 1px #EAEAEA;
}
.logo {
	padding-bottom: 10px;
	padding-left: 15px;
}

.lemas {
	text-align:right;
	font-size:16px;
	font-style:italic;
	color:#CCCCCC;
	font-family:Verdana;
	padding:0 10px 0 0;
}


/*color para las noticias*/
.txtlightblue {
	color:#5699D0;
	font-size:12px;
}

.txtgray {
	color:#A8A8AA;
	font-size:12px;
}

/*login-------------------------------*/
.login{
	color:#5699CD;
	font-size:10px;
	padding-right:10px;
	float:right;
}
.login_box{
    color: #999999;
    border: 1px none #FFFFFF;
    background-color:#FFFFFF;
    width:100px;
}
.okButton, .okButton:hover{
    display:block;
    font-size: 12px;
    color: #999999;
    text-decoration: none;
}
.logeado{
    margin-right: 10px;
    padding:0px 5px 0px 5px;
    color: #999999;
    font-size: 10px;
}
.logeado a, .logeado a:hover{
    font-size: 12px;
    text-decoration: none;
    padding:5px;
 }
.logeado .tdborde{border-left: solid 1px #CCCCCC;}
.logeado a{ color: #999999;}
.logeado a:hover{ color: #666666;}

/*copyright---------------------------*/
.copyright {
	font-family:Calibri;
	color:White;
	font-size:11px;
	text-align: center;
	background-color: #7BAFDC;
}

.flashcontain {
	z-index: 0 !important;
	width:766 !important;
}

.content {
	background-image: url(../../Images/main.jpg);
	background-repeat:repeat-x;
	vertical-align: top;
	background-color:#FFFFFF;
	background-position: bottom;
}

.txtblue {
	color:#80BFFF;
}

/*menu-------------------------------------------------------*/
.menucontain {
	z-index:1 !important;
	position:relative !important;
}

.menu {
	margin: 0px;
	padding:5px;
	background-color: #C4DCF2;
	text-align:center;
}

.items {
	margin: 5px;
	padding: 0px;
}

.items a {
	color :#FFFFFF;
	text-decoration:none;
	font-size: 16px;
	padding:0px 5px 0px 5px;
	display:block;
	text-align:center;
}

.items a:hover {
	color: #FFFFFF;
	background-color: #9DC4E3;
}

.submenu {
	border: 1px solid #E7F0F9;
	background-color: #F5F9FD;
	padding: 2px 0 2px 0;
	font-size:10px;
}
.submenu_items a, .submenu_items a:hover {
    text-decoration:none;
	display:block;
	padding:0px 10px 0px 10px;
	text-align:left;
	font-size:10px;    
}
.submenu_items a {color :#2F72A8 !important;}
.submenu_items a:hover {color: #595959 !important;}

/*banner----------------------------------------*/
.banner
{
    
    position: relative !important;
    z-index: 0 !important;
    background-position: center top;
    .top: 158px;
    .left: 89px;
    top: 0px;
    left: 0px;
    background-image: url('../../Images/masterTopBG.jpg');
    background-repeat: repeat-x;
    border-bottom:solid 1px #EEEEEE;
}

.title_banner {
	position:absolute;
	padding-top:50px;
	padding-left:45px;
	color:#787878;
	font-size:21px;
	font-style:italic;
	background-position:right !important;
}

.banner_img
{
	background-position:right !important;
	border:solid 2px grey;
	width:100%;
	border: 0px;
	padding: 0px;
	margin:0;
	 text-align:right;
}

/* CLASS FONTS */

.txtimg {
	position:Absolute;
	color:#5699D0;
	font-family:arial;
	z-index:1;
	text-align:right;
	font-size:1;
	top: 731px;
	left: -170px;
}


.txtimg2 {
	position:absolute;
	color:#CFE3F4;
	font-family:arial;
	z-index:1;
	text-align:left;
	font-size:1;
}

.title_img
{
	font-size:20px;
	font-style:italic;
	
	}

.txtimg a
{
	text-decoration:none;
	color:#5699D0;
	font-size:14px;
	}
	
.txtimg2 a
{
	text-decoration:none;
	color:#CFE3F4;
	font-size:14px;
	}
	
	
/* end banner*/

.line {
	padding-left:90px;
	width:100%;
}

.line {
	padding-left:90px;
	width:100%;
}

/*panels for right and left columns---------------*/
.page_right 
{
	padding:5px 20px 10px 10px;
}

.page_left {
	padding:5px 20px 10px 10px;
	vertical-align:top;
}



/*class for address of page Contactez*/
.address {
	text-align:center;
	font-size: 12px;
	border-bottom:solid 1px #EEEEEE;
	padding-bottom:20px;
}

.menu_bottom {
	background-color: #7BAFDC;
	text-align: center;
	padding:5px 0px 10px 0px;
}

.menu_bottom a {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	padding:5px 15px 5px 15px;
}

/*Transparent Form's Background*/
.transBG
{
    background-position: bottom;
    background-color: #F4F8FC;
    background-image: url(../../Images/transForm_r3_c1.jpg);
    background-repeat: repeat-x;
}

.transBG1
{
    background-color: Transparent;
    background-image: url(../../Images/_bluesquare1_r1_c2.png);
    background-repeat: repeat;
}

/*Class Form of Contactez-nous*/
.label {
	padding:0;
	margin:0;
}

.labelInputText 
{
	padding:0;
	margin:0;
	text-align:right;
}

.inputText {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	
	width:213px;
}

.textArea {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: solid 2px #B6D2EC;
	width:300px;
	height:100px;
}

.boxtelephone1 {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: solid 2px #B6D2EC;
	width:50px;
}

.boxtelephone2 {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: solid 2px #B6D2EC;
	width:150px;
}

.tableForm {
	display:inline;
	margin-left:15px;
	margin-right:15px
}

.label {
	color:#666666;
	padding:0;
	margin:0;
}

.labelInputText {
	color:#000;
	padding:0;
	margin:0;
	text-align:right;
}

.txtFormContact
{
	font-size:12px;
	color:#000;
	padding:0;
	margin:0;
	text-align:left;
	
}

.inputText {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: solid 2px #B6D2EC;
	width:213px;
}

.boxtelephone1 {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: solid 2px #B6D2EC;
	width:50px;
}

.boxtelephone2 {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: solid 2px #B6D2EC;
	width:150px;
}

.tableForm {
	display:inline;
	margin-left:10px;
	margin-right:10px
}

/*Class for page Developpement*/
.box1
{

 width:361px;
 height:97px;
 background-image:url(../../Images/boxDeveloppement.png);
 background-position:left top;
 background-repeat:no-repeat;
    
 }
 .boxText
 {
    color:#666666;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:10px;
    padding:7px 7px 7px 7px;   
     }
.box2
{
 width:367px;
 height:60px;
 background-image:url(../../Images/boxDeveloppement2.png);
 background-position:left top;
 background-repeat:no-repeat;
 }

/*Class for CMS-------------------------------------*/
.contentCMS {
	width:auto;
	.width:400px;
	background-color: #FFFFFF;
	background-image: url(../../Images/bannerEmissi3.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	vertical-align: top;
	padding: 112px 32px 10px 32px;
}

/*Class for page Nos competences ------------------*/
.table_competences {
	color:#666666;
	font-size:12px;
	text-align:justify;
	line-height:18px;
}

.lightbluefont 
{
	color:#70A9D9;	
	text-align:center;
}
/**************************************************************************************/

/*clases para textbox de "offres de stage fi"*/
lblText
{	
	font-size:8px;
	color:#000;
	padding:0;
	margin:0;
	text-align:left;
	}
/**********************************************/

/* square cass' news */
.marginTable
{
	.margin: 15px, 15px, 15px, 15px;	
}

.mapImage
{
	background-color:#F6F9FD;
	width:231px;
	height:1px;
}
.titlenewsHead
{	
	font-family:arial;
	font-size:12px;
	color:#666666;
	padding:0;
	margin:0;
	text-align:right;
	}
	
	

.titleNews
{	
	
	font-family:arial;
	font-size:14px;
	color:#999999;
	padding-left:5px;
	margin: 3px, 3px, 3px, 3px;
	text-align:left;
}


.contNews
{
	font-family:arial;
	font-size:10px;
	color:#666666;
	padding-left:5px;
	margin: 3px, 3px, 3px, 3px;
	text-align:left;
	line-height:150%;
	
}
.dateNews
{
	font-family:arial;
	font-size:10px;
	color:#333333;
	padding-left:5px;
	margin: 3px, 3px, 3px, 3px;
	text-align:left;
}

.moreInfNews
{
	font-family:arial;
	font-size:10px;
	color:#559AD9;
	padding-right:5px;
	margin: 3px, 3px, 3px, 3px;
	text-align:right;
}

/*  Cuerpo Default     */

.titleDefault
{
	font-family:arial;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	color:#61A2DC;
	padding-right:5px;
	margin: 3px, 3px, 3px, 3px;
	text-align:left;	
	}

.contenDefault
{
	font-family:arial;
	font-size:12px;
	line-height:200%;
	color:#666666;
	padding-right:5px;
	margin: 3px, 3px, 3px, 3px;
	text-align:left;
	}
	
.defaultSloganGray
{
	font-family:arial;
	font-size:12px;
	font-style:italic;
	color:#999999;
	font-weight:bold;
	text-align:right;
	}
.defaultSloganBlue
{
	font-family:arial;
	font-size:12px;
	font-style:italic;
	color:#61A2DC;
	font-weight:bold;
	text-align:right;
	}

/* Right Panel in Default Page */

.Title_Img_1
{
	background-image: url(../../Images/title_right_panel_1.png);
	background-position:right;
	background-repeat:no-repeat;
	font-family:arial;
	font-size:10px;
	color:#FFFFFF;
	width:182px;
	height:19px;
	padding-left:5px;
	}
.Title_Img_2
{
	background-image: url(../../Images/title_right_panel_2.png);
	background-position:right;
	background-repeat:no-repeat;
	font-family:arial;
	font-size:10px;
	color:#FFFFFF;
	width:182px;
	height:19px;
	padding-left:5px;
	}
.right_panel_content
{
	padding:10px 8px 0 10px;
	font-family:arial;
	font-size:10px;
	color:#666666;
	text-align:justify;
}
.link_right_panel a:link
{	
	text-decoration:none;
	font-size:10px;
	color:#61A2DC;
}
.link_right_panel a:visited
{	
	text-decoration:none;
	font-size:10px;
	color:#61A2DC;
}


.link_right_panel
{
	padding:10px 8px 10px 10px;
	font-family:arial;
	font-size:10px;
	color:#61A2DC;
	text-align:right;
	}
/*****************************************************************/
/*		clases para cuadros celeste en creation the sites		 */
.top_bluesquare
{
	background-image: url(../../Images/_bluesquare1_r1_c2.png);
	background-position:right;
	background-repeat:repeat-x;
	font-family:arial;
	width:353px;
	height:7px;
	margin-right:20px !important;
	}



/*************************botones azul**********************************/	
/*button for all pages in customer spaces... dont erase!!!*/
.button:hover {cursor:hand;}
.button:link,.button:visited,.button:hover {
	float:left;
	color:#EBEBEB;
	text-decoration:none;
	font-size: 10px;
	border:none;
	letter-spacing:0px;
	word-spacing:0px;
	font-weight:bold;
}
.button:hover, .button:focus, .button:active {color:#fff;/* more visible on :hover and :focus */}
.button * {display:block;}
.button  div { /* left corner */
	padding:0 0 0 9px;
	background-image: url(../../Images/boton_blue2_r1_c1.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.button div div { /* right corner */
	padding:0 11px 0 0;
	background:url(../../Images/boton_blue2_r1_c3.png) no-repeat right top;
	
	
}
.button div div div { /* content */
	padding:7px 0 0 0; 
	background-image: url(../../Images/boton_blue2_r1_c2.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin:5px 0px 0px 0px !imporntat;
	height:27px;
	text-align:center;
	
}
/* end button*/

/*Style BackOffice*/
.gridnews{    border-right:none 0px;  }
/* end button*/

/*************************botones celeste**********************************/	
/*button for all pages in customer spaces... dont erase!!!*/
.buttonLightBlue:hover {cursor:hand;}
.buttonLightBlue:link,.buttonLightBlue:visited,.buttonLightBlue:hover {
	float:left;
	color:#61A2DC;
	text-decoration:none;
	font-size: 10px;
	border:none;
	letter-spacing:0px;
	word-spacing:0px;
	font-weight:bold;
}
.buttonLightBlue:hover, .buttonLightBlue:focus, .buttonLightBlue:active {color:#fff;/* more visible on :hover and :focus */}
.buttonLightBlue * {display:block;}
.buttonLightBlue  div { /* left corner */
	padding:0 0 0 8px;
	background-image: url(../../Images/botonBlue_1_r1_c1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:0px !important;	
}
.buttonLightBlue div div { /* right corner */
	padding:0;
	background:url(../../Images/botonBlue_1_r1_c3.png) no-repeat right top;
	margin-right:16px !important;
	
}
.buttonLightBlue div div div { /* content */
	padding:10px 0 0 0; 
	background-image: url(../../Images/botonBlue_1_r1_c2.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin-right:0px; /*-3 very improtant*/
	margin-top:5px;
	height:27px;
	text-align:center;
	
}
/* end button*/

/****** Clases para barra de menus BackOffice*****************/
.GoHome, .GoStar, .AddEmp, .ModEmp, .AddNot, .ModNot, .Users, .OffersUsers
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color:#666666;
	background-repeat: no-repeat;
	background-position:top center;
	text-align: center;
	height:20px;
	width:70px;
	padding-top:50px;
	display:block;
} 
.GoHome:hover, .GoStar:hover, .AddEmp:hover, .ModEmp:hover, .AddNot:hover, .ModNot:hover, .Users:hover, .OffersUsers:hover
{
    background-position:top center;
	background-repeat: no-repeat;
	color:#4c98d6;
}
/*******Botones Ir a******************/

/*****Home****/
.GoHome{ 	background-image: url(../../Images/home.gif);}
.GoHome:hover{background-image: url(../../Images/home_color.gif);}	
/*****Star****/
.GoStar{ 	background-image: url(../../Images/inicio.gif);}
.GoStar:hover{	background-image: url(../../Images/inicio_color.gif);}

/*******Botones empleos******************/

/*****Agregar empleo****/
.AddEmp 
{ background-image: url(../../Images/add_employie.gif);}
.AddEmp:hover{background-image: url(../../Images/add_employie_color.gif);	}
	
/*****Modificar empleo****/
.ModEmp { background-image: url(../../Images/Modify_employie.gif);}
.ModEmp:hover{background-image: url(../../Images/Modify_employie_color.gif);}

/*****Botones noticias*******/
/*****Agregar noticia****/
.AddNot{ background-image: url(../../Images/add_notice.gif);}
.AddNot:hover{background-image: url(../../Images/add_notice_color.gif);}
	
/***********Modificar Noticia************/
.ModNot{ background-image: url(../../Images/modify_notice.gif);}
.ModNot:hover{background-image: url(../../Images/modify_notice_color.gif);}
	
/*******Botones Usuarios******************/

/*****Home****/
.Users{ background-image: url(../../Images/users.gif);}
.Users:hover{background-image: url(../../Images/users_color.gif);}
	
/*****Star****/
.OffersUsers{ background-image: url(../../Images/emploi_offer.gif);}
.OffersUsers:hover{background-image: url(../../Images/emploi_offer_color.gif);}


/***********************Email template****************************/

.mail
{
	padding-left:35px;
	background-image: url(../../Images/template_mail_r2_c1.png);
	background-repeat: repeat-y;
	background-position: top;
	
}