/* 
    Document   : layout
    Created on : 18/01/2010, 12:43:38 PM
    Author     : Juan David (Design), Diego Luis Restrepo (CSS Layout)
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display:block;
}

html, body{
	margin:0px;
	font-family:"Myriad Pro",Myriad,Arial,Helvetica,sans-serif;
}

img{
	border: none;
}

a{
	text-decoration: none;
}

#layout{
	text-align:center;
	padding: 10px 0px;
}

#bodypage{
	text-align:left;
	width:1000px;
	margin:auto;
	background-color:#FFFFFF;
	background-image: url(../img/header.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#header{
	padding: 20px 0px 0px 20px;
}

#header-col-left{
	width:200px;
	float: left;
	height: 140px;
}

#amcham-logo{
	padding: 5px 15px;
}

#header-col-rigth{
	width:760px;
	float: left;
}

#topmenu{
	width:720px;
	padding: 0px 20px;
	text-align: right;
	color: #8F8EBA;
	font-size: 14px;
}

#topmenu a{
	text-decoration: none;
	color: #8F8EBA;
	padding: 0px 15px;
	display: inline-block;
	font-weight: bold;
}

#topmenu a:hover{
	color: #707173;
}

#topmenu a.gray{
	color: #B1B2B4;
}

#topmenu a.gray:hover{
	color: #8F8EBA;
}

#content-area{
	padding: 40px 0px;
}

#content-left{
	width:180px;
	float:left;
	padding:0 0 0 20px;
}

#content-right{
	width:800px;
	float:left;
}

#footer{
	font-size:12px;
	text-align:center;
	padding:10px;
	color: #ADADAD;
}

#menu {
	padding: 0px 20px;
}

#menu div{
	text-align: center;
}

#menu div a{
	text-decoration: none;
}

#menu-home{
	width: 200px;
	float: left;
	font-size: 14px;
	padding: 3px 0 0 0;
}

#menu-home a{
	color: #707173;
}

#menu-home a:hover{
	color: #8F8EBA;
}

#menu-zones{
	width: 380px;
	float: left;
}

#menu-languages{
	width: 190px;
	float: left;
	padding: 3px 0 0 0;
}

#menu-languages a{
	color: #707173;
	padding:0px 20px;
	font-size: 14px;
}

#menu-languages a:hover{
	color: #8F8EBA;
}

#menu-canarias{
	width: 190px;
	float: left;
	padding: 3px 0 0 0;
}

#menu-canarias a{
	 color: #063783;
	 font-weight: bold;
	 font-size: 14px;
}

#menu-canarias a:hover{
	 color: #A7A7A7;
}

#content-for-layout{
	min-height: 400px;
	background-color: #CC0000;
}

ul#supermenu{
	font-size:12px;
	display:block;
}

#members{
	text-align: center;
}

#social{
	text-align: center;
	font-size: 12px;
	color: #A7A7A7;
}

#social img{
	border: 2px solid #FFFFFF;
}

#social-title{
	font-weight: bold;
	padding: 5px 0px;
}

#bottommenu{
	color: #01377F;
	text-align: center;
	font-size: 14px;
	padding: 15px 0px;
}

#bottommenu a{
	text-decoration: none;
	padding: 0px 15px;
	color: #01377F;
	display: inline-block;
}

#bottommenu a:hover{
	color: #ADADAD;
}

div.clr{
	clear:both;
}

#flashMessage.error{
	padding: 0 20px 20px;
	color: #CB071D;
}

#flashMessage.advertise{
	padding: 0 20px 20px;
	color: #213F7D;
}

table.cake-sql-log{
	font-size:12px;
	/*color:#FFFFFF;*/
	color:#CCCCCC;
	font-family:'Courier New',Courier,monospace;
	margin:10px;
	/*display:none;*/
}

#breadcrumb{
	padding: 0 20px 20px 20px;
	font-size: 14px;
	color: #B1B2B4;
}

#breadcrumb a, #breadcrumb span{
	text-decoration: none;
	color: #8F8EBA;
}

div.big-shadow-top{
	background-image: url(../img/big-shadow-top.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

div.big-shadow-bottom{
	background-image: url(../img/big-shadow-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	min-height: 400px;
}

div.index{
	text-align:center;
	font-size:14px;
	padding: 10px 20px;
}

div.index a{
	color:#ADADAD;
	text-decoration:none;
	padding:0px 6px;
	font-size:14px;
	display:inline-block;
	text-transform:capitalize;
	font-weight:bold;
}

div.index a:hover{
	color: #CE2E36;
}

div.index a.active{
	color: #333333;
}