@charset "UTF-8";

/* 
CSS por: Ruben Araiza W.
Contact: ruben(at)trostme.com
Version: 2.0
Site: www.trostme.com
Ultima revision: 18 de junio 2009
*/
* { margin:0; padding:0px; }
body {background:#eae7d5 url(../assets/bk.png) fixed no-repeat top left; font:normal 11px/15px Arial, Verdana, Helvetica, sans-serif; color: #555;}
a, a:visited {color:#3b8dc1; border:none; outline:none; }
a:hover {color:#000; }
a img { border:none; }
p { margin-bottom:10px; width:700px; }
strong { color:#000; }
h2 { padding-bottom:15px; }
.introduction { font-size:1.25em; line-height:1.75em; width:700px; }
.wrap { padding: 20px 0 20px 20px; width: 940px; background-color:#f7f6f2; overflow:hidden; }
.clr { clear:both; }
.line { clear:both; border-bottom:1px solid #E2E2E2; margin:15px 0; }
.logo a { float:left; width:190px; height:56px; margin:0 0 20px 0; background:url(../assets/logo.png) no-repeat top left; }
.logo a:hover { background:url(../assets/logoup.png) no-repeat top left; }
.logo h1 { margin: 0; }
.logo span { display:none; }
.narrowcol { float:left; width:165px; position:fixed; }
.narrowcol ul { margin-bottom: 20px; list-style-type:none; clear:both; position:relative; }
.narrowcol li { float:left; }
.narrowcol li a { display:block; width:161px; padding:4px 0 4px 4px; text-decoration:none; color:#555; }
.narrowcol li a:hover { text-decoration:underline; color:#000;  }
.widecol { float:right; width:745px; }
.hello { margin-bottom:25px; position:relative; clear:both; }
.quotes a { position:absolute; right:198px; top:100px; width:174px; height:31px; background:url(../assets/btn_quotescion.png) no-repeat top left;}
.quotes a:hover { background:url(../assets/btn_quotescion.png) no-repeat bottom left; }
.quotes span { display:none; }
#content { width:745px; }
#content p { clear:both; overflow:auto; width:720px; }
.work { margin-bottom:10px; overflow:hidden; clear:both; width:730px; }
.float_left { float:left; margin:0 7px 7px 0; }
.margin235 { margin-right:8px; }
.margin350 { margin-right:8px; }
.last { margin:0; }
#toTop, toTop a { position:fixed;bottom:10px;right:10px; cursor:pointer; background-image:url(../assets/toTopbig.png); background-repeat:no-repeat; width:60px; height:69px; }
input.text, textarea.text { border:1px solid #BCBCBB; padding:5px; width:25em; float:left; font: 13px Arial,sans-serif; }
p#success { width:700px; padding: 10px; background: #83b9d5; color: #fff; font-weight: bold; margin-bottom: 10px; text-align: center; }
p#bademail, p#badserver { width:700px; padding: 10px; background: #f1592a; color: #fff; font-weight: bold; margin-bottom: 10px; text-align: center;	}
.nav { }
.nav a {  display:block; color:3b8dc1; }
.nav a:hover { background-color:#f9f0cd; background-image:url(../assets/navarrow.png); background-position:center right; background-repeat:no-repeat; }
#pi_triangle, pi_triangle a { position:fixed;top:0;right:0; cursor:pointer; background-image:url(../assets/pi_triangle.png); background-repeat:no-repeat; width:105px; height:105px; }