/* 
 ----------------------------------------------------------------------------
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 
body { 
	background: #fff;
	font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	}

h2	{ font-size:16px; font-weight:100; color:#3c3c3c; padding-bottom:12px; line-height:20px;}

a:link,a:visited	{ color:#ef4526; text-decoration:none; }
a:hover,a:active	{ color:#ef4526; text-decoration:underline; }

/* ----- classes ----- */
.height { font-size: 80%; vertical-align: top;}
div.clear	{ clear:both; height:.01em; overflow:hidden; }
.right {float:right;}
.left {float:left;}
.logo { padding-bottom:3px;}
* html .space { letter-spacing: -1px; }
*+html .space { letter-spacing: -1px; }
.asterik { padding-left:165px; font-size:10px; color:#e92626;}

.divider {
	background:url("../images/divider.gif") no-repeat; 
	width:961px; 
	height:12px;
	overflow:hidden;
	margin-top:8px;
	margin-bottom:8px;
	}
	
	
.divider2 {
	background:url("../images/divider.gif") no-repeat; 
	width:961px; 
	height:12px;
	overflow:hidden;
	margin-top:2px;
	margin-bottom:25px;
	}
	
.divider3 {
	background:url("../images/divider2.gif") no-repeat; 
	width:675px; 
	height:8px;
	overflow:hidden;
	margin-top:0px;
	margin-bottom:10px;
	}		

/* order button
 * ------------------------------------------------------------------------- */
.order {
	background: url("../images/order-tody.jpg") top left no-repeat;					
	width: 204px;	
	height: 83px;
	display:block;
	margin-top:31px; 
	margin-bottom:0px;
	}
	
.order:hover { 
	background-position: -204px 0px; 
  	} 
 
.order span { 
	display:none; 
	}
/*------------------------------------------------------------------------- */
/* contact button
 * ------------------------------------------------------------------------- */
.contact {
	background: url("../images/contact-button.jpg") top left no-repeat;					
	width: 204px;	
	height: 81px;
	display:block;
	margin-top:8px; 
	margin-bottom:0px;
	}
	
.contact:hover { 
	background-position: -204px 0px; 
  	} 
 
.contact span { 
	display:none; 
	}
/*------------------------------------------------------------------------- */
/* credito button
 * ------------------------------------------------------------------------- */
.credito {
	background: url("../images/credito.jpg") top left no-repeat;					
	width: 204px;	
	height: 124px;
	display:block;
	margin-top:0px; 
	margin-bottom:0px;
	}
	
.credito:hover { 
	background-position: -204px 0px; 
  	} 
 
.credito span { 
	display:none; 
	}
 
/* framework
 * ------------------------------------------------------------------------- */

#wrap { 
	width:961px; 
	margin:0 auto; 
	}
	
#header {width:961px; height:107px;}

#header-lft {
	background:url("../images/csb-logo.gif") left top no-repeat;
	width:322px;
	height:107px;
	float:left;
	}
	
#header-lft  a {
	float:left;
	width:322px;
	height:107px;
	top:0px;
	left:0px;
	}
	
#header-lft span {
	display:none;
	}		

#header-rt {
	float:left;
	}
	
#llame-hoy{
	background:url("../images/llame-hoy.gif") left top no-repeat;
	width:287px;
	height:39px;
	margin-left:352px;
	margin-bottom:8px;
	}
#llame-hoy2{
	background:url("../images/llame-hoy.gif") left top no-repeat;
	width:287px;
	height:39px;
	margin-left:352px;
	margin-bottom:5px;
	}
	
/*Quick Nav

 * ------------------------------------------------------------------------- */

#quick-nav { width:287px; margin:0px 0 7px 351px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:right;}

#quick-nav a:link, #quick-nav a:visited, #quick-nav p { color:#8a8787; text-decoration:none; }

#quick-nav a:hover, #quick-nav a:active { color:#8a8787; text-decoration:underline; }

#quick-nav ul { margin-bottom:0px; }

#quick-nav li { /* if your li's float, you can adjust border height w/ line-height */ padding: 0 7px 0 10px; display: inline; border-left: 1px solid #8a8787}

#quick-nav li.first { border: none; }

/*Nav

 * ------------------------------------------------------------------------- */
 
#nav { 
	background:url("../images/nav.gif") no-repeat; width:639px; height:41px; margin-bottom:0;}

	#nav span { display: none; }
	
	#nav li, #nav a { height: 41px; display: block; }
	
	#nav li { float: left; list-style: none; display: inline; }
	
	#nav-01 { width: 48px; margin-left: 0px;}
	#nav-02 { width: 62px;}
	#nav-03 { width: 77px;}
	#nav-04 { width: 105px;}
	#nav-05 { width: 89px;}
	#nav-06 { width: 82px;}
	#nav-07 { width: 85px;}
	#nav-08 { width: 91px;}
	
	#nav-01 a:hover {background: transparent url("../images/nav.gif")    0px -41px no-repeat;}
	#nav-02 a:hover {background: transparent url("../images/nav.gif") -48px -41px no-repeat;}
	#nav-03 a:hover {background: transparent url("../images/nav.gif") -110px -41px no-repeat;}
	#nav-04 a:hover {background: transparent url("../images/nav.gif") -187px -41px no-repeat;}
	#nav-05 a:hover {background: transparent url("../images/nav.gif") -292px -41px no-repeat;}
	#nav-06 a:hover {background: transparent url("../images/nav.gif") -381px -41px no-repeat;}
	#nav-07 a:hover {background: transparent url("../images/nav.gif") -463px -41px no-repeat;}
	#nav-08 a:hover {background: transparent url("../images/nav.gif") -548px -41px no-repeat;}
	
/* ------------------------------------------------------------------------- */
		
 
#column-left { 
	width:757px; 
	float:left; 
	}

#main-banner {
	background:url("../images/csb-main-banner.jpg") no-repeat; 
	width:757px; 
	height:317px;
	}
	
#main-banner span {
	display:none;
	}
	
#bienvenido{
	background:url("../images/bienvenido.gif") no-repeat; 
	width:757px; 
	height:22px;
	}
	
#bienvenido h1	{ font-size:14px; color:#4a4a4a; font-weight:100; padding-top:2px; margin-left:25px; }	
	
#metodo{
	background:url("../images/metodo.jpg") no-repeat; 
	width:219px; 
	height:305px;
	padding-left:11px;
	font-size:12px;
	color:#565555;
	float:left;
	}	
	
#metodo h2 {color:#565555; font-weight:100; padding-top:31px; letter-spacing:-.5px;}
	
#metodo p{
	margin-top:12px;
	font-size:12px;
	color:#565555;
	line-height:18px;
	padding-right:20px;
	}	
	
div#telefono{
	background:url("../images/telefono.jpg") no-repeat; 
	width:228px; 
	height:305px;
	padding-left:28px;
	float:left;
	}
	
#telefono h2 {color:#565555; font-weight:100; padding-top:31px; letter-spacing:-.5px;}

#telefono p{
	margin-top:12px;
	font-size:12px;
	color:#565555;
	line-height:18px;
	padding-right:48px;
	}	
	
#computadora{
	background:url("../images/computadora.jpg") no-repeat; 
	width:250px; 
	height:305px;
	padding-left:21px;
	float:left;
	}
	
#computadora h2 {color:#565555; font-weight:100; padding-top:31px; letter-spacing:-.5px;}
	
#computadora p{
	margin-top:12px;
	font-size:12px;
	color:#565555;
	line-height:18px;
	padding-right:56px;
	}
	
#gratis{
	background:url("../images/gratis.jpg") no-repeat; 
	width:757px; 
	height:138px;
	}
	
#gratis p{
	font-size:14px;
	color:#565555;
	padding-left:307px;
	padding-right:70px;
	line-height:21px;
	}
	
#gratis span{
	font-size:13px;
	}
	
#gratis h4 { font-size:16px; color:#e92626; font-weight:100; padding-top:17px;	padding-left:10px; letter-spacing:-.5px;}											
  
#column-right { 
	width:204px; 
	float:left; 
	}
	
#talk-button { 
	background:url("../images/talk-button.jpg") no-repeat; 
	width:204px; 
	height:84px;
	margin-top:8px;
	margin-bottom:21px;
	}
	
#talk-button span { display:none;}

#testimonial { 
	background:url("../images/testimonial.gif") no-repeat; 
	width:184px; 
	height:327px;
	padding-left:20px;
	}
	
#testimonial h3 { font-size:25px; font-weight:100; color:#fff; padding-top:14px; letter-spacing:-.5px;} 	
	
#testimonial p { 
	font-size:14px;
	color:#696868;
	width:175px;
	padding-top:24px;
	line-height:24px;
	}
	
#testimonial span { 
	font-size:12px;
	}
	
/* inside framework
 * ------------------------------------------------------------------------- */
#int-banners h1	{ font-size:20px; color:#fff; font-weight:100; padding-top:47px;}
#quienes-somos { background:url("../images/quienes-somos.jpg") no-repeat; width:217px; height:142px; padding-left:540px; }
#quienes-somos span { display:none;}
#contenido-educativo { background:url("../images/contenido-educativo.jpg") no-repeat; width:297px; height:148px; padding-left:460px; }
#contenido-educativo span { display:none;}
#computadoras { background:url("../images/computadoras.jpg") no-repeat; width:227px; height:142px;  padding-left:530px; }
#computadoras span { display:none;}
#servicios { background:url("../images/servicios.jpg") no-repeat; width:309px; height:142px; padding-left:448px;}
#servicios span { display:none;}
#credito-sin-barreras { background:url("../images/credito-sin-barreras.jpg") no-repeat; width:757px; height:142px;}
#credito-sin-barreras span { display:none;}
#preguntas-frecuentes { background:url("../images/preguntas-frecuentes.jpg") no-repeat; width:303px; height:142px; padding-left:454px;}
#preguntas-frecuentes span { display:none;}
#contactenos{ background:url("../images/contactenos.jpg") no-repeat; width:212px; height:142px; padding-left:545px;}
#contactenos span {display:none;} 
.sub-page-banner { background:url("../images/sub-page-banner.jpg") no-repeat; width:297px; height:142px; padding-left:460px;}

#content-top{ background:url("../images/content-top.gif") no-repeat; width:757px; height:29px; overflow:hidden;}
#content { background:url("../images/content-bckg.gif") repeat-y; width:733px; padding-left:24px; padding-bottom:23px; font-size:12px; color:#3c3c3c; }
#content ul { padding: 0 60px 20px 36px; line-height: 15px;}
#content ul li { background: url(../images/bullet.gif) 0 6px no-repeat; padding-left: 9px;}
#content h3 { font-size:19px; font-weight:100; color:#0054a6; letter-spacing:-.5px;}
#content h4 { font-size:14px; color:#4b2175; font-weight:100; margin-bottom:3px; margin-top:5px;}
#content p { padding-bottom:12px; margin-right:75px; line-height:21px;}
#content .orange { color:#f47829; font-size:16px;}
#content .orangeheader { color:#f47829;}
#content .green { color:#74b108;}
#content .purple { color:#4b2175;}
#content .red { color:#e92626;}
#content .red-gratis {color:#e92626; font-size:16px;}
#content .blue { color:#0054a6; font-size:16px;}
#content .blue-bullet ul { padding: 0 60px 20px 36px; line-height: 15px;}
#content .blue-bullet ul li { background: url(../images/bullet2.gif) 0 6px no-repeat; padding-left: 9px;}
#content .disclaimer { font-size:9px; line-height:16px; padding-top:80px;}
#blue-bckg { background:url("../images/blue-bckg.gif") no-repeat; width:675px; height:97px; padding-bottom:12px;}
#blue-bckg h2	{ color:#fff; padding-top:14px; padding-left:16px; line-height:23px;}
#content-bottom{ background:url("../images/content-bottom.gif") no-repeat; width:757px; height:30px;}
#csb-product { background:url("../images/csb-product.jpg") no-repeat; width:675px; height:193px;}
#csb-product span { display:none;}
#fija-csb { background:url("../images/fija-csb.jpg") no-repeat; width:675px; height:141px;}
#portatil-csb { background:url("../images/portatil-csb.jpg") no-repeat; width:675px; height:141px;}
#free-gift { background:url("../images/free-gift.jpg") no-repeat; width:425px; height:74px; padding-top:20px; padding-left:250px; margin-bottom:10px;}
#credito-hombre {background:url("../images/credito-hombre.jpg") no-repeat; width:470px; height:116px; padding-top:25px; padding-left:220px; margin-bottom:40px;}	

/* footer
 * ------------------------------------------------------------------------- */
#lexicon { width:144px; float:left; font-size:12px; color:#3f4554;}

#footer-links { width:817px; float:left; font-size:12px; color:#3f4554;}	
	
#footer { width:961px; margin:0 auto; text-align:center;}
	
#footer p { font-size:11px; color:#3f4554;}	

#flink1 a:link, #flink1 a:visited{ font-size:10px; color:#0054a6; text-decoration:none;}

#flink1 a:hover, #flink1 a:active { font-size:10px; color:#0054a6; text-decoration:underline;}
	
#flink2 a:link, #flink2 a:visited{font-size:10px; color:#747272; text-decoration:none;}

#flink2 a:hover, #flink2 a:active {font-size:10px; color:#747272; text-decoration:underline;}		

#flink1 ul { margin-bottom:4px; }

#flink2 ul { margin-bottom:8px; }

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 5px 0 7px;
	display: inline;
	}
	
#flink2 li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 5px 0 7px;
	display: inline;
	}
	
/* main contact form

 * ------------------------------------------------------------------------- */


#contact-form  { width:500px; margin-top:10px; margin-bottom:20px; }

#contact-form label {
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size: 12px; color: #625f5c; 
	width:150px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px; 
	}

#contact-form  label input, #contact-form  label textarea, #contact-form  label select { 
	background-color: #becbcb !important; 
	border: 1px solid #1a668e;
	color: #565555;
	width:250px;
	height:20px;
	position:absolute; 
	left:110%; 
	top:-2px;
	border:none;
	}
	
#contact-form  label textarea	{ height:100px; }


/*------------------------------------------------------------------- div con borde redondo*/
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 350px;}











/*------------------------------------------------------------------------- */  

input.submit, input.submit-contact-main { 
	cursor:pointer; 
	padding:0;
	margin:70px 0 0 367px; 
	}
	
/* site map */

.sitemap ul { font-size:15px;}

.sitemap ul li { padding-bottom:15px;}

.sitemap a:link, .sitemap a:visited	{ color:#74b108; text-decoration:none; }
.sitemap a:hover, .sitemap a:active	{ color:#74b108; text-decoration:underline; }