@charset "utf-8";
/* CSS Document */
/*body {background:url(../images/fondo_especiales1.jpg) left top repeat;
  -webkit-background-size: cover;
    
    -o-background-size: cover;
    background-size: cover;
} */
.body{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #666666;
font-size: 12px;
text-align:justify;

}

.content{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #666666;
font-size: 12px;
text-align:justify;
}

.header{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #666666;
font-size: 16px;
font-weight:bold;
}

.txt{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #333333;
font-size: 12px;
text-align:justify;
}

.hint{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #999999;
font-size: 13px;
}

.txt a{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #cc0000;
font-size: 12px;
text-decoration: underline;
}

.txt a:hover{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #cc0000;
font-size: 12px;
text-decoration: underline;
}

.header{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #000000;
font-size: 20px;
font-weight: bold;
}

.date{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #000000;
font-size: 11px;
}

/* Main menu Clases  */
.menu-div {
color: #2f2f2f;
padding-left: 5px;
padding-right: 5px;
background:url(../images/menu-div.jpg) center top no-repeat;
}

.menu {
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #333333;
font-size: 13px;
font-weight: bold;
}

.menu a {
color: #333333;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

.menu a:hover {
color: #cc0000;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}

.menucss{
color: #fff;
font-size: 11px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-weight: bold;
font-style: normal;
line-height: 15px;
background-color: #e7e7e7;
background-repeat: repeat-x;
text-align: left;
position:absolute;
visibility: hidden;
z-index: 100;
width: 180px;
margin-top: 7px;
margin-left: -8px;
border: solid 1px #cfcfcf;
}

.menucss a{
color: #575757;
font-weight: bold;
width: 100%;
display: block;
padding: 5px 2px 5px 8px;
text-decoration: none;
}

.menucss a:hover{ /*hover background color*/
color: #cc0000;
font-weight: bold;
background-position: 12px 0;
text-decoration: underline;
clear: both;
padding: 5px 2px 5px 8px;
}

/* End Menu Clases /

/* Footer Menu and Text  */

.footer{
font-size: 11px;
color: #a6a6a6;
font-style: normal;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.footer-menu-div {
color: #cc0000;
font-size: 11px;
padding-left: 3px;
padding-right: 3px;
}

.footer-menu {
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #cc0000;
font-size: 11px;
}

.footer-menu a {
color: #cc0000;
font-size: 11px;
text-decoration: none;
}

.footer-menu a:hover {
color: #cc0000;
font-size: 11px;
text-decoration: underline;
}


.buscar{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #cc0000;
font-size: 12px;
font-weight:bold;
}

.error{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #cc0000;
font-size: 13px;
font-weight:bold;
text-align:left;
}


.success{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #006600;
font-size: 13px;
font-weight:bold;
text-align:left;
}

.success-box{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #006600;
font-size: 14px;
font-weight:bold;
text-align:left;
padding: 10px;
border: 1px solid #006600;
}


.no-data{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #666666;
font-size: 12px;
padding: 20px;

}

.links{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #cc0000;
font-size: 12px;
}

.links a{
color: #cc0000;
text-decoration: none;
}

.links a:hover{
color: #cc0000;
text-decoration: underline;
}

.links_peq{
font-family: Tahoma, Geneva, sans-serif;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
font-size: 9px;
color: #666;
font-size: 12px;
}

.links_peq a{
color: #666;
text-decoration: none;
}

.links_peq a:hover{
color: #cc0000;
text-decoration: underline;
}

.links-sm{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #959595;
font-size: 11px;
}

.links-sm a{
color: #cc0000;
text-decoration: none;
}

.links-sm a:hover{
color: #cc0000;
text-decoration: underline;
}

.search-box {
border: solid 1px #979aa1;
height: 16px;
background:url(../images/srch-box-bg.jpg) repeat-x;
}


.category-items {
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #959595;
font-size: 11px;
font-weight:bold;
text-decoration: none;
background:url(../images/categories-bg.gif) repeat-x;
padding: 0px 5px 0px 5px;
}

.category-items a{
color: #959595;
text-decoration: none;
}

.category-items a:hover{
color: #cc0000;
text-decoration: underline;
}


.category-list {
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #959595;
font-size: 11px;
font-weight:bold;
text-decoration: none;
padding: 5px 10px 5px 10px;
}

.category-list a {
color: #959595;
text-decoration: none;
}

.category-list a:hover {
color: #cc0000;
text-decoration: underline;
}



.all-cat-link {
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #cc0000;
font-size: 11px;
font-weight:bold;
text-decoration: none;
padding: 0px 5px 0px 5px;
}

.all-cat-link a{
color: #cc0000;
text-decoration: none;
}

.all-cat-link a:hover{
color: #cc0000;
text-decoration: underline;
}

.banner-table td{
padding-top: 5px;
}

.tables{
padding-top: 5px;
}

.magazines{
background-color:#fffff;
}


.insert-title{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #666666;
font-size: 12px;
font-weight:bold;
}

.insert-txt{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #666666;
font-size: 12px;
}

.insert-link a{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #cc0000;
font-size: 12px;
text-decoration: none;
font-weight:bold;
}

.insert-link a:hover{
text-decoration: underline;
}



.company-name{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #666666;
font-size: 16px;
font-weight:bold;
}

.company-info{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #666666;
font-size: 14px;
}

.company-info a{
color: #cc0000;
text-decoration: none;
}

.company-info a:hover{
color: #cc0000;
text-decoration: underline;
}


.block-titles{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #cc0000;
font-size: 18px;
font-weight: normal;
}

.block-titles-g{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #999999;
font-size: 18px;
font-weight: normal;
}


a.info{
position:relative; /*this is the key*/
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}

a.info:hover{z-index:25; background:#e4e4e4 url(../images/tooltip-bg2.gif) repeat-x; text-align:left;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
padding: 0px;
position:relative;
top:10px;
bottom:10px;
/*width:515px;
border:1px dashed #cc0000;
background-color:#ffe8e8;
/*background-color:#cff; color:#000;*/
background:#e4e4e4 url(../images/tooltip-bg2.gif) repeat-x;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #565656;
font-size: 14px;
}

			a.info:hover div.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 100%}
			a.info:hover div.b {background: url(../images/dot.gif) 0 100% repeat-x}
			a.info:hover div.l {background: url(../images/dot.gif) 0 0 repeat-y}
			a.info:hover div.r {background: url(../images/dot.gif) 100% 0 repeat-y}
			a.info:hover div.bl {background: url(../images/bl.gif) 0 100% no-repeat}
			a.info:hover div.br {background: url(../images/br.gif) 100% 100% no-repeat}
			a.info:hover div.tl {background: url(../images/tl.gif) 0 0 no-repeat}
			a.info:hover div.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}
			
/* POP SCAN --------------------------------------------------------------------------------------------*/

			a.info-pop{
			position:relative; /*this is the key*/
			z-index:24; background-color:#f9f9f9;
			color:#000;
			text-decoration:none}
			
			a.info-pop:hover{z-index:25; background-color:#fff}
			
			a.info-pop span{display: none}
			
			a.info-pop:hover span{ /*the span will display just on :hover state*/
			display:block;
			padding: 0px;
			position:absolute;
			top:10px; left:10px;
			/*top:1em; left:1em; width:150px;
			border:1px dashed #cc0000;
			background-color:#ffffff;*/
			background:#e4e4e4 url(../images/tooltip-bg2.gif) repeat-x;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			color: #565656;
			font-size: 13px;
			}

			a.info-pop:hover div.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 250px}
			a.info-pop:hover div.b {background: url(../images/dot.gif) 0 100% repeat-x}
			a.info-pop:hover div.l {background: url(../images/dot.gif) 0 0 repeat-y}
			a.info-pop:hover div.r {background: url(../images/dot.gif) 100% 0 repeat-y}
			a.info-pop:hover div.bl {background: url(../images/bl.gif) 0 100% no-repeat}
			a.info-pop:hover div.br {background: url(../images/br.gif) 100% 100% no-repeat}
			a.info-pop:hover div.tl {background: url(../images/tl.gif) 0 0 no-repeat}
			a.info-pop:hover div.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}


/* DATE INFO -------------------------------------------------------------------------------*/

	a.info-date{
			position:relative; /*this is the key*/
			z-index:24; background-color:#f9f9f9;
			color:#000;
			text-decoration:none}
			
			a.info-date:hover{z-index:25; background-color:#ff0}
			
			a.info-date span{display: none}
			
			a.info-date:hover span{ /*the span will display just on :hover state*/
			display:block;
			padding: 0px;
			position:absolute;
			/*top:1em; left:1em; width:150px;
			border:1px dashed #cc0000;
			background-color:#ffffff;*/
			background:#e4e4e4 url(../images/tooltip-bg2.gif) repeat-x;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			color: #565656;
			font-size: 13px;
			}

			a.info-date:hover div.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 150px}
			a.info-date:hover div.b {background: url(../images/dot.gif) 0 100% repeat-x}
			a.info-date:hover div.l {background: url(../images/dot.gif) 0 0 repeat-y}
			a.info-date:hover div.r {background: url(../images/dot.gif) 100% 0 repeat-y}
			a.info-date:hover div.bl {background: url(../images/bl.gif) 0 100% no-repeat}
			a.info-date:hover div.br {background: url(../images/br.gif) 100% 100% no-repeat}
			a.info-date:hover div.tl {background: url(../images/tl.gif) 0 0 no-repeat}
			a.info-date:hover div.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}
			
			
					

.image-box{ /*the span will display just on :hover state*/
padding: 5px;
width:110px;
/*height:150px;*/
border:1px dashed #cccccc;
background-color:#fffff;
}



.box{ /*the span will display just on :hover state*/
padding: 0px;

}

			.box div.t {background: url(../images/dot.gif) 0 0 repeat-x}
			.box div.b {background: url(../images/dot.gif) 0 100% repeat-x}
			.box div.l {background: url(../images/dot.gif) 0 0 repeat-y}
			.box div.r {background: url(../images/dot.gif) 100% 0 repeat-y}
			.box div.bl {background: url(../images/bl.gif) 0 100% no-repeat}
			.box div.br {background: url(../images/br.gif) 100% 100% no-repeat}
			.box div.tl {background: url(../images/tl.gif) 0 0 no-repeat}
			.box div.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}



.discount-header{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #333333;
text-decoration:none;
font-size:14px;
font-weight:bold
}

.discount{
font-family: Arial, Geneva, Arial, SunSans-Regular, sans-serif;
color: #cc0000;
font-size:12px;
font-weight:bold;
line-height: 20px;
}

.discount a{
color: #cc0000;
text-decoration: none;
}

.discount a:hover{
color: #666666;
text-decoration: underline;
}