.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0;
	margin: 0;
	background-attachment: fixed;
	background-color: #7E6C3D;
	background-image: url(../images/bg_body3.gif);
	background-repeat: repeat;
	background-position: left top;
}
a, a:visited { color: #153B6C; text-decoration: none; }
a:hover { text-decoration: underline; color: #0E58ED }

#content { width: 779px; position: relative; margin: 0 auto; }
#header {
	position: relative;
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
	height: 253px;
}
#logo-bg {
	height: 50px;
	width: 236px;
	background-repeat:no-repeat;
}
#logo { position: absolute; top: 0em; left: 0em; }
#nav {
	position: absolute;
	list-style-type: none;
	left: 40px;
	top: -1px;
}
#nav li { float: left; color: #B5B5B5; font-size: 80%; }
#nav li a span { display: none; }
#nav li a#home, #nav li a#contact, #nav li a#sitemap {
	float: left;
	width: 30px;
	height: 25px;
	margin-left: 15px;
	margin-right: 15px;	
	margin-top: 7px;
	background-repeat: no-repeat;
	background-position: center top;	
}
#nav li a#home { background-image: url(../images/i_home.gif); }
#nav li a#contact { background-image: url(../images/i_contact.gif); }
#nav li a#sitemap { background-image: url(../images/i_sitemap.gif); }
#nav li a:hover { background-position: center -25px !important; }

#lang {
	position: absolute;
	list-style-type: none;
	left: 400px;
	top: 2px;
}
#lang li { float: left;  }

#lang li a#es, #lang li a#en, #lang li a#pt {
	height: 11px;
	background-repeat: no-repeat;
	background-position: left 1px;
	color: #7f7f7f;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-left: 27px;
	margin-right: 40px;
}
#lang li a#es { background-image: url(../images/flag_es.gif); }
#lang li a#en { background-image: url(../images/flag_en.gif); }
#lang li a#pt { background-image: url(../images/flag_pt.gif); }
#lang li a:hover { 
	background-position: left -12px !important;
	color: #000 !important;
}

#img-ges, #menu-ges-es, #menu-ges-en, #menu-ges-pt, #img-w { margin-top: .2em; float: left; height: 203px; }
#img-ges {
	background-image: url(../images/img_ges1.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
	width: 358px;
}
#menu-ges-es, 
#menu-ges-en, 
#menu-ges-pt { background: #0F315A url(../images/bg_menu.jpg) repeat-x left top; width: 261px; }
#menu-ges-es span, 
#menu-ges-en span,
#menu-ges-pt span { display: none; }

#menu-ges-es a, #menu-ges-es a:visited,
#menu-ges-en a, #menu-ges-pt a:visited,
#menu-ges-pt a, #menu-ges-pt a:visited { background-repeat: repeat-x; background-position: left top; display: block; height: 67px }
#menu-ges-es a#m1, #menu-ges-en a#m1, #menu-ges-pt a#m1 { background-image: url(../images/m_world_es.jpg); }
#menu-ges-es a#m2, #menu-ges-en a#m2, #menu-ges-pt a#m2 { background-image: url(../images/m_py_es.jpg); }
#menu-ges-es a#m3, #menu-ges-en a#m3, #menu-ges-pt a#m3 { background-image: url(../images/m_contact_es.jpg); }
#menu-ges-es a#m1:hover, #menu-ges-en a#m1:hover, #menu-ges-pt a#m1:hover { background-image: url(../images/m_world_es_on.jpg); }
#menu-ges-es a#m2:hover, #menu-ges-en a#m2:hover, #menu-ges-pt a#m2:hover { background-image: url(../images/m_py_es_on.jpg); }
#menu-ges-es a#m3:hover, #menu-ges-en a#m3:hover, #menu-ges-pt a#m3:hover { background-image: url(../images/m_contact_es_on.jpg); }
#menu-ges-es a:hover, #menu-ges-en a:hover, #menu-ges-pt a:hover { background-color: #3F4C6B; }
#menu-ges-es a#m2, #menu-ges-en a#m2, #menu-ges-pt a#m2 { border-top: 1px solid #2F507C; border-bottom: 1px solid #2F507C; }

#img-w {
	/*background-repeat: no-repeat;
	background-position: center center;	
	width: 160px;
	margin-right: -2px;*/ /* IE 6 */
}
/* --------------------- content-sp ---------------------- */
#content-sp {
	margin-top: .1em;
	position: relative;
	background-color: #FFFFFF;
	background-image: url(../images/bg_content.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 410px; /* Gecko */
	height: auto !important; /* Gecko */
	height: 410px; /* IE */	
}
#nav-bar { margin: 0 0 .8em 3em !important; padding-top: .5em; font-size: 80%; }
#nav-bar span { color: #333333; }
#nav-bar a, #nav-bar span { margin: 0 .5em; }
#content-sp h1 {
	margin: 1.3em 0 .7em 1.7em;
	color: #18345A;
	font-size: 100%;
	background: url(/ges/images/bullet1.gif) no-repeat left center;
	text-indent: 2em;
	line-height: 180%;
}

#content-sp h2.tc2 {
	margin: 1.3em 36% .7em 3.3em;
	border-bottom: 1px solid #18345A;
	color: #18345A;
	font-size: 90%;
	text-indent: 1em;
	line-height: 180%;
}

#content-sp #box1, #content-sp #box2, #content-sp #box3 { margin: 0; float: left; width: 41%; margin-left: 2em; margin-right: 1em;  }

#content-sp > #box1, #content-sp > #box2, #content-sp > #box3, #box2, #content-sp > #box3 { margin-left: 4em; }
#content-sp #box2{ width: 55%; margin-right: 2em; }
#content-sp #box3{ width: 85%; }
 
#content-sp #box1 h2, #content-sp #box2 h2, #content-sp #box3 h2 {
	margin: .6em 0; 
	/*color: #01AD31;*/
	color: #3399cc;
	font-size: 100%;
	line-height: 100%;
	margin-bottom: 1em;
}

#content-sp #box1 h3, #content-sp #box2 h3, #content-sp #box3 h3 {
	margin: .6em 0; 
	/*color: #01AD31;*/
	color: #3399cc;
	font-size: 90%;
	line-height: 180%;
}
#content-sp #box1 h4, #content-sp #box2 h4, #content-sp #box3 h4 {
	margin: .6em 0; 
	color: #01AD31;
	font-size: 100%;
	line-height: 90%;
	color: #18345A;	
	margin-top: 1em;
}
#content-sp #box1 ul, #content-sp #box2 ul, #content-sp #box3 ul {
	font-size: 90%;
	margin-left: 2em;
	margin-top: 0;
}

#content-sp #box1 p, #content-sp #box2 p, #content-sp #box3 p { font-size: 90%; margin: .6em 0; line-height: 130%; }

#content-sp #box1 p a, #content-sp #box1 p a:visited,
#content-sp #box2 p a, #content-sp #box2 p a:visited,
#content-sp #box3 p a, #content-sp #box3 p a:visited {
	color: #0066CC;
}

#content-sp #gallery  { float: left; width: 18%; background-color: #F4F4F4; padding: 1em 0; margin-top: -20px }
#content-sp #gallery p { text-align: center; margin: .4em 0; }
#content-sp #gallery > p { margin: .2em 0; }

#content-sp #gallery2  { background-color: #F4F4F4; padding: 1em 0; }
#content-sp #gallery2 p { text-align: center; margin: .4em .7em; font-size: 70%; line-height: 120%; color: #00366C }
#content-sp #gallery2 > p { margin: .2em 0; }
#content-sp #gallery2 p a { background: none; }

#submenu  { float: left; width: 25%; background-color: #F4F4F4; }

#submenu h1 {
	background: none; 
	margin: 0; 
	padding: .5em 0; 
	text-align: center; 
	color: #FFFFFF; 
	background-color: #153B6C;
	font-size: .7em;
	text-indent: 0;
	line-height: 150%;
	letter-spacing: 1px;
}

#submenu ul {
	margin: 0 0 0 .7em; 
	padding: 0;
	font-size: .8em;
	line-height: 170%;
	list-style-type: none;
}

#submenu ul li {
	background-image: url(../images/bullet3.gif);
	background-repeat: no-repeat;
	background-position: 0 .7em;
	padding-left: 1.1em;
}
#submenu ul li ul { margin-left: .4em; }

#submenu ul li ul li {
	background-image: url(../images/bullet4.gif);
	background-position: 0 .4em;
	font-size: 1.2em;
}

#submenu ul li a { color: #0E58ED; text-decoration: underline; }
#submenu ul li a:visited { color: #336699; }
#submenu ul li a:hover { color: #60A3FF; }

#home-sp {
	background-color: #FFFFFF;
	background-image: url(../images/bg_home.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#home-sp-l, #home-r {
	min-height: 410px;
	height: auto !important; /* Gecko */
	height: 410px; /* IE */
}
#home-sp-l {
	background-image: url(../images/border1.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	width: 432px;
	float: left;
	position: relative;
}
#home-sp-r { width: 347px; float: left; position: relative;	}
#home-sp-r a, #home-sp-r a:visited { font-size: 110%; }

#home-sp-l h1 { margin: 42px 0 .8em 10px; background: none; float: none }
#home-sp-r h1 { margin: 42px 0 1.5em 10px; background: none; text-indent: .5em; }
#home-sp-r > h1 { margin-bottom: 1em }


#home-sp-l p, #home-sp-r p { font-size: 75%; line-height: 150%; }
#home-sp-l p { font-size: 80%; margin-top: 1.5em; margin-bottom: .5em; }

#home-sp-l hr, #home-sp-r hr { 	height: 1px; border: 0; border-bottom: solid 1px #E5E5E5; }

#home-sp-l #h-m1, #home-sp-l #h-m2, #home-sp-l #h-m3  {
	display: block;
	height: 37px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 40px center;
	text-indent: 90px;
	line-height: 220%;
}
#home-sp-l #h-m1 {
	background-image: url(../images/op_world.gif);
}
#home-sp-l #h-m2 {
	background-image: url(../images/op_py.gif);
}
#home-sp-l #h-m3 {
	background-image: url(../images/op_contact.gif);
}

#home-sp-l p { margin-left: 42px; margin-right: 35px; }
#home-sp-r p, #home-sp-r hr { margin-left: 35px; margin-right: 10px; }

#home-sp-r hr { margin-top: .2em; margin-bottom: .2em }
#home-sp-r > hr { margin-top: .5em; margin-bottom: .5em }
#home-sp-r p { line-height: 130%; }

#footer {
	position: relative;
	background: #FFF url(../images/bg_footer.jpg);
	height: 53px;
	color: #18345A;	
	font-size: 80%;
}
#footer ul {
	list-style: none;
	position: absolute;
	left: 3em;
	top: 1.3em;
}
#footer ul li { float: left; }
#footer ul li a, #footer ul li a:visited {
	float: left;
	color: #18345A;	
	text-decoration: none;
	margin-left: .5em;
	margin-right: .5em;
}
#footer ul li a:hover{ text-decoration: underline }
#footer span {
	position: absolute;
	right: 1em;
	top: 1.3em;
}
/* -------------- Menu GES_Py/ GES_World ----------------- */
#m-ges-py, #m-ges-w {
	background: #F4F4F4 url(../images/bg_m_ges_py.gif) no-repeat 12px 8px;	
	color: #005AC0;
	float: left;
	width: 295px;
	height: 368px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin-top: 35px;
	margin-left: 1em;
}
#m-ges-w { background: #F4F4F4 url(../images/bg_m_ges_world.gif) no-repeat 12px 22px;	height: 268px; line-height: 20px; }
#m-ges-w ul { margin-top: 20px; }
#m-ges-w ul li ul { margin-top: 0 }

ul.submenu { list-style-type: none !important; margin-top: .4em; margin-left: 13px; }
ul.submenu li { text-indent: 21px; font-size: .72em; font-weight: bold; }
ul.submenu li ul  { list-style-type: none !important; background: none; margin-top: 0; margin-left: 35px; }
ul.submenu li ul li { font-weight: normal; font-size: 1em; }
ul.submenu li ul li ul { list-style-type: none !important; margin-top: 0; margin-left: 27px; }
ul.submenu li ul li ul li { font-size: 1em; }
ul.submenu li a, #m-ges-py ul li a:visited { color: #005AC0 !important; }
ul.submenu li a:hover { text-decoration: underline; background-color: transparent; }

/* ---------------- Tablas ------------------------*/

table {
	border-collapse: collapse;
	border-spacing: 1px;
	font-size: 80%;
}

td, th {
	padding:6px 6px;
	border-bottom:solid 1px #eee;
	vertical-align:top;
}

table caption{
	background: #efefef;
	color: #333;
	text-align: center;
	font-size: 1.2em;
	line-height:3em;
}

thead th {
	background: #eee;
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #fff;
	text-align:left;
}

tfoot td, tfoot th{
	background: #eee;
	border-bottom:solid 1px #fff;
	border-top:solid 1px #ccc;
}

tr.odd td, tr.odd th {
	background-color: #F9F9F9;
}

table.b-left td { border-left: solid 1px #eee; }


/* links */

td a, td a:visited {
	padding-top:6px;
	padding-bottom:6px;
	margin-top:-6px;
	margin-bottom:-6px;
}

td a {
	color:#333;
}

td a:visited {
	color:#999;
}

/*------------------- Clases -------------------- */
.bg1{ background-color: #F2F2F2; padding-left: 1%; }
.bg2{ background-color: #E8E8E8; padding-left: 1%; }


.col1, .col2, .col3 { float: left; }
.col1 { width: 35%; font-weight: bold; }
.col2 { width: 30%;}
.col3 { width: 32%; }

.contact-list p {  margin: 2px 0 !important;  font-size: .78em !important;  padding: 3px 0;  }
.f-s { font-size: 1em; }

 /* -------------- Aliineaciones --------------*/
.t-left { text-align: left !important; }
.t-center {	text-align: center !important; }
.t-right { text-align: right !important; }
.t-justify { text-align: justify !important; }


/* ------------- Tamaño de letras --------------*/
.t-mmm { font-size: 70% !important; }
.t-mm { font-size: 80% !important; }
.t-m { font-size: 90% !important; }
.t-x { font-size: 100% !important; }
.t-xx { font-size: 110% !important; }

/* ------------- Margenes --------------*/
.t-ml10 { margin-left: 10px !important; }
.t-m15 { margin-left: 15px !important; }
.t-ml20 { margin-left: 20px !important; }
.t-ml25 { margin-left: 25px !important; }
.t-ml30 { margin-left: 30px !important; }