/*#BEGIN#*/
/*# name="01 Image" reference="ref/components-basics.css\General.htm" description="Image" #*/div.imgcont {
	margin: 5px 0 8px 0;
	border: 1px solid #76808C;
}
img.border {
	border: 1px solid #76808C;
}
div.img-center {
	float: none;
	margin: 6px auto;
	border: none;
}
div.imgfoot {
	margin: 0;
	padding: 4px;
	color: #FFFFFF;
	background-color: #76808C;
}
div.textcont {
	margin: 0 0 12px 0;
	padding: 0;
	clear: both;
}
div.textcont p.text {
	margin: 0;
	padding: 0;
}

/*#END#*/

/*#BEGIN#*/
/*# name="02 Text and image" reference="ref/components-basics.css\02_Text_and_image.htm" description="Text and image" #*/div.textcont {
	margin: 0 0 12px 0;
	padding: 0;
	clear: both;
}
div.textcont p, div.textcont p.text {
	margin: 0;
	padding: 0;
}
div.textcont p {
	margin: 0 0 8px 0;
}
/*#END#*/

/*#BEGIN#*/
/*# name="03 Filebox" reference="ref/components-basics.css\03_Filebox.htm" description="Filebox" #*/h3.titulofilebox {
	margin: 12px 0 7px 0;
}

table.filebox {
	margin: 0;
	padding: 0;
	font: normal 11px verdana;
	clear: both;
	width: 100%;
	border-collapse: collapse;
}
table.filebox thead tr th{	
	text-align: left;
	padding: 3px 0px 3px 12px;
	background-color: #d5d5d5;
	color:#7E1B66;
	text-transform:uppercase;
	font-weight: normal;
}
table.filebox tr{
	background-color:#F6F6F9;
}
table.filebox tr td{
	padding:14px 3px 13px 3px;	
	border-top:1px #d5d5d5 dashed;
	vertical-align: middle;
}
table.filebox tbody tr td.name a{
	color: #666666;
	text-decoration: none;
}
table.filebox tbody tr td.name{
	width:60%;
	padding-left: 15px;
	background-image: url('../img/filebox/file_download.gif');
	background-repeat:no-repeat;
	background-position:3px center;
}
table.filebox tbody tr td.type{
	width:15%;
	text-align:center;
}
table.filebox tbody tr td.size{
	width:24%;	
	text-align:center;
}


/* Filebox in lateral right  */
#right-lateral div.filelat {
	padding: 0 0 0 7px;
}

#right-lateral ul.filebox{
	margin: 0 0 12px 7px;
	padding: 0;
	clear: both;
}
#right-lateral ul.filebox li{
	margin-bottom:2px;
	padding: 0;
	list-style: none;
	background: url('../img/filebox/file_download_lateral.gif');
	background-repeat: no-repeat;
	background-position: 0 5px;
}
#right-lateral ul.filebox li a{
	color: #7E1B66;	
	padding-left: 12px;
	font-size:10px;
}
#right-lateral ul.filebox li a:hover{	
	text-decoration: underline;
}



/*#END#*/

/*#BEGIN#*/
/*# name="04 Linkbox" reference="ref/components-basics.css\04_Linkbox.htm" description="Linkbox" #*//*  Linkbox in main content zone */
h3.titulolinkbox {
	margin: 12px 0 7px 0;
}

#content ul.links{
	margin: 0 0 12px 0;
	padding: 0;
	clear: both;
}
#content ul.links li{
	margin-bottom:2px;
	padding: 0;
	list-style: none;
	background-image:url('../img/filebox/link.gif');
	background-repeat:no-repeat;
	background-position:3px center;
}
#content ul.links li a{
	color: #7E1B66;	
	padding-left: 20px;
}
#content ul.links li a:hover {
	text-decoration: underline;
}

/*  Linkbox in main content zone */
#content-nolateral ul.links{
	margin: 0 0 12px 0;
	padding: 0;
	clear: both;
}
#content-nolateral ul.links li{
	margin-bottom:2px;
	padding: 0;
	list-style: none;
	background-image:url('../img/filebox/link.gif');
	background-repeat:no-repeat;
	background-position:3px center;
}
#content-nolateral ul.links li a{
	color: #7E1B66;	
	padding-left: 20px;
}
#content-nolateral ul.links li a:hover {
	text-decoration: underline;
}

/* Linkbox in lateral right  */
#right-lateral div.linklat {
	padding: 0 0 0 7px;
}

#right-lateral ul.links{
	margin: 0 0 12px 7px;
}

#right-lateral ul.links li{
	margin-bottom:2px;
	padding: 0;
	list-style: none;
	background: url('../img/filebox/link_lateral.gif');
	background-repeat:no-repeat;
	background-position:0 5px;
}
#right-lateral ul.links li a{
	color: #7E1B66;	
	padding-left: 12px;
	font-size:10px;
}
#right-lateral ul.links li a:hover{	
	text-decoration: underline;
}


/*#END#*/

/*#BEGIN#*/
/*# name="05 Album Media" reference="ref/components-basics.css\05_Album_Media.htm" description="Album Media" #*//*---[STYLE FOR MEDIALIB LAYER]---*/
div.photo-album {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}
div.photo-album:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*---[STYLE FOR LINKS OF MEDIALIB]---*/
div.photo-album a {
	color: #FFFFFF;
}

/*---[STYLE FOR MEDIALIB HEADER]---*/
div.photo-album h3 {
	color: #666666;
	font: bold 140% arial;
	padding: 0;
	margin: 0 0 6px 0;
}

/*---[STYLE FOR LIST OF MEDIA]---*/
/*---Suffix "-left" indicates the list on the left of library---*/
div.photo-list, div.photo-list-left {
	height: auto;
	padding: 0;
	margin: 0;
	border: none;
	overflow: hidden;
}
div.photo-list:after, div.photo-list-left:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div.photo-list {
	padding: 5px 0 0 10px;
}
div.photo-list-left {
	float: left;
	width: 168px;
}
/*#END#*/

/*#BEGIN#*/
/*# name="05.1 Album media gallery" reference="ref/components-basics.css\05.1_Album_media_gallery.htm" description="Album media gallery" #*//*---[STYLE FOR PHOTO GALLERY]---*/
ul.gallery, ul.gallery-left, ul.gallery-hidden, ul.gallery-hidden-left {
	float: left;
	padding: 0; 
	margin: 0; 
}
ul.gallery {
	min-width: 100%;
	width: auto;
	height: 100%;
	border: none;
}
ul.gallery-left {
	width: auto;
	margin-left: 8px;
}
ul.gallery-hidden, ul.gallery-hidden-left {
	width: 0;
	height: 0;
	visibility: hidden;
	display: none;
	overflow: hidden;
}
li.thumb, li.thumb-left, li.thumb-active, li.thumb-active-left {
	float: left;
	list-style: none; 
	background: none;
}
li.thumb-active {
	width: 87px;
	height: 60px;
	margin: 0;
	padding: 4px;
}
li.thumb {
	width: 87px;
	height: 60px;
	margin: 0;
	padding: 4px;
}
li.thumb-left, li.thumb-active-left {
	width: 87px;
	height: 60px;
	margin: 0;
	padding: 4px;
}
ul.gallery a, ul.gallery-left a {
	float: left;
	display: block;
	cursor: pointer;
	padding: 1px 0 0 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}
ul.gallery a {
	width: 85px;
	height: 55px;
}
ul.gallery-left a {
	width: 85px;
	height: 55px;
}
li.thumb a img, li.thumb-active a img, li.thumb-left a img, li.thumb-active-left a img, li.thumb a:hover img, li.thumb-left a:hover img, li.thumb a:active img, li.thumb a:focus img, li.thumb-left a:active img, li.thumb-left a:focus img {
	z-index: 100;
	padding: 0;
	border:none;
}
li.thumb a img, li.thumb-active a img, li.thumb a:hover img, li.thumb a:active img, li.thumb a:focus img {
	width: 85px;
	height: 55px;
	border:none;
} 
li.thumb a img.img-vertical, li.thumb-active a img.img-vertical, li.thumb a:hover img.img-vertical, li.thumb a:active img.img-vertical, li.thumb a:focus img.img-vertical {
	width: 85px;
	height: 55px;
	border:none;
} 
li.thumb-left a img, li.thumb-active-left a img, li.thumb-left a:hover img, li.thumb-left a:active img, li.thumb-left a:focus img {
	width: 85px;
	height: 55px;
	border:none;
}
li.thumb-left a img.img-vertical, li.thumb-active-left a img.img-vertical, li.thumb-left a:hover img.img-vertical, li.thumb-left a:active img.img-vertical, li.thumb-left a:focus img.img-vertical {
	width: 85px;
	height: 55px;
	border:none;
}
li.thumb a img, li.thumb-left a img, li.thumb a:active img, li.thumb a:focus img, li.thumb-left a:active img, li.thumb-left a:focus img {
	border: 1px solid #76808C;
	padding: 1px;
}
li.thumb-active a img, li.thumb-active-left a img{
	border: 1px solid #BC010D;
	padding: 1px;
}
li.thumb a:hover img, li.thumb-left a:hover img{
	border: 1px solid #BC010D !important;
	padding: 1px;
}
ul.gallery-hidden li, ul.gallery-hidden li a, ul.gallery-hidden li a img, ul.gallery-hidden-left li, ul.gallery-hidden-left li a, ul.gallery-hidden-left li a img {
	float: left; 
	width: 0;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	background: none;
} 
ul.gallery-hidden li, ul.gallery-hidden li a, ul.gallery-hidden-left li, ul.gallery-hidden-left li a {
	padding: 0;
	margin: 0;
	background: none;
}
ul.gallery-hidden li, ul.gallery-hidden-left li {
	list-style: none; 
	background: none;
}
/*#END#*/

/*#BEGIN#*/
/*# name="05.2 Album media navigation" reference="ref/components-basics.css\05.2_Album_media_navigation.htm" description="Album media navigation" #*/div.album-navig {
	background-color: #F0F1F2;
	border: 1px solid #868F98;
	margin: 8px 0 12px 0;
	padding: 4px 0 2px 0;
	clear: both;
}
div.album-navig:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
ul.list-nav {
	float: right;			
	margin: 0;
	padding: 0 12px 0 0;
}
ul.list-nav li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	list-style: none;
	display: inline;
	text-align: center;
	font-size: 85%;
	vertical-align: top;
}
ul.list-nav li div.pgxy {
	width: 13px;
	height: 18px;
	padding-top: 2px;

}
ul.list-nav li em {
	float: left;
	margin: 0;
	padding: 0 3px;
	color: #FFFFFF;
	border: 1px solid #F0F1F2;
	background-color: #BC010D;
	font-style: normal;
	line-height: 11px;
	height: 11px;
}
ul.list-nav li a {
	float: left;
	margin: 0;
	padding: 0 3px;
	color: #555555;
	border: 1px solid #F0F1F2;
	line-height: 11px;
	height: 11px;
}
ul.list-nav li a:hover {
	color: #555555;
	text-decoration: none;
	border: 1px solid #717171;
}
ul.list-nav li img, ul.list-nav li a img {
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
ul.list-nav li#listnext a, ul.list-nav li#listprev a, ul.list-nav li#listnext a:hover, ul.list-nav li#listprev a:hover {
	border: none;
	background-color: #F0F1F2;
}
/*#END#*/

/*#BEGIN#*/
/*# name="05.3 Album media preview" reference="ref/components-basics.css\05.3_Album_media_preview.htm" description="Album media preview" #*//*---[STYLE FOR PREVIEW LAYER OF MEDIALIB]---*/
/*---Suffix "-right" indicates Preview zone on the right of medialib.---*/
div.photo-preview {
	margin: 0;
	padding: 0;
	min-height: 185px;
}
div.photo-preview:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div.photo-preview-right {
	float: right;
	margin: 0;
	padding: 0;
	width: auto;
	clear: none;
	min-height: 185px;
}
div.preview-image, div.preview-image-right {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
                vertical-align: top;
	clear: both;
}
div.preview-image img {
	margin: 0;
	padding: 0;
	width: 93%;
	height: 100%;
	vertical-align: top;
	border: 1px solid #76808C;
}
div.preview-caption {
	color: #595959;
	margin: 0 0 6px 0;
	padding: 0;
	clear: both;
	text-align: center;
}
div.preview-navigation {
	float: left;
	margin: 0 0 0 8px;
	padding: 0;
	text-align: right;
	vertical-align: middle;
	color: #555555;
}
div.preview-navigation span {
	padding: 0 0 0 12px;
}
div.preview-navigation input {
	width: 40px;
	padding: 6px 0 0 0;
	color: #FFFFFF;
	background-color: #A82626;
	border: none;
	font: normal 85% arial;
}
div.preview-navigation a, div.preview-navigation a:hover {
	margin: 0;
	padding: 0;
	color: #555555;
	text-decoration: none;
}
div.preview-navigation a:hover {
	text-decoration: underline;
}
div.preview-navigation a img {
	margin-left: 6px;
	margin-right: 6px;
	border: none;
}
img.previewimg {
	margin: auto;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #BEBEBE;
	width: auto;	
	height: auto;
	overflow: visible;
	position: relative;
	top: 0;
}
div.preview-load {
	float: right;
	padding: 2px 2px 4px 2px;
	cursor: pointer;
	color: #547782;
	font-size: 90%;
}
img.imgload {
	vertical-align: middle;
}
a.previewnav {
	float: right;
	line-height: 16px;
	vertical-align: middle;
	padding:0;
}
/*#END#*/

/*#BEGIN#*/
/*# name="06 Table text" reference="ref/components-basics.css\06_Table.htm" description="Table text" #*/table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
table caption {
	margin: 0;
	padding: 0 0 6px 0;
	font-size: 110%;
}
.texto01 {
	font: normal 100% arial;
	color: #5D5D5D;
}
.texto02 {
	font: normal 100% arial;
	color: #2B4C79;
}
.texto03 {
	font: normal 100% arial;
	color: #333;
}
.texto04 {
	font: normal 100% arial;
	color: #A31414;
}
.blanco {
	font: normal 100% arial;
	color: #FFF;
}
.texto-bold {
	font: bold 100% verdana, arial;
	color: #5D5D5D;
}
.texto-bold01 {
	font: bold 100% arial;
	color: #5D5D5D;
}
.texto-bold02 {
	font: bold 100% arial;
	color: #2B4C79;
}
.texto-bold03 {
	font: bold 100% arial;
	color: #333;
}
.texto-bold04 {
	font: bold 100% arial;
	color: #A31414;
}
.blanco-bold {
	font: bold 100% arial;
	color: #FFF;
}

/*#END#*/

/*#BEGIN#*/
/*# name="06.1 Table border" reference="ref/components-basics.css\06.1_Table_border.htm" description="Table border" #*/.borde {
	border: 1px solid #7C7C7C;
}
.borde-vertical {
	border-left: 1px solid #7C7C7C;
	border-right: 1px solid #7C7C7C;
}
.borde-horizontal {
	border-top: 1px solid #7C7C7C;
	border-bottom: 1px solid #7C7C7C;
}
.borde-blanco {
	border: 1px solid #FFF;
}
.borde-vertical-blanco {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.borde-horizontal-blanco {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

/*#END#*/

/*#BEGIN#*/
/*# name="06.2 Table background" reference="ref/components-basics.css\06.2_Table_background.htm" description="Table background" #*/.gris-oscuro {
	background-color: #B6BCC1;
}
.gris-oscuro2 {
	background-color: #76808C;
}
.gris-claro {
	background-color: #F4F5F7;
}
.gris-claro2 {
	background-color: #BABFC5;
}
.verde-oscuro {
	background-color: #8A9E96;
}
.verde-claro {
	background-color: #C4CECA;
}
.blanco {
	background-color: #FFF;
}

/*#END#*/

