/* Estructura
-------------------------------------------------- */

#oContenedor {
	width: 800px;
	text-align: left;
	margin: 0 auto;
	display: block;
}


/* Cabecera
#################### */

#oCabecera {
	float: left;
	width: 800px;
	height: 193px;
	padding: 0;
	border-top: 1px solid #d4d4d4;
	background-color: #e0e1e0;
	border-top: 14px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	}


#oCabecera  .floatleft {
	margin: 40px 0 0 40px;
	width: 327px;
	}

#oCabecera p {
	color: #1e201c;
	font-size: 11px;
	}

.oNav {
	float: left;
	padding: 0 0 0 2px !important;
	padding: 0;
	background-color: #ffffff;
	width: 798px !important;
	width: 800px;
}

.oNav a {
	float: left;
	margin: 0 0 0 2px;
	text-indent: -400px;
	font-size: 0;
	overflow: hidden;
}


.oNav a.bot01 {
	float: left;
	display: block;
	width: 88px;
	height: 43px;
	background: transparent url(../img/bot_home.gif) 0 0 no-repeat;
	}

.oNav a.bot01:hover, .oNav span.selected a.bot01 { background: transparent url(../img/bot_home_on.gif) 0 0 no-repeat; }

.oNav a.bot02 {
	float: left;
	display: block;
	width: 127px;
	height: 43px;
	background: transparent url(../img/bot_about.gif) 0 0 no-repeat;
	}

.oNav a.bot02:hover, .oNav span.selected a.bot02 { background: transparent url(../img/bot_about_on.gif) 0 0 no-repeat; }


.oNav a.bot03 {
	float: left;
	display: block;
	width: 145px;
	height: 43px;
	background: transparent url(../img/bot_documentary.gif) 0 0 no-repeat;
	}

.oNav a.bot03:hover, .oNav span.selected a.bot03 { background: transparent url(../img/bot_documentary_on.gif) 0 0 no-repeat; }


.oNav a.bot04 {
	float: left;
	display: block;
	width: 189px;
	height: 43px;
	background: transparent url(../img/bot_donate.gif) 0 0 no-repeat;
	}

.oNav a.bot04:hover, .oNav span.selected a.bot04 { background: transparent url(../img/bot_donate_on.gif) 0 0 no-repeat; }


.oNav a.bot05 {
	float: left;
	display: block;
	width: 235px;
	height: 43px;
	background: transparent url(../img/bot_tongue.gif) 0 0 no-repeat;
	}

.oNav a.bot05:hover, .oNav span.selected a.bot05 { background: transparent url(../img/bot_tongue_on.gif) 0 0 no-repeat; }

div.p2 {
	background-color: #ebebeb;
	padding: 5px 5px;
	margin: 5px 0 5px 0 !important;
	*margin: 3px 0 5px 0 !important;
	margin: 2px 0 5px 0;
	float:left;
	width:503px;
	color: #333333;
	}

div.p3 {
	background-color: #f4f4f4;
	padding: 5px 5px;
	margin: 5px 0 5px 0 !important;
	*margin: 3px 0 5px 0 !important;
	margin: 2px 0 5px 0;
	float:left;
	width:503px;
	color: #333333;
	}
div.p3 .texto{
	float:left;
	width:220px;
	margin: 23px 0 0 0;
	color: #52574D;
	}


.upload {
	margin: 0 0 -10px 0;
	}

/* oContenido
#################### */

#oContenido {
	float: left;
	width: 775px !important;
	width: 775px;
	padding: 37px 0 20px 25px !important;
	padding: 37px 0 20px 25px;
	background-color: #ffffff;
	margin: 0 0 20px 0;
	}

#oContent {
	float: left;
	width: 551px !important;
	margin: 0;
	padding: 0;
	}



#oColDer {
	float: left;
	width: 190px;
	padding: 0 0 0 20px;
	}

#oColDer .mod {
	float: left;
	margin: 0 0 10px 0;
}



.oFlash {
	margin: 0 0 15px 0;
}

.oBloque {
	padding: 0 0 15px 20px;
	position: relative;
	width: 551px !important;
	width: 501px;
	clear: both;
	float: left;
	}

.oBloque p {
	padding: 5px 0 15px 0;
	color: #52574d;
	font-size: 11px;
	width: 515px;
	display: block;
	}




/* Formularios
-------------------------------------------------- */

input, select, textarea {
	float: left;
	border: none;
	margin: 0 0 10px 0;
	padding: 3px 2px 0 2px;
	color: #54616e;
	background: transparent url(../img/f_input.gif) 0 0 repeat-x;
	}



/****************
 Errores de formulario y validacion
************/
span.error {
  background:none;
  clear: both;
	float: left;
	margin: 0 0 5px 0;
	color: red;
	display: none;
	width: 200px;
}
span.success {
  background: none;
  color: green !important;
}

div.error { display: none; }

input.error {  background-color: red !important; border: none; }
#resumenErrores { margin: 5px 0  0; clear: both; color: red; }


/* Variantes de tipografías y  Clases Generales
-------------------------------------------------- */

p, ul.listado li {
	line-height: 16px;
	}

.nueve { font-size: 9px;}
.diez { font-size: 10px;}
.trece { font-size: 13px;}

.blanco { color: #ffffff; }
.naranja { color: #dd651b; }
.claro { color: #a9b0b6; }

h1 {
	color: #333333;
	font-size: 26px;
	text-transform: none;
	margin: 0 0 10px 0;
	}



/* Márgenes y anchos
-------------------------------------------------- */

.nomargin { margin: 0; }

.mv5 { margin-top: 5px; }
.mv10 { margin-top: 10px; }
.mv25 { margin-top: 25px; }

.mx5 { margin-left: 5px; }
.mx10 { margin-left: 10px; }


.w100 { width: 100px; }
.w125 { width: 125px; }
.w300 { width: 300px; }
.w306 { width: 306px; }