/*
  $Id$ style.css

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2011 osCommerce

  Released under the GNU General Public License
*/

@charset "utf-8";

body { margin:0; padding:0; width:100%; background:#ebebeb;}
html { padding:0; margin:0;}
.main { padding:0; margin:0 auto;}

a { text-decoration:none;}
a:hover { text-decoration:none;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

h5 { font-weight: normal; margin: 0px; padding: 0px;  font-family:lucida grande, arial, sans serif;  }
h5 { border-bottom: 1px solid #222; font-weight: normal; font-weight:bold; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; color: #784424; padding: 0 0 10px 0; margin: 0 0 5px 0; }
h5 span { border-bottom: none; font-weight: normal; letter-spacing: 0; font-style:italic; color: #666666; font-size: 10px; padding: 0 0 0 0; margin: 5px 0 0 0; line-height: 27px; }

/********** header **********/
.block_header { margin:0; padding:0; background:#ebebeb url(resources/images/header_bg.gif) top repeat-x;}
.header { width:960px; margin:0 auto; padding:0;}
.logo { padding:0; margin-top:5px; width:360px; float:left;  }

/********** menu header **********/
.menu { padding:30px 0 0 0; margin:0; width:600px; float:right; }
.menu ul { text-align: right; padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { border-right:1px solid #777; text-align:left; float:left; margin:0; padding:12px 15px; color:#c6c6c6; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;  color: #4f4d4d;}
.menu ul li a.last { border:0;}
.menu ul li a span { font: normal 11px Arial, Helvetica, sans-serif; color:#626262; text-decoration:none;}
.menu ul li a:hover { color: #ffffff;}
.menu ul li a:hover span { color:#979595;}
.menu ul li a.active { color:#ffffff; }
.menu ul li a.active span { color:#b0470c;}

/************* menu column **********/
ul#menuColumn { background:#e9e9e9; margin:0; padding:8px; list-style:none; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 0 3px #DDDDDD inset; -moz-box-shadow:0 0 3px #DDDDDD inset; box-shadow: 0 0 3px #DDDDDD inset;}
ul#menuColumn li { display:inline; }
ul#menuColumn li a { padding: 5px 6px; font-family:lucida grande, arial, sans serif; font-size:10px; color:#888; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; transition:all 0.1s ease-out; }
ul#menuColumn li + li a { margin: 0 0 0 8px; }
ul#menuColumn li.current a, ul#menuColumn li.current a:hover { background:#fff; color:#666; -webkit-box-shadow:0 0 3px #DDDDDD; -moz-box-shadow:0 0 3px #DDDDDD; box-shadow: 0 0 3px #DDDDDD; }
ul#menuColumn li a:hover { background:#cf4d05; color:#fff; }

/********** search **********/
.search { padding:15px 0 5px 0; margin:0 auto; width:320px;}
.search form { display:block; float:left; padding:0;}
.search span { display:block; float:left; background: url(resources/images/search_bg.gif) left top no-repeat; width:263px; padding:0 5px 0 0; height:33px;}
.search form .keywords { line-height:14px; height:17px; float:left; background: url(resources/images/search_bg.gif) left top no-repeat; border:0;  padding:8px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#6c6c6c;}
.search form .button { float:left; margin:0; padding:0;}

/********** header_text_bg **********/
.header_text_bg { margin:0; padding:19px 0 0 0; background: url(resources/images/header_text_bg.gif) top repeat-x; height:500px;}
.header_text_bg2 { margin:0; padding:19px 0 0 0; background: url(resources/images/header_text_bg2.gif) top repeat-x; height:118px;}
.header_text2 { margin:0 auto; padding:5px 10px; width:938px;}
.header_text2 h2 { float:left; font-size: 36px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue"; color:#fff; font-weight: 400; padding: 0 0 0 0; line-height: 1.6em; margin-top: 0px; letter-spacing: 1px; text-shadow: #000 0px -1px 1px;}
.header_text2 p { width:500px; float:right; margin:0; padding:20px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:#686868;}
.header_text2 a { float:right; margin:0; padding:40px 20px 20px 10px; font: normal 12px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; }
.header_text2 a:hover { color: #FFFFFF; border-bottom:solid 2px #dd6524;}

/********** header_text **********/
.header_text { margin:0 auto; padding:5px 10px; width:938px; background:#272727; border:1px solid #373737; }
.header_text h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#989797; padding:5px 0px; margin:0;}
.header_text h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5e5e5e;}
.header_text img { float:right; margin:0; padding:5px 0 0 0;}

/********** Ca3er style **********/
.cu3er_resize { width:960px; margin:0 auto; padding:10px 0 50px 0; background:url(resources/images/banner_bg.png) no-repeat bottom; }
#cu3er-container { width:960px; outline:0;}

/********** top_text **********/
.top_text { background:#f5f5f5; border:1px solid #ddd; width:960px; margin:0 auto 20px auto; padding:0; float:left;}
.top_text p { font: normal 12px Arial, Helvetica, sans-serif; color:#5e5e5e; padding:5px; margin:0; line-height:1.8em;}
.top_text h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#171717; padding:5px; margin:0; border-bottom:1px solid #e2e2e2;}
.top_text a { color:#1f1f1f; font: bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.top_text img { float:left; margin:5px 10px; padding:0;}
.top_text .block { width:300px; float:left; padding:5px; margin:0 0 0 7px;}
.block {height:150px;}
.top_text .block_menu { width:300px; float:left; padding:5px;}
.block_menu {height:30px;}

/********** body **********/
.body_resize { margin:0; padding:0;  background:#fff;}
.body { width:930px;  margin:0 auto; padding:10px 10px;}
.body a { text-decoration:none; color:#4a8094; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif;}
.body h2 { font: bold 18px Arial, Helvetica, sans-serif; color:#2a2a2a; margin:0;  padding:10px 5px;}
.body h2 span { display:block; font: normal 11px/1.6em Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body h3 { font: bold 12px Arial, Helvetica, sans-serif; color:#2a2a2a; margin:0; padding:10px 5px;}
.body img { float:left; padding:0; margin:10px 5px;}
.body img.portf { margin:5px auto; padding:0;}
.body img.floated { float:right; padding:0; margin:10px 5px;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#8f8f8f; line-height:1.8em; padding:5px 5px; margin:0;}
.body p.grey { color:#565656;}
.body strong { color:#272727;}
.body p span { color:#4a8094; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body p span.breakdown {font:normal 12px Arial, Helvetica, sans-serif; color:#8f8f8f; line-height:1.8em; padding:5px 5px; margin-left:15px;}
.bullet_list p { background:url(resources/icons/true_icon.gif) no-repeat 0 12px; margin-left:20px; padding:8px 0 8px 22px; border-bottom:1px solid #dfe9f3; }
.social_list p { background:url(resources/icons/linkedin.png) no-repeat 0 4px; margin-left:20px; padding:8px 0px 8px 30px; border-bottom:1px solid #dfe9f3; }

.right { width:330px; float:left; padding:5px 10px; margin:0;}
.left { width:560px; float:left; padding:5px 10px; margin:0;}

.block { width:255px; float:left; margin:10px; padding:0;}
.port { padding:5px 10px;}
.privacy { padding:5px 10px; width:100%;}

.port_resize { width:275px; float:left; margin:10px 5px 10px 5px; padding:10px 5px; border:1px solid #dedede; background:#fff; }
.port_resize h2 { font: bold 14px Arial, Helvetica, sans-serif; color: #CC6633; margin:0; padding:10px 5px; }
.port_resize img { margin:0; padding:0; position:relative; z-index:2;}
.port_resize p span { display:block; font: normal 11px/1.6em Arial, Helvetica, sans-serif; color:#666666; padding-left:5px; vertical-align:top;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#6d6d6d; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:400px; display:block; padding:5px 0; color:#868686; font: normal 12px Arial, Helvetica, sans-serif;  float:left; }
#contactform label span { color:#d66423; font-weight:bold; }
#contactform input.text { width:250px; border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left; }
#contactform textarea { width:450px; border:1px solid #d4d4d4; margin:2px 0; padding:2px; background:#fff; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 0; border:0; color:#FFF; float:left; }

/************* footer **********/
.footer {padding:0;  margin:0; background:url(resources/images/footer_bg.gif) top repeat-x; height:50px;}
.footer_resize { width:930px; margin:0 auto; padding:0 10px;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#6d6d6d;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#7a7a7a; text-decoration:none; padding:5px; margin:0;}
.footer img { margin:0; padding:0; float:left;}
.footer p.left { text-align:left; width:350px; margin:0; padding:15px 0 0 0; float:right;} 

#connect { height: 50px; width: 100%;display: block; background: #232323; position: relative; margin: 0 0 0 0; border-bottom: 1px solid #292929;}
#connect h1 {width: 49px;height: 17px;display: block;position: absolute;top: 16px;left: 30px;text-indent: -99999px;	}
#connect a {position: absolute;	text-indent: -99999px; height: 50px; display: block; overflow: hidden;}
#connect a span {width: 50px;height: 150px;display: block;position: absolute;top: 0;left: 5px;}
#connect a span.hover {left: 0;}
#connect-rss {width: 92px;background: url(resources/images/connect-rss.png) no-repeat;left:10px;}
#connect-rss span.icon {background: url(resources/images/connect-rss.png) top right;}
#connect-rss span.hover {background: url(resources/images/connect-rss.png) no-repeat 0 -50px;width: 92px;}

#connect-contact {width: 111px;	background: url(resources/images/connect-contact.png) no-repeat;left: 102px;}
#connect-contact span.icon {background: url(resources/images/connect-contact.png) top right;}
#connect-contact span.hover {background: url(resources/images/connect-contact.png) no-repeat 0 -50px;width: 111px;}

.colFiveFooter .full-image-float-left { padding: 3px !important; margin: 3px !important; }	

#pageFooterWrapper { clear: both; } 
#pageFooterWrapper { width: 100% !important; background: #000 url(resources/images/background/footer-bg.jpg) repeat-x top left; }
#pageFooter { font-size: 11px; margin-top: 28px;  padding-top: 8px; line-height: 1em; font-family: Helvetica, Arial, sans; color: #999999;}
#pageFooter { width: 944px; margin: 0 auto 0 auto; height: 270px; padding-top: 100px; }
#pageFooter a:visited { color: #555; background: url(resources/icons/icon-visited.gif) no-repeat 0 50%; text-decoration: none; padding: 0 0 0 10px; }
#pageFooter a:active { color: #af460c; text-decoration: none; background: url(resources/icons/icon-fillarrow-gray.gif) no-repeat 0 50%; padding: 0 0 0 10px; }
#pageFooter a:hover { color: #999; text-decoration: none; background: url(resources/icons/icon-fillarrow-gray.gif) no-repeat 0 50%; padding: 0 0 0 10px; }
#pageFooter a:link { color: #555; background: url(resources/icons/icon-fillarrow-gray.gif) no-repeat 0 50%; padding: 0 0 0 10px; }
#pageFooter ul { list-type: none; padding: 0; margin: 0; }
#pageFooter li { border-bottom: 1px solid #222; display: block; padding: 0 0 3px 0; margin: 0 0 3px 0; line-height: 1.8em; }

.columnWrapperFooter { width: 940px; float: left; margin-bottom: 40px; }
.leftWrapperFooter { float: left; width: 700px; }
.rightWrapperFooter { float: right; 220px: ; }
.colOneFooter { float: left; width: 155px; margin-right: 20px; }
.colTwoFooter { float: left; width: 155px; margin-right: 20px; }
.colThreeFooter { float: left; width: 155px; margin-right: 20px; }
.colFourFooter { float: left; width: 155px; }
.colFiveFooter { float: right; width: 220px; color: #555; line-height: 1.8em; }
.colFiveFooter a { color: #555; background: none !important; padding: 0 0 0 0 !important; }

.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/************* validar formularios jquery **********/
em.error {background:url(resources/icons/exclamation.gif) no-repeat 5px 0px;padding-left: 23px;}
em.success {background:url(resources/icons/accept.gif) no-repeat 5px 0px;padding-left: 25px;}
em {font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal;}

.enlace_externo {background-image: url(resources/icons/link_extern.gif);padding-right: 15px;background-position: right;background-repeat: no-repeat;}