body { margin: 0; padding: 0; background-color: #330048; margin-bottom: 20px; }
#content            { padding: 10px; }
#content.simplePage { padding-right: 150px; }
#content ul { list-style: inside; }

#cms    { width : 955px; margin: 0; margin-left: auto; margin-right: auto; padding: 0; }

#cms ul#breadcrumb_trail li { display: inline; list-style: none; padding-right: 16px; background: url(../images/tab_right.png) right no-repeat; font-size: 11px; }
#cms ul#breadcrumb_trail li.last { background: none; }

#footer_message   { margin: 10px; font-size: 11px; text-align: left; color: #460062; font-family: Arial, Helvetica, sans-serif; }
#footer_message p { margin:0; padding:0; }
#footer_message a, #footer_message a:hover { color: #58007b; }

/*
 * *************************************************************************************
 * Las Fridas CSS
 * *************************************************************************************
 */
/*
 * Home nuevo
 * 
 */
#rosa-izquierda { width: 955px; height:583px; margin: 57px auto 0 auto; background: url(../../images/fondo_izq_arriba.jpg) left top no-repeat; }
#rosa-derecha { width: 955px; height:583px; background: url(../../images/fondo_der_arriba.jpg) right top no-repeat; }
#rosa-izq-abajo { width: 955px; height:583px; background: url(../../images/fondo_izq_abajo.jpg) left bottom no-repeat; }
#rosa-derecha-abajo { width: 955px; height:525px; background: url(../../images/fondo_der_abajo.jpg) right 322px no-repeat; padding-top: 58px; }
#previous-row { width: 955px; height:525px; padding-top: 0px; position:relative; }
#contenido { width: 851px; height: 449px; margin: 0 auto 0px 63px; background: url(../../images/fondo_carroucel.png) left top no-repeat; }
#header { width: 955px; margin: 20px auto 0 auto;  }
#barra { width: 955px; position: relative; border:1px solid #330048; }

#lflogo { position: absolute; left: 200px; z-index: 89; } 
#stlogo { position: absolute; left: 520px; top: 57px; z-index: 90; }
#stlogointerna { position: absolute; left: 270px; top: 15px; z-index: 90; }
#langlogo { position: absolute; right: 80px; top: 40px; z-index: 91; }

#lfmenu { position: absolute; left: 660px; top: 80px; z-index: 91; width: 200px; overflow:hidden; }
ul#lfmenu_number { list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; position:relative; }
ul#lfmenu_number li             { float:  left; }
ul#lfmenu_number li a           { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #f4ef42; padding: 0 5px; text-decoration:none; outline: none; }
ul#lfmenu_number li a:hover     { color: #8dbcff; }
ul#lfmenu_number li a.active    { color: #8dbcff; }


/*div#home_content                           { float: left; width: 991px; height: 431px; position: relative; background: url(../../images/home_content.jpg) no-repeat left top; padding: 6px 0 0 0; }*/
div#home_content .container                { float: left; width: 825px; height: 422px; position: relative; overflow: hidden; margin: 8px; }
div#home_content ul                        { margin: 0; padding:0; width: 100000px; position: relative; top: 0; left: 0; height: 422px; }                      
div#home_content ul li                     { width: 825px; height: 422px; text-align: center; list-style:none; float:left; }
div#home_content .previous_button          { position:absolute; left: -25px; width: 85px; height: 422px; background: url(../../images/home_content_back.jpg) no-repeat -5px 162px; z-index: 121; cursor: pointer; }
div#home_content .previous_button_over     { position:absolute; background: url(../../images/home_content_back.jpg) no-repeat -5px 162px; }
div#home_content .previous_button_disabled { position:absolute; background: url(../../images/home_content_back.jpg) no-repeat -5px 162px; cursor: default; }
div#home_content .next_button              { position:absolute; right: -2px; width: 55px; height: 422px; background: url(../../images/home_content_next.jpg) no-repeat right 162px; z-index: 100; cursor: pointer; }
div#home_content .next_button_over         { position:absolute; background: url(../../images/home_content_next.jpg) no-repeat right 162px; }
div#home_content .next_button_disabled     { position:absolute; background: url(../../images/home_content_next.jpg) no-repeat right 162px; cursor: default; }

/*
 * 
 * Internas nuevo
 * 
 */
div#header_interna_top    { background: url(../../images/header_interna_top.gif) no-repeat left bottom; height: 61px; margin: 54px 0 0 0; position:relative; }
div#header_interna_body   { background: url(../../images/header_interna_body.gif) no-repeat left top; height: 151px; overflow:hidden; padding: 3px 0 0 70px; margin: 0; width:991px; }
div#header_interna_footer { background: url(../../images/header_interna_footer.gif) no-repeat left top; height: 64px; width: 991px; display:block; overflow:hidden;}

/*
 * Todas las reglas css de contenidos estan en el file contenidos.css en la siguiente ruta /web/css/contenidos.css
 */

/*
 * Menú site internas
 */
ul.site_navigation { list-style:none; margin:0; padding:0; margin-bottom: 10px; }
ul.site_navigation li { margin:2px; padding:0; float:left; list-style: none; }
ul.site_navigation li a { display:block; /*width:100px;*/ padding: 3px 5px 0px 5px; text-decoration:none; text-align:center; font-size:11px; color:#FFFFFF; border-left:1px solid #bfbfbf; /*border-left:10px solid #666666;*/ }
ul.site_navigation li a:hover { color:#99CC00; border-left-color:#99CC00; }
	
div#boxcontent { background: #390050; width: 790px; margin: 0 0 0 65px; padding: 0 20px 20px 20px; color:#d6cced; }

/*
 * Menú site Internas Bottom
 */
.bottomImage { background: url(/web/images/menu_top.gif) no-repeat left bottom; }
#menuTopBottomNavigation  { height: 74px; background: url(../../images/menu_top.gif) no-repeat left top;  width: 991px;  }
#menuBodyBottomNavigation { height: 34px; background: url(../../images/menu_body.gif) no-repeat left top;  padding: 0 0 0 66px; width: 925px; }
#menuFooterBottomNavigation { height: 64px; background: url(../../images/menu_footer_bottom.gif) no-repeat left top;  width: 991px; overflow:hidden;  }
#menuBodyBottomNavigation div#bottomNavigation { height: 34px; padding: 0; text-align:left; overflow: hidden; }
#menuBodyBottomNavigation div#bottomNavigation a.cms_page_navigation { margin: 0 5px; }

/*
 * Galería picasa
 */
.thumbAlbum { float:left; padding:4px; background:white; border:1px solid #999; width:160px; height:160px; margin: 0 10px 0 0; }
.albums { float:left; width:200px; margin:0; }

.grid { float:left; margin:0 auto 20px auto; }
.grid div.photo { float:left; text-align:center; margin: 3px; height: 160px; width: 152px; overflow:hidden; }
.grid div.photo img { padding:3px; background:white; }
.grid .page-nav { list-style-type:none; margin:6px 0 10px 0; padding:0; }

.page-nav li { display:inline; padding:0 1px 0 1px; border:5px solid red; }
.page-nav li a { padding:5px; background:#eee; text-decoration:none; }
.page-nav li a:hover { background:#ebebeb; }
.page-nav li.selected a { background:#333; color:white; }

.albums-title   { font-family: arial, sans-serif; font-size: 14px; line-height: 18px; color: #fff; border-bottom: 1px solid #ddd; margin: 0 0 15px 0; padding: 0 0 5px 0 ; }
.albums-title a { font-family: arial, sans-serif; font-size: 14px; line-height: 18px; color: #bfbfbf; text-decoration: none; }
.albums-title sort a b { color: #000; }
.albums-current { font-family: arial, sans-serif; font-size: 18px; font-weight: bold; line-height: 18px; color: #6e8ed2; display: inline; }
.albums-count { font-family: arial, sans-serif; font-size: 14px; line-height: 18px; color: #444444; display: inline; }
.titlebox { font-family: arial, sans-serif; font-size: 13px; line-height: 16px; color: #fff; width: 164px; display: block; overflow:hidden; text-align: center;	 margin: 10px 0 10px 0; }
.titlebox a, 	.titlebox a:hover { font-family: arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 16px; text-align: center; text-decoration: none; color: #fff; display:block; } 

.albumes { width:750px; margin: 20px auto 0 auto; background-color: #fff; }
.thumb-album { width: 165px; margin: 6px; float:left; height: 210px; overflow: hidden; }
.thumb-album img { border:3px solid #fff; margin-bottom: 5px; }
.title-box { width:160px; text-align:center; font-size: 11px; color: #fff; }
a.atitle-box { color: #fff; text-decoration: none; }
a.atitle-box:hover { color: #ec6b20; }