/* GENERAL STYLES */
 
html
{
    background: #666;
    color: #000;
    height: 100%;
    min-height: 100%;
}
body
{
    background: #666;
    color: #000;
    text-align: center;
    height: 100%;
    min-height: 100%;
    margin-bottom: 30px;
}

#hd
{
    margin: 0px;
    padding: 0;
    background: #fff;
    height: 270px;
    overflow: hidden;
}

#bd
{
    background-color: #fff;
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}

#ft
{
    color: Gray;
    text-align: center;
    background-color: transparent;
}

/* NEW VERSION */
#ul_menucountries
{
    position: relative;
    top: 10px;
    left: 25px;
    display: inline;
}
#ul_menucountries li
{
    display: inline;
    margin: 0 10px;
    padding: 0 5px;
    border-left: 1px solid #000;
}
#table_ad { width: 580px; position:relative; top: 40px; font-size: 77%;}
#table_ad td { padding: 10px;line-height: 1.5;} 

#img_logo {width: 200px; height: 200px; position: relative; left: 50px; }

a, a:active, a:link, a:hover {text-decoration: none; color: #000}

#table_ad a:hover, #menu1 a:hover {background: #D5AAAA; text-decoration: none;}
#table_ad a.nohover:hover  {background: transparent;}

p, h1, h2, h3, h4 {margin: 0.5em 0;}

p
{
font-size: 12px;
line-height: 1.8;
text-align: justify;
}
.block
{
padding: 15px 60px;

}
.bar
{
text-align: center;
padding: 15px 0;
}
.bar img
{
width: 680px;
height: 1px;
}
.leftfloatitem
{
float: left;
margin-bottom: 30px;
margin-right: 40px;
}
.leftfloatitem h1
{
clear: right;
}
.rightfloatitem
{
float: right;
margin-bottom: 30px;
margin-left: 40px;
}
rightfloatitem h1
{
clear: left;
}
/* END NEW VERSION */

/*
.redcaps p:first-letter
{
color: #cc0000;
font-size: 15px;
font-weight: bold;
font-style: italic;
font-family: Georgia, Serif;
letter-spacing: 1px;
}

*/
h1
{
font-size: 17px;
font-weight: bold;
}
h1: first-letter
{
color: #cc0000;
font-size: 17px;
font-weight: bold;
font-style: italic;
font-family: Georgia, Serif;
letter-spacing: 1px;
}
h2
{
font-size: 14px;
font-weight: bold;
}
/*h2:first-letter
{
color: #cc0000;
font-size: 14px;
font-weight: bold;
font-style: italic;
font-family: Georgia, Serif;
letter-spacing: 1px;
}*/
h3
{
font-size: 12px;
font-weight: bold;
}
h3: first-letter
{
color: #cc0000;
font-size: 12px;
font-weight: bold;
font-style: italic;
font-family: Georgia, Serif;
letter-spacing: 1px;
}
/*
.readlink
{
color: black;
text-decoration: none;
}
.nocap
{
padding: 5px;
}
span.nocap
{
font-family: Arial,Helvetica,sans-serif;
letter-spacing: 0.02px;
font-size:12px;
line-height: 1.5;
text-decoration:none;
font-weight:300;
color:#000000;
}
a.nohover:link a.nohover:visited a.nohover:hover
{
background-color: transparent;
}
 

*/


#menu1, #menu3, #menu4
{
    padding-left: 15px;
    overflow: hidden;
    color: #000000;
}
#menu1 ul, #menu3 ul, #menu4 ul, #menu5 ul
{
    margin: 0px;
    padding: 0px;
}

#menu1 li, #menu3 li, #menu4 li, #menu5 li
{
    margin: 0px;
    padding: 0px;
    display: inline;
}
#menu1 ul
{
    padding-top: 3px;
    padding-left: 35px;
    text-align: left;
}
#menu3 ul, #menu4 ul, #menu5 ul
{
    padding-top: 4px;
}
#menu1 li
{
    padding-right: 66px;
}
#menu1 li a::before
{
    content: "|  ";
    display: inline;
}

#menu3 li, #menu4 li
{
    padding-right: 20px;
}

#menu1 a, #menu3 a, #menu5 a
{
    color: White;
    text-decoration: none;
}

#menu1 a
{
    color: Black;
}

#menu1 a:hover
{
    background-color: #D5AAAA;
}



#menu4 a
{
    color: Black;
    text-decoration: none;
}

#menu1
{
    background-color: white;
    height: 22px;
    font-size: 13px;
}

#menu3
{
    background-color: #aaaaaa;
    height: 21px;
    font-size: 80%;
}
#menu4
{
    background-color: transparent;
    height: 21px;
    font-size: 80%;
}

#menu5
{
    color: #777777;
    background-color: transparent;
    height: 21px;
    font-size: 80%;
}
#menu5 a, #menu5 a:hover
{
    color: #777777;
}




.menuaction
{
    margin-top: 4px;
    margin-left: 0px;
    font-size: 12px;
    font-weight: bold;
}
.menuaction li
{
    margin: 5px;
    padding-right: 63px;
    vertical-align: middle;
}
.menuaction li img
{
    vertical-align: middle;
    margin-right: 25px;
}

.menuaction li, #menuaction li a, #menuaction li a:visited
{
    display: inline;
    color: Black;
}

.menuaction a
{
    text-decoration: none;
    color: Black;
}
.menuaction a:hover
{
    text-decoration: none;
    color: #D50000;
}


/* end menuaction */


/* Super Awesome Buttons */
/* http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba */

.awesome, .awesome:visited {
	background: #e63687 url(/static/eco/css/awesome-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 
.awesome:hover { background-color: #b61667; color: #ccc; }
.awesome:active { top: 1px; color: #fff; }
.awesome:link { color: #fff; }

.small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }

.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: 400; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
	
.red.awesome, .red.awesome:visited { background-color: #bb0000; }
.red.awesome:hover { background-color: #880000; }