@charset "utf-8";
/* CSS Document ñ*/



/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	/*color: #575757;*/
	color: #000;
	
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	background: #fff;
	/*line-height: 0.8em;*/
	/*letter-spacing: -0.5px;*/

}

/*#legal { background: #fff; }*/


/* Class for clearing floats */
.clear { overflow: hidden; width: 100%; clear: both; }

/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important; }
.alignMiddle { vertical-align: middle !important; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin: 0 auto }

.floatLeft { float: left; }
.floatRight { float: right; }
.imgFloatRight { margin: 0 0 20px 20px; float: right; }
.imgFloatLeft { margin: 0 20px 20px 0; float: left; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }


.ml10px { margin-left:10px !important;}
.ml20px { margin-left:20px !important; }
.ml30px { margin-left:30px !important; }
.ml40px { margin-left:40px !important; }
.ml50px { margin-left:50px !important; }
.ml230px { margin-left:230px !important; }
.mr10px { margin-right: 10px !important;}
.mr20px { margin-right: 20px !important;}
.mr60px { margin-right: 60px !important;}
.mr140px { margin-right: 140px !important;}
.mr150px { margin-right: 150px !important;}
.mr160px { margin-right: 160px !important;}

.mt8px  { margin-top: 8px !important;}
.mt10px { margin-top: 10px !important;}
.mt20px { margin-top: 20px !important;}
.mt30px { margin-top: 30px !important;}
.mt50px { margin-top: 50px !important;}
.mt100px { margin-top: 100px !important;}

.mb10px { margin-bottom: 10px !important;}
.mb20px { margin-bottom: 20px !important;}
.mb30px { margin-bottom: 30px !important;}

.pt10px { padding-top: 10px !important; }

.pr10px { padding-right: 10px !important; }

.pl10px { padding-left: 10px !important; }

.pb10px { padding-bottom: 10px !important; }   

.w10p { width: 10%; }
.w17p {width: 17%;}
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.winherit { width: inherit; }
.wauto { width: auto; }
.w10px { width: 10px; }
.w25px { width: 25px; }
.w30px { width: 30px; }
.w35px { width: 35px; }
.w40px { width: 40px; }
.w50px { width: 50px; }
.w60px { width: 60px; }
.w65px { width: 65px; }
.w70px { width: 70px; }
.w73px { width: 73px; }
.w75px { width: 75px; }
.w80px { width: 80px; }
.w81px { width: 81px; }
.w85px { width: 85px; }
.w90px { width: 90px; }
.w95px { width: 95px; }
.w97px { width: 97px; }
.w100px { width: 100px; }
.w105px { width: 105px; }
.w110px { width: 110px; }
.w115px { width: 115px; }
.w117px { width: 117px; }
.w120px { width: 120px; }
.w130px { width: 130px; }
.w140px { width: 140px; }
.w150px { width: 150px; }
.w160px { width: 160px; }
.w170px { width: 170px; }
.w180px { width: 180px; }
.w190px { width: 190px; }
.w200px { width: 200px !important; }
.w210px { width: 210px; }
.w215px { width: 215px; }
.w220px { width: 220px; }
.w230px { width: 230px; }
.w240px { width: 240px; }
.w250px { width: 250px; }
.w260px { width: 260px; }
.w265px { width: 265px; }
.w270px { width: 270px; }
.w290px { width: 290px; }
.w300px { width: 300px; }
.w340px { width: 340px; }
.w350px { width: 350px; }
.w360px { width: 360px; }
.w390px { width: 390px; }
.w400px { width: 400px; }
.w420px { width: 420px; }
.w425px { width: 425px; }
.w430px { width: 430px; }
.w450px { width: 450px; }
.w460px { width: 460px; }
.w465px { width: 465px; }
.w478px { width: 478px; }
.w480px { width: 480px; }
.w453px { width: 453px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }

.h10px { height: 10px; }
.h40px { height: 40px; }
.h50px { height: 50px; }
.h90px { height: 90px; }
.h100px { height: 100px; }

strong { font-weight: bold; }

em {font-style: italic; }

ul {
	list-style: none;
	list-style-position: outside;
	font-size: 1.1em;
}

ul ul{ font-size: 1em;}


ol {
	list-style-position: inside;
	color: #777; font-size: 1.2em; margin: 1.5em;
}

select{ font-size: 11px;}

.enlinea {display: inline;}
.bloques {display: block;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */



/* =Layout
-----------------------------------------------------------------------------*/

#wrapper{
	width: 869px;
	padding: 5px 0;
	margin: 0 auto;
}

	#header {
	
	}
	
		#topMenu {
		    height: 19px; width: 869px;
		}
            .h19{ height: 19px; overflow: hidden;}
			#topMenu img{ display: inline !important;}
			
			#login{ background: #c7e3c5; color: #575757; position: relative}
                #btnLogin{ color: #575757 !important; text-decoration: none !important; display: block; padding: 2px 10px 1px 10px; width: 127px; background: url(../img/login_1.gif) no-repeat 120px 2px}
            #loginForm{ position: absolute; top: 19px; left: 0; width: 199px; padding: 8px 10px 5px 10px; background: #c7e3c5;}
                #loginForm p{ font-size: 1.1em; line-height: 130%; display: block; width: 170px; margin-bottom: 5px;}
            .loginTextField{ font-size: 1em; padding: 2px; border: 1px solid #949f61; width: 165px}
		
	#mainMenu li {float: left; height: 31px; }
	
	#banners {
		padding: 15px;	}
		
		.banner-row { }

			.banner-item { width: 194px; margin: 0 21px 0 0; float: left; }
			.banner-item.last { margin: 0; }
			
				.banner-item img { display: block; }


	#content {
		min-height: 330px; /* por el momento*/
		position: relative;
	}
		#inicio #content { background: #c6e3c5; }
			
		#cookieCrumb {
			height: 15px;
			color: #44a43d;
			width: 864px;
			background: #fff;
			padding: 10px 0 10px 5px ;
            font-size: 1.1em; 
		}
		
		#menuLateralOuter { background-color: #44a43d; min-height: 313px; }
		
		.menuLateral {
			width: 216px;
			min-height: 206px; /* por el momento*/
			background: #44a43d;
		}
			*html .menuLateral { height: 206px }
		
			.menuLateral ul { padding: 0px 20px 0 0; list-style-type: disc; list-style-position: inside; color: #fff; }  /*antes tenia 8px dde tiene 0px */

			.menuLateral li { margin: 3px 0; line-height: 150%; padding: 0 0 5px 0; }
			
			.menuLateralWrapper{ padding: 10px 0 10px 20px } /* Nuevo para tener padding cuando quiera */
       
            .menuLateralHome2, .menuLateralHome1{ height: 313px !important; overflow: hidden;}

            .menuLateralHome2 li{ text-align: right !important;}
            
            .menuLateralHome2 h2{ text-align: right !important; padding: 0 20px 5px 0 !important;}
            
            .menuLateral.legal { background: none; }
			
		#contentLeft {  
			width: 390px;
			padding: 0 20px;
		}
		
		
		#contentRight {
			width: 218px;
			
		}
		
		#contentCenter {
			width: 628px;
			padding: 0 0 20px 20px;
			position: relative;
		}
		
		#contentCenter2 {
			width: 628px;
			padding: 0 0 20px 15px;
			position: relative;
		}
							
	
	#slogan{
        text-align: center;
        padding: 20px 50px 10px 50px;
        margin: 10px 0 0 0;
        font-size: 1.2em;
        font-style: italic;
        font-weight: bold;
        border-top: 1px solid #C6E3C5; 
    }
    
    #inicio #slogan {
        border: none;
    }	
		
	#footer {
	    margin-top: 10px;
		background: url(img/bkg_footer_01.gif) repeat-x left top;
		padding: 8px 0 10px 0;
		text-align: center;
		font-size: 1.1em
	}
	#footer a:link, #footer a:visited{ text-decoration: none !important; color: #575757 !important} 


/* Classes
 
-------------------------------------------------------------------------*/
.listOne { margin: 0 0 0 20px; font-size: 1.1em; font-weight: normal; line-height: 1.2em;}
.listOne p{ font-size: 1em !important; margin: 10px 0 !important;}
.listOne li {
	background: transparent url(img/bullet_arrow_02.gif) no-repeat scroll left top; 
	padding: 0 0 0 30px; 
	margin: 0 0 10px 0;
}

.listTwo { padding: 20px 0 ; border-bottom: 1px solid #ccc; font-size: 1.2em; }
.listTwo .bullet { background: transparent url(img/bullet_arrow_04.gif) no-repeat left top; padding: 0 0 0 20px; margin: 0 0 10px 0; display: block; line-height: 1.2em}
.listTwo .normal { padding: 0 0 0 20px; display: block; }
.listTwo li { margin: 0 0 10px 0; padding: 0 0 0 20px; }

.listThree li {background: transparent url(../img/bullet_list_three.gif) no-repeat 5px 5px; padding: 0 0 0 20px;}


.toggleMore{
	background: transparent url(img/bullet_plus_01.gif) no-repeat right center; padding: 0 20px 0 0 !important}

.toggleLess{
	background: transparent url(img/bullet_minus_01.gif) no-repeat right center; padding: 0 20px 0 0 !important}

.greenLink { 
	color: #44a43d !important;
	/*background: transparent url(img/bullet_arrow_03.gif) no-repeat scroll right center; */
	padding: 0 15px 0 0; 
}
.greenLink2 {color: #44a43d !important;}



.bullet01 {display: block; background: transparent url(img/bullet_arrow_01.gif) no-repeat scroll right center; width: 170px; padding: 0 20px 0 0; margin: 0 0 5px 0 }
.bullet02 { background: transparent url(img/bullet_arrow_03.gif) no-repeat scroll right center; padding: 0 15px 0 0; }
.bulletFinestra { display: block; background: transparent url(img/bullet_finestra_01.gif) no-repeat scroll right center; width: 170px; padding: 0 20px 0 0; margin: 0 0 5px 0 }
.bulletWin { background: transparent url(img/bullet_window_01.gif) no-repeat scroll right center; padding: 0 20px 0 0 }
.bulletPdf { background: transparent url(img/bullet_pdf_01.gif) no-repeat scroll right center; padding: 0 50px 0 0; }
.btnTornar { 
	position:absolute;
	top: 0;
	left: 570px;
	width: 84px;
	height: 31px;
}

.thumbnails li{
	display: block;
	float: left;
	margin: 5px;
	
}

.finestraLarge{ width: 610px !important;} /* finestra ancha */

.finestra {
	background: #fff;
	width: 439px;
	min-height: 236px;
	border: 1px solid #999;
	position: absolute;
	top: 26px ;
	left: 216px;
	padding: 8px 0 0 0;
}
	*html .finestra { height: 236px; }
	
	.finestraHeader {
		height: 21px;
		position: relative;
		background-color: #44a43d;
		padding: 2px 0 2px 48px;
	}
	.finestraHeader img {
		position: absolute;
		top: 5px;
		left: 410px;
	}
	.finestraLarge .finestraHeader img {
		left: 580px;
	}
	.finestraContent {
		padding: 25px 25px 0 50px;
	}

.info-legal {
	background-color:#fafafa;
	border:1px solid #eee;
	font-size: .9em;
	padding:10px;
	margin: 0 0 20px 0;
}
	
/*------------------------------------------------------------------------*/	
	
	
/*tables 
-------------------------------------------------------------------------*/
	
		table.ofertasDestacadas { 	
			width: 405px;
			margin: 5px 0 0 0;
			font-size: 12px;
			line-height: 1.2em;
			border-collapse: collapse;
		 }
		
		table.ofertasDestacadas td{
			border-bottom: 1px #369b31 solid;
		}
		
	
/*-----------------------------------------------------------------------*/
	
	
	
/* =Type
-----------------------------------------------------------------------------*/
h1 { color: #44a43d; font-size: 2em; font-weight: bold; letter-spacing: -1px; margin: 0 0 15px 0; line-height: 1em; }
	.menuLateral h2 { color: #add6aa; font-size: 16px ; font-weight: bold ; letter-spacing: -1px ; padding: 0 20px 5px 0 !important; line-height: 1.3em;  }
h2 { color: #44a43d; padding: 10px 0 10px 0; font-size: 1.4em; font-weight: normal; }
h3 { color: #575757; font-size: 1.4em; font-weight: bold; letter-spacing: -0.5px }

#contentRight h4 { background: url(img/bkg_title_right_01.gif) repeat-y left top; color: #fdfdfd; padding: 5px 10px; font-size: 1.2em; }

#contentCenter p { margin: 0 0 15px 0; font-size: 1.1em;}

#topMenu, #topMenu a { color: #369B2F; }
#topMenu a.lang:link, #topMenu a.lang:visited { margin: 0 5px 0 0; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 1.4em; letter-spacing: -1px }
#topMenu a.lang:hover, #topMenu a.selected { color: #000000; }

.menuLateral a:link, .menuLateral a:visited { text-decoration: none; color: #FBFBFB !important; line-height: 1.2em; font-size: 1.1em;}
.menuLateral a:hover, .menuLateral a.selected  { color: #000000 !important; }

#content a:link, #content a:visited { text-decoration: none; color: #575757;}

#contentLeft p { margin: 0 0 20px 0; font-size: 1.2em; letter-spacing: 0; line-height: 140%; } /* cuerpo central */
#contentLeft li { font-size: 1.1em; letter-spacing: 0; line-height: 1.2em } /* cuerpo central */
	#contentLeft li p { font-size: 100%; }
	#contentLeft li li { font-size: 100%; }

#contentCenter p { margin: 0 0 20px 0; font-size: 1.2em; letter-spacing: 0; line-height: 140%; } /* cuerpo central */
#contentCenter li { font-size: 1.1em; letter-spacing: 0; line-height: 1.2em } /* cuerpo central */
	#contentCenter li li { font-size: 100%; }

.linkOne, .linkPdf { color: #44a43d !important;}
.linkTwo {  }
#contentRight { color: #939393 }
#contentRight p { padding: 15px 0 0 15px; font-size: 1.1em; line-height: 1.2em; }

.finestra h2 { color: #FFF; font-size: 13px; line-height: 0 }
.finestra h3 { margin: 5px 0; font-size: 12px; }
.finestraContent p { margin: 10px 0; font-size: 11px }

#cookieCrumb a{
    color: #44a43d !important;
}

#lateralRecursos{ background: #c6e3c5 !important; width: 198px; padding: 10px;line-height: 1.2em;}
    #lateralRecursos h2 { color: #575757; font-weight: bold; letter-spacing: -1px; font-size: 1.5em; margin-bottom: 10px;}
    #lateralRecursos h3{ font-size: 1.4em;}
    
    .rightArrow{
        display: block; background: url(../img/green_arrow.gif) no-repeat right 5px; padding: 0 30px 0 0; margin: 5px 10px 5px 0;
    }
    #lateralRecursos li{
        border-bottom: 1px solid #369b31; padding: 2px 0;
    }

/** listado especial en selección de personal */
.listPasos{width: 285px; margin: 0 auto;}
    .listPasos li{ height: 34px; padding: 6px 10px 0 10px; text-transform: uppercase; text-align: center; color: #000; margin-bottom: 5px;}
        .li_1{ background: url(../img/bkg_list_01.gif) no-repeat left top;}
        .li_2{ background: url(../img/bkg_list_02.gif) no-repeat left top;}
        .li_3{ background: url(../img/bkg_list_03.gif) no-repeat left top;}
        .li_4{ background: url(../img/bkg_list_04.gif) no-repeat left top;}
        .li_5{ background: url(../img/bkg_list_05.gif) no-repeat left top;}
/** mayúsculas */
.upper{ text-transform: uppercase}

.fontSizeMin1{ font-size: 0.9em;}

.calculadora{ width:570px; margin: 0 20px; font-size: 1.1em; border-collapse: collapse; line-height: 1.1em;}
.calculadora .w50px{ width: 60px;}
.calculadora th{ vertical-align: bottom; padding: 5px;}
.calculadora td{padding: 10px}
    .bkgGreen td{ background: #daf0d9}
    .bkgGreenLight td{ background: #EBF0EA}
    .concepto{ padding-left: 30px !important}
    .calculadora .total{ color: #000; font-weight: bold; text-align: center;}
    .calculadora .lineatotal { border-top : 1px solid #44a43d; font-size: 1.1em; font-weight: bold; padding: 20px 5px;}
    .calculadoraFooter{ height:40px;} 
    
.textField{border:1px solid #5b5b5b; font-size: 11px;}

.checkBox { margin: 0 10px 0 140px !important; float: left; /*width: 140px*/}

.btnOfertas{
    display: block;
    padding: 10px 10px 10px 20px;
    font-size: 1.2em !important;
    margin-top: -5px;
    background: #86cc80; color: #fff; font-weight: bold;
}

/** OFERTAS DE TRABAJO */
#offers{ width: 100%; font-size: 1.1em; border: none; border-collapse: collapse;}
#offers a:link, #offers a:visited{ color: #575757;}
#offers a:hover, #offers a:active{ text-decoration: underline;}
    #offers td, #offers th { border-bottom: 1px solid #575757; padding: 5px 4px 5px 0;}
    #offers th{ color: #44a43d; font-weight: bold;}

.offerFicha{ width: 100%; font-size: 1.1em; border-collapse: collapse; border: none;}
    .offerFicha td, .offerFicha th {padding: 0 10px 5px 0; line-height: 1.2em;}
    .offerFicha th{color: #44a43d; width: 30%;}
    .offerFicha ul { font-size: 1em; }
    
.offerFooter{ background: #dcefdb;}
    .offerFooter th{ padding: 10px; vertical-align: middle}
    .offerFooter td{ padding: 0 10px 5px 10px; vertical-align: middle}    
    
/** NOTCIAS **/
.newsMenu ul {padding:0 !important}
.newsMenu h3{padding: 5px 0 0 0 !important; margin:0 !important; line-height: 1em;}

/**  **/
.formRow{ font-size: 1.1em; padding: 2px 0;}
.formRow label{ display: block; width: 130px; float: left; padding-right: 10px}
    .error-message{ color: #FF0000; clear: both;}

table#idiomas{ border: none;}

/**  Mapa del sitio */
#mapaweb .bkgGreen{ padding: 20px; min-height: 420px;}
    * html #mapaweb .bkgGreen{height: 420px;}
    
.bkgGreen{ background: #cceac9;}
#mapaweb li{ line-height: 110%; padding: 3px 0;}
#mapaweb ul ul li{ padding-left: 10px;}
#mapaweb ul a{ color: #000;}
#mapaweb ul ul a{ color: #2f9728 !important;}

#mapawebFoot{ padding: 30px 0 10px 0; clear: both; }
    #mapawebFoot ul li{ display: inline;}
    #mapawebFoot .col2{ padding: 15px 10px 15px 40px; background: #cceac9; width: 718px}
    
.costo, .horas, .costo2, .horas2 { text-align: right }