﻿/* Main characteristics */
body
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana;
}

/* Text decoration */
.textWhite
{
	color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
}

/* Backgrounds */
.backgroundBlack
{
	background-color: #000000;
}
.backgroundBlue
{
	background-color: #0000FF;
}
.backgroundLightBlue
{
	background-color: #ADD8E6;
}

.backgroundLightGreen
{
	background-color: #88EE88;
}

.backgroundGreen
{
	background-color: #08ff00;
	background-image: url('../Style/Images/barragrande.png');
	height:30px;
}

.backgroundAlternate
{
	background-color: #FFFF99;
}

/* Padding and margins */
.padding5
{
	padding: 5px 5em 5px 5em;
}

/* Controls and sections */

.sectionHeader
{
	font-size: large;
	font-weight: bold;
	color: #800000;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-style: solid;
	margin: 0px 0px 5px 0px;
}

.sectionContainer
{
	padding: 5px 5em 5px 5em;
	clear: both;
}

.sectionContainer2
{
	padding: 2px 2em 2px 2em;
	clear: both;
}

.sectionContent
{
	float: left;
	width: 87%;
}

.textBox
{
	margin: 0.5em;
	border: 1px solid #800000;
	vertical-align: middle;
	font-size: x-large;
}

.button
{
	margin: 0.5em;
	border: 1px solid #800000;
	vertical-align: middle;
	font-size: x-large;
}

.cell
{
	float:left;
	display: table-cell;
	margin: 1em;
}

.row
{
	clear:both;	
}

.small
{
	font-size: xx-small;
}

.gray
{
	color: #808080;
}

.bold
{
	font-weight: bold;
}

.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;	
}

.modalPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.contenedor
{
	margin:0 auto 0 auto;
	background-color:black;
	width: 1000px;	
}

.centrado
{
	text-align:center;
}

.styleLetraBiografia
{
    color: #FFFFFF;
}

.fotoPerfil
{
	width: 150px;
	float:right;
	text-align: right;
	margin-left:5px;
}
/*
.columnaIzquierda
{
	width: 250px;
	float: left;
	text-align: center;
}
*/
.columnaCentral
{
	color:White;
	width: 500px;
	position:relative;
	top:0px;
	float:left;
	left: 0px;
}

.columnaDerecha
{
	width: 250px;
	float:right;
}

.columnaDerechaGrande
{
	width: 250px;
	float:right;
	position:relative;
	left:750px;
}