/*
.........................
::      CSS Lib v0.1       ::
:: www.httpcomunicacio.com ::
.........................
*/


/*
.........................
:: Global ::
.........................
*/

body {
	background: #eee;
	color: #444;
	font: 70%/150% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
	
.tabla {
	background: #eee;
	color: #444;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
	
a img {
	border: 0;
	}

a {
	color: #013a6a;
	text-decoration: none;
	font-weight: bold;
	}
	
a:visited {
	/*color: #75bcf7;*/
	color: #666;
	}

a:hover {
	color: #ff3f00;
	}
	
h1 {
	font: bold 220%/150% Verdana, Arial, Helvetica, sans-serif;
	}
	
h2 {
	font: bold 220%/150% arial, sans-serif;
	color: #666;
	}
	
h3 {
	font: bold 160%/150% arial, sans-serif;
	color: #666;
	}
	
input,
select,
textarea {
	background: #fff;
	border-top: 1px solid #aaa;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #aaa;
	font: 100%/150% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 2px;
	}
	
select {
	padding: 0px;
	}

.formButton {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ddd;
	}
	
fieldset {
	border: 1px solid #aaa;
	padding: 12px;
	}
	
legend {
	color: #666;
	padding: 0 4px;
	}
	
label {
	display: block;
	float: left;
	cursor: pointer;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 4px;
	}	
	
#magForm label {
	width: 50px;
	}	
	
#surveyForm label {
	width: 120px;
	}	

form br {
	clear: left;
}
	
ul {
	list-style-type: none;
	list-style-image: url("../img/circle.gif");
	}
	
.inv {
	display: none;
	}

/*
.........................
:: Header+Menú ::
.........................
*/
	
#header {
	position: absolute;
	left: 0;
	top: 0;
	}
	
#submenu {
	position: absolute;
	left: 596px;
	top: 10px;
	}
	
#submenu a {
	font: 10px/1.5em tahoma, verdana, arial, sans-serif;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#submenu a:visited {
	color: #999;
	}
	
#submenu a:hover {
	color: #000;
	}
	
#submenu ul {
	margin: 0;
	padding: 0;
	}
	
#submenu ul li {
	list-style-type: none;
	line-height: 2px;
	margin: 0;
	padding: 0;
	}
	
#submenu ul li {
	list-style-type: none;
	line-height: 2px;
	margin: 0;
	padding: 0;
	}
	
#tab01,
#tab02,
#tab03 {
	position: absolute;
	display: block;
	background: #ff3f00 url("../img/triband.png") 0 0 no-repeat;
	width: 162px;
	height: 29px;
	padding: 10px 0 0 6px;
	font: bold 11px/1.5em arial, verdana, arial, sans-serif;
	color: #fff;
	}
	
a#tab01:visited,
a#tab02:visited,
a#tab03:visited {
	background: #ff3f00 url("../img/triband.png") 0 0 no-repeat;
	}
	
a#tab01:hover,
a#tab02:hover,
a#tab03:hover {
	background: #ff3f00 url("../img/triband.png") 0 -39px no-repeat;
	text-decoration: none;
	}
	
#scrollTab {
	position: absolute;
	background: #ff6a00 url("../img/triband.png") 0 100% no-repeat;
	width: 168px;
	height: 39px;
	top: 85px;
	left: 242px;
	display: none;
	}
	
#tabStrip {
	position: absolute;
	top: 85px;
	left: 242px;
	display: none;
	}
	

#tabForm {
	position: relative;
	top: 8px;
	left: 12px;
	display: none;
	}
	
#tab01  {
	left: 62px;
	top: 85px;
	}
	
#tab02  {
	left: 242px;
	top: 85px;
	}
	
#tab03  {
	left: 422px;
	top: 85px;
	}
	
a#regLink {
	position: absolute;
	display: block;
	background: url("../img/biArrow.png") 90% 0 no-repeat;
	width: 162px;
	height: 9px;
	left: 252px;
	top: 130px;
	padding: 0;
	font: 11px/1.5em tahoma, verdana, arial, sans-serif;
	line-height: 9px;
	color: #666;
	}
   
a#regLink2 {
	position: absolute;
	display: block;
	background: url("../img/biArrow.png") 90% 0 no-repeat;
	width: 162px;
	height: 9px;
	left: 402px;
	top: 130px;
	padding: 0;
	font: 11px/1.5em tahoma, verdana, arial, sans-serif;
	line-height: 9px;
	color: #666;
	}	
   
a#regLink:visited {
	background: url("../img/biArrow.png") 90% 0 no-repeat;
	color: #666;
	}
	
a#regLink:hover {
	background: url("../img/biArrow.png") 90% -9px no-repeat;
	color: #000;
	}
   
a#regLink2:visited {
	background: url("../img/biArrow.png") 90% 0 no-repeat;
	color: #666;
	}
	
a#regLink2:hover {
	background: url("../img/biArrow.png") 90% -9px no-repeat;
	color: #000;
	}
	
#shadowDiv {
	position: absolute;
	width: 100%;
	height: 150px;
	left: 0;
	top: 0;
	background: url("../img/shadowDiv.png") 0 -136px no-repeat;
	padding: 300px 0 0;
	}
	
/*
.........................
:: SquareFour ::
.........................
*/

#square01,
#square02,
#square03,
#square04 {
	position: absolute;
	display: block;
	background: #fff;
	width: 168px;
	height: 159px;
	padding: 10px 0;
	font: bold 11px/1.5em arial, verdana, arial, sans-serif;
	color: #fff;
	}
	
#square01 {
	left: 62px;
	top: 178px;
	}
	
#square02 {
	left: 242px;
	top: 178px;
	}
	
#square03 {
	left: 422px;
	top: 178px;
	}
	
#square04 {
	left: 602px;
	top: 178px;
	padding: 0 0 10px 0;
	height: 169px;
	}

a.squareTop {
	display: block;
	width: 162px;
	height: 21px;
	font: bold 12px/1.5em arial, verdana, arial, sans-serif;
	padding: 6px 0 0 6px;
	background: #fff url("../img/biPlusHeader.png") 0 0 no-repeat;
	text-decoration: none;
	color: #666;
	}
	
a.squareTop:visited {
	background: #fff url("../img/biPlusHeader.png") 0 0 no-repeat;
	color: #666;
	}
	
a.squareTop:hover {
	background: #fff url("../img/biPlusHeader.png") 0 -27px no-repeat;
	text-decoration: none;
	color: #000;
	}
	
a.squareDown {
	display: block;
	width: 162px;
	height: 24px;
	font: 11px/1.5em arial, verdana, arial, sans-serif;
	padding: 3px 0 0 6px;
	background: #fff url("../img/biArrowHeader.png") 0 0 no-repeat;
	text-decoration: none;
	color: #666;
	}
	
a.squareDown:visited {
	background: #fff url("../img/biArrowHeader.png") 0 0 no-repeat;
	color: #666;
	}
	
a.squareDown:hover {
	background: #fff url("../img/biArrowHeader.png") 0 -27px no-repeat;
	color: #000;
	}
	
/*  link icono plus intranet*/
a.icoplus{
	display: block;
	width: 33px;
	height: 9px;
	line-height: 1px;
	font-size: 1px;
	padding: 0;
	background: #fff url("../img/biplus.png") 0 0 no-repeat;
}	

a.icoplus:visited {
	background: #fff url("../img/biplus.png") 0 0 no-repeat;
	color: #666;
}	

a.icoplus:hover {
	background: #fff url("../img/biplus.png") 0 -9px no-repeat;
	color: #000;
}
	
#plainDiv {
	position: absolute;
	width: 708px;
	height: 1px;
	left: 62px;
	top: 375px;
	background: url("../img/plainDiv.png") 0 0 no-repeat;
	}
	
#newsBox {
	display: block;
	width: 168px;
	height: 110px;
	background: #fff;
	font: 10px/1.5em arial, sans-serif;
	color: #444;
	}
	
.newsOfTheBox {
	border-bottom: 1px dashed #aaa;
	margin: 0 8px;
	padding: 8px 0 4px 8px;
	line-height: 1.6em;
	}
	
.newsOfTheBox img {
	float: left;
	margin: 4px 4px 4px 0;
	}
	
/*
.........................
:: blueLink ::
.........................
*/
	
#blueLinks01,
#blueLinks02,
#blueLinks03,
#blueLinks04 {
	position: absolute;
	width: 168px;
	height: 29px;
	padding: 0;
	font: bold 11px/1.5em tahoma, verdana, arial, sans-serif;
	color: #fff;
	}
	
#blueLinks01 {
	left: 62px;
	top: 389px;
	}
	
#blueLinks02 {
	left: 242px;
	top: 389px;
	}
	
#blueLinks03 {
	left: 422px;
	top: 389px;
	}
	
#blueLinks04 {
	left: 602px;
	top: 389px;
	}
	
#blueLinks01 a,
#blueLinks02 a,
#blueLinks03 a,
#blueLinks04 a {
	display: block;
	background: url("../img/biPlusBlueButton.png") 90% 0 no-repeat;
	width: 162px;
	height: 18px;
	padding: 0 0 0 6px;
	font: 11px/1.5em tahoma, verdana, arial, sans-serif;
	color: #fff;
	}
	
#blueLinks01 a:visited,
#blueLinks02 a:visited,
#blueLinks03 a:visited,
#blueLinks04 a:visited {
	background: url("../img/biPlusBlueButton.png") 0 0 no-repeat;
	color: #fff;
	}
	
#blueLinks01 a:hover,
#blueLinks02 a:hover,
#blueLinks03 a:hover,
#blueLinks04 a:hover {
	background: url("../img/biPlusBlueButton.png") 0 -18px no-repeat;
	color: #000;
	}
	
#blueLinks01 a.blueBottom,
#blueLinks02 a.blueBottom,
#blueLinks03 a.blueBottom,
#blueLinks04 a.blueBottom {
	background: url("../img/biPlusBlueBottomButton.png") 0 0 no-repeat;
	}
	
#blueLinks01 a.blueBottom:hover,
#blueLinks02 a.blueBottom:hover,
#blueLinks03 a.blueBottom:hover,
#blueLinks04 a.blueBottom:hover {
	background: url("../img/biPlusBlueBottomButton.png") 0 -18px no-repeat;
	}
	
.noBlue {
	display: block;
	background: url("../img/noBlue.png") 0 0 no-repeat;
	width: 168px;
	height: 18px;
	}
	
.noBlueBottom {
	display: block;
	background: url("../img/noBlueBottom.png") 0 0 no-repeat;
	width: 168px;
	height: 18px;
	}
	
/*
.........................
:: footer ::
.........................
*/
	
#footer {
	position: absolute;
	width: 348px;
	height: 22px;
	left: 0;
	top: 545px;
	padding: 6px 0 0 62px;
	font: 10px/1.5em tahoma, verdana, arial, sans-serif;
	color: #75bcf7;
	background: #013a6a;
	}
	
#footer a {
	font: 10px/1.5em tahoma, verdana, arial, sans-serif;
	color: #75bcf7;
	text-decoration: none;
	}
	
#footer a:hover {
	font: 10px/1.5em tahoma, verdana, arial, sans-serif;
	color: #c7e4fc;
	}
	
#footSpace {
	position: absolute;
	width: 10px;
	height: 10px;
	left: 0;
	top: 640px;
	padding: 0;
	}
	
	
/*
.........................
:: blueMenu ::
.........................
*/

#blueMenu01Container,
#blueMenu02Container,
#blueMenu03Container,
#blueMenu04Container {
	position: absolute;
	width: 168px;
	height: 49px;
	padding: 0;
	font: bold 11px/1.5em tahoma, verdana, arial, sans-serif;
	color: #fff;
	z-index: 99;
	}

#blueMenu01Container {
	left: 62px;
	top: 229px;
	}
	
#blueMenu02Container {
	left: 242px;
	top: 229px;
	}
	
#blueMenu03Container {
	left: 422px;
	top: 229px;
	}
	
#blueMenu04Container {
	left: 602px;
	top: 229px;
	}

#blueMenu01Content a,
#blueMenu02Content a,
#blueMenu03Content a,
#blueMenu04Content a {
	display: block;
	background: url("../img/biPlusBlueButton.png") 90% 0 no-repeat;
	width: 162px;
	height: 18px;
	padding: 0 0 0 6px;
	font: 11px/1.5em tahoma, verdana, arial, sans-serif;
	color: #fff;
	}
	
#blueMenu01Content a:visited,
#blueMenu02Content a:visited,
#blueMenu03Content a:visited,
#blueMenu04Content a:visited {
	background: url("../img/biPlusBlueButton.png") 0 0 no-repeat;
	color: #fff;
	}
	
#blueMenu01Content a:hover,
#blueMenu02Content a:hover,
#blueMenu03Content a:hover,
#blueMenu04Content a:hover {
	background: url("../img/biPlusBlueButton.png") 0 -18px no-repeat;
	color: #000;
	}
	
#blueMenu01Content a.blueBottom,
#blueMenu02Content a.blueBottom,
#blueMenu03Content a.blueBottom,
#blueMenu04Content a.blueBottom {
	background: url("../img/biPlusBlueBottomButton.png") 0 0 no-repeat;
	}
	
#blueMenu01Content a.blueBottom:hover,
#blueMenu02Content a.blueBottom:hover,
#blueMenu03Content a.blueBottom:hover,
#blueMenu04Content a.blueBottom:hover {
	background: url("../img/biPlusBlueBottomButton.png") 0 -18px no-repeat;
	}
	
#bmb01 {
	position: absolute;
	left: 62px;
	top: 180px;
	}
	
#bmb02 {
	position: absolute;
	left: 242px;
	top: 180px;
	}
	
#bmb03 {
	position: absolute;
	left: 422px;
	top: 180px;
	}
	
#bmb04 {
	position: absolute;
	left: 602px;
	top: 180px;
	}
	
/*
.........................
:: content ::
.........................
*/

#content {
	position: absolute;
	left: 62px;
	top: 229px;
	width: 520px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px 20px 50px 0;
	}
	
#netContent {
	position: absolute;
	left: 62px;
	top: 180px;
	width: 520px;
	border-right: 1px solid #ccc;
	padding: 10px 20px 50px 0;
	}
	
#content h2, #netContent h2 {
	clear: both;
	margin: 1em 0;
	}
	
#sideBar {
	position: absolute;
	left: 602px;
	top: 229px;
	width: 156px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 0px 50px 8px;
	}
	
.quote {
	font: bold italic 18px/150% "times new roman", serif;
	color: #777;
	}
	
#spriterContainer {
	clear: both;
	position: relative;
	width: 240px;
	height: 160px;
	overflow: hidden;
	}
	
#spriter {
	position: relative;
	}

#spriteSelector01,
#spriteSelector02,
#spriteSelector03 {
	font: normal 10px/1.5em verdana, sans-serif;
	padding: 2px;
	color: #013a6a;
	border: 1px solid #fff;
	text-transform: uppercase;
	}
	
#spriteControl01 a,
#spriteControl02 a,
#spriteControl03 a {
	display: block;
	float: left;
	width: 26px;
	height: 20px;
	text-align: center;
	border-top: 1px solid #9ed0f9;
	border-right: 1px solid #9ed0f9;
	border-bottom: 1px solid #9ed0f9;
	background: #75bcf7;
	color: #fff;
	}
	
#spriteControl01 a:hover,
#spriteControl02 a:hover,
#spriteControl03 a:hover {
	background: #9ed0f9;
	color: #000;
	float: left;
	}
	
#spriteText {
	clear: both;
	position: relative;
	left: 240px;
	top: -182px;
	background: #eee;
	color: #000;
	width: 234px;
	padding: 8px 8px 0 14px;
	height: 174px;
	}
	
#superContainer {
	background: #fff;
	border: 1px solid #999;
	height: 220px;
	padding: 10px;
	overflow: hidden;
	visibility: hidden;
	-moz-border-radius: 10px;
	}
	
#superHistory {
	visibility: hidden;
	-moz-border-radius: 10px;
	}
	
#superLoader {
	background: #fff;
	border: 1px solid #999;
	padding: 10px;
	font: normal 10px/1.5em verdana, sans-serif;
	color: #013a6a;
	text-transform: uppercase;
	-moz-border-radius: 10px;
	}
	
/*
.........................
:: Navigator ::
.........................
*/

#navigator {
	background: #f6f6f6;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 4px 10px;
	margin: 10px 0;
	text-transform: uppercase;
	-moz-border-radius: 6px;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	}
	
#navigator a {
	color: rgb(1, 58, 106);
	}
	
#navigator a:hover {
	color: #ff3f00;
	}
	
/*
.........................
:: MaWrap ::
.........................
*/

#maWrap {
	background: #f6f6f6;
	border: 1px solid #ccc;
	padding: 20px;
	-moz-border-radius: 10px;
	}
	
.divBar {
	border-bottom: 1px solid #ccc;
	height: 0;
	line-height: 0;
	margin: 10px 0;
}

#mapBound {
	background: #fff url("../img/spajn.png") no-repeat;
	position: relative;
	border: 1px solid #ccc;
	width: 476px;
	height: 400px;
}

a.mapBit {
	display: block;
	position: absolute;
	float: left;
	border: 1px solid #75bcf7;
	background: #75bcf7;
	width: 5px;
	height: 5px;
	line-height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
}

a.mapBit:hover {
	border: 1px solid #fff;
	background: #9ed0f9;
}

#historySquare {
	background: #fff;
	position: relative;
	overflow: hidden;
	border: 1px solid #ccc;
	width: 476px;
	height: 250px;
}

#cronos {
	position: relative;
	width: 7616px;
	}
	
#cronos div {
	float: left;
	padding: 205px 20px 0 0;
	width: 456px;
	}
	
#kronos {
	position: relative;
	width: 4760px;
	}
	
#kronos div {
	float: left;
	padding: 205px 10px 0 10px;
	width: 456px;
	}
	
a.hisButton {
	background: #fff;
	padding: 4px 5px 4px 6px;
	border: 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

a.hisButton:focus,
a.hisButton:active  {
	color: #ff3f00;
	background: #eee;
}

a.espButton {
	background: #fff;
	font-size: 10px;
	padding: 4px 8px;
	border: 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

a.espButton:focus,
a.espButton:active  {
	color: #ff3f00;
	background: #eee;
}

.note  {
	background: #fafafa;
	border: 1px solid #ccc;
	padding: 10px 20px;
	margin: 10px 20px;
}

.formNote  {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px 20px;
	margin: 10px 20px;
}

.bGrey  {
	border: 1px solid #ccc;
	background: #fff;
}

#divPaq  {
	position: relative;
	height: 30px;
	overflow: hidden;
	padding: 0px 40px 20px;
}

#scrollPaq  {
	position: relative;
	top: 42px;
}

#scrollPaq  p {
	margin: 1em 0;
}

#newsletterSquare {
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
	padding: 20px;
	/*height: 280px;*/
}

#letterFront {
	border: 1px solid #666;
	position: absolute;
	top: 30px;
	left: 30px;
	width: 150px;
	height: 212px;
}

#letterFont {
	position: absolute;
	top: 30px;
	left: 200px;
	width: 250px;
}

.mustBe {
	background: #ffd;
}

#fs02,
#fs03,
#fs04,
#fs05 {
	display: none;
}

.formControl {
	text-align: right;
	margin-top: 20px;
}

#youBad {
	display: none;
	background: #ffd;
	border: 1px solid #aaa;
	text-align: center;
}

/* NuShit */

#thehr {
	width: 90%;
	margin: 40px auto;
	line-height: 1px;
	border-bottom: 1px solid #ccc;
}

#sideBar ul {
	margin: 0 10px;
	padding: 0 10px;
}

h4 {
	font-size: 1.33em;
	margin: 1.33em 0;
}