body {
	margin: 0;
	padding: 0;
	background-color: #F0F0F0;
	color: #666;
	font-family: sans-serif;
	font-size: 80%;
}

span.RedFont {
	color: #FF0000;
}

div.Header {
	text-align: center;
}

div.Menu {
	background-image: url('/img/menu_background.png');
	background-repeat: repeat-x;
	color: #FFFFFF;
	padding: 0 0 1px 0;
}

div.MenuButtons {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

div.MenuButton {
	display: inline-block;
	position: relative;
	width: 14%;
	padding: 1% 0;
	text-shadow: -1px 1px #777777;
	cursor: pointer;
	white-space: nowrap;
	font-size: 90%;
}

div#LineasContent {
	font-size: 90%;
}

div.MenuButtonSelected {
	background-image: url('/img/menu_background_selected.png');
	background-repeat: repeat-x;
}

div.MenuButtonOver {
	background-image: url('/img/menu_background_over.png');
	background-repeat: repeat-x;
}

div.MenuButtonDown {
	background-image: url('/img/menu_background_down.png');
	background-repeat: repeat-x;
}

div.Content {
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

div.LeftColumn {
	vertical-align: top;
	position: relative;
	display: inline-block;
	width: 20%;
}

img.ConfianzaImage {
	position: relative;
	float: right;
	width: 20%;
	height: auto;
	margin-right: 0%;
	margin-left: 1%;
}

div.Noticias,
div.Novedades,
div.Search,
div.Access {
	margin-bottom: 3%;
	border: 1px solid #C3C3C3;
	border-radius: 5px;
	background-color: #FFFFFF;
}

div.ColumnTittle {
	position: relative;
	font-weight: bold;
	background-color: #F0F0F0;
	padding: 1%;
	margin: 1%;
	border-radius: 5px;
	text-indent: 4%;
	border: 1px solid #E0E0E0;
	text-align: center;
}

input.SearchInput,
input.AccessInput {
	position: relative;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	padding: 1%;
	margin: 1%;
	width: 95%;
}

div.AccessRemember {
	position: relative;
	padding: 1%;
	margin: 1%;
	color: #FF0000;
	font-size: 85%;
	font-style: italic;
}

div.AccessRemember input {
	margin: 0;
}

div.SearchButton,
div.AccessButton {
	position: relative;
	width: 40%;
	text-align: center;
	display: block;
	padding: 3% 6%;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: auto;
	margin-right: auto;
	background-image: url('/img/small_grey.png');
	background-repeat: no-repeat;
	background-size:100% 100%;
	cursor: pointer;
	font-weight: bold;
	right: 0;
}

div.SmallButtonOver {
	background-image: url('/img/small_grey_over.png') !important;
}

div.SmallButtonDown {
	background-image: url('/img/small_grey_down.png') !important;
}

div.AccessItem,
div.NovedadItem {
	margin: 1%;
	padding: 1%;
	cursor: pointer;
	border-radius: 3px;
	background-image: url('/img/small_arrow.png') !important;
	background-repeat: no-repeat;
	background-position: center right;
}

div.UnreadItem {
	background-color: #DDDDDD !important;
}

div.AccessItem a,
div.NovedadItem a {
	text-decoration: none;
	color: inherit;
}

div.AccessItemOver,
div.NovedadItemOver {
	background-color: #DDDDDD;
}

div.AccessItem a,
div.NovedadItemDown {
	background-color: #EEEEEE;
}

div.CenterColumn {
	position: relative;
	display: inline-block;
	width: 78%;
	border: 1px solid #C3C3C3;
	border-radius: 5px;
	background-color: #FFFFFF;
	margin: -1px -2px -1px 0.5%;
	vertical-align: top;
}

div.CenterContent {
	position: relative;
	width: 96%;
	display: inline-block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 2%;
}

div.PresentacionContent div.CenterText {
	display: inline-block;
	min-height: 20%;
	margin-bottom: 0.5%;
}

div.CenterText {
	position: relative;
	font-family: trebuchet ms,geneva;
	font-size: 120%;
}

span.CenterTittle {
	font-size: 140%;
	font-weight: bold;
	padding: 1% 0;
}

img.CenterImage {
	width: 40%;
	height: auto;
	float: right;
}

div.HomeTitle {
	font-size: 150%;
	font-weight: bold;
	margin: 1% 0 1% 0;
}

div.HomeSubTitle {
	font-size: 120%;
	font-family: trebuchet ms,geneva;
	font-weight: bold;
	margin-bottom: 3%;
	color: #999999;
	background-image: url('/img/favicon.png');
	background-repeat: no-repeat;
	background-position: 0;
	text-indent: 30px;
}

div.Slogans {
	margin-top: 5%;
	position: relative;
	width: 100%;
	bottom: 0;
	margin-bottom: 2.5%;
}

div.Slogans div.Slogan {
	position: relative;
	display: inline-block;
	width: 20%;
	height: 100%;
	margin: 0 2.5%;
	vertical-align: top;
	text-align: center;
}

div.Slogans div.Slogan img.Image {
	height: 40px;
	width: auto;
}

div.Slogans div.Slogan div.Title {
	position: relative;
	font-size: 180%;
	font-weight: bold;
	margin-bottom: 3%;
}

div.Slogans div.Slogan div.SubTitle {
	position: relative;
	font-size: 110%;
	margin-bottom: 5%;
	font-weight: bold;
	color: #999999;
}

div.Slogans div.Slogan div.Body {
	position: relative;
	text-align: left;
}


div.Footer {
	position: relative;
	bottom: 0;
	width: 100%;
	height: 100px;
	background-image: url('/img/gradient.png');
	background-repeat: repeat-x;
}

div.FooterHeader {
	color: #FFFFFF;
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 40px 0 0 0;
	text-shadow: -1px 1px #000000;
}


div.NewsContent img {
	position: relative;
	float: left;
	margin: 0 1% 0 0;
	width: 30%;
	height: auto;
}

div.NewsContent img.NewsBodyImg {
	height: auto;
	margin: 0 1% 0 0;
}

div.NewsContent {
	position: relative;
	width: 100%;
	overflow: hidden;
	white-space: normal;
}

div.NewsListWrapper {
	position: relative;
	width: 100%;
	margin: 3% 0;
}

div.AllNewsTitle {
	position: relative;
	width: 90%;
	margin: 6% 0 1% 0;
	padding: 1% 0;
	font-size: 130%;
	font-weight: bold;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

div.IntranetTitle,
div.NewsListWrapper div.NewsListWrapperTitle {
	position: relative;
	width: 100%;
	margin: 1% 0;
	padding: 1% 0;
	font-size: 130%;
	font-weight: bold;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

div.NewsListRow {
	position: relative;
	width: 100%;
	height: 20%;
	margin-bottom: 1%;
	padding-bottom: 2%;
	border-bottom: 1px solid #EEEEEE;
	color: #888888;
}

div.NewsListRow div.NewsListImage {
	position: absolute;
	top: 0;
	bottom: 10%;
	left: 0;
	right: 90%;
	overflow: hidden;
	margin: 0.5% 1% 0 0;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
}

div.NewsListRow div.NewsListBody {
	position: relative;
	display: inline-block;
	width: 89%;
	height: 100%;
	left: 10%;
}

div.NewsListRow div.NewsListBody div.NewsListTitle {
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 130%;
	font-weight: bold;
	color: #666666;
}

div.NewsListRow div.NewsListBody div.NewsListTitle a {
	text-decoration: none;
	color: inherit;
}

div.NewsListRow div.NewsListBody div.NewsListTitle a:HOVER {
	color: #8279E4;
}

div.NewsListRow div.NewsListBody div.NewsListContent {
	font-family: trebuchet ms,geneva;
	font-style: italic;
}

div.NewsListRow div.NewsListBody div.NewsListContent a.More {
	text-decoration: none;
	color: inherit;
	font-weight: bold;
	color: #8279E4;
}

div.UserDataForm,
div.SelectDocument {
	position: relative;
	width: 100%;
	margin: 2% 0;
	padding: 2% 0;
	border-top: 1px solid #EEEEEE;
}

div.SelectItem {
	position: relative;
	display: inline-block;
	margin: 0 1%;
}

div.DocumentItem {
	position: relative;
	width: 97%;
	margin: 0 0 0 1%;
	padding: 0.5% 0;
	font-style: italic;
	text-indent: 20px;
	background-image: url('/img/pdf-icon.png');
	background-repeat: no-repeat;
	background-position: left;
}

div.DocumentItem a {
	text-decoration: none;
	color: #444444;
}

div.DocumentItem a:VISITED {
	color: #555555;
}

div.DocumentItem a:HOVER {
	color: #888888;
}

span.DocumentFile {
	font-size: 90%;
	color: #888888;
}

div.PresentacionContent div.NewsPagination {
	display: none;
}

div.SearchTitle {
	position: relative;
	width: 100%;
	font-size: 130%;
	font-weight: bold;
	padding: 1% 0;
	margin: 0 0 1% 0;
	border-bottom: 1px solid #EEEEEE;
}

div.NewsPagination {
	text-align: center;
	font-size: 120%;
	width: 90%;
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 1%;
}

div.NewsPagination a {
	text-decoration: none;
}

div.ProveedoresContent div.CenterText {
	position: relative;
	width: 100%;
	margin-bottom: 5%;
	padding-bottom: 3%;
	border-bottom: 1px solid #EEEEEE;
}

div.DocumentsList {
	margin: 0 0 3% 0;
}

div.ItemTitleView {
	position: relative;
	font-size: 140%;
	font-weight: bold;
	padding: 0.5%;
	color: #FFFFFF;
	text-shadow: -1px 1px #454545;
	text-align: center;
	border: 1px solid #787878;
	border-radius: 3px;
	background-image: url('/img/menu_background_over');
	background-repeat: repeat-x;
	background-position: 0.5%;
	margin: 0 0 1% 0;
}

div.ItemTitleView div.TextContainer {
	background-image: url('/img/favicon.png');
	background-repeat: no-repeat;
	background-position: 0;
}

div.UserDataForm {
	position: relative;
	width: 100%;
}

div.UserDataForm div.UserDataRowTitle {
	position: relative;
	width: 30%;
	display: inline-block;
}

div.UserDataForm div.UserDataRowInput {
	position: relative;
	width: 70%;
	display: inline-block;
}

div.UserDataForm div.UserDataRowInput input {
	width: 50%;
	border: 1px solid #C3C3C3;
}

div.UserDataSave {
	position: relative;
	width: 10%;
	text-align: center;
	padding: 1% 0;
	font-weight: bold;
	background-image: url('/img/small_grey.png');
	background-repeat: no-repeat;
	background-size:100% 100%;
	cursor: pointer;
}

div.UserDataSave:HOVER {
	background-image: url('/img/small_grey_over.png');
}
