﻿body {
	background:url(../imagenes/bg01.jpg) repeat-x left; 
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	font-size:12px;
}



/* TYPOGRAPHY */

h1 
{
    font-size:35px;
	margin:0 0 0px 0;
	font-weight:normal;	
	color:#CCC;
	line-height:90%;
    }
    
h2 {
	font-size:25px;
	margin:0 0 48px 0;
	font-weight:normal;
	text-transform:uppercase;
	color:#CCC;
	line-height:90%;
	}
	
h3 {}

h4 {
	font-size:110%;
	color:#000;
	margin:0;
	font-weight:bold;
}


a {
	color:#666;
	text-decoration:none;
}

a:hover, a:link:hover {
	color:#000;
	text-decoration:underline;
	cursor:url(imagenes/cursor.cur), url(../imagenes/cursor.cur), crosshair;
}

.color-conf
{
    color:#6fabb1;
}

img 
{
    border:0px;
}

.textbox, .textboxarea
{
    color:#6fabb1;
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border: solid 1px #6fabb1;
}

.textbox
{
    height:14px;    
}

.boton
{
    background-color:#6fabb1;
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	border: solid 0px #6fabb1;
	color:#ffffff; 
	height:22px;   
	cursor:url(imagenes/cursor.cur), url(../imagenes/cursor.cur), crosshair;
}

.mensaje-error
{
    color:#6fabb1;
    font-weight:bold;
}

/* MAIN LAYOUT */

#pagecontainer {
	position:relative;
	width:962px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}

#header {
	position:relative;
	width:942px;
	height:114px;
	padding:10px 10px;
	background-color:#6fabb1;
}

#breadcrumbs {
	margin:4px 0 4px 5px;
	}

#content {
	margin:4px 0 20px 0;
	position:relative;
	width:962px;
	background:url(../imagenes/columnL_BG.png) repeat-y;
	min-height:390px;
	_height:390px;
}

#flashGallery {
	position:absolute;
	z-index:20;
	width:620px;
	height:410px;
	left:-8px;
	}

#footer {
	position:relative;
	width:946px;
	height:24px;
	padding:8px;
	background-color:#000;
}

#footer a:hover
{
    cursor:url(imagenes/cursorw.cur),url(../imagenes/cursorw.cur), crosshair;
}

/* ELEMENTS */

.selectInstr {
	color:#bfd9dd;
	font-size:95%;
	width:250px;
	}
	
.selectInstr .txt {
	position:relative;
	top:-5px;
	right:6px;
	float:right;
	}	
	
.arrow01 {
	background:url(../imagenes/ele_draw_arrow.gif) no-repeat;
	float:right;
	width:30px;
	height:14px;
	}
	
.arrow02 {
	background:url(../imagenes/ele_draw_arrow1.gif) no-repeat;
	float:right;
	width:30px;
	height:14px;
	margin-right:10px;
	}	
	
.blackBox {
	width:126px;
	height:122px;
	overflow:hidden;
	background-color:#000;
	float:right;
	padding:8px 12px 8px 10px;
	}	
	
.topSign {
	font-family:Verdana, Geneva, sans-serif;
	font-size:44px;
	color:#6fabb1;
	}	

.left {
	float:left;
	}

.right {
	float:right;
	}

	
	
	/* menu items */	

.menuItem01a a, .menuItem01b a {
	font-size:200%;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
	}


.menuItem01b a {
	color:#FFF;
	}
	
.menuItem01a a:hover, .menuItem01a a:link:hover {
	text-decoration:underline;
	color:#000;
	
	}	
	
.menuItem01b a:hover, .menuItem01b a:link:hover {
	text-decoration:underline;
	color:#FFF;
	
	}	

.menuItem01a .selected, .menuItem01b .selected  {
	font-weight:bold;
	}	


/* HEADER */

.logo {
	position:relative;
	float:left;
	top:15px;
	left:15px;
	height:75px;
	width:331px;
	background:url(../imagenes/logo01.gif) no-repeat;
	cursor:url(imagenes/cursor.cur), url(../imagenes/cursor.cur), crosshair;
	}
	
#header .acceso a, #header .acceso
{
    float:right;
    
    font-weight:bold;
    margin-right:2px;
}
	
#header .selectInstr {
	position:absolute;
	bottom:30px;
	right:140px;
	}	
	
.langSelect {
	position:absolute;
	right:15px;
	bottom:8px;
	color:#FFF;
	text-transform:uppercase;
	}	
	
.langSelect a {
	color:#FFF;
	text-decoration:none;
	}	

.langSelect a:hover, .langSelect a:link:hover, .langSelect .sel {
	
	color:#FFF;
	text-decoration:underline;	
	}
	
	
.langSelect .sel 
{
    font-size:130%;
	text-decoration:none;
	font-weight:bold;
	}
	
	
/* MENU */

.mainMenu {
	text-align:right;
	padding:12px;
	}

.mainMenu .menuItem01a, .mainMenu .menuItem01b  {
	position:relative;
	margin:0 0 5px 0;

	}

.subMenuSeparador
{
    border-top:#FFF solid 1px;
    margin:0px 12px 4px 12px;
}

.filterMenu {
	text-transform:uppercase;
	font-size:100%;
	text-align:right;
	margin:0px 12px 4px 12px;
	padding:6px 8px 8px 8px;
	border-top:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}

.filterMenu form {
	margin:0; 
	}	
	
.filterMenu input {
	position:relative;
	
	}	

.subMenu {

	}

.subMenuOption
{
    text-align:right;
    margin-right:10px;
    margin-bottom:5px;
    color:#000;
    font-weight:bold;
}

.subMenuOption a:hover
{
    color:#FFF;
    text-decoration:none;
}

.subMenuOption .selected
{
    color:#FFF;
}
	
.subMenu .selectInstr  {
	float:right;
	margin:8px 6px 0 0;
	}	
		
.subMenu table {
	float:right;
	margin:4px 8px 20px 8px;
	text-align:right;
	}

.subMenu td {
	padding:4px 4px;
	width:135px;
	}	
	

.subMenu h4 {
	font-size:100%;
	}

.subMenu p {
	margin:0;
	color:#FFF;
	font-size:90%;
	}

.subMenu a {
	color:#000;
	}
	
.subMenu a:hover, .subMenu a:link:hover  {
	text-decoration:underline;
	color:#FFF;
	}	

	
/* Breadcrumbs */

#breadcrumbs .selected {
	color:#000;
	}



/* Main CONTENT */	

.leftCont {
	float:left;
	width:328px;
	/*background-color:#6fabb1;*/
	}

.centerCont {
	position:relative;
	float:left;
	margin-left:15px;
	width:450px;
	}
	
.centerCont .topSign {
	margin-left:15px;	
}

.centerCont .margen
{
    position:relative;
    top:-25px;
    margin-left:48px;
    width:370px;
    color:#666;
}

.centerCont p, .centerCont .contenido {
		
	text-align:justify;
}

.centerCont li
{
    width:370px;
    color:#666;
    margin-left:-28px;
    margin-bottom:12px;
    
}

.centerCont a, .centerCont .contenido a {	
	color:#000;
}

.centerCont strong {
	font-weight:bold;
	color:#333;
	font-size:105%;
}

.rightCont {
	width:152px;
	float:right;
	margin-left:15px;
	
	}
	
.rightCont .title {
	color:#FFF;
	font-size:770%;
	margin:4px 8px 0 0;
	}
	
.rightCont h2 {
	color:#FFF;
	font-size:770%;
	margin:4px 8px 0 0;
	}
		
.rightCont p {
	margin:-6px 0 0 5px;
	line-height:100%;
	font-size:140%;
	color:#666;
	}	
	
#content .clear {clear:both;}


/* FOOTER */

#footer p {
	color:#FFF;
	font-size:80%;
	margin:0;
	}

.footerLeft {
	position:relative;
	float:left;
	width:322px;
	}
	
.footerLeft .right {
	position:absolute;
	bottom:0;
	right:7px;
	}
	
.footerLeft a:hover {
	color:#666;
	text-decoration:none;
	}