/*reset------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}
body {
    background: white;
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/*FIN RESET--------------------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
}
html, body {
	height: 100%;
}

body{
	background: #0a396f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0b3b6d;
	font-size:12px;
	font-weight:bold;
}

h1{font-size:19px; color:#ffffff; font-weight:normal;}
h2{font-size:22px; color:#0b3b6d; font-weight:normal;}
h3{font-size:17px; color:#e88300; font-weight:normal;}
#todo{margin:0 auto 0 auto; background: #ffffff; width:972px;}
#cabecera{margin:0 auto 0 auto; background:url(/orilink/img/cabecera_orilink.jpg) no-repeat top center; width:972px; height:240px;}
#cab1 { padding-top:20px; clear:both;}
#cabecera h1{ border-bottom:1px solid #bdddfa ; padding-bottom:5px;   }
#derecha{float:right; width:526px; padding-right:80px; text-align:right;}
#logo{float:left; width:280px;}
#titu_claro{ color:#bdddfa; font-size:24px; font-weight:bold; padding-top:5px; }
#cab2{ padding:112px 0px 0px 190px;}
#titulo_orilink{ color:#65acec; font-size:18px; font-weight:bold; padding-bottom:1px; width:162px; border-bottom:2px solid #65acec ; }
#subtitulo{ font-size:14px; padding-top:3px; }


/*contenido: ventajas---------------------------------------------------------------*/
#contenido{border-left:4px solid #c2e2fd; border-right:4px solid #c2e2fd; margin:0px;}
#primero{margin:0 auto 0 auto; width:972px;}
#segundo{margin:0 auto 0 auto; width:972px; padding:20px 5px 20px 55px;}
#ventajas{ background:url(/orilink/img/fondo_ventajas.jpg) no-repeat top left; width:453px; margin-left:54px; float:left; }
#ventajas h1{ padding:15px 0 15px 60px; font-weight:bold;  font-size:22px;  }
#boton_ventajas{margin-left:30px; padding:7px 0 5px 20px; font-weight:bold; font-size:16px; color:#FFFFFF; background:url(/orilink/img/boton_ventajas.png) no-repeat top left; }
#ventajas ul {padding:10px 20px 5px 40px; }
#ventajas ul li{list-style-image:url(/orilink/img/lista_ventajas.png); padding:3px 20px 5px 5px; line-height:18px; vertical-align:bottom; }
#cerrar{ clear:both;}
#ejemplo{width:140px; font-size:9px; color:#6699CC; line-height:10px; padding:5px;}
#postit{background:url(/orilink/img/postit.png) no-repeat top left; width:221px; height:77px; padding:6px; float:right; }
#texto_2{}
#texto_postit{  width:68px; font-size:10px; float:left; text-align:center; padding-top:4px; }

/*formulario---------------------------------------------------------------*/
#formulario{background:url(/orilink/img/fondo_formulario.gif) no-repeat top center; width:417px; margin-top:30px; float:right; margin-right:16px; }
#f{width:100%; margin:0 auto 0 auto;  }
#campo{ width:180px; float:left; height:44px;}
#campo_reves{ width:180px; float:right; height:44px;}
#texto_formu{color:#e88300; font-size:14px; padding:14px 10px 5px 10px; width:140px; float:left; text-align:right; }
#texto_formu_reves{color:#e88300; font-size:14px; padding:14px 10px 5px 10px; width:140px; float:right; text-align:left; }
.campo_ok{background:url(/orilink/img/campo.jpg) no-repeat top left; width:166px; height:41px; border:none; padding:10px 30px 0px 20px; }
.campo_reves{background:url(/orilink/img/campo_reves.jpg) no-repeat top left; width:166px; height:41px; border:none; padding:10px 30px 0px 20px; }
.textarea{background:url(/orilink/img/textarea.jpg) no-repeat top left; width:158px; height:70px; border:none; padding:6px 0px 5px 15px; }
.acepto{ font-size:10px; text-align:center; color:#0b3b6d }
#enviar{width:100%; margin:0px auto 10px auto; text-align:center; clear:both;}
.boton_enviar{background:url(/orilink/img/boton_enviar.jpg) no-repeat top left; width:119px; height:33px; border:none;}
#volver { height:100px; background:#FFFFFF; color:#65acec; font-weight:bold; padding:40px;  }

#ver_telefono{ background:url(/imagenes/telefono.gif) no-repeat; width:104px; margin:3px 0 5px 110px; height:16px; padding:3px 0 0 20px; }
#ver_telefono a,#ver_telefono a:hover,#ver_telefono a:link,#ver_telefono a:visited{ font-size:11px; color:#65acec; text-decoration:none; }


/*funcionamiento y componentes---------------------------------------------------------------*/
#titulo_fondo{background:url(/orilink/img/titulos.jpg) no-repeat top left; width:274px; height:64px; padding:30px 0 0 60px; font-size:18px; }
#grafico{background:url(/orilink/img/grafico.jpg) no-repeat top center; width:900px; height:419px; line-height:15px; }
#g1{width:150px; float:left; padding:105px 0px 0px 105px;}
#g2{width:230px; float:left; padding:36px 0px 0px 40px;}
#g3{width:200px; float:left; padding:0px 0px 0px 60px;}
#g4{width:240px; float:right; padding:320px 0px 0px 5px;}
.azul_claro{ color:#65acec;}
.azul_oscuro{ color:#0b3b6d;}
.naranja{color:#e88300;}
.peque{font-size:10px; padding:10px;}

#componentes{width:175px; float:left; padding:0px; text-align: center;}
#c1{padding:0px; text-align:center; line-height:14px;}
#extras{padding:10px; color:#e88300; width:850px;}
#extras a, #extras a:hover, #extras a:link, #extras a:visited{ color:#65acec;}
#extras ul {padding:10px 0px 0px 20px; }
#extras ul li{list-style-image:url(/orilink/img/lista_extras.jpg); padding:0px 0px 5px 0px; line-height:16px; }
#texto{padding:20px;}

#pie{background:url(/orilink/img/pie.jpg) repeat-x; width:100%; height:60px; text-align:center;}
