html, body{
padding: 0;
margin: 0;
}
body {
background-color: #f8f2e0;
background-image: url(../images/fondo.jpg);
background-position: center;
background-repeat: repeat-y;
font-family: Arial, Helvetica, sans-serif;
}
td, tr, p {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #2a385a;
}
a{
color: #2703df;
text-decoration: none;
font-size: 12px;
}
a:hover {
color: #ff8003; text-decoration: none;
}
img{
border:0;
}
.titleLink a {
font-weight: bold;
font-size:15px;
/* color:#5995d2;*/
color: #2c2cf6;
text-decoration: none;
}
.titleLink a:hover{
/*text-decoration: underline;*/
color: #ff6c00;
border-bottom: dashed 1px #5995d2;
}
hr, hr.separator {
width : 99%;
border: 0.4px solid #ff3300;
height: 0.5px;
margin-left: -2px;
margin-top: 0px;
margin-bottom: 6px;
}
/* Mambo Menu Styling
* ------------*/
/* menu -nav */
#mainlevel-nav{
padding: 2px 0px 0px 0px;
margin: 0px 0px 0px 50px;
}
#mainlevel-nav li{
position:relative;
float:left;
border-bottom: 3px solid #cc0000;
margin-right: 3px;
padding-right: 3px;
margin-left: 3px;
padding-left: 5px;
margin-top: 0px;
padding-bottom: 1px;
list-style:none;
}
#mainlevel-nav li:hover{
border-bottom: 3px solid #fff;
}
#mainlevel-nav li a{
padding:1px 1px;
text-decoration:none;
font:bold 16px Arial;
color:#fff;
}
#mainlevel-nav li a:hover{
border:none;
}
a#active_menu-nav{
border-bottom: 3px solid #fff;
}
a#active_menu{
}
a.mainlevel{
display: block;
margin-bottom: 5px;
margin-left: 2px;
color: #fff;
font-weight: bold;
font-size: 12px;
font-family: verdana;
}
a.mainlevel:hover,
a.sublevel:hover,
a.sublevel2:hover{
font-style: italic;
}
/* menu sublevel */
a.sublevel, a.sublevel2{
display: block;
font-size: 11px;
font-weight: bold;
color: #fff;
margin-bottom:3px;
margin-left: 10px;
}
a.sublevel2{
background: url(../images/new/redarrow.gif) no-repeat 10px 5px;
}
a.sublevel2{
color: #6990e2;
}
/* botón rojo */
.arribarojo,
.centrorojo,
.abajorojo{
display: block;
width: 192px;
}
.arribarojo{
height: 11px;
background : transparent url(../images/new/boton_rojo_arriba.gif) no-repeat 0px 0px;
}
.centrorojo{
background : transparent url(../images/new/boton_rojo_centro.gif) repeat-y;
}
.centrorojo .enlace{
padding-left: 7px;
padding-right: 0px;
}
.abajorojo{
height: 8px;
background : transparent url(../images/new/boton_rojo_abajo.gif) no-repeat 0px 0px;
}
/* botón azul */
.arribaazul,
.centroazul,
.abajoazul{
display: block;
width: 181px;
}
.arribaazul{
height: 7px;
background : transparent url(../images/new/boton_azul_arriba.gif) no-repeat 0px 0px;
}
.centroazul{
background : #6990e2 url(../images/new/boton_azul_centro.gif) no-repeat top;
}
.centroazul .enlace{
padding-left: 7px;
padding-right: 0px;
}
.abajoazul{
height: 8px;
background : transparent url(../images/new/boton_azul_abajo.gif) no-repeat 0px 0px;
}
/* título módulos */
.arribatitulo,
.centrotitulo,
.abajotitulo{
display: block;
width: 196px;
}
.arribatitulo{
height: 11px;
background : transparent url(../images/new/titulo_modulo_arriba.gif) no-repeat 0px 0px;
}
.centrotitulo{
background : transparent url(../images/new/titulo_modulo_centro.gif) repeat-y;
}
.centrotitulo .titulo{
padding-left: 7px;
padding-right: 0px;
font-weight: bold;
color: #f40404;
}
.abajotitulo{
height: 7px;
background : transparent url(../images/new/titulo_modulo_abajo.gif) no-repeat 0px 0px;
}
#sakuratop{
background: url(../images/new/sakura1.jpg) no-repeat 200px 0px;
}
#sakuratop #breadcrumbs{
padding-top: 20px;
}
#sakuratop #breadcrumbs img{
padding-right: 2px;
}
#sakuratop #searchbox{
position: relative;
top: -10px;
float: right;
}
#sakuratop #searchbox h1{
font-size: 12px;
color: #de543e;
}
/* Search form */
#searchform {
padding:0;
width:200px;
}
#searchform label {
display:block;
}
#s {
width:150px;
background-color:#FFFFFF;
border-color:#e78d8d;
color:#333333;
}
#s,
#searchsubmit{
-moz-border-radius:4px;
-webkit-border-radius: 4px;
border-style:solid;
border-width:1px;
font-size:14px;
padding:4px;
filter:alpha(opacity=70);
opacity:0.7;
-moz-opacity:0.7;
}
#searchsubmit {
background: transparent url(../images/new/lens.png) no-repeat scroll 3px 3px;
cursor:pointer;
display:inline;
height:30px;
line-height:0;
margin:0;
padding:0;
text-indent:-1000px;
width:30px;
border: 0;
}
#ebay{
background: url(../images/imgs/rojo_gradient.jpg) repeat-x top;
padding-left: 0px;
padding-top:5px;
padding-bottom:3px;
margin-top:10px;
margin-bottom:10px;
border: 1px solid #cc0000;
text-align:center;
width: 196px;
}
/* Redes sociales links*/
#sociallinks{
padding: 10px 10px 10px 20px;
}
#sociallinks #blog{
display: block;
color: #2A385A;
font-size: 20px;
font-weight: bolder;
margin: 5px 0px 13px 0px;
padding-left: 30px;
background: transparent url(../images/new/article-24.png) no-repeat;
width: 80px;
}
#sociallinks #blog:hover{
color: #596b9a;
}
#sociallinks #facebook{}
#sociallinks #twitter,
#sociallinks #youtube{
margin-left: 8px;
}
#sociallinks #facebook:hover,
#sociallinks #twitter:hover,
#sociallinks #youtube:hover{
filter:alpha(opacity=70);
opacity:0.7;
-moz-opacity:0.
}
/* A la carta */
#alacartabox{
background: transparent url(../images/new/a_la_carta.png) no-repeat 10px -10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px red solid;
width: 192px;
/* filter:alpha(opacity=70);
opacity:0.7;
-moz-opacity:0.7;
height: 200px; */
}
#alacartabox #slogan{
padding: 130px 10px 10px 10px ;
font-size: 14px;
font-weight: bold;
}
#alacartabox #slogan a{
color: red;
font-size: 14px;
border-bottom: 1px dashed red;
}
#alacartabox #slogan a:hover{
border-bottom: 1px solid red;
}
/* Contacto */
.map{
float: right;
width: 330px;
margin-bottom: 30px;
}
.contactdata{
padding: 0px 0px 5px 10px;
font-size: 14px;
}
.contactdata ol{
margin-left: 20px;
padding-left: 0px;
}
.contactdata li{
margin-bottom: 10px;
}
#contactform{
font-size: 14px;
padding: 0px 40px;
}
#contactform input{
margin-bottom: 10px;
}
.contact_email{
padding: 20px;
border: 1px solid #d1d1d1;
background: #fcfaff;
}
.contact_email .inputbox{
margin-bottom:5px;
}
.margintop{
margin-top: 20px;
}
.link a{
font-size: 14px;
color: #2A385A;
border-bottom: 1px dashed #2A385A;
}
.link a:hover{
border-bottom: 1px solid #2A385A;
}
.contactdata .desc{
font-weight:bolder;
}
/* Aikido */
#aikido #desc{
text-align: center;
}
#aikido h3,
#aikido h4{
padding: 0;
margin: 1px;
}
#aikido h3 a{
color: #FF030F;
font-size: 14px;
border-bottom: 1px #FF030F dashed;
}
#aikido h3 a:hover{
border-bottom: 1px #FF030F solid;
}
#aikido h4 a{
color: #2A385A;
font-size: 13px;
}
/* Guías y tours*/
#guiasytoursimagentop{
height:135px;
width:570px;
background:url(../images/reportajes.jpg) no-repeat center;
}
.guias{
width: 550px;
}
#contactformguias{
font-size: 14px;
margin-top: 20px;
}
#guiasytoursfinal{
margin: 100px auto;
}
#guiasytoursfinal h2{
color: #000;
}
#guiasytoursfinal p{
text-align: justify;
}
#guiasytoursfinal #logo{
float: left;
margin-right: 20px;
}
#guiasytoursfinal a{
color: #BF2323;
font-size: 12px;
border-bottom: 1px dashed #BF2323;
font-weight: bolder;
}
#guiasytoursfinal a:hover{
text-decoration: none;
border-bottom: 1px solid #BF2323;
}
/* Manga/anime */
.mangaanime td{
padding-top: 20px;
}
.mangaanime img{
padding-bottom: 10px;
}
.mangaanime a{
color: #2A385A;
font-size: 12px;
font-weight: bolder;
}
/* Botón compra virtuemart*/
.addtocartbutton{
font-size:10px;
color:white;
padding-left: 32px;
/* width:100px; */
height:35px;
cursor:pointer;
border:none;
font-weight:bold;
background: url('../../../components/com_virtuemart/shop_image/ps_image/add-to-cart.gif') no-repeat left bottom transparent;
vertical-align: middle;
overflow:hidden;
filter:alpha(opacity=85);
opacity:0.85;
-moz-opacity:0.85;
-moz-border-radius-bottomright: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topright: 25px;
-webkit-border-top-right-radius: 25px;
}
/* mambo core stuff */
table.moduletable {
width: 100%;
margin-bottom: 10px;
margin-top: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
table.moduletable th {
font-family : Arial, Helvetica, sans-serif;
color: white;
text-align:left;
padding-left:10px;
margin-top:10px;
line-height: 18px;
font-size: 14px;
background-color:#ff3300;
}
table.moduletable td {
padding-top:0px;
padding-left:0px;
}
table.moduletable td ul, table.moduletable td li {
/* margin: 0;
padding: 0; */
list-style: none;
}
.listaproductoswrap{
padding-left: 5px;
padding-top: 10px;
}
.listaproductos{
padding: 0;
margin: 0;
}
.listaproductos li{
margin-bottom: 5px;
padding-left: 14px;
background: url(../images/new/redarrow.gif) no-repeat 0px 5px ;
}
.listaproductos li a{
font-size: 10px;
text-decoration: underline;
}
.cart{
margin-top: 10px;
margin-bottom: 4px;
}
.cart img{
float:left;
margin: 0px 15px 5px 15px;
}
.login{
padding:10px 0px 10px 5px;
}
.login .button{
margin-top: 5px;
margin-bottom: 10px;
margin-left: 50px;
}
.login .inputbox{
margin-top:3px;
margin-bottom:3px;
background-color:#f6f6f6;
}
.search{
text-align: center;
}
.search .inputbox{
background-color:#f6f6f6;
margin-top:10px;
}
.contactskype{
text-align: center;
margin-top: 10px;
}
.rss{
padding:6px 15px 0px 0px;
float:right
}
.pathway {
font-family : Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
color: #383232;
}
a.pathway{
color: #383232;
font-weight: bold;
font-size: 13px;
}
a.pathway:hover {
text-decoration: underline;
}
/*** General Mambo Styles*/
.back_button{
text-align: center;
}
.pagenavbar {
color: red;
}
.pagenav, a.pagenav, a.pagenav:visited{
color: red;
height: 20px;
padding: 4px;
text-align: center;
/* border: 1px solid #ff7200;
background-color: #FFFFFF;*/
}
a.pagenav, a.pagenav:visited{
color: #ff4200;
}
a.pagenav:hover{
color: #FF0000;
background-color:#efe3d9;
}
.small {
font-size: 10px;
font-weight: bold;
color: #8098BF;
}
a.comentar{
color: #3064e8;
padding-left:20px;
background-image: url(../../../images/M_images/edit.png);
background-repeat: no-repeat;
background-position: 0px 0px;
line-height:20px;
}
a.comentar:hover{
border-bottom:1px dashed #3064e8;
}
/**
* Mambo Form Styles
* -----------------
* Here are 2 styles that Mambo uses to let users control
* how their forms and buttons may look.
*/
.button {
background-color: #FFFFFF;
border: 1px solid;
border-top-color: #CDD5DA;
border-right-color: #8098BF;
border-bottom-color: #8098BF;
border-left-color: #CDD5DA;
font-size: 12px;
font-weight: bold;
color: #f34747;
padding: 2px 14px;
}
.inputbox {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #8098BF;
border-right-color: #CDD5DA;
border-bottom-color: #CDD5DA;
border-left-color: #8098BF;
font-size: 10px;
font-weight: normal;
color: #4e01fc;
background-color: #FFFFFF;
}
/**
* Mambo Tabbed Frontend Admin Interface
* -------------------------------------
* The CSS styles here defines how the frontend admin interface
* will look like when editing and adding news through frontend.
*/
.ontab {}
.offtab {}
.tabpadding {}
.tabheading {}
.pagetext {}
/**
* Mambo General styling for Sections/Categories/Contents
* ------------------------------------------------------
* These stylings are either sometimes or often used across
* Sections, categories and contents. They, therefore, deserves
* to be mentioned and separated from others.
*/
.createdate {
font-size: 10px;
color: #5da0e5;
}
.modifydate {}
.readon, a.readon:link, a.readon:visited{
color: blue;
float: left;
margin-left: 20px;
font-weight: bold;
}
a.readon:hover{
border-bottom: blue 1px dotted;
}
/**
* Mambo Styling for Contents
* --------------------------
* All the styling for contents are listed
* below.
*/
.contentpane {}
.contentpaneopen {}
.contentpane ul{
list-style: none;
}
.contentdescription { padding-top:15px; }
table.contenttoc {}
table.contenttoc td {}
.content_rating {}
.content_vote {}
/**
* Mambo Styles for Categories
* ---------------------------
* The following are the styling for "Category" items
* generated from the Sections area
*/
/* For content item titles that are hyperlink instead of Read On */
.contentheading, .componentheading{
color: #fe0808;
font-size: 14px;
font-weight: bold;
text-decoration:underline;
padding-bottom:10px;
padding-top:10px;
}
.contentpagetitle, .category {
color: #9DBC70;
font-weight: bold;
}
a.contentpagetitle, a.category{
font-size: 14px;
font-weight: bold;
color: #0255bc;
padding-left:15px;
background-image: url(../../../images/M_images/rating_star.png);
background-repeat: no-repeat;
background-position: 0px 4px;
}
a.contentpagetitle:hover, a.category:hover {
color:#ec1f1f;
}
/**
* Mambo Blog styling
* ------------------
* Not too sure where this is used yet. I tried the blog section
* but it doesn't seem to use it. If you have info on this,
* email me. I'll update this part.
*/
.blog{
width: 580px;
}
.blogsection{}
.blog_more
{
margin-top:15px;
}
.blog_more ul
{
list-style: none;
margin-left:2px;
margin-top:5px;
/*border: 1px #8fcff3 solid;*/
}
.blog_more li
{
padding:3px;
background-image: url(../images/bullet_blue_arrow.gif);
background-repeat: no-repeat;
}
.blog_more li a
{
color: red;
margin-left:10px;
position:relative;
top:-4px;
}
.blog_more li a:hover
{
border-bottom: 1px red dashed;
margin-left:15px;
}
/**
* Mambo's Built-in Component's Syling
* -----------------------------------
* These stylings are used for Mambo's built-in components
* such as newsfeeds, weblinks, contact, search and polls.
* A commented subtitle will guide you which is for which
*/
/* Polls */
.poll {
font-size: 11px;
color: #8AB5AC;
}
table.pollstableborder {
border: 1px solid #8098BF;
color: #445E88;
}
/**
* Mambo Sections Styles
* ---------------------
* Styling of sections tables
*/
.sectiontableheader {
/* background-color : #CDD5DA;
color : #445E88;
font-weight : bold;
border-top: 1px solid #8098BF;
border-right: #8098BF;
border-bottom: 1px solid #8098BF;
border-left: #8098BF;
line-height: 16px;*/
/* color : #ff0303;
font-weight : bold;
border: 1px solid #f9cf0d;*/
line-height: 16px;
background-color : #ec1f1f;
color:white;
padding-left: 10px;
font-weight : bold;
line-height: 16px;
}
.sectiontableheader th{
/* background-color : #ec1f1f;
color:white;*/
}
.sectiontableentry1 {
}
.sectiontableentry2 {
background-color : #f8f2f2;
}
.sectiontableentry1 td,.sectiontableentry2 td{
padding-left:10px;
line-height: 20px;
}
.sectiontableentry1 a,.sectiontableentry2 a{
color: #3064e8;
font-weight:bold;
padding-left:12px;
background-image: url(../images/bullet_blue_arrow.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}
.sectiontableentry1 a:hover,.sectiontableentry2 a:hover{
border-bottom:1px dashed #3064e8;
}
#uddeim-overview .sectiontableentry1 a, #uddeim-overview .sectiontableentry2 a{
color: #3064e8;
font-weight:normal;
padding-left:0px;
background-image:url();
}
#uddeim-overview .sectiontableentry1 a:hover, #uddeim-overview .sectiontableentry2 a:hover{
border-bottom:0;
}
#uddeim-module p{
line-height:5px;
}
#uddeim-module a{
color: #1c5b99;
padding-left:12px;
background-image: url(../images/bullet_blue_arrow.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}
#uddeim-module a:hover{
border-bottom:1px dashed #3064e8;
}
/* Weblinks */
.weblinks{}
/* Newsfeeds */
.newsfeedheading {}
.newsfeeddate {}
.fase4rdf {}
/* Search page */
table.searchintro {}
/* Contact's table settings */
table.contact {}
table.contact td.icons {}
table.contact td.details {}
h1, h2, h3{
color:#ff030f;
}
h1{
font-size: 18px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 5px;
}
.subtitle{
color: #DF3229;
}
.footer{
font-size:11px;
color:#3a7990;
}
.footer a{
font-size:11px;
color:#f77e09;
text-decoration:none;
}
.pagos{
padding: 10px;
}
.borde{
border: #fb0000 1px solid;
}
.footer2{
font-size:11px;
color:#3a7990;
}
.footer2 a{
font-size:11px;
color:#3a7990;
text-decoration:underline;
}
/* virtuemart */
.prodDestacados{
font-weight:bold;
color:#4521e1;
text-decoration:none;
}
.prodDestacados:hover{
color: #ff6c00;
border-bottom: dashed 1px #ff6c00;
}
.addButProdDestacados{
/*background-color:#f1fafb;
border:1px #d7e5f6 solid;
margin:10px;
padding-bottom:3px;
background-color:#f1bd40;*/
border:1px #ef3d3d solid;
margin:0px 10px 0px 10px;
padding-bottom:5px;
}
.addButProdDestacados a{
font-size: 12px;
font-weight:bold;
color:#ef3d3d;
text-decoration:none;
}
/*.addButProdDestacados a:hover{
border-bottom:1px dashed #f91414;
}*/
.ivaIncluido{
color:#6c87ed;
}
.inputbox{
/* margin-bottom:7px;
margin-top:2px;*/
padding: 2px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.message{
padding: 10px;
color: #6262e7;
}
.tituloNoticias
{
color: red;
font-size: 14pt;
font-weight:bold;
}
#addtocart input{
margin-top:5px;
}
.rayaSuperiorRojo
{
background: url(../images/raya_fondo_superior.jpg) top repeat-x;
}