@charset "utf-8";.color {color:#d2007a;}.lof-ass {height:auto; width:auto}.texto_nota {color:#000000; font-size:.75em; font-weight:700}
/* CSS Document */
.lof-ass{color:#FFF }
.lof-ass .lofass-container {
width : auto;
height : auto;
overflow : hidden;
position : relative;
}
.lof-ass li {
list-style-type : none !important ;
padding : 0;
margin : 0;
}
.lof-ass h4 {
text-transform : inherit;
margin : 0 !important ;
padding : 0;
background : none !important ;
}
.lof-ass .preload {
height : 100%;
width : 100%;
background : #e9e9e9;
position : absolute;
top : 0;
left : 0;
z-index : 100000;
color : #fff;
text-align : center;
}
.lof-ass .preload div {
height : 100%;
width : 100%;
background : transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;
}.lof-main-wapper {height:320px;width:600px;}
.lof-ass .lof-main-wapper {
overflow : hidden;
padding : 0;
height:320px;width:600px;
position : relative;
overflow : hidden;
}
.lof-ass .lof-main-wapper .lof-main-item {
overflow : hidden;
padding : 0;
margin : 0;
height : 100%;
width : 100%;
position : absolute;
}
.lof-ass .lof-main-wapper .lof-main-item img {
padding : 0;
}
.lof-ass .lof-description {
z-index : 3;
position : absolute;
bottom : 0;
left : 0;
width : 600px;
background : url(images/transparent_bg.png);
padding : 1px;
height : 60px;
}
.titulo a {
font-size : 90%;
color : #fff;
}

.titulo a:hover {
color : #fff;
text-decoration : underline;
}

.descripcion a {
font-size : 85%;
color : #fff;
}

.descripcion a:hover {
text-decoration : none;
color : #fff;
}

.lof-ass .lof-description p {
margin : 0 8px;
padding : 8px 0;
}
.lof-ass .lof-description h4 a {
margin : 0;
color : #fff;
text-decoration : none;
text-transform : none;
font-size : 140%;
padding : 20px 8px 2px;
font-family : "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
}
.lof-ass .lof-description h4 a:hover {
color : #ff6;
text-decoration : none;
}
.lof-ass ul.lof-navigator {
top : 0;
padding : 0;
margin : 0;
position : absolute;
background : #c2c2c2 url(images/fondo_notas.png) repeat-x right center;
}
.lof-ass ul.lof-navigator li {
cursor : pointer;
list-style : none;
width : 100%;
padding : 0 !important ;
margin : 0 !important ;
overflow : hidden;
background : none !important ;
}
.lof-ass .lof-navigator-outer {
position : absolute;
right : 0;
top : 0;
z-index : 3;
height : 300px;
width : 310px;
overflow : hidden;
}
.lof-ass .lof-navigator li.active {
background : #fff url(images/bullet_flecha.png) no-repeat 0% 0%;
}
.lof-ass .lof-navigator li h4 {
font-size : 95%;
font-weight : bold;
color : #d2007a;
padding : 15px 0 0 !important ;
}
.lof-ass .lof-navigator li h4 a {
font-size : 95%;
color : #d2007a;
font-weight : bold;
padding : 15px 0 0 !important ;
}

.lof-ass .lof-navigator li h4 a:hover {
font-size : 95%;
color : #d2007a;
font-weight : bold;
padding : 15px 0 0 !important ;
text-decoration : none;
}

.lof-ass .lof-navigator li a {
font-size : 90%;
color : #000000;
padding : 15px 0 0 !important ;
}
.lof-ass .lof-navigator li a:hover {
font-size : 90%;
color : #d2007a;
padding : 15px 0 0 !important ;
text-decoration : none;
}
.lof-ass .lof-navigator li div {
height : 100%;
position : relative;
padding-left : 25px;
border-top : 1px solid #e1e1e1;
}
.lof-ass .lof-navigator li.active div {
background : url(images/grad-bg.gif);
color : #fff;
}
.lof-ass .lof-navigator li img {
margin : 15px 15px 10px 0;
float : left;
}
.lof-ass .lof-navigator li.active h4 {
color : #fff;
padding : 0;
right : 0;
}
.lof-ass .lof-buttons-control .lof-previous, .lof-ass .lof-buttons-control .lof-next {
z-index : 4;
position : absolute;
top : 45%;
height : 38px;
display : block;
width : 19px;
overflow : hidden;
text-indent : -999em;
}
.lof-ass .lof-next {
right : 0;
background : url(images/next.png) repeat;
}
.lof-ass .lof-previous {
left : 0;
background : url(images/previous.png) repeat;
}
.lof-ass .grey .lof-navigator li {
background : none !important ;
}
.lof-ass .grey .lof-navigator li div {
border-top : 1px solid #ffffff;
}
.lof-ass .grey .lof-navigator li.active div {
background : #fff url(images/bullet_flecha.png) no-repeat 0% 0%;
}
.lof-ass .blue {
border : 1px solid #d9e1e7;
}
.lof-ass .blue .lof-navigator li {
background : none !important ;
}
.lof-ass .blue .lof-navigator li div {
background : #f3f8fb;
}
.lof-ass .blue .lof-navigator li.active div {
background : url(images/blue/grad-bg.png) repeat-x !important ;
color : #fff;
}
.lof-ass .blue .lof-navigator h4 {
color : #3b6197;
}
.lof-ass .blue .lof-navigator li div {
color : #676767;
border-top : 1px solid #d9e1e7;
}
.lof-ass .blue .lof-navigator li.active a {
color : #fff;
}
.lof-ass .red {
border : 1px solid #e5d7f1;
}
.lof-ass .red .lof-navigator li {
background : none !important ;
}
.lof-ass .red .lof-navigator li div {
border-top : 1px solid #c5c5c5;
}
.lof-ass .red .lof-navigator li.active div {
background : url(images/red/grad-bg.png) repeat-x !important ;
}
.lof-ass .purple {
border : 1px solid #e5d7f1;
}
.lof-ass .purple .lof-navigator li {
background : none !important ;
}
.lof-ass .purple .lof-navigator li div {
border-top : 1px solid #e5d7f1;
background : #f9f6fd;
color : #676767;
}
.lof-ass .purple .lof-navigator li.active div {
background : url(images/purple/grad-bg.png) repeat-x !important ;
color : #fff;
}
.lof-ass .purple .lof-navigator h4 {
color : #662072;
}
.lof-ass .pink {
border : 1px solid #e5d7f1;
}
.lof-ass .pink .lof-navigator li {
background : none !important ;
}
.lof-ass .pink .lof-navigator li div {
border-top : 1px solid #e5d7f1;
background : #f9f6fd;
color : #676767;
}
.lof-ass .pink .lof-navigator li.active div {
background : url(images/pink/grad-bg.png) repeat-x !important ;
color : #fff;
}
.lof-ass .pink .lof-navigator h4 {
color : #b40c81;
}
.lof-ass .lof-snleft .lof-main-wapper {
margin-left : auto;
margin-right : inherit;
clear : both;
height : 300px;
}
.lof-ass .lof-snleft .lof-main-item img {
float : right;
}
.lof-ass .lof-snleft .lof-navigator-outer {
left : 0;
top : 0;
right : inherit;
text-align : left;
}
.lof-ass .lof-snleft .lof-description {
left : auto;
right : 50px;
}
.lof-ass .lof-snleft .lof-navigator .active {
background : url(images/arrow-bg2.gif) no-repeat right center;
}
.lof-ass .lof-snleft .lof-navigator li div {
margin-left : inherit;
margin-right : 18px;
}
.lof-ass .lof-snleft .lof-navigator li.active div {
margin-left : inherit;
margin-right : 18px;
background : url(images/grad-bg2.gif);
}