/*
	00 Imports & resets
*/
@import url("9r_reset.css");
@import url("9r_grid.css");

/*
	01 Grid Bgs
*/
html,
body		{	background: url(/images/bg/patternFonfo.gif) top left repeat; }
#wrapper	{	background: url(/images/bg/wrapper.png) top left repeat-y; }
#header		{	background: url(/images/bg/header.jpg) top left no-repeat; }
#header	h1	{	background: url(/images/bg/logo.jpg) top left no-repeat; }
#footer		{	background: url(/images/bg/footer.jpg) top left repeat-x; }

/*
	02 Fonts
*/
html,
body
{
	font: normal 12px "Trebuchet MS", Times, serif;
}

/*
	03 Colours
*/
html,
body,
a
{
	color: #353535;
}
h1, h2, h3,
h4, h5, h6
{
	color: #3f750b;
}

#main p
{
	margin: 0px 0px 15px;
}

#main h2
{
	height: 41px;
	color: #313133;
	text-indent: 43px;
	line-height: 37px !important;
	font: bold 20px "Trebuchet MS";
	background: url(/images/bg/main-h2.jpg) center left no-repeat;
}
#main div.clients
{
	margin: 0px 0px 0px 10px;
}
#main div.clients h2
{
	margin: 0px 0px 10px;
}
#main div.clients p
{
	font-size: 12px;
	line-height: 15px;
	margin: 0px 0px 15px 10px;
}
#main div.clients .list-clients	{	margin-left: 10px; background: url(/images/bg/client-list.jpg) top left repeat; min-height: 120px; width: 690px; overflow: hidden	}
#main div.clients .list-clients li
{
	float: left;
	width: 108px;
	height: 90px;
	color: #757575;
	padding: 15px 10px;
	text-transform: uppercase;
	margin: 0px 10px 0px 0px;
	background: url(/images/bg/client.jpg) top center no-repeat;
}
#main div.clients .list-clients li a
{
	width: 104px;
	height: 76px;
	display: block;
	text-indent: -9999px;
}

#azafatas,
#events
{
	font: normal 12px/14px "Trebuchet MS";
}
#azafatas .desc,
#events .desc
{
	min-height: 207px;
	margin: -7px 0px 0px;
	padding: 0px;
}
#events .desc
{
}

#azafatas .desc img,
#events .desc img
{
	float: left;
	margin: 0px 10px 10px 0px;
}

#events h3,
#azafatas h3,
#ofrecemos h3,
#aportamos h3
{
	color: #353535;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
}
#events h3,
#azafatas h3	{	margin-bottom: -5px; padding-top: 7px;	}

#events .desc h3,
#azafatas .desc h3	{	margin-bottom: 0px;	}


#events h4,
#azafatas h4
{
	line-height: 30px !important;
	text-indent: 20px;
	color: #3f750b;
	height: 28px;
	line-height: 28px;
	margin: 25px 0px 20px;
	font: bold 18px "Trebuchet MS";
	background: url(/images/bg/h4.jpg) top left no-repeat;
}

#main strong,
.desc strong	{	font-weight: bold;	}

#skpx
{
	padding: 15px 0px;
}
#skpx .desc	{	margin: 11px 0px;	}
#skpx h3
{
	color: #353535;
	font: bold 16px "Trebuchet MS";
	line-height: 25px;
	background: url(/images/content/skpx-h3.jpg) top left no-repeat;
}
#skpx h3,
#skpx p	{	padding-left: 30px;	}
#skpx p			{	line-height: 15px;	}
#skpx p strong	{	font-weight: bold;	}

#ofrecemos .desc,
#aportamos .desc
{
	min-height: 206px;
	margin: -6px 0px 0px;
	padding: 6px 335px 0px 0px;
	background: url(/images/bg/ofrecemos.jpg) 371px top no-repeat;
}
#aportamos .desc	{	background: url(/images/bg/aportamos.jpg) 360px top no-repeat;	}
#aportamos #aporte,
#ofrecemos #oferta
{
	width: 651px;
	height: 306px;
	margin: 21px 0px 0px;
	padding: 45px 15px 0px;
	background: url(/images/bg/oferta.jpg) top center no-repeat;
}
#aportamos #aporte	{	background: url(/images/bg/aporte.jpg) top center no-repeat;	}
#ofrecemos #oferta p
{
	margin: 5px 0px;
}
#ofrecemos #oferta ul	{	margin: 20px 0px 0px;	}
#ofrecemos #oferta li
{
	float: left;
	width: 46%;
	height: 32px;
	padding-left: 4%;
	line-height: 32px;
	font: bold 16px "Trebuchet MS";
	background: url(/images/bg/oferta-star.png) top left no-repeat;
}
#ofrecemos #oferta li.odd,
#aportamos #aporte li.odd	{	color: #d86600;	}

#aporte .col
{
	float: left;
	margin: 0px 10px 0px 0px;
	font: bold 16px/24px "Trebuchet MS";
}
#aporte .col h3
{
	color: #3f750b;
	margin: 0px 0px 5px;
	text-transform: uppercase;
}
#aporte .col li
{
	padding-left: 22px;
	background: url(/images/bg/staff-star.png) center left no-repeat;
}

#quienes-somos
{
	margin: -6px 0px 0px;
}
#quienes-somos .desc
{
	line-height: 14px;
	min-height: 206px;
	margin: 0px 30px 5px 0px;
	padding: 15px 0px 0px 325px;
	background: url(/images/bg/quienes.jpg) top left no-repeat;
}
#quienes-somos #premisa	{	margin-left: 15px; margin-top: 2px;	}

#presupuesto form	{	background: #f3f3f3; width: 649px; height: 381px; padding: 15px; margin-top: 20px; }
#presupuesto form fieldset	{	float: left; }
#presupuesto form fieldset.left	{	padding-right: 15px; border-right: 1px solidĘ#cccaca;	}
#presupuesto form fieldset.right	{	padding-left: 15px; width: 255px; border-left: 1px solid #fff;	}
#presupuesto form legend
{
	color: #3f750b;
	margin-bottom: 15px;
	font: bold 14px "Trebuchet MS";
} 
#presupuesto form label	{	width: 73px; float: left;	}
#presupuesto .right label	{	width: 68px; float: left;	}
#presupuesto form li	{	margin-bottom: 7px;	}
#presupuesto form li input	{	width: 270px;border:1px solid #CCCCCC;
padding:2px;	}
#presupuesto p	{	margin: 5px 0px;	}
#presupuesto .right li	{	clear: both; margin: 0px 0px 10px;	}

fieldset#other	{	float: none; margin: 20px 0px 10px;	}

#presupuesto textarea
{
	width: 569px;
	height: 80px;
}

#presupuesto .footnote
{
	padding: 20px;
	font-size: 11px;
	line-height: 11px;
}
#presupuesto .footnote li
{
	width: 46%;
	float: left;
	padding-left: 3%;
	margin: 0px 1% 5px 0px;
	background: url(/images/bg/footnote.jpg) top left no-repeat;	
}
#presupuesto .left .small
{
	float: left;
	width: 180px;
}
#presupuesto .left .small.two label	{	text-indent: 5px;	}
#presupuesto .left .small.two input	{		}
#presupuesto .right .small	{	float: left; width: 120px; clear: none;	}
#presupuesto .small input	{	width: 91px; }
#presupuesto form p			{	text-align: center;	}
#presupuesto form p input
{
	border: 0;
	width: 133px;
	height: 17px;
	text-indent: -9999px;
	background: url(/images/content/solicitar.png) top left no-repeat;	
}
#presupuesto select	{	font: normal 11px Arial; color: #353535;	}

/*
	Ofertas de trabajo
*/
.vacancies-list			{	float: left; width: 381px; }
.vacancies-list .item
{
	clear: both;
	padding: 15px 10px 30px;
	background: url(/images/bg/oferta_sep.jpg) bottom center no-repeat;
}
.vacancies-list .item ul		{	font-weight: bold; font-size: 11px; margin: 10px 0px 0px;	}
.vacancies-list .item li		{	float: left; width: 50%;	}
.vacancies-list .item li strong	{	color: #3f750b;	}

.vacancies-form
{
	float: right;
	width: 250px;
	min-height: 405px;
	padding: 30px 15px 15px;
	background: #f3f3f3 url(/images/bg/vacancies-form.jpg) top left no-repeat;	
}
.vacancies-form legend		{	display: none; visibility: hidden;	}
.vacancies-form ul			{	margin: 10px 0px;	}
.vacancies-form li			{	clear: both; margin: 0px 0px 10px; min-height: 20px; line-height: 20px !important;	}
.vacancies-form li label	{	width: 75px; float: left;	}
.vacancies-form li input	{	height: 16px; width: 170px; border: 1px solid #ccc;	}
.vacancies-form li.file input,
.vacancies-form li.radio input	{	width: auto;	}
.vacancies-form li.file input	{	float: none; display: block; clear: both;	}
.vacancies-form textarea	{	height: 85px; width: 175px; border: 1px solid #ccc;	}
.vacancies-form p		{	text-align: right;	}
.vacancies-form p input	{	background: url(/images/bg/enviar-cv.jpg) top left no-repeat; width: 90px; height: 17px; text-indent: -9999px; border: 0;	}

.vacancies-form .error { display: none; }
#main p.error
{
	margin: 5px 0px 0px !important;
	color: #fff;
	font-size: 11px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background: #666;
}

.formnote li
{
	margin: 0;
	font-size: 11px;
	padding: 0px 0px 5px 18px;
	line-height: 11px !important;
	background: url(/images/bg/form-li.png) top left no-repeat;
}

#vacancies			{	padding: 10px 0px 0px;	}
#vacancies h3
{
	height: 26px;
	color: #252525;
	text-indent: 10px;
	margin: 15px 0px 5px;
	line-height: 26px !important;
	font: bold 16px "Trebuchet MS";
	background: url(/images/bg/vacancies-h3.jpg) bottom center no-repeat;
}
#vacancies p		{	margin: 0px 0px 5px !important;	}
#vacancies p strong	{	font-weight: bold;	}

#contacto .desc
{
	height: 288px;
	margin: -6px 0 30px;
	padding: 7px 0px 0px 375px;
	background: url(/images/bg/contact.jpg) top left no-repeat;
}
#contacto .options
{
	margin: 50px 0px 0px 70px;
}
#contacto .options li
{
	margin: 0 0 25px;
}