/* REDEFINICION HTML TAGS */
body {
text-align: center;
font-family: verdana;
font-size: 12px;
font-weight: bold;
color: #000000;
margin: 0px;
padding: 0px;
background: url(/img/body_bckgr.jpg) repeat-y center #000000;
}
#main_home {
margin:20% auto 0 auto;
text-align:center
}
.body_home {
background: #841212;
}
p {
padding: 0px;
margin: 0px;
}
h2 {
font-size: 18px;
/* margin: 5px;*/
}
h3 {
margin: 8px 0px;
font-variant: small-caps;
font-size: 14px;
font-weight: bold;
letter-spacing: 1;
}
h4 {
color: #000000;
font-weight: bold;
font-size: 12px;
}
hr {
height: 1px;
border:1px solid #FFFFFF;
_border: none;
border-top: 1px dashed #CCCCCC;
background: #FFFFFF;
}
a {
color: #841212;
}
a.title {
color: #000000;
text-decoration: none;
}
a img {
border: none;
}
/* CABECERA */
#masmed h1 {
font-family: "Lucida Grande";
font-size: 18px;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
color: #FFFFFF;
width: 850px;
margin: 50px auto 10px auto;
text-align: right;
}
#header {
margin: 5px 0px 0px 0px;
height: 120px;
background: url(../img/header_bckgr.gif) repeat-x top #000000;
}
#mainMenu {
width: 872px;
height: 120px;
margin: 0 auto;
position: relative;
}
#mainMenu img {
position: absolute;
top: 0px;
left: 1px;
#left: 2px;
}
#mainMenu ul {
position: absolute;
right: 0px;
top: 0px;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0;
}
#mainMenu ul li {
float: left;
position: relative;
width: 131px;
height: 120px;
margin: 0;
background: url(../img/mainmenu_button_bckgr.gif) repeat-y right;
}
#mainMenu ul li a {
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
text-decoration: none;
letter-spacing: 1;
display: block;
padding: 40px 5px 0px 5px;
height: 80px;
_height: 120px;
}
#mainMenu ul li a:hover {
background: url(../img/sel_mainmenu_button_bckgr.gif) repeat-y right #000000;
}
#mainMenu ul li a.current {
font-weight: bold;
background: url(../img/sel_mainmenu_button_bckgr.gif) repeat-y right #841212;
}
#mainMenu ul li a.current:hover {
font-weight: bold;
background: url(../img/sel_mainmenu_button_bckgr.gif) repeat-y right #841212;
}
#option_i {
position: absolute;
top:0px;
left:0px;
width:128px;
background:#880000;
height:8px;
}
#option_ii {
position: absolute;
top:0px;
left:0px;
width:128px;
background:#D90B0B;
height:8px;
}
#option_iii {
position: absolute;
top:0px;
left:0px;
width:128px;
background:#FF9000;
height:8px;
}
#option_iv {
position: absolute;
top:0px;
left:0px;
width:128px;
background:#FFDE00;
height:8px;
}
#option_v {
position: absolute;
top:0px;
left:0px;
width:128px;
background:#F6FF00;
height:8px;
}
#option_vi {
position: absolute;
top:0px;
left:0px;
width:128px;
background:#D2DD00;
height:8px;
}
#main_container {
background: url(../img/container_bckgr.jpg) repeat-y center #860000;
}
/* CUERPO */
#container {
width: 840px;
margin: 0px auto 20px auto;
padding-top: 18px;
#padding-top: 35px;
text-align: left;
line-height: 20px;
font-weight: normal;
font-family: verdana;
position: relative;
}
.path {
position:absolute;
top: 10px;
left: 215px;
font-size: 10px;
}
#container_left {
float: left;
width: 193px;
height: 300px;
}
#container_left ul {
border-top: 1px solid #000000;
margin: 0;
padding: 0;
list-style: none;
}
#container_left ul li {
margin: 0px;
padding: 10px 0px;
border-bottom: 1px solid #000000;
}
#container_left ul li.current {
background: url(../img/ico_menu_selected.gif) no-repeat 0px 15px;
}
#container_left ul li.current a {
color: #000000;
padding-left: 25px;
}
#container_left ul li a {
text-decoration: none;
font-weight: bold;
color: #841212;
}
#container_left ul li a:hover {
text-decoration: underline;
}
#container_center {
float: left;
width: 600px;
margin: 0px 20px;
padding: 0px;
text-align: justify;
font-size: 13px;
}
#container_center_unique {
float: left;
padding: 0px;
text-align: justify;
font-size: 13px;
width: 740px;
margin: 0px 0px 0px 20px;
}
#container_right {
float: right;
width: 210px;
position: relative;
}
/* PIE */
#footer {
/* height: 25px;*/
}
#footer_content {
padding: 5px 0px 0px 0px;
color: #841212;
width: 870px;
margin: 0 auto;
font-size:10px;
font-weight:normal;
}
/* PAGINAS */
/* -- catalogo -- */
.item_catalog {
padding: 10px;
}
.item_catalog_content {
float: left;
width: 450px;
padding: 10px;
border-top: 1px dotted #880000;
border-bottom: 1px dotted #880000;
}
.catalog_profile_content {
width: 550px;
float: left;
}
.profile_img {
margin: 15px 0px 15px 15px;
padding: 15px 0px;
border-top: 1px dotted #880000;
border-bottom: 1px dotted #880000;
}
#container_center .item_catalog_content h2 a {
color: #841212;
text-decoration: none;
font-size: 16px;
margin: none;
}
.fragmento {
overflow: hidden;
}
.fragmento_text {
overflow: hidden;
}
.fragmento a {
text-decoration: none;
}
.fragmento img {
border: none;
}
.fragmento_toggler {
color: #828282;
font-weight: bold;
margin: 5px 0px;
cursor: hand;
}
.author_bibliography {
width: 420px;
padding: 5px;
}
/* -- noticias -- */
.news_content {
width: 100%;
border-top: 1px dotted #880000;
border-bottom: 1px dotted #880000;
padding: 10px 0px;
margin-bottom: 25px;
}
/* -- puntos de venta -- */
.sale_points {
border-top: 1px dotted #880000;
border-bottom: 1px dotted #880000;
padding: 10px 0px;
}
.sale_points_city {
font-weight: bold;
background: #CCCCCC;
padding: 0px 15px;
}
p.sale_points_city img {
margin: 3px 10px 0px 0px;
#margin: 1px 10px 0px 0px;
vertical-align: top;
}
/* USO COMUN */
.odd {
background: #EEEEEE;
}
.even {
background: #FFFFFF;
}
.keyword {
font-weight: bold;
color: #841212;
text-align: left;
}
.clearfix {
display: inline-block;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
input{
border: 1px solid #CCCCCC;
background: #EFEFEF;
height: 25px;
margin-bottom: 10px;
}
textarea{
border: 1px solid #CCCCCC;
background: #EFEFEF;
margin-bottom: 10px;
}
.input_radio {
border: none;
background: transparent;
float: left;
margin-right: 5px;
}
.input_radio_text{
float: left;
padding-top: 3px;
#padding-top: 0px;
}
.submit_button {
background: #CCCCCC;
border: 1px solid #DDDDDD;
font-weight:bold;
}
.fleft { float:left; }
.fright { float: right; }
.inline {display: inline;}
.w100perc { width: 100%; }
.w500px {width: 500px; }
.w400px {width: 400px; }
.w350px {width: 350px; }
.w215px {width: 215px;}
.w120px { width: 120px;}
.h80px {height: 80px;}
.p10px {padding: 10px;}
.p20pxl {padding-left: 20px; }
.p20pxr {padding-right:20px; }
.p100pxl {padding-left: 100px;}
.m5pxt {margin-top:3px;}
.m10pxt {margin-top:10px;}
.m10pxb {margin-bottom: 10px;}
.m15px { margin: 15px; }
.m10pxr {margin-right: 10px;}
.m15pxr {margin-right: 15px;}
.m15pxb {margin-bottom: 15px;}
.m25pxl { margin-left: 25px;}
.m150pxl {margin-left: 150px;}
.nodisplay { display: none; }
.noborder {border: none;}
.nodecoration {text-decoration: none: }
.big_text { font-size: 18px; }
.small_text {font-size: 11px;}
.normal {font-weight: normal; font-variant: none; }
.bold {font-weight: bold;}
.italic {font-style: italic;}
.small_caps {font-variant: small-caps;}
.colored {color: #841212;}
.centered {text-align: center; }
.align_right { text-align: right; }
.align_left { text-align: left; }
.indented {text-indent: 30px;}
.vertical_middle {vertical-align: middle;}
.vertical_top {vertical-align: top;}
.cursor { cursor: pointer;}