/* --- PowerOne - CSS --- */

body{
	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: "Trebuchet MS", Trebuchet, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; font-size:17px; margin-top:0; margin-bottom:8px; }

h2 span{ color:#f19500;}

h3{ font-size:14px;}

/* --- Header --- */

#header{
	width:800px;
	height:127px;
	margin:0 auto;
	background:#FFF;
}

#header #logo{
	display:block;
	width:304px;
	height:86px;
	margin:24px 0 0 16px;
	float:left;
	background: url(images/powerone-logo.gif) top left no-repeat;
}
#header #logo a{
	display:block;
	width:304px;
	height:86px;
	text-indent:-9999px;
}

#header #tollfree{ width:280px; height:20px; margin:12px 0 44px; padding:0; float:right; text-align:right; background: url(images/arrow-grey.gif) top left no-repeat; background-position:0 7px;}

#header #tollfree p{ color:#f19500; font-size:15px; font-weight:bold; padding:0; margin:0; }
#header #tollfree p span{ color:#000; font-size:18px; padding:0; margin:0; }

#header #text{ width:277px; height:26px; background: url(images/header-text.gif) top left no-repeat; display:block; float:right; }

/* --- Menu --- */

.out-menu{ width:100%; height:31px; background: url(images/bg-menu.gif) top left repeat-x; margin:0; padding:0; }

.menu{ width:800px; height:31px; padding:0; margin:0 auto; }
.menu ul, .menu ul li { list-style-type: none; margin:0; padding:0; }
.menu ul { width:800px; padding:0; height:31px; }
.menu ul li { float: left; display: block; padding-top:7px; height:24px; }
.menu ul li a { height:31px; font-size:13px; outline:0; text-decoration: none; color:#fff; padding:0; margin:0 18px 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; }
.menu ul li a:hover{ text-decoration: none; color:#000; }

/* --- Flash --- */

#flash-out{ width:100%; height:120px; background:url(images/bg-flash.jpg) top center repeat; margin:0; padding:0; }
#flash{ width:800px; height:120px; margin:0 auto; }

/* --- Content --- */

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

#content{ width:800px; margin:0 auto; padding:0; border-left: #e57e15 1px solid; border-right: #e57e15 1px solid; background:#fff url(images/bg-content.gif) bottom left repeat-x; }

/* --- Left --- */

#left{ width:525px; padding:40px 30px 25px; background:#fff6e8 url(images/bg-shadow.gif) top right repeat-y; border-right:1px solid #FFF; float:left;}

#left ul, #left ul li{ font-size:12px;}

#left ul li li{ list-style: square;}

#left a{ color:#f19500; font-weight:bold;}
#left a:hover{ color:#000; font-weight:bold;}

#left img.floatright{ float:right; margin:0 0 15px 15px;}

.flags img{ margin-right:8px;}

p span.orange { color:#f19500; padding-left:15px; }

span ul { margin-top:0; margin-bottom:0;}

.redBold, .red{ color:#FF3333; font-weight:bold;}

.left-agents{ width:545px !important; padding:40px 20px 25px !important;}

/* --- Agents --- */

.agent-leftall{ width:265px; float:left; padding-right:8px;}
.agent-left{ width:265px; height:105px; margin-bottom:15px; }

.agent{height:105px; width:265px; float:left; margin-bottom:15px;}

.agent img, .agent-leftall img{ float:left; margin:0 7px 0 0; border: 1px solid #993300; padding:1px;}

.agent p, .agent-leftall p{ margin:0 0 0 5px;}

.agent a, .agent-leftall a{ font-size:10px;}

.nombre{ color:#993300; font-weight:bold; }

.esp{ font-size:11px; }

.linkbrown{ font-size:14px; color: #CC0000 !important; }

/* --- Right --- */

#right{ width:192px; float:right; margin:40px 11px 0;}

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

#right .link{ display:block; height:63px; width:192px; background:#c88131 url(../images/banner-03.jpg) top left no-repeat; margin-bottom:15px; }

#right .link a.one{ width:26px; height:12px; float:left; position:relative; top:35px;left: 156px; display:block; text-indent:-9999px; }
#right .link a.two{ width:86px; height:12px; float:left; position:relative; top:47px; left: 96px; display:block; text-indent:-9999px; }  

/* --- Footer --- */

#footer{ 
	background: url(images/bg-footer.gif) bottom left repeat-x;
	width:770px;
	height:56px;
	margin:0;
	padding:0 0 0 30px;
	color:#fff;
	font-size:10px;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
}

#footer img{ float:left; }

#footer p{ margin:0; color:#fff; float:left; font-size:10px; }

#footer p span{ margin:0; margin-top:18px; float:left; padding-left:470px; }