/* 
Document   : socidrogalcohol2010.css
Created on : 2009/04/12
Author     : José R. Bobes Bascarán
Description:
XXXVII Jornadas Nacionales Socidrogalcohol
Oviedo, 22-24 Abril
*/

/* Cuerpo */
body {
    color: #333;
    background-color: #eee;
}

/* Contenedores */
div#container {
    margin: 2em auto;
}
div#header {
    color: #fff;
    background: #0096d1 url(../images/logoCruzTransparente.png) left no-repeat;
    border: 1px solid #e5e5e5;
    border-width: 0 2px 2px 0;
}
div#header-in {
    padding: 20px;
}
div#content-wrap {
    padding: 10px 0;
}
div.content {
    color: inherit;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-width: 0 2px 2px 0;
    background-image: url("../images/fondoCruz.gif");
}
div.content-in {
    padding: 20px;
    background-image: url("../images/fondoCruz.gif");
}
div.column {
    width: 110px;
    color: inherit;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-width: 0 2px 2px 0;
}
div.column-in {
    padding: 20px;
}
div#footer {
    color: inherit;
    background-color: #0096d1;
    border: 1px solid #e5e5e5;
    border-width: 0 2px 2px 0;
}
div#footer-in {
    padding: 10px;
}

/* Títulos */
#titulo {
    color: #fff;
    font-size: 2em;
    margin-left: 80px;
}

#subtitulo {
    color: #fc0;
    float: right;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: -0.5em;
}

h2 {
    font-size: 14px;
    color: #0096d1;
    border: 1px solid #0096d1;
    margin-top: 1em;
    background: #0096d1;
}
h2 .titulo{
    font-size: 16px;
    font-variant: small-caps;
    color: white;
    margin-left: 2.2em;
}
.gotaAmarilla {
    background: #0096d1 url(../images/gotaAmarilla9030.png) left no-repeat;
}
.gotaGris {
    background: #0096d1 url(../images/gotaGris9030.png) left no-repeat;
}
.gotaRoja {
    background: #0096d1 url(../images/gotaRoja9030.png) left no-repeat;
}
.gotaVioleta {
    background: #0096d1 url(../images/gotaVioleta9030.png) left no-repeat;
}

h3 {
    font-size: 12px;
    color: #0096d1;
    width: 50%;
    border-bottom: 1px dashed #0096d1;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

/* Secciones */
#contenido {

}

#seccion {

}

#subseccion {

}

#menu {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#menu li {
    margin: 0;
    padding: 0;
}
#menu a {
    border-bottom: 1px solid #0096d1;
    color: #333;
    display: block;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    font-weight:normal;
}
#menu a:hover {
    background: #0096d1 left center no-repeat;
    color: #fff;
    padding-bottom: 8px;
}

#copyrigth {
    color: #fff;
    font-style: italic;
}

#lastUpdate {
    float: right;
    margin-top: -16px;
    color: #fff;
}

#webAuthor {
    width: 50%;
    color: #fff;
}

fieldset {
    margin: 1em;
    border: solid 1px #0096d1;
    padding: 0.5em;
}
fieldset legend {
    color: #0096d1;
    font-style: italic;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 0.5em;
}

.atl {
    text-align: left;
}
.atc {
    text-align: center;
}
.atr {
    text-align: right;
}

label {
    width: 4em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block
}

.tituloParrafo {
    color: #0096d1;
    font-size: 1.2em;
    font-style: italic;
    margin-right: 0.5em;
}

.tituloActividad {
    font-variant: small-caps;
}

.boton {
    color: white;
    background: #0096d1;
    border: 1px solid #0096d1;
    padding: 0.2em;
    cursor: pointer;
}

a {
	color: #06f;
	background-color: inherit;
	text-decoration: underline;
	}
	a:visited 	{ color: #06f; background: inherit; }
	a:hover 	{ color: #06f; background: inherit; }
	a:active 	{ color: #06f; background: inherit; }

.obligatorio {
    color: red;
}

table.tablaAzul {
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
    font-weight: normal;
    font-size: 11px;
    color: #fff;
    width: 280px;
    background-color: #666;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

table.tablaAzul td {
    background-color: #DDF;
    color: #000;
    padding: 4px;
    border: 1px #fff solid;}

table.tablaAzul th {
    background-color: #66C;
    border: 1px #fff solid;
    color: #fff;
    padding: 2px;
    text-align: left;
    border-bottom: 2px #fff solid;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.tablaFondo
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0.5em;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	/* background: url('../images/fondoCerebro.png') bottom right repeat-y; */
}
.tablaFondo th
{
	padding: 0.2em;
	font-weight: bold;
	font-size: inherit;
    background: #fc0;
	color: #06d;
    text-align: center;
}
.tablaFondo tr:hover td
{
	background: #fe9;
	color: #339;
}
.tablaFondo td
{
	padding: 5px 6px;
	color: #669;
	border-top: 1px solid #eee;
}
.tablaFondo tfoot td
{
	font-size: 11px;
}
.tablaFondo tbody td
{

}

 /******* MENU *******/
 #container{
     margin:4em auto;
     width:400px;
 }
 #container ul{
     list-style:none;
     list-style-position:outside;
 }
 #container ul.menu li{
     float:left;
     margin-right:8px;
     margin-bottom:-1px;
 }
 #container ul.menu li{
     font-weight:700;
     display:block;
     padding:10px 15px;
     background:#303030;
     margin-bottom:-1px;
     border:1px solid #3e3e3e;
     border-width:1px 1px 1px 1px;
     position:relative;
     color:#e4e1cd;
     cursor:pointer;
     border-radius: 3px 3px 0 0;
     -moz-border-radius:3px 3px 0 0;
     -webkit-border-radius:3px 3px 0 0;
 }
 #container ul.menu li:hover{
     color:#fff;
 }
 #container ul.menu li.active{
     background:#171717;
     top:1px;
     border-bottom:0;
     color:#fff;
 }

#menuCronograma {
    text-align: center;
    border-bottom: gray 2px dashed;
}

#menuCronograma a {
    font-size: large;
    font-variant: small-caps;
    font-weight: bold;
    text-decoration: none;
    margin: 0.2em;
	color: #0096d1;
}

.cronogramaTituloActividad {
    font-weight: bold;
    color: #449;
}
.cronogramaTituloActividad a {
    text-decoration: none;
    font-weight: bold;
    color: #449;
}
.cronogramaTituloSubActividad {
    font-weight: bold;
    color: #66e;
}
.cronogramaPonente {
    font-style: oblique;
    margin-left: 5px;
}

.cronogramaSala {
    padding: 0.2em;
	font-weight: bold;
	font-size: inherit;
    background: #0096d1;
	color: #fff;
    text-align: center;
}

.colaboracionLaboratorio {
    margin-left: 200px;
    font-style: italic;
    color: #669;
    font-weight: bold;
}

.divDetalleActividad{
    margin-top: 1em;
    border-top: 1px solid gray;   
}

.infomacionCategoria {
    font-size: 1.8em;
}

.infomacionTitular {
    font-size: 1.2em;
    font-weight: bold;
}