body
{
	font-family: Verdana;
	font-size: 11px;
	padding: 0;
	margin: 0;
	color: #666;
	text-align: left;
	background-color:#C3CF20;
}

h1 a
{
	color: #069;
}

a
{
	color: #666;
}

a:hover
{
	color: #069;
}

#container
{
	position:relative;
	width: 100%;
	margin: 0;
}

#header
{
	position: relative;
	padding: 0;
	margin: 0;
}

div#header a#pr1macardlogo
{
	position: absolute;
	top: 10px;
	left: 540px;
	border-width: 0;
}

div#menu img
{
	padding: 0;
	margin: 0 2px;
}


a img
{
	border-width: 0;
}

div#header div#superior
{
	position:relative;
	color: #C5D125;
	height: 70px;
	background: #004765;

}

div#header div#superior div#menu
{
	position: absolute;
	bottom: 0;
	padding: 5px 20px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .2em;
}

div#header div#superior a
{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

div#header div#superior a:hover
{
	color: #C5D125;
}

div#header div#inferior
{
	width: 100%;
	height: 77px;
	background: #003754 url(../images/contentheader.jpg) no-repeat left top;
}

div#header div#inferior img
{
	margin-left: 230px;
}

div#middle
{
	background: #fff;
	padding: 5px 0;
	position: relative;
	width: 100%;
}

div#middle h1, ul#faq span.question a, ul#howto span.question a
{
	font-size: 1.4em;
	font-weight: bold;
	color: #069;
	text-align: left;
	margin-top: 1em;
}

div#middle h2
{
	font-size: 1.2em;
	font-weight: normal;
	color: #000;
	text-align: left;
}

div#content
{
	/*float: left;*/
	margin-left: 170px;
	margin-right: 17px;
	margin-bottom:20px;
	width: 458px;
	position: relative;
	padding: 30px 20px 30px 20px;
}

div#content h1
{
	margin-top: 0;
}

div#content div#midleft
{
	padding-top:10px;
	float: left;
	width: 160px;
	position: relative;
}

div#content div#midleft img
{
	display: block;
}

div#content div#midright
{
	margin: 5em 0 0 168px;
	width: 61%;
}

div#content p
{
	margin-top: 0;
}

div#border_left
{
	top: 0;
	background: url(../images/content_blue_border_left_center.jpg) repeat-y center right;
	height: 100%;
	width: 17px;
	left:0;
	position: absolute;
	margin-left: -17px;
}

div#border_right
{
	top: 0;
	right: -7px;
	background: url(../images/content_blue_border_right_center.jpg) repeat-y center right;
	height: 100%;
	width: 17px;
	position: absolute;
}

img.top
{
	position: absolute;
	top: 0;
}

img.bottom
{
	position: absolute;
	bottom: 0;
}

div#middle div#colleft
{
	float: left;
	width: 150px;
	margin-top: 32px;
}

ul#seclist
{
	padding: 0;
	margin: 0;
	text-align: right;
	list-style: none;
	font-size: 1em;
}

ul#seclist li
{
	margin: 0 0 1em 0;
	padding-bottom: 1em;
	background: url(../images/listbottom.png) no-repeat bottom left;
}

ul#seclist li h1
{
	font-size: 1em;
	text-align: right;
	color: #069;
	padding-top: 0;
	margin-top: 0;
	font-weight: bold;
}

ul#seclist a
{
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

ul#seclist ul
{
	list-style: none;
}

/*ul#seclist li.current h1
{
	padding-right: 13px;
	background: url(../images/bluearrowcurrent.png) no-repeat bottom right;
}*/

ul#seclist ul li
{
	background: none;
	margin: 0;
	padding-bottom: .3em;
}

ul#seclist ul li a
{
	font-weight: normal;
}

ul#seclist li.current ul li.current2 a
{
	color: #069;
	padding-right: 13px;
	margin: 5px 0;
	font-weight: bold;
	background: url(../images/bluearrowinverted.png) no-repeat right center;
}

div#middle div#colright
{
	width: 95px;
	position: absolute;
	text-align: left;
	padding-top:15px;
	top: 23px;
	left: 675px;
}

div#middle div#colright a
{
	text-decoration: none;
	color: #666;
}

div.circlebtn
{
	position: relative;
	text-align: center;
	font-weight: bold;
	margin: 0 auto 2em auto;
}


div.circlebtn img
{
	display: block;
	margin: 3px auto;
}

div.item
{
	position: relative;
	padding: 0;
	margin: 0;
}

div#footer
{
	clear: both;
	font-size: .8em;
	padding: 16px 20px;
	position: relative;
	height: 50px;
	color: #4a4e1b;
	background: #c3cf20;
	font-weight: bold;
	border: 0;
}

div#footer a
{
	color: #4a4e1b;
	text-decoration: none;
	font-family: Verdana Regular, Verdana;
}

div#footer a:hover
{
	text-decoration: underline;
}

div#footer p
{
	margin: 0;
	padding: 0 0 10px 0;
}

a.logotarjetas
{
	display: block;
	position: absolute;
	top: 15px;
	left: 580px;
}

a.more, #faq span.answer a, #howto span.answer a
{
	font-weight: bold;
	color: #069;
	text-decoration: none;
}

a.more:hover, #faq span.answer a:hover, #howto span.answer a:hover
{
	color: #069;
	text-decoration: underline;
}

span.pr1macard
{
	text-transform: uppercase;
	font-weight: bold;
	color: #069;
}

div#aviso
{
	position: absolute;
	left: -4px;
	bottom: 30px;
	width: 160px;
	color: #069;
	z-index: 3;
}

div#aviso p
{
	margin: 10px 0;
}

div#aviso h1
{
	height: 29px;
	background: url(../images/infotitle.png) no-repeat center left;
	padding: 0 0 0 2em;
	margin: 0;
	font-size: 1em;
	color: #fff;
	width: 100%;
	line-height: 14px;
	vertical-align: bottom;
}

div#aviso div
{
	background: #b2e0f0 url(../images/infobottom.png) no-repeat bottom center;
	margin: -2px 0 0 14px; 
	width: 130px;
	padding: 0 5px 30px 15px;
	font-size: 1em;
	border-style: solid;
	border-color: #4394BC;
	border-width: 1px 0 0 0;
}

ul#beneficios
{
	padding: 2em 0 0 2em;
	margin: 0 0 0 -2em;
	list-style-image: url(../images/bluearrowwb.png);
}

ul#faq
{
	list-style-type: decimal;
}

ul#howto
{
	list-style: none inside;
	margin: 0;
	padding: 0;
}

ul#faq li, ul#beneficios li
{
	margin-bottom: 1em;
}

ul#alist
{
	list-style-type: decimal;
}

ul#alist a
{
	text-decoration: none;
}

h2.howto
{
	color: #069;
}

span.explanation
{
	display: block;
	font-style: italic;
}

small
{
	font-size: .8em;
}

.footerlogo
{
	float: right;
	padding-left: 10px;
	padding-right: 10px;
}