/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/top-tail.gif) top repeat-x #FFFFFF; text-align:center;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; line-height:1.385em; color:#727a82;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#4450A3; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
h1{ font-size:3.538em; line-height:1.224em; padding:5px 0 0 7px; letter-spacing:-1px;}
h1 a{ color:#0066CC; text-decoration:none; display:inline-block; background:url(images/logo-bg.gif) no-repeat 0 6px; padding-left:58px; }
h2{ font-size:4.923em;  color:#222222; line-height:1.347em; letter-spacing:-3px; background:url(images/slogan-bg.gif) no-repeat 0px 0; padding:15px 0 0 0;}
h2 strong{ display:block; color:#0066CC; font-size:1.039em; margin-top:-30px;}
h3{ font-size:3.077em; text-transform:uppercase; line-height:1.25em; color:#222222; letter-spacing:-2px; padding-bottom:3px;}
h3 b{ font-size:0.7em; color:#909090; vertical-align:text-top; line-height:1.2em; display:inline-block; padding-top:10px;}
h4{ font-size:4.923em;  color:#222222; line-height:1.247em; letter-spacing:-4px;}
h4 strong{ display:block; color:#0066CC; font-size:1.039em; margin-top:-30px;}
cite{ display:block; background:url(images/citation-bg.gif) no-repeat 0 0; font-size:1.231em; line-height:1.5em; color:#0066CC; margin-top:-17px; padding:45px 0 0 30px;}
.strong1{ color:#4f5f70;}

/* ============================= main layout ====================== */
.imgindent {margin:0 30px 0 0; float:left;}
.imgindent2{margin:0 19px 0 0; float:left;}
.phone{ float:right; padding-right:26px;}
.margin1{ margin-top:52px;}
.margin2{ margin-top:33px !important;}
.margin3{ margin-top:17px !important;}
.margin4{ margin-top:22px;}
.padding1{ padding-top:12px;}
.padding2{ padding-top:33px;}
.padding3{ padding-bottom:44px !important;}

/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) bottom no-repeat;}
#header .top{ width:100%; overflow:hidden; height:67px;}
#header .menu{
	float:right;
	padding:30px 0 0 0;
	position:relative;
	z-index: 0;
}
#header .menu li{ float:left; font-size:0.9em; line-height:1.263em; padding-left:0px;}
#header .menu a{ display:inline-block; text-decoration:none; color:#FFF; width:70px; text-align:center; padding:3px 0 4px 0;}
#header .menu a:hover, #header .menu .active{ text-decoration:underline no-repeat 0 0; color:#FFEF19;}
#header .slogan{ padding:72px 0 0 567px;}
#header .slogan div{ font-size:1.200em; color:#5a5a5a; margin-top:-5px;}
#header .slogan b{ text-decoration:underline}
#header .link a{ margin-top:31px !important;}

#header .header-text{ font-size:1.538em; margin:45px 34px 0 45px; color:#576370; line-height:2.394em; letter-spacing:-1px; no-repeat right 5px; padding-bottom:33px;}
#header .header-text div{ font-size:2.0em; margin-top:-17px; color:#adadad; letter-spacing:-1;}

/* ============================= content ====================== */
#content{ padding:40px 0 24px 44px; background:url(images/content-bg.gif) left bottom no-repeat;}
.column-2{ margin-left:91px;}

.link{ text-align:right;}
.link a{ display:inline-block; background:url(images/link-tail.gif) top repeat-x; text-decoration:none; margin-top:26px; cursor:pointer;}
.link a span{ display:inline-block; background:url(images/link-left-bg.gif) left top no-repeat;}
.link a span span{ background:url(images/link-right-bg.gif) right top no-repeat; padding:4px 17px 20px 17px;}
.link a:hover{ color:#000;}
.link1{ color:#727a82;}

.text1{ font-size:1.154em; line-height:1.6em; margin-top:-3px;}
.text1 strong{ display:block; text-transform:uppercase; padding-bottom:5px; font-size:0.867em; color:#0066CC;}
.text2{ color:#4450A3; text-align:right; font-size:1.077em; font-style:italic; padding:9px 13px 0 0;}
.text2 a{ color:#4f5f70; font-size:0.929em; display:inline-block; margin-top:2px;}
.text3{ font-size:1.231em; line-height:1.5em; color:#0066CC; font-style:italic;}

.list{ margin-top:-2px;}
.list li{ padding-bottom:7px;}
.list a{ color:#727a82; text-decoration:none;}
.list a:hover{ color:#4450A3;}
.list a b{ color:#4f5f70;}
.list a:hover b{ color:#4450A3;}
.list span{ display:inline-block; width:20px; text-align:center; color:#fff; font-size:1.077em; background:url(images/list-marker-bg.gif) no-repeat 0 0; font-weight:bold; padding:0px 1px 1px 0; margin-right:18px;}

.list2{ margin-top:-25px;}
.list2 li{ padding-bottom:7px;}
.list2 a{ color:#727a82; text-decoration:none;}
.list2 a:hover{ color:#4450A3;}
.list2 a b{ color:#4f5f70;}
.list2 a:hover b{ color:#4450A3;}
.list2 span{ display:inline-block; width:65px; text-align:center; color:#fff; font-size:0.8em; background:url(images/list-marker-bg2.gif) no-repeat 0 0; padding:2px 1px 1px 0; margin-right:18px;}

.block1{ background:url(images/block1-bg.jpg) no-repeat 0 3px; padding-left:90px;}
.block2{ background:url(images/block2-bg.jpg) no-repeat 0 3px; padding-left:90px;}
.blockpdf{ background:url(images/pdf.jpg) no-repeat 0 3px; padding-left:90px;}
.blocktpa{ background:url(images/atp.jpg) no-repeat 0 3px; padding-left:90px;}
.blockbanco{ background:url(images/banco.jpg) no-repeat 0 3px; padding-left:90px;}
.blockdian{ background:url(images/dian.jpg) no-repeat 0 3px; padding-left:90px;}
.blocklink{ background:url(images/link.jpg) no-repeat 0 3px; padding-left:90px;}
.blockcijuf{ background:url(images/cijuf.jpg) no-repeat 0 3px; padding-left:90px;}
.blocklibro{ background:url(images/block1-bg-libros.jpg) no-repeat 0 3px; padding-left:90px;}
.blockreloj{ background:url(images/block1-bg-reloj.jpg) no-repeat 0 3px; padding-left:90px;}
.blocknp{ background:url(images/block1-bg-np.jpg) no-repeat 0 3px; padding-left:90px;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-bg.gif) no-repeat top center; width:100%; overflow:hidden;}
#footer .menu{ padding:20px 0 0 1px; font-size:0.923em; float:left; margin-left:100px;}
#footer .menu li{ float:left; padding-left:20px; color:#7cbd00;}
#footer .menu a{ color:#727a82; text-decoration:none; display:inline-block; margin-right:8px;}
#footer .menu a:hover{ color:#0066CC;}
#footer p{ padding:0; font-size:0.923em; margin:-15px 0 0 1px; color:#4f5f70;}
#footer p a{ color:#0066CC;}

/* ============================= forms ============================= */
#SubscribeForm{ padding-top:26px; float:right;}
#SubscribeForm input{ border:solid 1px #808080; background:#f5f5f5; font-family:Arial, Helvetica, sans-serif; font-size:0.846em; color:#909090; padding:4px 2px 4px 8px; width:175px; vertical-align:middle; margin-top:2px;}

#SubscribeForm a{ display:inline-block; background:url(images/link1-tail.gif) top repeat-x; text-decoration:none; cursor:pointer; color:#fff; margin:0 0 0 10px; vertical-align:top; }
#SubscribeForm a span{ display:inline-block; background:url(images/link1-left-bg.gif) left top no-repeat;}
#SubscribeForm a span span{ background:url(images/link1-right-bg.gif) right top no-repeat; padding:4px 17px 23px 17px;}
#SubscribeForm a:hover{ color:#000;}