@import url("reset.css");
/* Choco Styles */

body {
	margin: 0;
	background: #00355f url(../images/body_int_bg.gif) top repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: justify;
}
ul#listas li {
	padding-left: 20px;
	margin:5px 0;
	background: url(../images/bullet.png) no-repeat left;}
#allIndex {
	margin: 0 auto;
	width: 980px;
	height: 974px;
}
#header {
	width: 980px;
	height: 280px;
	float: left;
}
.logo {
	width: 319px;
	height: 169px;
	float: left;
}
.menu {
	width: 980px;
	height: 111px;
	float: left;
}
#contenido {
	width: 980px;
	height: 505px;
	float: left;
}
.frase {
	width: 23px;
	height: 449px;
	background: url(../images/frase_vertical_index.gif) top no-repeat;
	margin: 30px 0 0 18px;
	float: left;
}
.topTituloTexto {
	width: 917px;
	height: 62px;
	float: left;
}
.topAzul {
	width: 622px;
	height: 32px;
	background: #5678a8 url(../images/esq_izarr_int.gif) top left no-repeat;
	float: left;
	margin: 30px 0 0 40px;
}
.contTitle {
	width: 255px;
	height: 62px;
	float: left;
}
.contTxt {
	width: 824px;
	height: 325px;
	background: #5678a8 url(../images/marca_azul_int.png) bottom right no-repeat;;
	float: left;
	margin-left: 40px;
}
.bottomTxt {
	width: 856px;
	height: 92px;
	float: left;
	margin-left: 8px;
}
.iconoSeccion {
	width: 91px;
	height: 91px;
	float: left;
}
.bottomAzul {
	width: 765px;
	height: 41px;
	background: #5678a8 url(../images/esq_infder_int.gif) bottom right no-repeat;
	float: left;
}
#texto {
	width: 762px;
	height: 314px;
	float: left;
	margin: 11px 0 0 27px;
	padding-right: 20px;
	overflow: auto;
	position: relative;
}
#footer {
	width: 980px;
	margin-top: 66px;
	float: left;
	padding-bottom: 20px;
}
.menuPie {
	width: 420px;
	margin-left: 20px;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #a9d8ff;
}
.infoPie {
	width: 400px;
	height: 52px;
	margin: 23px 0 0 120px;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #a9d8ff;
	text-align: right;
}
.manuPieCol1 {
	width: 70px;
	margin: 10px 0 0 58px;
	float: left;
	text-align: left;
}
.manuPieCol2 {
	width: 70px;
	margin: 10px 0 0 72px;
	float: left;
	text-align: left;
}
.disenadoArweb {
	width: 400px;
	margin: 95px 0 0 120px;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #a9d8ff;
	text-align: right;
}

/* ---- Estilos especiales ---- */
#globo {
	width: 100%;
	height: 79px;
	float: left;
	margin-bottom: 20px;
}
.globoIz {
	width: 11px;
	height: 79px;
	background: url(../images/globo_txt_iz.png) top no-repeat;
	float: left;
}
.globoTxt {
	width: 698px;
	height: 34px;
	background: #ffd24f;
	float: left;
	padding: 30px 10px 15px 10px;
	color: #104269;
}
.globoDer {
	width: 11px;
	height: 79px;
	background: url(../images/globo_txt_der.png) top no-repeat;
	float: left;
}
.internasServices {
	width: 760px;
	height: 310px;
	float: left;
}
.servicesContTitle {
	width: 760px;
	height: 45px;
	float: left;
}
.servicesCont1 {
	width: 362px;
	height: 265px;
	float: left;
}
.conth2 {
	width: 362px;
	height: 38px;
	float: left;
}
.servicesTxt {
	width: 362px;
	height: 162px;
	float: left;
	padding-top: 25px;
}
.backToServices {
	width: 127px;
	height: 9px;
	float: left;
	background: url(../images/flecha_back.png) top right no-repeat;
	padding: 21px 24px 10px 0;
}
.servicesCont2 {
	width: 349px;
	height: 265px;
	float: left;
	padding-left: 48px;
}
.colBusinessDer {
	color: #00355f;
	background: #ffd24f;
	padding: 5px 10px 5px 10px;
	border: solid 1px #00355f;
}
.colBusinessIz {
	font-weight: bold;
	color: #ffd24f;
	background: #00355f;
	padding: 5px 10px 5px 10px;
	border: solid 1px #ffd24f;
}
.tablaDivisiones {
	background: #00355f;
	font-weight: bold;
	color: #ffd24f;
	padding: 5px 10px;
}
.tablaDivisiones2 {
	background: #ffd24f;
	font-weight: bold;
	padding: 5px 10px;
}
.botonesForm {
	background: #00355f;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffd24f;
	margin: 5px;
	border: none;
}

/* ---- Estilos textos ---- */

.titulares {
	font-size: 18px;
	color: #ffd24f;
	text-transform: uppercase;
}
.subtitulos {
	font-weight: bold;
	color: #ffd24f;
	text-transform: uppercase;
}
.subtitulos2 {
	font-weight: bold;
	color: #104269;
}

/* ---- Estilos links ---- */
.menuPie a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #a9d8ff;
	text-decoration: none;
}
.menuPie a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	color: #a9d8ff;
	text-decoration: underline;
}
.infoPie a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #a9d8ff;
	text-decoration: none;
}
.infoPie a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	color: #a9d8ff;
	text-decoration: underline;
}
.backToServices a {
	font-weight: bold;
	color: #ffd24f;
	text-transform: uppercase;
	text-decoration: none;
}
.backToServices a:hover {
	font-weight: bold;
	color: #00355f;
	text-transform: uppercase;
	text-decoration: underline;
}
.disenadoArweb a {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffd24f;
	text-decoration: none;
}
.disenadoArweb a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #a9d8ff;
	text-decoration: underline;
}
#texto a {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #00355f;
}
#texto a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #a9d8ff;
}

/* ---- Titulos en H1 ---- */
H1 {
	font: Arial, Helvetica, sans-serif bold;
	font-size: 25px;
	color: #104269;
	background: #ffd24f top no-repeat;
	display: block;
	float: left;
	text-indent: -9999em;
	width: 255px;
	height: 62px;
}
h1.servicios {
	background: url(../images/t_services.gif);
}
h1.about {
	background: url(../images/t_about.gif);
}
h1.costa_rica {
	background: url(../images/t_costarica.gif);
}
h1.clients {
	background: url(../images/t_clients.gif);
}
h1.contact {
	background: url(../images/t_contact.gif);
}

/* ---- Titulos en H2 ---- */
H2 {
	font: Arial, Helvetica, sans-serif bold;
	text-transform: uppercase;
	font-size: 14px;
	color: #ffd24f;
	display: block;
	float: left;
	width: 287px;
	height: 13px;
	padding: 24px 0 0 75px;
}
h2.housing {
	background: url(../images/ic_housing.png) left no-repeat;
}
h2.offices {
	background: url(../images/ic_offices.png) left no-repeat;
}
h2.moving {
	background: url(../images/ic_moving.png) left no-repeat;
}
h2.education {
	background: url(../images/ic_education.png) left no-repeat;
}
h2.shipping {
	background: url(../images/ic_shipping.png) left no-repeat;
}
h2.immigration {
	background: url(../images/ic_inmigration.png) left no-repeat;
}
h2.payment {
	background: url(../images/ic_payment.png) left no-repeat;
}
h2.others {
	background: url(../images/ic_otros.png) left no-repeat;
}
h2.assistance {
	background: url(../images/ic_assistance.png) left no-repeat;
}