/*
  Project     : ArtOnDemand
  Author      : Desarrollo, desarrollo@artondemand.es
  Created on  : 15 febrero 2008
  CVS Id      : $Id$

  (C) 2008 ArtOnDemand
  
 */
 
body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #ccc;
    background-color: #e23828;
    background-image: url(../images/bg_site.gif);
    background-repeat: repeat-x;
}

#header {
    margin: 10px 10px 0px 10px;
    padding: 0px;
    background-image: url(../images/bg_head.gif);
    height: 136px;
    background-repeat: repeat-x;
}
 
/* Contenido de la página (incluye tabs y body_content) */
#content {
    margin: 0px 10px 0px 10px;    
    padding-top: 20px;
    border: 0px solid #FF0000;
    background: #6b6465;
    background-image: url(../images/bg_body.jpg);
    background-repeat: repeat-x;
    min-height: 250px;
    *margin-top: -3px;
}

/* Contenido de la página, incluye el menú izquierdo y el formulario central */
#body_content {
    margin: 0px 10px 0px 10px;
    padding: 1px 1px 10px;
    border: 0px solid #676666;
    background: #acafb6;
    background-image: url(../images/bg_body_in.jpg);
    background-repeat: repeat-x;
    height: 100%;
    border-bottom: 1px solid #676666;
    border-right: 1px solid #676666;
    *margin-top: 1px; 
}

#tabs {
    margin: 0px 10px 0px 10px;
    padding: 0px;
    border: 0px solid #ccc;    
    background: #a32931;
    background-image: url(../images/bg_menu.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

/* Lista de tabs */
ul#navlist {
    font: bold 10px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 21px;
    border-bottom: 1px solid #a12830;
    margin: 0;
}

ul#navlist li {
    float: left;
    height: 18px;
    margin: 2px 2px 0px 2px;
    border: 1px solid #D6D6D6;
    background: url(../images/bg_menu_but.gif);
    padding: 0px;
}

/* Tab seleccionado (li#active) */
ul#navlist li#active {
    border-bottom: 1px solid #fff;
}

ul#navlist li#active a { 
    color: #000; 
    background-color: #fff;
}

ul#navlist a {
    float: left;
    display: block;
    color: white;
    text-decoration: none;
    padding: 3px;
}

ul#navlist a:hover { 
    background: #fff; 
    color: #000;
}

/* Caja donde colocar contenido, por ejemplo, campos de un form */
.container {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black;
    width: 95%;
    padding: 5px;
    margin: 0px auto;
    border: 1px solid #FFOOOO;
    background-color: white;
    margin-bottom: 10px;
    min-height: 80px;
    border-bottom: 2px solid black;
    border-right:  2px solid black;
    text-align: left;
}

.miniContainer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black;
    width: 95%;
    padding: 5px;
    border: 1px solid #FFOOOO;    
    margin-bottom: 10px;
    /*min-height: 160px;*/   
    text-align: justify; 
	line-height: 16px;
}

/* Título de los formularios (sólo hay uno por página) */
.title {
    color: white;
    background: #E42024 url(../images/bg_title.gif) repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 10px 10px 10px 5px;
    border: 1px solid #FF0000;
    text-align: left;
}

.section_title {
    color: white;
    background: #E42024 url(../images/bg_title_label.gif) repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 5px 5px 5px 5px;
    border: 1px solid #FF0000;
    text-align: left;
    width: 95%;
    padding-left: 5px;
}

/* Fila dentro de un contenedor */
.row {
    clear: both;
    padding-top: 2px;
}

.object {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    float: right;
    width: 85%;
    text-align: left;
}

.botones {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    margin-bottom: 10px;
}

.botones #button {
    BORDER-RIGHT: #8f6a27 1px solid;
    BORDER-TOP: #eecd8f 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#666666, strength=2, Direction=135);
    BORDER-LEFT: #e8ba66 1px solid;
    COLOR: #FFFFFF;
    LINE-HEIGHT: 14px;
    BORDER-BOTTOM: 1px solid #5f461a;
    BACKGROUND: #003E7E;
    text-align: center;
    cursor: pointer;
}

/* Menú de la derecha, que contiene los items de las acciones */
#menuright {
    margin-right: 10px;
    margin-top: 0px;
    padding: 0;
    background: #fff url(../images/bg_menu_left.jpg) bottom repeat-x; 
    height: 530px;
    width: 160px;
    float: right;
}
    
/* Pie de página */
#foot {
    margin: 0px 10px 0px 10px;
    text-align: center;
    bottom: 0;
    height: 45px;
    background: #676666 url(../images/bg_foot.gif) repeat-x;
    padding-top: 4px;
    font-size: 11px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;    
}

#foot a:visited, #foot  a:link, #foot  a:hover, #foot  a:active{
    font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;    
	color: #ddd;
	text-decoration:none;
}

p {
	margin-top: 0px;
	margin-bottom: 10px; 
	margin-left: 5px;
}

li {
	margin-top: 0px;
	margin-bottom: 10px;
}

.randomPhotos {
    margin-top: 5px;
    margin-bottom: 20px;               
}

.randomPhotos td {
    *background: white;
}

.error {
    font-size: 11px;
    color: red;
    font-style: italic;  
}

.object input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    border: 1px solid #7497AA;
    background: White url(../images/bg_title_label.gif) repeat-x;
    margin-left: 5px;
    padding-left: 2px;
}

.label {
    float: left;
    width: 15%;
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
}