﻿body{
	background-color: #00a89d;
	margin: 0;
	color: white;
}
#franjaCabeza{
	position: relative;
	min-height: 190px;
}

#cont{
	width: 960px;
	margin: 0 auto;
}

#altoMenu{
	height: 120px;
	width: 100%;
	position: relative;
	z-index: 1;
}
#fondoMenu{
	background-color: black;
	width: 100%;
	height: 53px;
	position: absolute;
}
#fondoMenu a, #fondoMenu img{
	border: 0;
}
#menuNavegacion li{
	display: inline-block;
	padding: 0.5% 2.645%;
	position: relative;
}
#menuNavegacion li:hover{
	background-color: #8fc642;	
}
#menuNavegacion li:hover > span.fechaElementoMenuActivo{
	display: block;
}
ul#menuNavegacion{
	margin-top: 0;
	margin-bottom: 0;
	z-index: 5;
	position: relative;
}
#menuNavegacionCont{
	width: 78%;
}
#logoMenu{
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	max-width: 960px;
	width: 960px;
	margin: 0 auto;
	height: 100%;
	text-align: left;
}
.logoPromoHeader{
position: absolute;
bottom: 0;
}
#menuNavegacion li.active{
background-color: #8fc642;
}
#menuNavegacion li.active span.fechaElementoMenuActivo{
	display: block;
}
.cabezaMenuSeccion{
	display: inline-block;
	margin-top: 4pt;
}
#contenedorElementosCabeza {
    float:left;
    position:reltive;
    left:50%;
    overflow:hidden;
}

#contenedorElementosCabezaArreglo {
    float:left;
    position:reltive;
    left:-50%;
}

#contenedorMenuNavegacion{
	width: 960px;
	height: 100%;
	margin: 0 auto;
	text-align: right;
}
.fechaElementoMenuActivo{
	display: none;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	xborder-top: 20px solid ;
	border-top: 10px solid #8fc642;	
	position: absolute;
	bottom: -10px;
	margin: 0 auto;
	width: 1px;
	left: -50%;
	right: -50%;
}



#altoMenuContenedor{
	width: 960px;
	height: 100%;
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	margin-top: 20pt;
	
}
#altoMenuContenedor .contenedorItem{
	display: inline-block;
}
#frmIngresar{
	position: absolute;
	bottom: 10%;
	right: 0;
}
#frmIngresar button, #frmIngresar input[type=button]{
	border-color: transparent;
	background-color: transparent;
	padding: 0;
	margin: 0;
	cursor: pointer;
} 




.contenidoCuerpo{
	width: 960px;
	margin: 0 auto;
}



#franjaCuerpo{
	position: relative;
}

#franjaCuerpoColor{
	background-color: #ddd29b;
	width: 100%;
	position: relative;
	bottom: 1px;
	height: 68pt;
	z-index: -1;
	margin-top: -68pt;
}

#contenidoCuerpoHomeSocial{
	background-color: #ddd29b;
	min-height: 30pt;
	width: 100%;
	position: relative;
	top: -2px;
}

#contenidoCuerpoHomeSocialDentro{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.flotarIzquierda{
	float: left;
}
.flotarDerecha{
	float: right;
}


#contenedorFooter{
	width: 100%;
	background-color: #372816;
	font-family: Arial, Helvetica;
	font-size: 10pt;
	top: -3pt;
	position: relative;
}
#dentroFooter{
	width: 960px;
	margin: 0 auto;
	padding: 20pt 0;
}
#dentroFooter ul{
	display: inline;
	padding: 0;
}
#dentroFooter li{
	border: 1px solid transparent;
	padding-right: 1%;
	display: inline-block;
	border-right: 1pt solid white;
}

#dentroFooter li:last-child{
	border-right: 1pt solid transparent;
}
#dentroFooter  a{
	font-size: 10pt;
	color: white;
}

#dentroFooter a:link {text-decoration:none;}
#dentroFooter a:visited {text-decoration:none;}
#dentroFooter a:hover {text-decoration:underline;}
#dentroFooter a:active {text-decoration:underline;}
/*ochobits*/
#contenidoOchoBits{
	width: 960px;
	margin: 0 auto;
}
.esquinaOchoBits{
	width: 10pt;
	height: 10pt;
	background-color: #00a89d;
}
#espacioOchoBits{
	background-color: white;
	border-left:10pt solid black;
	border-right:10pt solid black;
	min-height: 320pt;
	color: black; 
	padding: 2% 3%;
	position: relative;
}
#espacioOchoBits div{
	display: inline-block;
}
.bordeOchoBitsX{
	height: 10pt;
	width: 100%;
	background-color: black; 
	xfont:black;
}
.bordeOchoBitsY{
	height: 100%;
	width: 10pt;
	background-color: black;
}
.dentroContenidoOchoBits{
	width: 925px;
	background-color: white;
}


.insigniaPromo{
	position: absolute;
	bottom: -60pt;
	right: 20pt;
}

.separadorContenidoFooter{
	min-height:60pt; 
}
#contenidoOchoBits{
	width: 960px;
	margin: 0 auto;
	margin-top: 5%;
}
.esquinaOchoBits{
	width: 10pt;
	height: 10pt;
	background-color: #00a89d;
}
#espacioOchoBits{
	background-color: white;
	border-left:10pt solid black;
	border-right:10pt solid black;
	min-height: 500pt;
	color: black; 
	padding: 2% 3%;
	position: relative;
}
#espacioOchoBits div{
	display: inline-block;
}
.bordeOchoBitsX{
	height: 10pt;
	width: 100%;
	background-color: black; 
	xfont:black;
}
.bordeOchoBitsY{
	height: 100%;
	width: 10pt;
	background-color: black;
}
.dentroContenidoOchoBits{
	width: 925px;
	background-color: white;
}


.insigniaPromo{
	position: absolute;
	bottom: -60pt;
	right: 20pt;
}

.separadorContenidoFooter{
	min-height:60pt; 
}
.botonEnviar, .inputTypeSubmit{
	background-image: url('./img/formulario_enviar.jpg');
	background-repeat: no-repeat;
	border: 0;
	background-color: transparent;
	width:92px;
	height:31px;
	cursor: pointer;
	color: transparent;
}
.formularioOchoBits h2
,#espacioOchoBits h2{
	font-family: Impact, Arial, Helvetica;
	font-size: 30pt;
}
#espacioOchoBits{
	font-family: Arial, Helvetica;
	font-size: 14pt;
}
#espacioOchoBits .canon-form{
	max-width: 50%;
	text-align: right !important;
	
}
.canon-form select{
	min-width: 225px;
	background-color: #e9e9e9 !important;
	border: 0;
	padding-left: 5pt;
	margin-left: 5pt;	
}
.formularioOchoBits table{
	width: 95%;
	
}
#espacioOchoBits textarea ,#espacioOchoBits input[type=text],#espacioOchoBits input[type=email]{
	background-color: #e9e9e9 !important;
	border: 0;
	font-size: 14pt;
	padding-left: 5pt;
	margin-left: 5pt;
	width: 220px;
}
.formularioOchoBits textarea,
#contact-form textarea{
	zheight: 15pt;
	xwidth: 200px;
	height: 50px;
}

.formularioOchoBits td:first-child{
	text-align: right;
	padding-right: 2%;
}

.dropdown{
	background-color: #e9e9e9;
	position: relative;
	width: 220px;
	overflow: hidden;
	padding-left: 5pt;
}
.dropdown select{
	background-color: transparent;
	border: 0;
	width: 110%;
}

.dropdown_flecha{
	position: absolute;
	right: 0;
	top: 0;
}


/* custom */
#frmIngresarCodigo{
	position: absolute;
	bottom: 10%;
	right: 0;
}
#frmIngresarCodigo form{
	display: inline;
}
#frmIngresarCodigo form *{
	display: inline-block;
}
#frmIngresarCodigo label{
	display: block;
	color: black;
	font-size: 11pt;
	font-family: Arial;
	margin-bottom: 4%;
}
#frmIngresarCodigo #consulta-submit{
	background-image: url(./img/head_ingresar.jpg);
	background-repeat: no-repeat;
	background-color: #ef4138;
	border: 0;
	color: transparent;
	width: 92px;
	height: 31px;
}
#frmIngresarCodigo #consulta-cedula{
	background-color: #8fc642 !important;
	border: 0;
	height: 20pt;
	font-size: 15pt;
	color: white;
	padding-left: 4pt;
}
#recaptcha_area
{
margin-left: 0 !important;
}
.oculto, .manzana{
	display: none !important;
}
ul.errors {
	list-style: none;
	color: #840300;
	font-size: 10px;
}
#submit-element{
	margin-left: 0;
}
/* custom */
