body {
	font: normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #333333;
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
	background-image:url(/images/background.jpg);
	background-repeat:repeat-x;
}
#logo-home1 {
	position:absolute;
	left: 3px;
	top: 2px;
	width: 446px;
	height: 107px;
	}

a#logo-home {
	position: absolute;
	left: 3px;
	top: 2px;
	width: 446px;
	height: 107px;
}


.cache {
	text-indent: -5000px;
	font-size: 0px;
	line-height: 1px;
	text-decoration: none;
}

div#container {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}  

code {
	background-color: #333333;
        font-size:12px;
	width: 600px;
	color: #FFFFFF;
	display:block;
        padding:10px;
	overflow:auto; 
	}  
	pre {
		background-color: #333333;
	        font-size:12px;
		width: 600px;
		color: #FFFFFF;
		display:block;
	        padding:10px;
		overflow:auto; 
		}
#header {
	background-image:url(/images/ticoonrails.jpg);
	background-repeat:no-repeat;
	position:relative;
	height:112px;
	margin: 0 auto;
	vertical-align:top;
}
#head_menu {
	text-align: left;
	position:absolute;
	left: 463px;
	width: 437px;
	height: 20px;
	font-size:12px;
	top: 0px;
	line-height:18px;
}
#menu {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	margin: 0;
	padding: 0;
	font-weight:700;
}
#menu a {
	color: #D12836;
	float: left;
	margin: 0;
	padding: 5px 12px;
	text-decoration: none;
}
#menu a:hover {
	background: url(/images/overmenu.gif) top center no-repeat;
	color: #D12836;
	padding-bottom: 8px;
}
#separator {
	background-image:url(/images/separator.jpg);
	height:48px;
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	background-repeat:repeat-x;
	vertical-align:top;
}
#separator h1 {
	text-align:left;
	font-size:20px;
	padding-left:10px;
	padding-top:7px;
	margin:0px;
	font-weight:200;
}
#separator h3 {
	font-size:17px;
	padding-left:220px;
	padding-top:7px;
	margin:0px;
	font-weight: normal;
}
#badge {
	margin:0;
	padding-bottom:0;
	padding-top:55px;
	float:right;
}
#content1 {
	background-color:#FFFFFF;
	vertical-align:top;
	position:relative;
	margin: 0 auto;
	text-align:left;
}
#content2 {
	background-color:#FFFFFF;
	vertical-align:top;
	position:relative;
	margin: 0 auto;
	text-align:left;
	padding:0;
	padding-bottom: 0px;
	float: left;
	width: 690px;
}
#bottom {
	background-color:#FFFFFF;
	vertical-align:top;
	position:relative;
	margin: 0;
	text-align:left;
	padding:0;
}
#topcenter {
	float:left;
	width:690px;
	height:46px;
	background-image:url(/images/main.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0
}
#sidebar {
	float:right;
	width:210px;
	background-image:url(/images/sidebar.gif);
	background-repeat:no-repeat;
}
#maincontent {
	width:660px;
	background-image:url(/images/mainback.gif);
	background-repeat:repeat-y;
	margin:0;
	padding-left:30px;
	line-height:1.7em;
}
#maincontent h1 {
	font-size:25px;
	margin:0px;
	padding-bottom:10px;
	color:#4A75C1;
} 
#maincontent h1 a{
	color:#4A75C1;
	text-decoration:none;
}

#maincontent h2 {
	font-size:17px;
	font-weight:lighter;
	margin:0px;
}
#maincontent p {
	margin:0px;
	padding:10px 0;
}
#maincontent ul {
	margin:0px;
}
#mainabajo {
	width:690px;
	background-image:url(/images/mainabajo.gif);
	height:40px;
	margin:0;
	padding:0;
	vertical-align:top;
}
#sidebar2 {
	float:right;
	text-align:left;
	width:210px
}
#sidebarabajo {
	background-image:url(/images/sideabajo.gif);
	height:34px
}
#sidecont {
	background-image:url(/images/sideback.gif);
	background-repeat:repeat-y;
	width:187px;
	padding-left:23px;
	vertical-align:top;
	margin:0
}
#sidecont p {
	margin:0;
	padding:10px 0;
} 

#sidecont ul {
	list-style:none;
	line-height:10px;
	font-size:14px;
	padding:5px 0;
	margin:0;
}
#sidecont ul a {
	color:#CC0000;
	text-decoration:none;
} 

#sidecont li { 
   width:170px;
   line-height:15px;
   padding:5px ;
}    

#sidecont img {
	padding-left:0;
}
#razones {
	margin:14px 0;
	width:641px;
	color:#FFFFFF;
	font-size:20px;
	height:96px;
}
#razones p {
	padding-left:15px;
}
#escalabilidad {
	float:left;
	width:214px;
	background-image:url(/images/escalabilidad.gif);
	height:96px;
}
#tiempo {
	float:right;
	width:213px;
	background-image:url(/images/tiempo.jpg);
	height:96px;
}
#mejores {
	float:right;
	width:214px;
	background-image:url(/images/mejor.jpg);
	height:96px;
	margin:0;
}
#footer {
	background-image:url(/images/footer.jpg);
	height:42px; 
	margin: 0;
	padding-top: 45px;
	background-position:bottom;
}
#footer a {
	color:#333333;
	text-decoration:none;
}
#footer a:hover {
	color:#333333;
	text-decoration:underline;
}
#style1 {
	float:left;
	width:427px;
}
#texto h1 {
	color:#CC3333;
}
#texto a {
	color: #003399;
}
#texto a:hover {
	color:#CC0000;
}
#contact p {
	border:#333333;
	width:300px;
	text-align:left;
} 

.blogbody{font-size:13px; width:620px;} 
.blogbody a {color:#4A75C1; text-decoration:none;} 
.linkss a{color:#4A75C1; font-weight:bold;}
.smalltext{font-style:italic; margin-top:-11px; font-size:11px;} 
.smalltext a {text-decoration: none; color:Red;}
.search-button {background-image:none; border:none;}
#consejo { width:170px; }
#consejo a {color:Red;text-align:right;}
label {
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}
.submit input {
	margin-left: 4.5em;
}
input {
	color: #000000;
	background-image: url(/images/stripe.gif);
	border: 1px solid #4A75C1
}
.submit input {
	color: #000;
	border: 2px outset #d7b9c9
}
fieldset {
	border: 1px solid #4A75C1;
	width: 30em
}
legend {
	color: #fff;
	background: #CB2435;
	border: 1px solid #781351;
	padding: 2px 6px;
	font-size: 15px;
}
#contact_mensaje {
	border: 1px solid #4A75C1;
}
.enviar {
	border:0;
	font-size: 17px;
	color:#FFFFFF;
	background-image:url(/images/boton.png);
	height:40px;
}
#notice {
	font-size: 20px;
}
.fieldWithErrors {
	border:dotted;
	border-color:red;
	padding:1px;
	display:table;
}
#errorExplanation {
	width: 400px;
	border: 2px solid red;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}
#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	margin: -7px;
	background-color: #c00;
	color: #fff;
}
#errorExplanation p {
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}
#errorExplanation ul li {
	font-size: 12px;
	list-style: square;
}
.formError {
	color: #333333;
} 
.pagination {
  padding: 3px;
  margin: 3px;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #aaaadd;
  text-decoration: none;
  color: #4A75C1;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #4A75C1;
  color: #000;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #4A75C1;
  font-weight: bold;
  background-color: #4A75C1;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ccc;                     
}                                  

#clientes_login {
	position:relative;left:10px;top:60px; width:300px; height:300px; background-color:white; padding-top:5px
}
/*             styles for the star rater                */    
    .star-rating{
        list-style:none;
        margin: 0px;
        padding:0px;
        width: 150px;
        height: 30px;
        position: relative;
        background: url(/images/star_rating.gif) top left repeat-x;        
    }
    .star-rating li{
        padding:0px;
        margin:0px;
        /*\*/
        float: left;
        /* */
    }
    .star-rating li a{
        display:block;
        width:30px;
        height: 30px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
    }
    .star-rating li a:hover{
        background: url(/images/star_rating.gif) left center;
        z-index: 2;
        left: 0px;
        border:none;
    }
    .star-rating a.one-star{
        left: 0px;
    }
    .star-rating a.one-star:hover{
        width:30px;
    }
    .star-rating a.two-stars{
        left:30px;
    }
    .star-rating a.two-stars:hover{
        width: 60px;
    }
    .star-rating a.three-stars{
        left: 60px;
    }
    .star-rating a.three-stars:hover{
        width: 90px;
    }
    .star-rating a.four-stars{
        left: 90px;
    }    
    .star-rating a.four-stars:hover{
        width: 120px;
    }
    .star-rating a.five-stars{
        left: 120px;
    }
    .star-rating a.five-stars:hover{
        width: 150px;
    }
    .star-rating li.current-rating{
        background: url(/images/star_rating.gif) left bottom;
        position: absolute;
        height: 30px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
    }         

	/* = Syntax Highlighting
	-------------------------------------------------- */
	.typocode_ruby .normal {}
	.typocode_ruby .comment { color: #005; font-style: italic; }
	.typocode_ruby .keyword { color: #A00; font-weight: bold; }
	.typocode_ruby .method { color: #077; }
	.typocode_ruby .class { color: #074; }
	.typocode_ruby .module { color: #050; }
	.typocode_ruby .punct { color: #447; font-weight: bold; }
	.typocode_ruby .symbol { color: #099; }
	.typocode_ruby .string { color: #944; background: #FFE; }
	.typocode_ruby .char { color: #F07; }
	.typocode_ruby .ident { color: #004; }
	.typocode_ruby .constant { color: #07F; }
	.typocode_ruby .regex { color: #B66; background: #FEF; }
	.typocode_ruby .number { color: #F99; }
	.typocode_ruby .attribute { color: #7BB; }
	.typocode_ruby .global { color: #7FB; }
	.typocode_ruby .expr { color: #227; }
	.typocode_ruby .escape { color: #277; }
	.typocode_xml .normal {}
	.typocode_xml .namespace { color: #B66; font-weight: bold; }
	.typocode_xml .tag { color: #F88; }
	.typocode_xml .comment { color: #005; font-style: italic; }
	.typocode_xml .punct { color: #447; font-weight: bold; }
	.typocode_xml .string { color: #944; }
	.typocode_xml .number { color: #F99; }
	.typocode_xml .attribute { color: #BB7; }
	.typocode_yaml .normal {}
	.typocode_yaml .document { font-weight: bold; color: #07F; }
	.typocode_yaml .type { font-weight: bold; color: #05C; }
	.typocode_yaml .key { color: #F88; }
	.typocode_yaml .comment { color: #005; font-style: italic; }
	.typocode_yaml .punct { color: #447; font-weight: bold; }
	.typocode_yaml .string { color: #944; }
	.typocode_yaml .number { color: #F99; }
	.typocode_yaml .time { color: #F99; }
	.typocode_yaml .date { color: #F99; }
	.typocode_yaml .ref { color: #944; }
	.typocode_yaml .anchor { color: #944; }

	.typocode {
	  background-color: #f5f5f5;
	  margin: 1.5em;
		padding: 8px 12px;
		border: 1px solid #ddd;
	}

	.typocode pre {
	  padding: 0px;
	  margin: 0px;
	  background: transparent;
	  font-family: monospace;
	  overflow:auto;
	}

	.typocode .lineno {
	  text-align: right;
		background: #fff;
	  font-family: monospace;
	  padding-right: 1em;
	}