html
{
	height: 100%;
}

body
{
	height: 100%;
	background: #b1b3b4;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #707173;
}

hr
{
	height: 1px;
	border: 0px;
	color: #ddd;
	background-color: #ddd;
}

a
{
	color: #FF6633;
}

a:hover
{
	color: #fff;
	background-color: #FF6633;
}

div#outer_wrapper
{
	width: 1100px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: auto;
	background-color: #fff;
	background-image: url(../img/bg_wrapper.gif);
	background-repeat: repeat-y;
}

div#inner_wrapper
{
	width: 1074px;
	height: 100%;
	margin: auto;
	padding: 0 20px 0 20px;
}

/* 	HEADER	*/

div#top_area
{
	position: relative;
	width: 100%;
}

div#header
{
	height: 94px;
	
	background-position: top right;
	background-repeat: no-repeat;
}

div#lan_swap
{
	position: absolute;
	top: 10px;
	right: 0;
}

div#lan_swap a
{
	font-family: Arial, Verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #707173;
}

div#lan_swap a:hover
{
	color: #707173;
	background-color: #aaa;
	color: #fff;
}

div#date
{
	float: left;
	padding-right: 30px;
	font-family: Arial, Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #707173;
}

div#main_menu
{
	height: 20px;
	width: 100%;
	background-color: #fff;
	background-image: url(../img/bg_main_menu.gi);
	background-position: top right;
	background-repeat: no-repeat;
}

div#main_menu ul
{
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

div#main_menu li
{
	float: left;
	width: auto;
	height: 20px;
}

div#main_menu li a
{
    display: block;
    position: relative;
	border-right: 1px dashed #c39c4e;
	left: 150px;
	top: 2px;
	width: auto;
	height: 20px;
	padding: 9px 23px 7px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}

div#main_menu li a:hover
{
	background-image: url(../img/bg_main_menu_on.gi);
	background-position: top left;
	background-repeat: repeat-x;
}
div#v_menu
{
	height: 20px;
	width: 119px;
	margin: 0;
	background-color: #fff;
}

div#v_menu ul
{
	height: 36px;
	margin: 1px;
	padding: 2px 19px 2px 3px;
	list-style: none;
}

div#v_menu li
{
	float: left;
	width: auto;
	height: 36px;
}

div#v_menu li a
{
	display:block;
	border-bottom: 1px dashed #c39c4e;
	background-color: #fff;
	position: relative;
	top: 0px;
	width: 115px;
	height: 22px;
	padding: 8px 3px 3px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}

div#v_menu li a:hover
{
	background-image: url(../img/bg_main_menu_on1.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

div#header_graphics
{
	margin: 1px 0 0 0;
	height: 200px;
	left: 130px;
	position: relative;
}

div#photo
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 20px;
	background-color: #ffffff;
}

div#company_profile
{
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 1px;
	background-color: #ffffff;
}

/* 	CONTENIDO	*/

div#main_area
{
	background: url(../img/logo_background.jpg) no-repeat;
	background-position: top right;
	margin: 10px 0 0 0;
}

/* PRINCIPAL (IZQUIERDA) */

div#main_area div#content_left
{
	width: 720px;
	float: left;
	position: relative;
}

div#main_area div#content_left.full_width
{
	padding: 20px;
	float: none;
	width: 900px;

}

/* mensajes */

div#main_area div#content_left div#error,
div#main_area div#content_left div#message
{
	width: 100%;
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
	border-left: 1px solid #900;
	border-top: 1px solid #900;
	border-right: 2px solid #900;
	border-bottom: 2px solid #900;
	text-align: center;
}

div#main_area div#content_left div#error
{
	color: #900;
	border-color: #900;
	background-color: #F0D9D9;
}

div#main_area div#content_left div#message
{
	color: #009;
	border-color: #009;
	background-color: #D7EFFB;
}

/* t�tulos */

div#main_area div#content_left h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #777;
	margin: 0;
	padding: 0;
}

div#main_area div#content_left h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #777;
	margin: 1em 0 1em 0;
	padding: 2px 5px 2px 5px;
	background-color: #ddd;
}

/* textos */

div#main_area div#content_left p
{
	text-align: justify;
	line-height: 1.2em;
	margin: 0 0 1em 0;
}

div#main_area div#content_left ul
{
	margin: 0.5em 0 0.8em 20px;
	padding: 0;
}

/* LINKS */

div#main_area div#content_left div.alink
{
	padding: 5px 0 5px 0;
	margin: 0;
}

div#main_area div#content_left div.alink h1
{
	color: #bbb;
	text-decoration: none;
}

div#main_area div#content_left div.alink a
{
	text-decoration: none;
	color: #777;
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	border: none;
}

div#main_area div#content_left div.alink a:hover
{
	background-color: #f5f5f5;
	border: 1px solid #777;
}

/* SERVICES */

div#main_area div#content_left div#product h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF6633;
	margin: 0;
	padding: 0;
}

div#main_area div#content_left li
{
	padding: 5px 0 5px 0;
}

div#main_area div#content_left li ul
{
	padding: 0;
	margin-bottom: 0;
}
/* TEAM */


div#main_area div#content_left div.team_block
{
	padding: 0 0 25px 35px;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #ddd;
}

div#main_area div#content_left div.team_block2
{
	padding: 0 0 25px 35px;
	margin: 0 25px 25px 0;
	border-bottom: 1px solid #ddd;
}

div#main_area div#content_left div.team_info
{
	background: #f5f5f5;
	border: 0px solid #777;
	margin: 0;
	width: 950px;
	height: 120px;

}

div#main_area div#content_left div.team_info p
{
	color: #000;
	padding: 10px 10px 10px 25px;
}

div#main_area div#content_left div.team_info img
{
	float: left;
	padding: 10px;
}

/* EVENT */

div#table_photos
{
	text-align: center;
	width: 850px;
	margin: 0 0 0 5px;
	border-top: 1px solid #ccc;
 	border-left: 1px solid #ccc;
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
	background-color: #F9F9F9;
}

div#table_photos img
{
	padding: 10px;
}

div#main_area div#content_left div.media_info
{
	background: #fff;
	border: 1px solid #777;
	margin: 5px 0 0 0;
	width: 850px;
	height: 205px;

}

div#main_area div#content_left div.media_info img
{
	padding: 0;
}

/* PROJECTS */

div#main_area div#content_left div.info_info
{
	background: #f5f5f5;
	border: 1px solid #777;
	margin: 0 0 20px 0;
	width: 600px;
	height: 15px;
	margin: 20px 0 0 55px;

}

div#main_area div#content_left div.info_info p
{
	color: #000;
	padding: 15px 10px 10px 240px;
}

div#main_area div#content_left div.info_info img
{
	float: left;
	padding: 15px 10px 10px 220px;
}

/* ABOUT */

div#main_area div#content_left img.about
{
	float:left;
	border: 3px solid #eee;
	margin: 0 10px 10px 0;
}

/* SERVICES BACKIMAGE */

div#main_area div#content_left img.fleft
{
	float:left;
	margin: 0 10px 10px 0;
}

/* CLIENTS */

div#main_area img.logo_client
{
	margin: 0 20px 0 0;
}

/* SECUNDARIO (DERECHA) */

div#main_area div#content_right
{
	float: right;
	width: 195px;
	background-color: #d9dadb;
}

div#main_area div#content_right div.event_resume
{
	margin: 20px 20px 20px 13px;
	cursor: pointer;
}

div#main_area div#content_right div.event_resume h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ea6539;
	background-image: url(../img/bullet_resumen_eventos.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
}

div#main_area div#content_right div.event_resume p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	margin: 0;
	padding: 0 0 0 10px;
}

div#main_area div#content_right div.event_resume:hover h1
{
	color: #333;
}

div#main_area div#content_right div.event_resume:hover p
{
	color: #333;
}

/* 	FOOTER	*/

div.footer
{
	border-top: 1px dashed #999;
	margin: 30px 0 0 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	clear: both;
}

div#default_footer
{
	padding: 0 0 1px 0;
}

div#default_footer p
{
	text-align: center;
}

div#admin_footer
{
	padding: 0 0 20px 0;
}

div#admin_footer p
{
	text-align: right;
	margin: 5px 0 0 0;
}

/* CLASES Y AUXILIARES*/

.clear
{
	clear: both;
}

.required
{
	color: #f00;
}

/* FORMULARIOS (COMUN) */

div.form
{
	display: block;
	padding: 20px 0 20px 0;
	margin: 0;
	border-top: 1px solid #ccc;
 	border-left: 1px solid #ccc;
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
	background-color: #F9F9F9;
}

div.form form
{
	padding: 0;
	margin: 0;
}

div.form table
{
	padding: 0;
	margin: auto;
}

div.form .form_textfield,
div.form .form_textarea,
div.form .form_select,
div.form .form_filefield
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #666;
	color: #666;
}

div.form .form_button
{
	border: 1px solid #333;
	background-color: #ccc;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding: 2px 5px 2px 5px;
	width: auto;
}

div.form td.field_label
{
	vertical-align: top;
	padding: 3px 5px 0 0;
}

div.form td.instructions
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 200px;
}

/* FORMULARIO CONTACTO */

div#contact_form
{
	float: left;
	display: block;
	padding: 20px 60px 0px 60px;
	margin: 0;
	border-top: 1px solid #ccc;
 	border-left: 1px solid #ccc;
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
	background-color: #F9F9F9;
}

div#contact_form form
{
	padding: 0;
	margin: 0;
}

div#contact_form table.contact
{
	float: left;
	padding: 0;
	margin: 0;
}

div#contact_form .form_textfield,
div#contact_form .form_textarea,
div#contact_form .form_select,
div#contact_form .form_filefield
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #666;
	color: #666;
}

div#contact_form .form_button
{
	border: 1px solid #333;
	background-color: #ccc;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding: 2px 5px 2px 5px;
	width: auto;
}

div#contact_form td.field_label
{
	vertical-align: top;
	padding: 3px 5px 0 0;
}

div#contact_form td.instructions
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 200px;
}

div#contact_form .form_textfield,
div#contact_form .form_textarea
{
	width: 170px;
}

div#contact_form td.field_label
{
	width: 80px;
}

div#contact_info
{
	padding: 0 0 0 420px;
	margin: 0;
}

/* FORMULARIO ENVIAR CV */

div#cv_form .form_textfield,
div#cv_form .form_textarea
{
	width: 180px;
}

div#cv_form td.field_label
{
	width: 100px;
}

/* FORMULARIO NEWSLETTER */

div#newsletter_form .form_textfield,
div#newsletter_form .form_textarea
{
	width: 180px;
}

div#newsletter_form td.field_label
{
	width: 80px;
}

/* ADMINISTRACI�N */

/* listado acciones (menu) */

div#link_actions
{
	margin: 20px 0 0 0;
	padding: 0;
}

div#link_actions ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div#link_actions ul li
{
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
}

div#link_actions ul li a
{
	position: relative;
	top: 5px;
	left: -15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 5px 3px 5px;
	border: 1px solid #ccc;
	background: #eee;
	border-right: 2px solid #ccc;
	background: url(../img/bg_action_links.gif);
	background-repeat: repeat-x;
}

div#link_actions ul li a:hover
{
	color: #333;
}

/* listado */

div#list,
div#cv_view
{
	border: 1px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding: 10px;
}

div#list table
{
	width: 100%;
}

div#list table tr
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #eee;
}

div#list table th
{
	background-color: #eee;
}

div#list table tr:hover
{
	background-color: #F8F8F8;
}

div#list table th,
div#list table td
{
	text-align: left;
	margin: 0;
	padding: 3px 5px 5px 5px;
	border-bottom: 1px solid #eee;
}


/* CONTACTOS */

div#az
{
	position: absolute;
	top: -4px;
	right: 0;
}

div#az ul,
div#pager ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div#az ul li,
div#pager ul li
{
	float: left;
	padding: 0;
	margin: 0;
	background: url(../img/bullet_line.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

div#az ul li a,
div#pager ul li a,
div#pager ul li span.current
{
	margin: 0;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
}

div#az ul li a:hover,
div#pager ul li a:hover
{
	color: #000;
	text-decoration: underline;
	background-color: transparent;
}

/* FORMULARIO A�ADIR CONTACTO */

div#add_contact_form .form_textfield,
div#add_contact_form .form_textarea
{
	width: 180px;
}

div#add_contact_form td.field_label
{
	width: 80px;
}

/* VISTA CV */

div#cv_view table td
{
	border-bottom: 1px solid #ccc;
	padding: 5px;
	vertical-align: top;
}

div#cv_view table td.field_label
{
	width: 100px;
	font-weight: bold;
}

div#add_contact_form td.field_label
{
	width: 80px;
}

/* QUESTIONNAIRE */

div.coda_message
{
	margin:29px 40px 30px 0;
	padding:10px;
	text-align:center;
	font-size: 11pt;
	color: #3b579f;
	border: 1px solid #3b579f;
	background: #e3ebff;
}

div.coda_error
{
	margin:29px 40px 30px 0;
	padding:10px;
	text-align:center;
	font-size: 11pt;
	color: #f00;
	border: 1px solid #f00;
	background: #fee;
}

div.coda_form
{
	margin:30px 0 30px 0;
}

div.coda_form div.title
{
	margin: 30px 0 10px 0;
}

div.coda_form div.coda_text_field
{
}

div.coda_form table.options td.radio
{
	border:0;
	width: 5%;

}

div.coda_form table.options td.text
{
	border:0;
	padding:3px 5px 8px 0;
	width: 45%;
}

div.coda_form table.options td.text input
{
	margin:10px 0 0 0;
}

div.coda_form table.options td
{
	width: 50%;
}

div.coda_form table.multioptions
{
	width: 100%;
	border-collapse: collapse;
}

div.coda_form table.multioptions th.stgroup
{
	text-align: left;
	padding: 5px;
	border: 1px solid #999;
	background: #ddd;
}

div.coda_form table.multioptions td.st
{
	text-align: left;
	padding: 5px;
	border-bottom: 1px dotted #999;
}

div.coda_form table.multioptions td.stradio
{
	padding: 5px;
	border-bottom: 1px dotted #999;
	width: 10%;
}

div.coda_form table.multioptions th.opttitle
{
	padding: 0 5px 0 5px;
	border-bottom: 1px dotted #999;
}

div.coda_button
{
	margin: 30px 0 0 300px;
}

table.title_job
{
	border-bottom: 1px solid #999;
}

div.menu
{
	margin: 0;
	padding: 0;
	height: 55px;
}

div#menu h1
{
	margin: 0;
	float: left;
	padding: 17px 15px 0 25px;
}

div#menu ul
{
	margin: 0 25px 0 0;
	padding: 0;
	height: 55px;
	list-style: none;

}

div#menu ul li
{
	float: right;
	margin: 0;
	height: 55px;
	width: auto;
}

div#menu ul li img
{
	position: relative;
	padding: 0 5px 0 20px;
	float: left;
	width: 16px;
	height: 16px;
	border: 0;
}

div#menu ul li a
{
	position: relative;
	color: #5f5f5f;
	font-weight: bold;
	text-decoration: none;
	border: 0;
}

div#menu li a:hover,
div#menu li.selected a
{
	color: #ff7800;
	background: none;
}