/* CSS Document */
HTML, BODY {
	background:#E4E4E4 url(../images/main_bkg.jpg) repeat-x left top;
	padding:0px;
	margin:0px;
}
DIV.mainBox {
	position:relative;
	width:460px;
	min-height:580px;
	height:auto;
	background:#E4E4E4 url(../images/mainbox_bkg.gif) repeat-y left top;
	margin-top:5px;
	padding:65px 30px 65px 290px;
}
DIV.headerLogo {
	position:absolute;
	width:272px;
	height:93px;
	left:0px;
	top:0px;
}
DIV.mainImg {
	position:absolute;
	width:272px;
	height:375px;
	bottom:0px !important;
	bottom:-2px;
	left:0px;
	background:#FFFFFF url(../images/main_img.jpg) no-repeat left top;
}
/* ---------- MENU ---------- */
DIV.menu {
	position:absolute;
	width:272px;
	height:185px;
	left:0px;
	top:93px;
	background-image:url(../images/menu_bkg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
DIV.links {
	position:absolute;
	width:266px;
	height:180px;
	right:0px;
	top:0px;
	z-index:500;
}
UL#sectionLinks{
	list-style:none;
	margin:0px;
	padding:0px;
	float:right;
}
UL#sectionLinks LI {
	display: inline;
	margin: 5px 0px 0px 0px;
	width: 272px;
	height:40px;
	text-align:right;
	float:right;
}
UL#sectionLinks LI a{
	float:left;
	width:258px;
	height:40px;
	line-height:40px;
	padding-right:14px;
	padding-top:5px;
	font:24px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background: url(../images/arrow_sel.gif) no-repeat 293px 0px;
}
DIV.inicio {top:2px;}
DIV.servicios {top:47px !important;top:52px;}
DIV.que {top:92px !important;top:102px;}
DIV.contacto {top:137px !important;top:152px;}
DIV.inicio, DIV.servicios, DIV.que, DIV.contacto {
	position:absolute;
	width:0px;
	height:45px;
	right:0px;
	background-color:#FFFFFF;
	z-index:1;
	opacity:0;
	filter:alpha(opacity=0);
}
/* ---------- TITLE ---------- */
DIV.titleContainer {
	position:absolute;
	width:508px;
	height:65px;
	top:0px;
	right:0px;
	background:#FFFFFF url(../images/whitebox_top.jpg) no-repeat left top;
}
DIV.title {
	position:absolute;
	width:460px;
	height:28px;
	left:16px;
	bottom:15px;
	font:28px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#5480B7;
	text-align:left;
}
/* ---------- CONTENT ---------- */
DIV.content {
	position:relative;
	width:460px;
	height:auto;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#666666;
}
DIV.indexServices {
	position:relative;
	width:460px;
	height:140px;
	padding-top:160px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#666666;
}
DIV.repNotLink, DIV.repCamLink, DIV.recDatLink {
	position:absolute;
	width:460px;
	height:140px;
	top:0px;
	left:0px;
}
DIV#verticaltextMenu {
	position:relative;
	width:460px;
	height:160px;
}
DIV.repNotLink {opacity:1;filter:alpha(opacity:100);z-index:500;}
DIV.recDatLink {opacity:0;filter:alpha(opacity:0);z-index:100;}
DIV.repCamLink {opacity:0;filter:alpha(opacity:0);z-index:100;}

DIV.servicesDivs {
	position:relative;
	width:460px;
	height:80px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#666666;
	background-color:#FFFFFF;
	overflow:hidden;
	margin-bottom:10px;
}
DIV.servicesDivsClosed {height:30px;}
DIV.servicesDivs a{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#D05800;
}
SPAN.titleLink {
	font:24px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-align:left;
	color:#659500;
}
SPAN.titleLinkSelected {
	padding-left:16px;
	color:#D05800;
}
SPAN.titleLinkSelected SPAN{
	color:#5480B7;
}
DIV.servicesDivs DIV#repNotLinkF, DIV.servicesDivs DIV#repCamLinkF, DIV.servicesDivs DIV#recDatLinkF{
	position:absolute;
	width:12px;
	height:24px;
	top:3px;
	left:0px;
	background:#FFFFFF url(../images/arrow_serv.gif) no-repeat left top;
	z-index:1000;
}
DIV.servicesDivs DIV#repNotLinkF {opacity:1;filter:alpha(opacity=100);}
DIV.servicesDivs DIV#repCamLinkF, DIV.servicesDivs DIV#recDatLinkF {opacity:0;filter:alpha(opacity=0);}

/* ---------- FOOTER ---------- */
DIV.footer {
	position:absolute;
	width:508px;
	height:64px;
	bottom:0px !important;
	bottom:-2px;
	right:0px;
	background:#FFFFFF url(../images/whitebox_bottom.jpg) no-repeat left top;
}
DIV.copyRight {
	position:absolute;
	width:260px;
	height:22px;
	left:43px;
	bottom:17px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#666666;
}
DIV.dokkoLink {
	position:absolute;
	width:61px;
	height:30px;
	right:17px;
	bottom:13px;
}

INPUT {
	width:315px;
	border:1px solid #dddddd;
	font-family:Arial;
	color:#a8a8a8;
	font-size:12px;
	padding-left:5px;
	margin-bottom:10px;
}

TEXTAREA {
	width:315px;
	height:204px;
	border:1px solid #dddddd;
	font-family:Arial;
	color:#a8a8a8;
	font-size:12px;
	padding-left:5px;
}

DIV.contactoEnviar {
	padding-top:10px;
	padding-right:56px;
	color:#000;
	text-align:right;
}

DIV.contactoEnviar INPUT {
	width:78px;
	height:24px;
	border:0px;
	font-family:Arial;
	font-size:14px;
	font-weight: bold;
	color:#FFF;
	text-align:center;
	background-image: url('../images/send_btn.jpg');
}

DIV.contactoError {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#F00;
	padding-top:10px;
	text-align:left;
	padding-bottom:10px;
}

SPAN.msgOk{
	color:#4CB050;
}
SPAN.msgError{
	color:#BA2C2B;
	padding-left:20px;
	background-image:url(../images/error_icon.gif);
	background-position:left center;
	background-repeat:no-repeat;	
}

SPAN.contactoTitle {
	font-family:Arial;
	font-size:13px;
	color:#5480B7;
	text-align:left;
}

DIV.infoDelphos{
	position:relative;
	top:200px;
	text-align:right;
	padding-right:15px;
	font-family:Verdana;
	font-size:12px;
	color:#FFF;
}