/* DANILO CSS */
html { overflow-x:hidden; }
body {
scrollbar-base-color: #DBDBDB;
scrollbar-arrow-color: #333333;
scrollbar-track-color: #FFFFFF;
margin-top: 0px;
margin-bottom: 0px;
}
.im_border{
border:1px solid #CCCCCC;
}
.img{
height:40px;
width:40px;
}
a.menu {
font-family: Arial;
font-size: 14px;
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
padding-left:3px;
padding-right:3px;
text-transform:uppercase;
}
a.menu:hover {
color: #D45766;
text-transform:uppercase;
}
a.menu_selected {
font-family: Arial;
font-size: 14px;
font-weight: normal;
text-decoration: none;
color: #D45766;
text-transform:uppercase;
}
a.by {
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
}
a.by:hover {
color: #CCCACA;
text-decoration: underline;
}
a.link_small {
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #666666;
}
a.link_small:hover {
text-decoration: underline;
}
a.link_small1 {
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #424041;
}
a.link_small1:hover {
text-decoration: underline;
}
a.link_general{
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 16px;
text-decoration: underline;
color: #666666;
}
a.link_general:hover{
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 16px;
text-decoration: none;
color: #666;
}
a.menu_cat_shop {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:normal;
color: #404040;
text-decoration:none;
text-transform:uppercase;
}
a.menu_cat_shop:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:normal;
color: #404040;
text-decoration:none;
text-transform:uppercase;
}
.menu_subcat_shop {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:normal;
color: #777777;
text-decoration:none;
}
a.menu_subcat_shop {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:normal;
color: #777777;
text-decoration:none;
}
a.menu_subcat_shop:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:normal;
color: #777777;
text-decoration:none;
}
a.menu_subcat_sel_shop {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #777777;
text-decoration:none;
}
a.menu_subcat_sel_shop:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #777777;
text-decoration:none;
}
a.link13{
font-family: Arial;
font-size: 13px;
font-weight: normal;
color:#999999;
text-decoration:none;
}
a.link13:hover{
font-family: Arial;
font-size: 13px;
font-weight: normal;
color:#000000;
text-decoration:none;
}
.paginado{
font-family: Arial;
font-size: 13px;
color: #999999;
font-weight:normal;
}
.actual_page{
font-family: Arial;
font-size: 13px;
color: #999999;
font-weight:bold;
}
a.page{
font-family: Arial;
font-size: 13px;
color: #999999;
font-weight:normal;
text-decoration:none;
}
a.page:hover{
font-family: Arial;
font-size: 13px;
color: #cccccc;
font-weight:normal;
text-decoration:none;
}
a.individual_product_link{
font-family: Arial;
font-size: 10px;
color: #413F40;
font-weight:bold;
text-decoration:none;
}
a.individual_product_link:hover{
font-family: Arial;
font-size: 10px;
color: #7F7D7E;
font-weight:bold;
text-decoration:none;
}
.title {
font-family: Arial;
font-size: 18px;
font-weight: bold;
line-height: 22px;
text-decoration: none;
color: #C60021;
}
.title_small {
font-family: Arial;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #C60021;
text-align:left;
}
.subtitle {
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #333333;
}
.individual_product_name{
font-family: Arial;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #413F40;
}
.individual_product_code{
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #7F7D7E;
}
.individual_product_desc{
font-family: Arial;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #7F7D7E;
}
.individual_product_sug{
font-family: Arial;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #7F7D7E;
}
.general_b {
font-family: Arial;
font-size: 14px;
font-weight: normal;
line-height: 18px;
text-decoration: none;
color: #666666;
}
.general_bold {
font-family: Arial;
font-size: 14px;
font-weight: bold;
line-height: 18px;
text-decoration: none;
color: #666666;
}
.general {
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 16px;
text-decoration: none;
color: #666666;
}
.general1 {
font-family: Arial;
font-size: 13px;
font-weight: normal;
text-decoration: none;
color: #666666;
}
.txtgeneral {
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 16px;
text-decoration: none;
color: #666666;
}
.small {
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
}
.ft_sections {
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 14px;
text-decoration: none;
color: #666666;
padding-top:36px;
padding-left:20px;
width:180px;
}
input.subscribete {
width: 238px;
height: 23px;
border: 1px solid #8A8A8A;
padding:0px;
margin-bottom: 7px;
}
.footer {
height: 85px;
background-image: url('../images/bg_footer.png');
backround-repeat: repeat-x;
padding-top: 23px;
padding-left: 16px;
}
/* divs */
#div_about_content_text{
width:500px;
}
/* carousel home */
.html_carousel {
padding: 0px 0 0px 0px;
}
.html_carousel div.slide {
width: 980px;
height: 330px;
position: relative;
}
.html_carousel div.slide div {
background-color: rgba(0, 0, 0, 0.6);
width: 980px;
display: none;
position: absolute;
bottom: 0;
}
.html_carousel div.slide h4 {
font-size: 35px;
padding: 30px 0 0 100px;
}
.html_carousel div.slide p {
font-size: 16px;
padding: 0 0 30px 100px;
}
.html_carousel div.slide h4, .html_carousel div.slide p {
color: white;
margin: 0;
}
div.thumbnails {
text-align: right;
}
div.thumbnails img {
cursor: pointer;
border: 1px solid #ccc;
background-color: white;
padding: 0px;
margin: 3px;
display: inline-block;
}
div.thumbnails img:hover {
background-color: #eee;
}
div.thumbnails img.selected {
background-color: #ccc;
opacity:0.4;
filter:alpha(opacity=40);
}
.clearfix {
float: none;
clear: both;
}
#prev_next{
width:980px;
height:330px;
position:absolute;
z-index:5;
}
/* divs */
.errores{
color:#cc0000;
font-size:11px;
font-family: Arial;
font-weight: normal;
height:20px;
padding-top:0px;
margin-top:0px;
}
/* tables */
td .contact_right_content{
border-left: 1px solid #D6D6D6;
padding-left: 35px;
}
.div_contact_content_border{
border-top: 1px solid #D6D6D6;
}
/* forms*/
.tfgeneral{
border:1px solid #9f9f9f;
height:20px;
background-color:#FFFFFF;
font-face: Arial, Helvetica, sans-serif;
font-size:13px;
color:#9f9f9f;
text-align:left;
padding-left:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.tageneral{
border:1px solid #9f9f9f;
background-color:#FFFFFF;
font-face: Arial, Helvetica, sans-serif;
font-size:13px;
color:#9f9f9f;
text-align:left;
padding-left:5px;
padding-top:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btngeneral{
padding:5px 11px;
background-color: #cdcdcd;
font-face: Arial, Helvetica, sans-serif;
font-size:13px;
color:#9f9f9f;
text-align:center;
}
/* */
/* NAV */
#nav{
list-style:none;
font-family: Arial;
font-size: 15px;
font-weight:normal;
padding-top:0px;
margin-top:10px;
left:-10px;
margin-right:15px;
}
#nav li.no_last{
float:left;
position:relative;
padding-left:13px;
padding-right:13px;
border-right:1px solid #fff;
}
#nav li.last{
float:left;
position:relative;
padding-left:13px;
border-right:0px;
}
#nav li.first{
float:left;
position:relative;
padding-left:0px;
padding-right:13px;
border-right:1px solid #fff;
/*left: -7536006px;*/
}
#nav a{
display:block;
/*color:#999999;
text-decoration:none;*/
}
#nav a:hover{
/*color:#000000;
text-decoration:none;*/
}
/*--- DROPDOWN ---*/
#nav ul{
background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
background:rgba(255,255,255,0.9); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
list-style:none;
position:absolute;
padding-top:10px;
font-family: Arial;
font-size: 14px;
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
z-index:300;
margin-left:14px;
}
#nav ul li{
float:none;
text-align:left;
padding-right:30px;
margin-left:0px;
padding-left:0px;
z-index:100;
height:19px;
border-right:0px;
width:100%;
}
#nav ul a{
white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
left:0; /* Bring back on-screen when needed */
text-align:left;
padding-left:0px;
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
text-decoration:none;
}
#nav li:hover ul li a{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
color:#7e7e7e;
height:100%;
width:100%;
padding-left:5px;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
/*background:#cccccc;*/
color:#cc0000;
}
/*--- END NAV ---*/
/* modal subscribe */
/* Overlay */
#simplemodal-overlay {background-color:#999999; cursor:wait;}
/* Container */
/*#simplemodal-container {height:646px; width:576px; color:#bbb; background-color:#FFF; border:0px; padding:0px;}*/
#modal_subscribe {color:#bbb; background-color:#FFF; border:2px solid #C41220; padding:0px;width:376px;}
#modal_solicitar_info {color:#bbb; background-color:#FFF; border:2px solid #C41220; padding:0px;width:376px;}
#modal_my_account {color:#bbb; background-color:#FFF; border:2px solid #C41220; padding:0px;width:570px;}
#simplemodal-container .simplemodal-data {padding:0px;}
#simplemodal-container code {border-left:0px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:0px;}
#modal_subscribe{
background-color:#fff;
display:none;
}
#modal_solicitar_info{
background-color:#fff;
display:none;
}
#modal_my_account{
background-color:#fff;
display:none;
}
#div_header_subscribe_modal{
height:22px;
width:366px;
padding:5px;
background-color:#C41220;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#fff;
}
#div_header_solicitar_info_modal{
height:22px;
width:366px;
padding:5px;
background-color:#C41220;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#fff;
}
#div_header_my_account_modal{
height:22px;
width:560px;
padding:5px;
background-color:#C41220;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#fff;
}
.form_subscribe{
margin:25px;
}
.form_contact{
margin:25px;
}
.modalSubtitle{
color:#C41220;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
}
.modaltxt11 {
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #9F9F9F;
}