body {
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #626262;
	text-decoration: none;
	text-align: center;
	padding: 0;
	margin: 0;
	background: #ffffff url(img/bg_body.jpg) repeat-x top;
}

a { color:#00acd4; text-decoration: underline; }
a:hover { color:#00acd4; text-decoration: none; }
a.readmore { font-weight: bold; padding: 0 0 0 23px; background: url(img/icon_link.gif) no-repeat; }
.green { color: #a8b834; }
h1 { padding: 0; margin: 23px 0 12px 0; font-family: arial,verdana,sans-serif; font-size: 32px; line-height: 32px; color: #003881; font-weight: normal; }
h2 { padding: 0;  margin: -10px 0 12px 0; font-family: arial,verdana,sans-serif; font-size: 24px; line-height: 33px; color: #003881; font-weight: normal; }
h3 { padding: 30px 0 0 0; margin: 30px 0 12px 0; border-top: 1px dotted #cbc9c6; font-family: arial,verdana,sans-serif; font-size: 18px; line-height: 27px; color: #003881; font-weight: normal; }
h3.first { padding: 0; border: none; }
p { padding: 0; margin: 0 0 15px 0; text-align: justify; }
hr { clear: both; width: 100%; height: 40px; border: none; border-bottom: 1px solid #bebebe; }
hr.dotted { clear: both; width: 100%; height: 40px; margin: 35px 0 0 0; border: none; border-top: 1px dotted #cbc9c6; }
#clearer { clear: both; }
#contentclearer { clear: both; height: 10px; }
#contentclearerbig { clear: both; height: 35px; }

#site {
	width: 100%;
	padding: 0;
	margin: 0;
}

#top {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#JPO .button { float: right; }
#JPO img { max-width: 100%; height: auto; }
#logo { float: left; padding: 46px 0 0 7px; }
#country { float: right; padding: 10px 0 0 0; background: url(img/map.png) no-repeat top left; font-size: 13px; }
#countryheadline  { float: left; padding: 0 0 0 95px; font-weight: bold; color: #003881; }
#countryitem { float: left; color: #003881; margin: 0 0 0 15px; }
#countryitem a { color: #003881; text-decoration: none; background: url(img/icon_country.gif) no-repeat left; padding: 1px 0 0 15px; }
#countryitem a:hover { color:#00acd4; }
#countryitemactive { float: left; color: #00acd4; margin: 0 0 0 15px; background: url(img/icon_country_active.gif) no-repeat left; padding: 0 0 0 13px; }
#language { float: right; height: 32px; height: 42px\9; *height: 42px; _height: 42px; margin: 68px 0 0 10px; padding: 5px 0 0 0; width: 116px; border-top: 1px solid #bebebe; }
#language a { color: #003881; text-decoration: none; background: url(img/icon_english.gif) no-repeat left; padding: 0 0 0 25px; margin: 0 0 0 25px; }
#language a.espanol { background: url(img/icon_espanol.gif) no-repeat left; }
#language a:hover, #extranet a:hover { color:#00acd4; }
#extranet { float: right; height: 32px; height: 42px\9; *height: 42px; _height: 42px; margin: 68px 0 0 10px; padding: 5px 0 0 0; }
#extranet a { color: #003881; text-decoration: none; background: url(img/icon_extranet.gif) no-repeat left; padding: 0 0 0 20px; margin: 0 0 0 20px; font-weight: bold; }
.fadein { position: relative; z-index:1; width: 950px; height: 362px; }
.fadein img { position: absolute; z-index: 2; right: 0; top: 0; }
.fadein a { display:block; }
#topline { border-top: 22px solid #09bcef; border-bottom: 22px solid #003881; }

#topnavi {
	width: 950px;
	height: 44px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#ofrecemos { float: left; width: 211px; height: 40px; margin: 4px 0 0 0; background: url(img/bg_ofrecemos.jpg) no-repeat; font-weight: bold; color: #ffffff; text-transform: uppercase; }
#ofrecemos span { padding: 10px 0 0 18px; line-height: 40px; }
#navi { float: right; width: 694px; border-bottom: 1px solid #bebebe; padding: 14px 0; }
#naviitem { float: right; line-height: 12px; font-weight: bold; text-transform: uppercase; }
#naviitemactive { float: right; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #00acd4; border-left: 1px solid #003881; padding: 0 20px; }
#naviitem a { color: #003881; text-decoration: none; border-left: 1px solid #003881; padding: 0 20px; }
#naviitem a:hover, #naviitemactive a { color:#00acd4; text-decoration: none; }
#naviitemactive img { margin: -14px -20px -5px 0; }

#content {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
  border-bottom: 1px solid #bebebe;
}

#content #left { float: left; width: 255px; margin: 0 0 40px 0; }
#sidenavi_blue { width: 211px; height: 38px; margin: 4px 0 0 0; background: url(img/bg_sidenavi_blue.jpg) no-repeat; font-weight: bold; color: #ffffff; }
#sidesub_blue { width: 211px; height: 30px; margin: 1px 0 0 0; background: #09bcef; font-size: 11px; line-height: 31px; }
#sidesub_blue_active, #sidesub_blue:hover { width: 211px; height: 30px; margin: 1px 0 0 0; background: #00b0e4; font-size: 11px; line-height: 31px; }
#sidesub_blue a, #sidesub_blue_active a, #sidesub_olive a, #sidesub_olive_active a { color: #ffffff; text-decoration: none; padding: 0 0 0 15px; }
#sidenavi_olive { width: 211px; height: 38px; margin: 4px 0 0 0; background: url(img/bg_sidenavi_olive.jpg) no-repeat; font-weight: bold; color: #ffffff; }
#sidesub_olive { width: 211px; height: 30px; margin: 1px 0 0 0; background: #bdcb2a; font-size: 11px; line-height: 31px; }
#sidesub_olive_active, #sidesub_olive:hover { width: 211px; height: 30px; margin: 1px 0 0 0; background: #b0bf14; font-size: 11px; line-height: 31px; }
#sidesub_blue a, #sidesub_blue_active a, #sidesub_olive a, #sidesub_olive_active a { color: #ffffff; text-decoration: none; padding: 0 0 0 15px; }
#sidenavi_blue a, #sidenavi_olive a { color: #ffffff; text-decoration: none; padding: 10px 0 0 38px; line-height: 36px; }
#teaser { width: 211px; border-top: 1px solid #bebebe; color: #003881; }
#teaser h2 { font-size: 14px; line-height: 23px; font-weight: bold; font-style: italic; }
#teaser h3 { font-size: 24px; line-height: 33px; padding: 0;  margin: -10px 0 12px 0; border-top: none; }
#teaser p { padding: 0 20px 0 0; }
#content #middle { float: left; width: 455px; margin: 0 60px 70px 0; }
#content #middlewide { float: left; width: 695px; margin: 0 0 70px 0; }
#content #middle h1, #content #middlewide h1 { margin: 35px 0 12px 0; }
#content #middle h2, #content #middlewide h2 { margin: -10px 0 25px 0; }
#paragraph { margin: 0; font-size: 14px; line-height: 23px; font-style: italic; text-align: left; }
#boxleft { float: left; margin: 30px 0 0 0; padding: 55px 0 0 0; width: 210px; min-height: 310px; border: 1px solid #d8d8d8; background: url(img/bg_boxleft.jpg) no-repeat; }
#boxright { float: right;  margin: 30px 0 0 0; padding: 55px 0 0 0; width: 210px; min-height: 310px; border: 1px solid #d8d8d8; background: url(img/bg_boxright.jpg) no-repeat; }
#boxleft p, #boxright p, .feedburnerFeedBlock ul li { padding: 0 15px; }
.feedburnerFeedBlock a { font-family: arial,verdana,sans-serif; font-size: 12px; line-height: 21px; color: #626262; text-decoration: none; font-weight: bold; }
.feedburnerFeedBlock ul { list-style: none; margin: 0; padding: 0; }
.feedburnerFeedBlock ul li { margin: 0 0 10px 0; }
.feedburnerFeedBlock #creditfooter { display: none; }
.imageleft { float: left; margin: 0 37px 20px 0; }
.imageright { float: right; margin: 0 0 20px 37px; }
.imagerightinicio { float: right; margin: 0 0 20px 30px; }
.imagemap { margin: 15px 0; }
#textnavi { float: left; width: 211px; border-top: 1px solid #bebebe; margin: 10px 40px 20px 0; }
#textnaviitem { border-bottom: 1px solid #bebebe; padding: 3px 0; }
#textnaviitem a { color: #003881; text-decoration: none; }
#textnaviitem a:hover, #textnaviitem a.active { color: #00acd4; text-decoration: none; }
#content #right { float: left; width: 180px; margin: 0 0 70px 0; font-size: 14px; line-height: 23px; font-style: italic; }
#content #right h2 { margin: 60px 0 12px 0; }
#content #right p { padding: 0 10px 0 0; }
#content #right img { padding: 0 0 10px 0; }
table { width:100%; margin: 30px 0; border: 1px dotted #cbc9c6; border-collapse:collapse; font-family: arial,verdana,sans-serif; font-size: 12px; line-height: 21px; text-align: left; }
td { border: 1px dotted #cbc9c6; padding: 3px 6px; }
td.image { text-align: center; }
th { font-weight: bold; color: #003881; border: 1px dotted #cbc9c6; padding: 6px 6px; text-align: left; }

#footer {
	width: 950px;
  padding: 25px 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
  border-bottom: 22px solid #003881;
}

#footer #left { float: left; }
#footer #right { float: right; font-weight: bold; }
#footer #right img { margin: -30px 0 10px 0; }
#footer #right a { color: #626262; }
#footer #right a.footerlink { font-weight: normal; }
#footer #right .small { float: right; font-size: 10px; line-height: 14px; font-weight: normal; }
#footer table { margin: 50px 0 -25px 0; border-bottom: none; }
#footer td { border-top: 1px solid #bebebe; border-bottom: none; padding: 13px 6px; text-align: center; }

form { border: none; margin: 30px 0 0 0; padding: 0; }
form label { display: inline-block; line-height: 1.5; vertical-align: top; width: 120px; padding: 0; margin: 0; }
form ol { padding: 0; margin: 0; list-style: none; }
form li { list-style: none; padding: 5px 0; margin: 0; }
form input { width: 330px; height: 23px; border: 1px solid #003881; font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 21px; color: #626262; background:#ffffff; text-decoration: none; }
form textarea { width: 330px; border: 1px solid #003881; font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 21px; color: #626262; background:#ffffff; text-decoration: none; }
.button { width:85px; height: 30px; font-family: arial, verdana, sans-serif; font-size: 10px; line-height: 30px; letter-spacing: 1px; color: #ffffff; background:#003881; border: 1px solid #003881; margin: 5px 0 0 122px; text-transform: uppercase; font-weight: bold; }



/* Iphone */

@media only screen and (max-width: 960px) {
#top { width: 100%; }
#logo { float: none; padding: 15px 0 0 15px; }
#country { float: none; width: 100%; background: none; margin: 15px 15px 0 0; font-size: 12px; }
#countryheadline  { padding: 0 0 0 15px; }
#language { margin: 0; border: none; width: auto; }
#language a, #extranet a { margin: 0 15px; }
#extranet { margin: 0; }
#topnavi { width: 100%; }
#ofrecemos { display: none; }
#navi { float: none; width: 100%; border-bottom: none; }
#content { width: 100%; }
#content #left { float: none; width: 100%; border-bottom: 1px solid #bebebe; margin: 0; }
#sidenavi_blue { width: 100%; background: url(img/bg_sidenavi_blue_iphone.jpg) repeat-x; }
#sidenavi_olive { width: 100%; background: url(img/bg_sidenavi_olive_iphone.jpg) repeat-x; }
#sidenavi_blue a, #sidenavi_olive a { padding: 10px 0 0 15px; }
#sidesub_blue { width: 100%; }
#sidesub_blue_active, #sidesub_blue:hover { width: 100%; }
#sidesub_olive { width: 100%; }
#sidesub_olive_active, #sidesub_olive:hover { width: 100%; }
#teaser { width: 100%; }
#teaser h1, #teaser h2, #teaser h3 { padding: 0 0 0 15px; }
#teaser p { padding: 0 15px 0 15px; }
#content #middle { float: none; width: 100%; margin: 0 0 30px 0; }
#content #middlewide { float: none; width: 100%; margin: 0 0 30px 0; }
#content #middle h1, #content #middlewide h1, #content #middle h2, #content #middlewide h2, #content #middle p, #content #middlewide p, #paragraph { padding: 0 15px; }
#content #middle h3, #content #middlewide h3 { padding: 30px 15px 0 15px; }
#content #middle h3.first, #content #middlewide h3.first { padding-top: 0; }
#boxleft { float: none; margin: 30px 15px 0 15px; }
#boxright { float: none; margin: 30px 15px 0 15px; }
.imageleft { float: none; display: block; margin: 0; }
.imageright { float: none; display: block; margin: 0; }
.imagerightinicio { float: none; display: block; margin: 0; }
#textnavi { float: none; width: 90%; margin: 10px 0 20px 15px; }
#content #right { float: none; clear: both; border-top: 1px solid #bebebe; width: 100%; margin: 0 0 30px 0; }
#content #right h2 { margin: 30px 15px 12px 15px; }
#content #right p { padding: 0 15px }
table { width: 90%; margin: 30px 0 30px 15px; }
iframe { display: none; }
#footer { width: 100%; }
#footer #left { float: none; padding: 0 15px; }
#footer #right { float: none; padding: 0 15px; margin: 0 0 10px 0; }
#footer #right img { margin: 30px 0 10px 0; }
#footer table { margin: 20px 0 -25px 0; border-left:none; border-right:none; }
#footer td { display: inline-block; width: 100%; border-left:none; border-right:none; padding: 8px 6px; }
form { width: 90%; margin: 30px 0 0 15px; }
form input { width: 100%; }
form textarea { width: 100%; }
.button { margin: 5px 0 0 0; }

}

@media only screen and (max-width: 319px) {
.fadein { width: 240px; height: 91px; }
.fadein img { width: 240px; height: 91px; }
#topnavi { height: auto; }
#naviitem { float: none; line-height: 21px; }
#naviitemactive { float: none; line-height: 21px; padding: 0 15px; }
#naviitem a { border-left: none; padding: 0 15px; }
#language { float: none; }
#extranet a { margin: 0 10px; }
#footer #right .small { margin: -150px 0 0 0; }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.fadein { width: 320px; height: 122px; }
.fadein img { width: 320px; height: 122px; }
#topnavi { height: auto; }
#naviitem { float: none; line-height: 21px; }
#naviitemactive { float: none; line-height: 21px; padding: 0 15px; }
#naviitem a { border-left: none; padding: 0 15px; }
#language { float: none; }
#extranet a { margin: 0 15px 0 0; }
#footer #right .small { margin: -130px 70px 0 0; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.fadein { width: 480px; height: 183px; }
.fadein img { width: 480px; height: 183px; }
#boxleft { float: left; margin: 30px 0 0 15px; }
#boxright { float: left; margin: 30px 0 0 15px; }
.imageleft { float: left; margin: 0 37px 20px 0; display: inline; }
.imageright { float: right; margin: 0 0 20px 37px; display: inline; }
.imagerightinicio { float: right; margin: 0 0 20px 30px; display: inline; }
#textnavi { float: left; width: 211px; margin: 10px 40px 20px 15px; }
#footer #right .small { margin: -110px 225px 0 0; }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
#language { border-top: 1px solid #bebebe; }
.fadein { width: 768px; height: 293px; }
.fadein img { width: 768px; height: 293px; }
#ofrecemos { display: block; }
#content #left { float: left; width: 255px; border-bottom: none; }
#sidenavi_blue { width: 211px; background: url(img/bg_sidenavi_blue.jpg) no-repeat; }
#sidenavi_olive { width: 211px; background: url(img/bg_sidenavi_olive.jpg) no-repeat; }
#sidenavi_blue a, #sidenavi_olive a { padding: 10px 0 0 38px; }
#sidesub_blue { width: 211px; }
#sidesub_blue_active, #sidesub_blue:hover { width: 211px; }
#sidesub_olive { width: 211px; }
#sidesub_olive_active, #sidesub_olive:hover { width: 211px; }
#teaser { width: 211px; }
#content #middle { float: left; width: 455px; margin: 0 0 30px 0; }
#content #middlewide { float: left; width: 455px; margin: 0 0 30px 0; }
#content #middle h1, #content #middlewide h1, #content #middle h2, #content #middlewide h2, #content #middle p, #content #middlewide p, #paragraph { padding: 0; }
#content #middle h3, #content #middlewide h3 { padding: 30px 0 0 0; }
#boxleft { float: left; margin: 30px 0 0 0; }
#boxright { float: right;  margin: 30px 0 0 0; }
.imageleft { float: left; margin: 0 37px 20px 0; display: inline; }
.imageright { float: right; margin: 0 0 20px 37px; display: inline; }
.imagerightinicio { float: right; margin: 0 0 20px 30px; display: inline; }
#textnavi { float: left; width: 211px; margin: 10px 40px 20px 0; }
table { width: 100%; margin: 30px 0; }
#footer #left { float: left; }
#footer #right { float: right; }
#footer #right .small { margin: -88px 150px 0 0; }
form { margin: 30px 0 0 0; }
form input { width: 330px; }
form textarea { width: 330px; }
.button { margin: 5px 0 0 122px; }
}