/********** General **********/
body
{
	background: #FFF;
	margin: 0;
	padding: 0;
}
/********** General **********/




/********** Estructura **********/
div.divContenedor
{
	background: #FFF;
	margin: 20px 0 0 -400px;
	padding: 0;
	width: 800px;
	height: auto;
	position: absolute;
	top: 0;
	left: 50%;
}

div.divCabezal
{
	background: #FFF url(../imgs/header_bg.jpg) no-repeat;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 40px;
	float: left;
	position: relative;
}

div.divMenu
{
	background: #FFF url(../imgs/menu_bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 22px;
	float: left;
	position: relative;
}

div.divCuerpo
{
	background: #FFF;
	margin: 0;
	padding: 0;
	width: 800px;
	height: auto;
	float: left;
	position: relative;
}

div.divLogos
{
	margin: 20px 0;
	padding: 0;
	width: 800px;
	height: 100px;
	float: left;
	position: relative;
}

div.divPie
{
	margin: 0;
	padding: 0;
	width: 800px;
	height: 20px;
	float: left;
	position: relative;
}
/********** Estructira **********/




/********** Cabezal **********/
a.aCabezal:link, a.aCabezal:visited, a.aCabezal:hover
{
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 40px;
	display: block;
	float: left;
	position: relative;
}
/********** Cabezal **********/




/********** Menú **********/
div.divMenuItem
{
	background: #FFF url(../imgs/menu_item_bg.jpg) no-repeat;
	margin: 0;
	padding: 0;
	width: 118px;
	height: 22px;
	float: left;
	position: relative;
}

a.aMenuItem:link, a.aMenuItem:visited, a.aMenuItem:hover,
a.aMenuItemSel:link, a.aMenuItemSel:visited, a.aMenuItemSel:hover
{
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	font: normal normal bold 10px/22px Arial;
	margin: 0 0 0 8px;
	padding: 0;
	width: 100px;
	height: 22px;
	display: block;
	float: left;
	position: relative;
}
a.aMenuItem:hover, a.aMenuItemSel:link, a.aMenuItemSel:visited, a.aMenuItemSel:hover { color: #B2D4EE; }
/********** Menú **********/




/********** Cuerpo **********/
img.imgCuerpoLogoHome
{
	background: #FFF;
	border: none;
	margin: 0;
	padding: 0;
	width: 410px;
	height: 336px;
	float: left;
	position: relative;
}

div.divRegistrateYa
{
	background: #FFF;
	border: none;
	margin:10px 0 0 0;
	padding: 0;
	width: 390px;
	height: 140px;
	float: left;
	position: relative;
}

div.divRegistrateYa h1
{
	color: #000;
	text-align: center;
	text-decoration: none;
	font: normal normal bold 40px/60px Arial;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 60px;
	display: block;
	float: left;
	position: relative;
}
div.divRegistrateYa a:link, div.divRegistrateYa a:visited, div.divRegistrateYa a:hover
{
	color: #C00;
	text-align: center;
	text-decoration: none;
	font: normal normal bold 12px/20px Arial;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
	display: block;
	float: left;
	position: relative;
}
div.divRegistrateYa a:hover { color: #6BB2DE; }

div.divRegistrateYa p
{
	color: #000;
	text-align: center;
	text-decoration: none;
	font: normal normal bold 12px/20px Arial;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
	display: block;
	float: left;
	position: relative;
}

div.divCronometro
{
	background: #FFF;
	border: none;
	margin: 50px 0 45px 0;
	padding: 0;
	width: 390px;
	height: 36px;
	float: left;
	position: relative;
}

p#fecha
{
	color: #317A96;
	text-align: center;
	font: normal normal bold 30px/36px Arial;
	margin: 0;
	padding: 0;
	width: 396px;
	height: 36px;
	float: left;
	position: relative;
}

img.imgCuerpoTextoHome
{
	background: #FFF;
	border: none;
	margin: 0;
	padding: 0;
	width: 390px;
	height: 55px;
	float: left;
	position: relative;
}

div.divInfoAdicional
{
	margin: 20px 10px 0 10px;
	padding: 0;
	width: 780px;
	height: auto;
	float: left;
	position: relative;
}

p.pInfoAdicional
{
	color: #333;
	text-align: left;
	font: normal normal bold 12px/20px Arial;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

div.divSeccion
{
	background: #FFF;
	margin: 20px 10px 20px 10px;
	padding: 0;
	width: 780px;
	height: auto;
	float: left;
	position: relative;
}

div.divSeccion ul { /*margin: 20px 0 10px 14px; padding: 0;*/ }

div.divSeccion ul li
{
	color: #333;
	text-align: left;
	font: normal normal normal 12px/20px Arial;
	/*
	list-style: disc;
	margin: 0 0 0 0;
	padding: 0;
	*/
	/*width: 100%;*/
	height: auto;
}

img.imgCuerpoLogoDetails
{
	background: #FFF;
	border: none;
	margin: 5px 0;
	padding: 0;
	width: 116px;
	height: 90px;
	float: left;
	position: relative;
}

img.imgCuerpoLogoKW
{
	background: #FFF;
	border: none;
	margin: 0 0 0 10px;
	padding: 0;
	width: 100px;
	height: 100px;
	float: left;
	position: relative;
}

div.divRuta
{
	margin: 0 0 0 24px;
	padding: 0;
	width: 530px;
	height: 100px;
	float: left;
	position: relative;
}

p.pRuta
{
	color: #333;
	text-align: left;
	font: normal normal bold 12px/100px Arial;
	margin: 0;
	padding: 0;
	width: 530px;
	height: 100px;
	float: left;
	position: relative;
}

a.aRuta:link, a.aRuta:visited, a.aRuta:hover
{
	color: #0077AF;
	text-align: left;
	text-decoration: none;
	font: normal normal bold 12px/90px Arial;
	margin: 0;
	padding: 0;
	width: auto;
	height: 100%;
}
a.aRuta:hover { color: #6BB2DE; }

p.pSubCabezal
{
	color: #0077AF;
	text-align: left;
	font: normal normal bold 12px/16px Arial;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

div.divSubmenu
{
	margin: 10px 0;
	padding: 0;
	width: 100%;
	height: 30px;
	float: left;
	position: relative;
}

p.pSubmenu
{
	color: #333;
	text-align: center;
	font: normal normal bold 12px/30px Arial;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
	float: left;
	position: relative;
}

a.aSubmenu:link, a.aSubmenu:visited, a.aSubmenu:hover
{
	color: #0077AF;
	text-align: center;
	text-decoration: none;
	font: normal normal bold 12px/30px Arial;
	margin: 0;
	padding: 0;
	width: auto;
	height: 100%;
}
a.aSubmenu:hover { color: #6BB2DE; }

p.pTituloSeccion
{
	color: #0077AF;
	text-align: center;
	font: normal normal bold 20px/40px Arial;
	margin: 20px 0 0 0;
	padding: 0;
	width: 100%;
	height: 40px;
	float: left;
	position: relative;
}

p.pSeccion
{
	color: #333;
	text-align: left;
	font: normal normal normal 12px/20px Arial;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

p.pSeccion b
{
	color: #333;
	text-align: left;
	font: normal normal bold 12px/20px Arial;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

span.sSeccion
{
	color: #6BB2DE;
	text-align: left;
	font: normal normal bold 12px/20px Arial;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

a.aSeccion:link, a.aSeccion:visited, a.aSeccion:hover
{
	color: #6BB2DE;
	text-align: left;
	text-decoration: underline;
	font: normal normal bold 12px/20px Arial;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}
a.aSeccion:hover { color: #317A96; }
/********** Cuerpo **********/




/********** Form Volunteer **********/
form.frmVolunteer
{
	margin: 20px 50px 0 50px;
	padding: 0;
	width: 700px;
	height: auto;
	float: left;
	position: relative;
}

label.lblTitulo
{
	color: #0077AF;
	text-align: center;
	font: normal normal bold 20px/40px Arial;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

label.lblSubtitulo, label.lblSubtitulo2
{
	color: #333;
	text-align: center;
	font: normal normal bold 12px/20px Arial;
	margin: 5px 0;
	padding: 0;
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}
label.lblSubtitulo2 { text-align: left; }

label.lblInputs1
{
	color: #333;
	text-align: left;
	font: normal normal bold 12px/20px Arial;
	margin: 5px 200px;
	padding: 0;
	width: 300px;
	height: auto;
	float: left;
	position: relative;
}

input.txtInputs1
{
	background: #CCC;
	border: none;
	color: #333;
	text-align: left;
	font: normal normal normal 12px/20px Arial;
	margin: 0 200px;
	padding: 0;
	width: 300px;
	height: 20px;
	float: left;
	position: relative;
}

select.selInputs1
{
	background: #CCC;
	border: none;
	color: #333;
	text-align: left;
	font: normal normal normal 12px/20px Arial;
	margin: 0 200px;
	padding: 0;
	width: 300px;
	height: 20px;
	float: left;
}

textarea.txaInputs1
{
	background: #CCC;
	border: none;
	color: #333;
	text-align: left;
	font: normal normal normal 12px/20px Arial;
	margin: 0 200px;
	padding: 0;
	width: 300px;
	height: 80px;
	float: left;
	position: relative;
}

input.btnInputs1, input.btnInputs1:hover
{
	background: #333;
	border: none;
	color: #CCC;
	text-align: center;
	font: normal normal bold 12px/20px Arial;
	margin: 5px 200px;
	padding: 0;
	width: 300px;
	height: 20px;
	float: left;
	position: relative;
}
input.btnInputs1:hover { background: #999; color: #333; }

table.tabForm
{
	border: 1px solid #CCC;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

td.tdNormal
{
	border: 1px solid #CCC;
	color: #333;
	text-align: left;
	font: normal normal normal 12px/20px Arial;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

td.tdCentrada
{
	border: 1px solid #CCC;
	color: #333;
	text-align: center;
	font: normal normal normal 12px/20px Arial;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

table.tabForm2
{
	border: none;
	margin: 0;
	padding: 0;
	width: 700px;
	height: auto;
	float: left;
	position: relative;
}

td.tdIzq
{
	border: none;
	color: #333;
	text-align: right;
	font: normal normal normal 12px/20px Arial;
	margin: 0;
	padding: 0;
	width: 20px;
	height: auto;
}

td.tdDer
{
	border: none;
	color: #333;
	text-align: left;
	font: normal normal normal 12px/20px Arial;
	margin: 0;
	padding: 0;
	width: 680px;
	height: auto;
}
/********** Form Volunteer **********/




/********** Logos **********/
img.iLogoFijo
{
	border: none;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
	float: left;
	position: relative;
}

div.divSeparadorLogos
{
	background: #666;
	margin: 0 29px 0 30px;
	padding: 0;
	width: 1px;
	height: 100px;
	float: left;
	position: relative;
}

div.divTiraLogos
{
	margin: 25px 0;
	padding: 0;
	width: 640px;
	height: 50px;
	float: left;
	position: relative;
}
/********** Logos **********/




/********** Pie **********/
p.pPie
{
	color: #999;
	text-align: left;
	font: normal normal normal 10px/20px Arial;
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}
a.aPie:link, a.aPie:visited, a.aPie:hover
{
	color: #999;
	text-align: left;
	font: normal normal normal 10px/20px Arial;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}
a.aPie:hover
{
	color: #666;
}
/********** Pie **********/