* {margin:0; padding:0;}
html {}
body {background:#b0c3ee; font-family: Arial, Helvetica, sans-serif; font-size:62.5%; margin:0 auto; color:#fff;}

/*nav normal*/
#nav_wrapper {background:url(../images/navwrapper2.png) repeat-x top left; height:31px;}
#nav_wrapper #nav {width:960px; margin:0 auto; height:30px;} 
#nav_wrapper #nav ul {list-style-type: none; float:right; background:url(../images/nav.png) no-repeat top left; height:20px; width:375px; margin:5px 10px 0 0;}
#nav_wrapper #nav ul li {float:left; margin-right:4px; border:none; padding:0;}
#nav_wrapper #nav ul li a {background:url(../images/nav.png) no-repeat top left; display:block; height:20px; padding:0; width:24px;}
#nav_wrapper #nav ul li.internacional a {background-position:0 0;}
#nav_wrapper #nav ul li.argentina a {background-position:0 20px;}
#nav_wrapper #nav ul li.brasil a {background-position:0 34px;}
#nav_wrapper #nav ul li.chile a {background-position:0 50px;}
#nav_wrapper #nav ul li.colombia a {background-position:0 66px;}
#nav_wrapper #nav ul li.espana a {background-position:0 82px;}
#nav_wrapper #nav ul li.mexico a {background-position:0 98px;}
#nav_wrapper #nav ul li.peru a {background-position:0 104px;}
#nav_wrapper #nav ul li.last {margin-right:15px;}
#nav_wrapper #nav ul li.sugiere a {background-position:0 110px; width:135px; }

/*nav hover*/
#nav_wrapper #nav ul li a:hover, #nav_wrapper #nav ul li.active a {background:url(../images/navhover.png) no-repeat top left; display:block; height:20px; width:24px;}
#nav_wrapper #nav ul li.internacional a:hover, #nav_wrapper #nav ul li.internacional.active a{background-position:0 0;}
#nav_wrapper #nav ul li.argentina a:hover, #nav_wrapper #nav ul li.argentina.active a {background-position:-28px 0;}
#nav_wrapper #nav ul li.brasil a:hover, #nav_wrapper #nav ul li.brasil.active a {background-position:-56px 0;}
#nav_wrapper #nav ul li.chile a:hover, #nav_wrapper #nav ul li.chile.active a {background-position:-84px 0;}
#nav_wrapper #nav ul li.colombia a:hover, #nav_wrapper #nav ul li.colombia.active a {background-position:-112px 0;}
#nav_wrapper #nav ul li.espana a:hover, #nav_wrapper #nav ul li.espana.active a {background-position:-140px 0;}
#nav_wrapper #nav ul li.mexico a:hover, #nav_wrapper #nav ul li.mexico.active a {background-position:-168px 0;}
#nav_wrapper #nav ul li.peru a:hover, #nav_wrapper #nav ul li.peru.active a {background-position:-196px 0;}
#nav_wrapper #nav ul li.last {margin-right:15px;}
#nav_wrapper #nav ul li.sugiere a:hover {background-position:-235px 0; width:135px;}



/*header*/
#header {height:195px; margin-top:15px; clear:both; position:relative; width:960px; margin:0 auto;}
#header span#clock {position:absolute; right:188px; bottom:3px; color:white; font-weight:bold; text-decoration:none;}
#header h1 {margin-top:0;}
#header h1 a {position:absolute; background:url(../images/purobalon.png) no-repeat top left; width:214px; height:92px; left:10px; bottom:135px;}
#header h1 a span {display:none;}
#header #image {background:url(../images/header2.png) no-repeat top center; width:756px; height:96px; position:absolute; top:99px; left:83px;}




/*content - Title*/

#content_wrapper #title {height:64px; margin:10px;}
#content_wrapper #title.internacional {background:#333332; border:3px solid #555554;}
#content_wrapper #title.argentina {background:#2893e1; border:3px solid #8ad5fb; }
#content_wrapper #title.brasil {background:#fdfd53; border:3px solid #fbfbad;}
#content_wrapper #title.chile {background:#e10000; border:3px solid #f97171;}
#content_wrapper #title.colombia {background:#fcd84b; border:3px solid #fee78c;}
#content_wrapper #title.espana {background:#fd0000; border:3px solid #faa1a1;}
#content_wrapper #title.mexico {background:#005701;border:3px solid #31a05d;}
#content_wrapper #title.peru {background:#cb0000;border:3px solid #dd4b4b;}

#content_wrapper #title h2 {margin:22px 0 0 20px; font-size:2.2em; padding-left:30px; float:left; background:url(../images/banderas.png) no-repeat top left; height:25px; line-height:20px; font-family:"Times New Roman", Times, serif; color:white;}
#content_wrapper #title.argentina h2 {background-position:0 -21px;}
#content_wrapper #title.brasil h2 {background-position:0 -42px; color:#333333;}
#content_wrapper #title.chile h2 {background-position:0 -63px;}
#content_wrapper #title.colombia h2 {background-position:0 -84px; color:#333333;}
#content_wrapper #title.espana h2 {background-position:0 -105px;}
#content_wrapper #title.mexico h2 {background-position:0 -126px;}
#content_wrapper #title.peru h2 {background-position:0 -147px;}

#content_wrapper #title #favoritos img {float:right; margin:20px 20px 0 0; color:white;}

/*content*/
#content_wrapper {background:white; padding:10px 0 20px; color:#333333; min-height:700px; position:relative; margin-bottom:30px; width:970px; margin:0 auto 30px; font-size:1.2em;}
#content_wrapper #ads { text-align:center; margin-top:30px;}
#content_wrapper #ads img {border:1px solid #ccc; margin-bottom:30px;}
#content_wrapper p#ayudanos {border:1px dashed red; padding:20px 0; text-align:center; margin:10px 20px 0;}
#content_wrapper a#up {position:absolute; bottom:0px; right:0; width:35px; height:35px; background:url(../images/up.png) no-repeat top left;padding:0; margin:0; line-height:0;}
#content_wrapper a#up:hover {background:url(../images/uphover.png) no-repeat top left; padding:0;}


/*footer*/
#footer {padding:0 0 15px 15px;background:url(../images/mountains2.png) no-repeat bottom right; height:60px; width:970px; margin:0 auto;}
#footer.extra {width:750px;}
#footer ul { list-style-type:none; height:10px; width:505px; font-size:1.2em; margin-bottom:20px;}
#footer ul li {float:left; margin-right:10px; border:none;}
#footer ul li.principal { color:#f02727; width:50px; font-weight:bold;}
#footer ul li a {color:#011d54; text-decoration:none; font-weight:normal; line-height:0;}
#footer ul li a.active {font-weight:bold; text-decoration:underline;}
#footer ul li a:hover {border-bottom:1px dotted #011d54;}

#footer_last {background:#c0dc40; clear:left; margin-bottom:-10px; height:70px; border-top:3px solid #cade6d;}
#footer_last #footer_wrapper {width:970px; margin:0 auto; color:#82981d;}
#footer_last #footer_wrapper p  {margin-top:20px; float:left;}
#footer_last #footer_wrapper p a {color:#326EA1; text-decoration:none;}
#footer_last #footer_wrapper p a:hover {color:#326EA1; text-decoration:underline;}
#footer_last #footer_wrapper p.firma {float:right; margin-top:20px; border-left:2px solid #82981d; padding-left:10px;}
#footer_last #footer_wrapper p.firma a, #footer_last #footer_wrapper a {color:#d33838; padding-left:5px;}

/***************************Extra
***********************************************************/
#header #about {background: url(../images/aboutimage.png) no-repeat top center; width:362px; height:100px; position:absolute; top:95px; right:317px;}

#content_wrapper h3#aboutheader {background:url(../images/aboutsprite.png) no-repeat top left; height:26px; width:125px; margin:60px 60px 30px; border:none;}
#content_wrapper h3#aboutheader.nosotros {background-position:0 0;}
#content_wrapper h3#aboutheader.contacto {background-position:0 -36px;}
#content_wrapper h3#aboutheader.sugiere {background-position:0 -72px;}
#content_wrapper h3#aboutheader span {display:none;}

#content_wrapper  #clear {clear:both;}
#content_wrapper  img#explicacion {float:right; margin:0 20px 20px 20px;}

#content_wrapper span#corner_bottom {background: url(images/..aboutcornerbottom.png) no-repeat top left; width:49px; height:46px; bottom:0; left:0; position:absolute;}

#content_wrapper.extra {min-height:550px; width:750px; margin-bottom:30px;}
#content_wrapper.extra span#topcorner {background:url(../images/topcorner.png) no-repeat top left; width:38px; height:38px; position:absolute; top:0; left:0;}
#content_wrapper.extra h3.normal {border:none; font-size:1.2em; margin:0 0 20px 60px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:underline; padding:0;}
#content_wrapper.extra ul {margin-left:70px; font-size:1.2em; margin-bottom:20px; list-style-type:circle;}
#content_wrapper.extra ul li {line-height:20px; border:none; padding:0;}
#content_wrapper.extra p {font-size:1.2em; margin-bottom:20px; text-align:justify; line-height:25px; padding:0 60px;}
#content_wrapper.extra p.last, #content_wrapper.extra ul.last {margin-bottom:60px;}
#content_wrapper.extra p.middle {margin-bottom:20px;}
#content_wrapper.extra p.ojo {font-size:1.1em; font-style:italic;}
#content_wrapper.extra a {color:#F02727; padding:0; line-height:0; font-weight:normal;}
#content_wrapper.extra a:hover {text-decoration:underline;}
#content_wrapper.extra span.mail {color:red;}

#footer.extra {width:750px;}

/*********************************************
Newsblock
*********************************************/
a {	color:#326EA1;	padding:0 1px; text-decoration:none; font-weight:bold; line-height:24px;}
a:hover {padding:0 1px; color:red;}
a:visited {font-weight: normal; color:#8EC0E6;}
a.nohover {text-decoration:none; border:none;}
a.nohover:hover {background-color:transparent; border:none;}
a.namelink {padding:0; margin:0; overflow:hidden; height:1px;}

.footnote,.footnote a {font-size:12px; line-height:1.3em; color:#aaa; letter-spacing:0;}
.footnote em {background-color:transparent;font-style:italic;}

h1, h2, h3, h4, h5 {font-weight:bold; margin:20px 0 0 0; padding:0;}
h1, .h1 {font-size:30px; text-transform:none;}
h2, .h2 {font-size:25px; text-transform:none;}
h3, .h3 {font-family:Georgia, serif;font-size:1.4em;}
h3, .h3 {font-family:sans-serif; border-bottom:2px solid #ccc; margin-bottom:5px; padding:5px 0;}
h3 a, .h3 a {color:black; text-decoration:none;}
h3 a:visited, h3 a:visited {color:black; font-weight:bold;}
h3 a:hover, .h3 a:hover {color:red;}
h4, .h4 {margin:10px 0 0 0; font-size:16px;	text-transform:none;}
h5, .h5 {margin:7px 0 0 0; font-size:12px;	text-transform:none;}

.highlight {background-color:#ffc;}

.more {color:#999; font-weight:bold; text-decoration:none;}
.more:visited {color:#999; font-weight:bold;}
p.more {background:#eee; color:#ccc; text-align:right; padding-right:10px;}

p {margin:0;padding:5px 0;}

ul, ol {list-style-type:none;}
ul li, ol li {margin:0; padding:7px 0; line-height:1.2em ; border-bottom:1px dotted #ccc;}

blockquote {font-size:12px; line-height:1.4em; color:#666; border-left:4px solid #666; margin:10px 30px; padding:10px 20px; background-color:#f3f3f3;}

input[type=text], select, textarea {font-size:14px; line-height:1.5em; padding:2px;}
input[type=text], select, textarea {background-color:#e9f5ff; border:1px solid #333;}

input[type=text]:focus, select:focus, textarea:focus {background-color:#ffe;}

strong {font-weight:bold;}

em {font-style:italic;}

/**weird**/
div.hr {width:100%; height:15px; border-top:1px solid #fff; margin:15px auto 0 auto;}


div.noline {border:none !important;}

div.hr hr, div.hr-side hr {display:none;}

.hide {position:absolute; top:0; left:-1000em;}}

.center {text-align:center;}

div.spacer {height:15px;}


/*********************************************
Container styles
*********************************************/
div.container {
	zoom:1;
}

div.container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.container div.left-border {
	border-left:1px solid #999;
}

div.container div.right-border {
	border-right:1px solid #999;
}

div.one-third div.primary {
	float:right;
	width:569px;
	padding:0 0 0 20px;
}

div.one-third div.secondary {
	float:left;
	width:303px;
	padding:0 20px 0 0;
}

div.two-thirds div.primary {
	float:left;
	width:569px;
	padding:0 20px 0 0;
}

div.two-thirds div.secondary {
	float:right;
	width:300px;
	padding:0 0 0 20px;
}

div.halves div.section {
	float:left;
	width:435px;
	padding:0 10px;
}

div.thirds div.section {
	float:left;
	width:300px;
	padding:0 11px;
	font-size:1.1em;
}

div.fourths div.section {
	float:left;
	width:207px;
	padding:0 10px;
}

div.nb-wide:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.nb-wide li{float:left;border:none;}
div.nb-wide li a{display:block;padding:3px;margin:10px 0 0 18px;background-color:#369;}
div.nb-wide li a:hover{background-color:#69c;}

/***********************************************************
Tooltip styles
***********************************************************/
.tool-tip {
	color:#fff;
	width:300px;
	z-index:13000;
        border:5px solid white;
        background:black;
}

.tool-title {
	font-weight:bold;
	font:13px/1.3em Verdana, sans-serif;
	margin:0;
	color:lightblue;
	padding:8px 8px 4px;

}

.tool-text {
	font:12px/1.3em Verdana, sans-serif;
	padding:4px 8px 8px;
}

.tool-text span span {
	display:block;
	font:10px Verdana, sans-serif;
	color:#aaa;
	padding:10px 0 0 0;
}