/* Estilos de Factor Ocio*/

body {
background-image:url(http://factorocio.blobic.com/files/5600-1163-fichero/imagenfondo.jpg);
background-repeat:repeat-x;
height:100%;
font-family:Arial;
margin:0;
background-color:#9E9E9E;
}

.tablaContenedora,.tablaPrincipal {
height:100%;
}

.tablaPrincipal {
width:840px;
}

.cabecera {
background-repeat: no-repeat;
}

a {
outline:none;
color:#000;
text-decoration:none;
font-weight:900;
}

a:hover {
text-decoration:none;
font-weight:900;
}

.derecha ul,.izquierda ul {
list-style:none;
font-size:16px;
font-weight:700;
}

.menu ul {
text-align:left;
margin:0;
margin-left:5px !important;
margin-left:40px;
}

.menu li {
display:inline;
padding-right:10px;
font-size:14px;
}

.menu {
background-repeat: no-repeat;
height:20px;
}

.tituloCategoria {
display:none;
}
.elementoCatalogoSimple {
text-align:justify;
color:#FFF;
font-family:Arial;
font-size:14px;
padding:15px 0 0 0px;
width:620px;
}

.elementoCatalogoSimple .precio {
text-align:right;
font-weight:700;
color:#FFF;
background-color:#CD6C03;
display:block;
clear:both;
margin:10px 0;
}


.elementoCatalogoSimple .titulo {
color:#4B4A4F;
font-weight:700;
font-size:16px;
padding-top:10px;
}

li.titulo, li.referencia{
color:#FFF;
}

.elementoCatalogoSimple div.imagen {
float:left;
margin-right:10px;
margin-top:30px;
position:relative;
}

.elementoCatalogoSimple img {
border:0;
width:100px;
}

.elementoCatalogoSimple .descripcion {
display:block;
margin-top:5px;
font-family:Arial;
font-size:14px;
text-align:justify;
color:#222;
}

.tablacatalogosimple {
position:relative;
left:15px;
}


.menuCatalogo {
float:right;
font-size:17px;
width:140px !important;
width:100px;
height:100%;
padding-top:5px;
}

#dhtmlgoodies_slidedown_menu {
padding-top:5px;
width:145px;
}

#dhtmlgoodies_slidedown_menu a {
color:#FFF;
border:0;
width:auto;
}

#dhtmlgoodies_slidedown_menu .slMenuItem_depth1 {
border:0;
font-size:18px;
color:#000;
}

#dhtmlgoodies_slidedown_menu .slMenuItem_depth2 {
color:#000;
padding-left:20px;
}

#dhtmlgoodies_slidedown_menu .slMenuItem_depth3 {
color:#333;
padding-left:20px;
}

.noDerecha {
width:17px;
}

.noIzquierda {
width:19px;
}

.enlaceMiniClaro {
height:40px;
color:#222;
font-size:10px;
padding-top:10px;
font-weight:bold;
}

h1.h1contacto {
color:#FFF;
font-size:22px;
font-weight:600;
display:block;
text-align:left;
padding:10px 0;
}

#textoContacto {
color:#000;
font-size:12px;
font-align:justify;
padding-right:150px;
font-weight:normal;
}


#textoEmpresa {
color:#000;
font-size:12px;
text-align:justify;
padding:0 120px 0 0;
}


img.imagencontacto {
position:relative;
margin:20px 20px 20px 70px;
}

img.imagenPortada {
padding-left:70px;
}

.elementoCatalogoSimple form.formularioElemento {
display:none;
}

.derecha li {
border:1px solid #FFF;
}

.derecha li a {
display:block;
background-image:url(/files/5600-534-fichero/flecha2.gif);
background-repeat:no-repeat;
background-position:10px center;
padding-left:30px;
padding-top:3px;
padding-bottom:3px;
}

.derecha li a:hover,.izquierda li a:hover {
background-image:url(/files/5600-555-fichero/flecha2anim.gif);
}

.mensaje{
color:#FFF;
}

.estatica {
text-align:justify;
color:#FFF;
font-size:12px;
font-weight:bold;
padding:20px 60px;
}

.catalogo .imagenPortada {
position:relative;
left:0 !important;
left:80px;
}

.pie{
margin-bottom:0;
height:20px;
}

.LinkPie2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-decoration:none;
outline:none;
}

.LinkPie2:hover {
text-decoration:underline;
color:#009933;
}

.clear {
display:block;
clear:both;
border-bottom:2px dotted #000;
}