/* --- Independent Negotiator - CSS --- */

body{
	background: url(images/bg-body.png) bottom fixed repeat-x;
	margin:0; 
	padding:0;
	font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

.clear {clear:both;}

p, a{ font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Tahoma, Helvetica, sans-serif; }
p{ color:#000; font-size:12px; }
a{ color:#358dcc; text-decoration:none; }
a:hover{ color:#585858; text-decoration:none; }

a { outline-style:none; }

a img { border:none; outline-style:none; }

h1{display:none;}

h2{ font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:20px; margin-top:0; margin-bottom:20px; padding:8px 0 10px 18px; }

h3{ font-size:18px; margin:0 20px 10px; font-weight:normal; text-transform:uppercase; text-decoration:underline; display:block;}

h4{ margin:0 20px 10px; font-style:italic; font-size:15px; color:#025589; }

/* --- Header --- */

#header-out{
	width:100%;
	height:117px;
	margin:0;
	background: url(images/bg-header-out.png) top left repeat;
}

#header{ width:922px; height:117px; margin:0 auto; background: url(images/bg-header.png) top left repeat-x; }

#header .left{ width:11px; height:109px; margin:0; padding:0; float:left; background: url(images/bg-header-left.png) top left no-repeat; }
#header .right{ width:11px; height:109px; margin:0; padding:0; float:right; background: url(images/bg-header-right.png) top left no-repeat; }

#header #logo{
	display:block;
	width:306px;
	height:109px;
	margin:0;
	float:left;
	background: url(images/logo.jpg) top left no-repeat;
}
#header #logo a{
	display:block;
	width:161px;
	height:54px;
	margin:29px 0 0 39px;
	text-indent:-9999px;
}

#header #language{ width:118px; height:16px; margin:0 12px 0 0; padding:0 4px 0; float:right; text-align:center; border-top:3px solid #b6b6b6; }
#header #language img { float:right; margin:2px 0 0 0; }
#header #language a{ color:#2d2d2d; font-size:11px; padding:0; margin:0 5px 0 0; float:right; cursor:pointer; }
#header #language a:hover span{ color:#df0e16; cursor:pointer; }
#header #language a:hover{ color:#df0e16; cursor:pointer; }
#header #language a span{ color:#2d2d2d; font-size:11px; padding:0; margin:0 0 0 4px; float:right; }

/* --- Menu --- */

#menu{ height:95px; padding:0; margin:0; float:right; }
#menu ul, .menu ul li { list-style-type: none; }
#menu ul { padding:0; height:95px; background: url(images/bg-menu-li.png) bottom left repeat-x; margin:0 12px 0 0; }
#menu ul li { float: left; border-left:1px solid #FFF; display: block; padding-left:1px; }
#menu ul li a { height:40px; font-size:13px; outline:0; display: block; text-decoration: none; color:#025589; padding:45px 10px 11px; margin:0; background: url(images/bg-menu.png) top left repeat-x; background-position:0 0; }
#menu ul li a:hover{ text-decoration: none; color:#fff; background-position:bottom; }

/* --- Central --- */

#central-out{ width:100%; height:261px; background:url(images/bg-central.png) top left repeat-x; margin:0; padding:0; }
#central{ width:100%; height:261px; background:url(images/bg-centralpic.jpg) top center no-repeat; margin:0 auto; }

#quote{ width:900px; height:62px; background: url(images/bg-quote.jpg) top center no-repeat; text-align:center; margin:0 auto; padding:0; clear:both;}
#quote p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; padding:0; margin:0; color:#025589; }
#quote em{ font-size:13px; padding:0; margin:0; }

#power-box, #power-box-esp{ width:860px; height:99px; margin:0 auto 20px; padding-top:18px; clear:both; }
#power-box{ background: url(images/bg-power-box.jpg) top center no-repeat; }
#power-box-esp { background: url(images/bg-power-box-esp.jpg) top center no-repeat; }

#power-text{ width:495px; height:90px; margin:0 0 0 343px; padding:0;}
#power-text ul, #power-text li{ margin:0; padding:0;}

a.link{ font-weight:bold; color:#FFF; font-size:10px; padding:5px 8px 4px; border:1px solid #00448a; background:#0099FF url(images/btn-01.gif) top left repeat-x; text-transform:uppercase;}
a.link:hover{ color:#00c5ff;}

.contlink{ border-top:1px solid #bababa; padding-top:22px; margin:20px 20px 0; text-align:center;}

/* --- Content --- */

#wrapper{ width:100%; padding:0; margin:0; background: url(images/bg-wrapper.gif) top center repeat-x; }

#content{ width:900px; margin:0 auto; padding:0; background:#fff url(images/bg-content.png) top left repeat-x; }

/* --- Left --- */

#left{ width:550px; padding:0 0 25px 0; margin:0 0 0 20px; background:#fff url(images/bg-pattern-box.png) bottom left repeat-x; border:1px solid #bababa; float:left;}
#left h2{ color:#fff; background:#027ecd url(images/bg-h2-01.jpg) top left no-repeat; display:block }
#left p{ margin:0 20px 10px;}
#left a{ margin:0 20px 0; }

#left img{ border:1px solid #025589; padding:2px; }
#left img.centered{ margin:0 0 15px 20px; }

#left .right{ float:right; width:268px; margin-right:24px; }
#left .right img{margin:0 0 15px 0;}

.large{ width:858px !important; }

#left .cut{ border-right: 1px dashed #bababa; width:545px; float:left; }
#left .cut ul{ padding-right:25px; }

#left blockquote { border-left:3px solid #CCCCCC; background: url(images/bg-blockquote.png) top right no-repeat; padding-top:13px; padding-bottom:5px; }
#left blockquote p{ color:#025589; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; text-align:right; }
#left blockquote p em{ font-style:italic; font-size:15px; }

#left .table{ margin:0 20px 10px; padding:10px; border:1px solid #CCCCCC;}

#left .table .blue{ width:170px; border:2px solid #003399; background-color:#0f6fc6; text-align:center; padding:10px; color:#FFF; font-weight:bold;}

#left .table ul{ margin:0; padding:10px 10px 10px 20px; width:215px; background-color:#ecf1f6; }
#left .table ul li{ margin:0; list-style:outside; padding:0; }

#left .tabletitle { background-color:#ecf1f6; text-align:center; font-size:14px; font-weight:bold; padding:8px 0; }

#left .line { border-bottom:1px solid #999999; }

.flags{ margin:15px 0 0 40px;}
.flags img{ margin-right:8px; border:none !important; padding:0 !important;}

.floating{ clear:both; margin:0 0 0 20px; overflow:hidden; }

.floating img{ float:left; margin:0 0 40px 0; }

a.nomargin{ margin:0 !important;}

.contacto{margin:0; font-style:italic; font-weight:bold; font-size:15px; color:#025589;}

/* --- Right --- */

#right { width:286px; float:right; border:1px solid #bababa; margin:0 20px 0 0; padding-bottom:15px; background:#fff url(images/bg-pattern-box.png) bottom left repeat-x; }

#right img { margin-bottom:15px;}

#right h2 { color:#025589; background:#fff url(images/bg-h2-02.png) top left repeat-x; display:block; margin-bottom:0 !important; }

#right h4 {font-size:14px !important; margin-top:0 !important; padding:0 !important; }

#right h4.margintop { margin-top:18px !important; }

#right h4 a{ margin:0 !important; }

#right img.styled {float:left !important; margin:21px 15px 15px 15px !important; padding:2px !important; border:1px solid #025589;}

/* --- Footer --- */

#footer{ 
	background: url(images/bg-footer.png) bottom left repeat-x;
	width:898px;
	border-left:1px solid #FFF; border-right:1px solid #FFF;
	height:84px;
	margin:0;
	padding:20px 0 0 0;
	text-align:center;
	clear:both;
}

#footer img{ text-align:center; margin-bottom:10px; clear:both; }

#footer p{ padding:0 0 0 0; color:#737373; font-size:10px; font-family: Georgia, "Times New Roman", Times, serif; clear:both; }

#footer a { color:#0062a0; font-size:11px; margin:0 7px 0; font-family: Georgia, "Times New Roman", Times, serif; text-align:center; }
#footer a:hover { color:#2d2d2d;}


/* --- Representatives --- */

.rep{ background: url(images/bg-rep.gif) bottom left repeat-x; width:180px; height:220px; border:1px solid #d5d5d5; margin:5px 0 15px 22px; padding:10px 3px 10px 3px; text-align:center; float:left; }
.rep p, .rep a{ padding:0 !important; margin:0 !important; }

.rep strong{ font-size:14px;}

.rep img { padding:2px; margin:5px; border:1px solid #0172a4;}

